.hero-bg{background-size:cover;background-position:center;height:460px}.mobile-menu{transition:transform .3s ease-in-out}.mobile-menu-hidden{transform:translate(-100%)}.mobile-menu-open{transform:translate(0)}#main-nav .nav-item{position:relative}#main-nav .nav-link{color:#fff;font-weight:400;font-size:.875rem;border:solid 1px #1e463e}#main-nav .nav-link:hover,#main-nav .nav-link.active{border:1px solid #44efe5}#main-nav .nav-link i{color:#fff;transition:color .3s ease}#main-nav .nav-link:hover i,#main-nav .nav-link.active i{color:#44efe5}.search-input{transition:width .3s ease-in-out,opacity .3s ease-in-out}.search-input-hidden{width:0;opacity:0;pointer-events:none}.search-input-visible{width:200px;opacity:1;pointer-events:auto}.section__heading{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:.75rem}.section__heading--maintitle{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;position:relative;padding:.5rem}.section__heading--maintitle:after{content:"";position:absolute;bottom:0;left:4%;width:50%;height:2px;background-color:#ef4444;border-radius:1px}.view__all--link{font-size:.875rem;color:#ef4444;text-decoration:none;font-weight:700;transition:color .3s ease}.view__all--link:hover{color:#dc2626}#search-popup{transition:opacity .3s ease-in-out}#search-popup.hidden{opacity:0;pointer-events:none}#search-popup:not(.hidden){opacity:1;pointer-events:auto}#search-form{position:relative;border:1px solid #2f4274;border-radius:4px;overflow:hidden;background-color:#4b5563}#search-input{padding-right:2.5rem;background-color:#4b5563;width:100%;border:none;color:#fff;font-size:1rem}#search-input::-moz-placeholder{color:#9ca3af;opacity:1}#search-input::placeholder{color:#9ca3af;opacity:1}#search-input:focus{outline:none;box-shadow:none}#search-submit{position:absolute;right:1px;bottom:-18px;width:2.5rem;background-color:#2f4274;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}#search-submit i{color:#fff;font-size:1rem}#search-submit:hover{background-color:#1b4063}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;padding:1rem}.product-grid h3{font-size:.9rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem;padding:1rem}.blog-grid h3{font-size:1rem}.d-card{background-color:#eef7ff61;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;transition:all .3s ease,border .3s ease;display:grid}@media (max-width: 1023px){#main-nav{display:none}#main-nav.active{display:flex;flex-direction:column}#search-form{width:100%}}@media (min-width: 1024px){#main-nav{display:flex;flex-direction:row;gap:1.5rem}.search-input-visible{width:250px}.hero-content{width:100%;justify-content:center}}@media (max-width: 767px){.hero-bg{height:300px}.section__heading--maintitle{font-size:1.3rem}.hero-content{width:100%;padding:0 1rem}.action-btn i{font-size:.875rem}.action-btn[title]:hover:after{font-size:.675rem;top:-1.75rem}.product-grid,.blog-grid{padding:.5rem}}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1200px;margin:0 auto}.section-bg{background-color:#f2f5f9;padding:2rem 0}@media (min-width: 768px){.section-bg{padding:2rem 1rem}}@media (max-width: 767px){.section-bg{padding:1.5rem 1rem}}@media (max-width: 399px){.section-bg{padding:1rem .5rem}}.table{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000000d}.table thead{background-color:#f2f5f9}.table th{padding:1rem 1.5rem;text-align:left;font-size:1rem;font-weight:700;color:#1f2937}.table td{padding:1rem;vertical-align:top}@media (max-width: 399px){.table{min-width:320px}.table th,.table td{padding:.5rem;font-size:.75rem}}.sidebar-widget{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000000d}.sidebar-widget h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem;border-bottom:2px solid #9f224e;padding-bottom:.5rem}.sidebar-widget .popular-post{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;transition:box-shadow .2s ease}.sidebar-widget .popular-post:hover{box-shadow:0 4px 6px #0000001a}.sidebar-widget .popular-post img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:.25rem}.sidebar-widget .popular-post a{font-size:.875rem;font-weight:400;color:#1f2937;line-height:1.25;transition:color .2s ease}.sidebar-widget .popular-post a:hover{color:#9f224e}.sidebar-widget .popular-post span.number{font-size:.875rem;font-weight:700;color:#9f224e;min-width:1.5rem}.sidebar-widget .tags{display:flex;flex-wrap:wrap;gap:.75rem}.sidebar-widget .tag{background-color:#f8f9fa;color:#1f2937;font-size:.875rem;font-weight:400;padding:.5rem 1rem;border:1px solid #fecaca;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.sidebar-widget .tag:hover{background-color:#9f224e;color:#fff;border-color:#9f224e}.page-description{padding:1.5rem;background-color:#f8f9fa;border-radius:.5rem;margin-top:1rem;color:#6b7280;font-size:.875rem}.search-input-2,.sort-select{width:100%;height:2.8rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.75rem;color:#1f2937;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.search-input-2:focus,.sort-select:focus{outline:none;border-color:#9f224e;box-shadow:0 0 0 3px #ef44441a}.category-card{background-color:#fff;padding:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:all .3s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a,0 0 0 3px #3b82f64d;border-color:transparent}.category-card i{font-size:1.25rem;color:#1e40af;animation:pulse 2s infinite ease-in-out}.category-card:hover i{color:#3b82f6;animation:none}.category-card span{font-size:.813rem;font-weight:700;color:#1e293b;text-transform:capitalize}.post-content{background-color:transparent}.post-content h2{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;position:relative}.post-content h2:after{content:"";position:absolute;bottom:-.25rem;left:0;width:50px;height:2px;background:#9f224e}.post-content p{font-size:1.125rem;line-height:1.75;margin-bottom:1rem}.post-content ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}.post-content ul li{font-size:1.125rem;margin-bottom:.5rem}.post-content ol{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}.post-content ol li{font-size:1.125rem;margin-bottom:.5rem}.post-content img{max-width:100%;height:auto;border-radius:.5rem}@media (min-width: 1024px){.container{padding-left:1rem;padding-right:1rem}.content-wrapper{display:grid;grid-template-columns:3fr 1fr;gap:2rem}}@media (max-width: 1023px){.container{padding-left:.5rem;padding-right:.5rem;width:100%;max-width:100%}.section-bg{padding:1rem .5rem}.sidebar-widget{display:none}}@media (max-width: 767px){.blog-card img{height:160px}.blog-card .category,.blog-card .date,.blog-card .excerpt{font-size:.75rem}.blog-card h3{font-size:1rem}.category-card{padding:.5rem;min-height:50px}.category-card i{font-size:1rem}.category-card span{font-size:.788rem}.post-content h2{font-size:1.25rem}.post-content p,.post-content ul li{font-size:1.1rem}}@media (max-width: 499px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 399px){.container{padding-left:.25rem;padding-right:.25rem}}.loading{text-align:center;padding:20px;color:#666}.error{text-align:center;padding:20px;color:#d00}.no-results{text-align:center;padding:20px;color:#666;font-style:italic}.action-btn{background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:.5rem;padding:.35rem;color:#1f2937;transition:background-color .2s ease,color .2s ease,border-color .2s ease;position:relative;font-size:.7rem}.action-btn:hover{background-color:#9f224e;color:#fff;border-color:#9f224e}.action-btn i{font-size:1rem}.action-btn[title]:hover:after{content:attr(title);position:absolute;top:-2rem;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:10}.container-h{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}.table .product-grid{padding:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-weight:700;line-height:1.3;margin-bottom:1rem}.post-content h1{font-size:1.75rem}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content h4,.post-content h5,.post-content h6{font-size:1rem}@media (min-width: 768px){.post-content h1{font-size:2.25rem}.post-content h2{font-size:1.75rem}.post-content h3{font-size:1.5rem}.post-content h4,.post-content h5,.post-content h6{font-size:1.25rem}}#main-content{background-color:#f8fafc;border-radius:.5rem}.brand-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:4.5rem;height:4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.25rem;transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.brand-card:hover{transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.brand-logo{width:2.5rem;height:2.5rem;-o-object-fit:contain;object-fit:contain;margin-bottom:.25rem}.brand-name{font-size:.75rem;font-weight:400;color:#1f2937;text-align:center;padding:0 .35rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 767px){.brand-card{width:4rem;height:4rem}.brand-logo{width:2rem;height:2rem}.brand-name{font-size:.7rem}}.brand-grid{max-width:100%;justify-items:center}@media (min-width: 768px){.brand-grid{max-width:768px}}@media (min-width: 1024px){.brand-grid{max-width:1200px}}.brand-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}@media (min-width: 640px){.brand-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 768px){.brand-grid{grid-template-columns:repeat(6,1fr);gap:.375rem}}@media (min-width: 896px){.brand-grid{grid-template-columns:repeat(8,1fr)}}@media (min-width: 1024px){.brand-grid{grid-template-columns:repeat(10,1fr);gap:.5rem}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-pulse-custom{animation:pulse 2s infinite ease-in-out}.scroll-up,.scroll-down{animation:none}.tap-active{transform:scale(1.1);background:linear-gradient(135deg,#00e4ff,#00a4ff);box-shadow:0 8px 16px #0084ff66}.post-content a{color:#2563eb}.post-content table{border-collapse:collapse;width:100%;max-width:100%;margin:20px 0;font-size:14px;position:relative}.post-content th,.post-content td{border:1px solid black;padding:8px;text-align:center;white-space:normal}.post-content th{background-color:#f2f2f2}.post-content .legend{margin-top:10px;font-size:12px}.post-content .legend span{margin-right:10px}.post-content .scroll-hint{display:none;text-align:center;font-size:12px;color:#666;padding:5px;background-color:#f9f9f9;border-radius:5px;position:sticky;top:0;z-index:1}@media (max-width: 768px){.post-content table{display:block!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-content th,.post-content td{min-width:80px;font-size:12px}.post-content th{padding:6px}.post-content td{padding:4px}.post-content .legend{font-size:10px}.post-content .scroll-hint{display:block}}.table2 th,.table2 td{white-space:nowrap}