/* I-Class Shared Responsive CSS */
@media(max-width:1024px){
    .product-grid{grid-template-columns:repeat(3,1fr)}
    .bento-grid{grid-template-columns:repeat(3,1fr)}
    .posts-grid{grid-template-columns:repeat(2,1fr)}
    .nav-menu{gap:15px}
    .hero h1{font-size:2rem}
    .category-icons{gap:12px}
    .compare-table{font-size:.85rem}
    .compare-table th,.compare-table td{padding:10px 12px}
}
@media(max-width:768px){
    .header-top-bar{font-size:.7rem;padding:4px 0}
    .nav-toggle{display:block}
    .main-nav{position:absolute;top:70px;left:0;right:0;background:linear-gradient(135deg,var(--color-primary),var(--color-dark));display:none;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.2)}
    .main-nav.active{display:block}
    .nav-menu{flex-direction:column;gap:15px}
    .nav-menu a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}
    .header-actions{display:none}
    .hero h1{font-size:1.6rem}
    .hero p{font-size:.95rem}
    .product-grid{grid-template-columns:repeat(2,1fr)}
    .bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
    .bento-item-large{grid-column:span 2;grid-row:span 1}
    .bento-item-wide{grid-column:span 2}
    .posts-grid{grid-template-columns:1fr}
    .footer-widgets{grid-template-columns:1fr}
    .section-title{font-size:1.4rem;margin-bottom:25px}
    .h-scroll-item{flex:0 0 180px}
    .h-scroll-item img{width:180px;height:130px}
    .search-filter-bar{flex-direction:column}
    .search-filter-bar input,.search-filter-bar select{min-width:100%}
    .category-icons{gap:8px}
    .category-icon-item{min-width:70px;padding:8px 10px}
    .cat-emoji{font-size:1.4rem}
    .cat-name{font-size:.65rem}
    .single-post{padding:30px 0}
    .single-post .post-title{font-size:1.5rem}
    .compare-table{display:block;overflow-x:auto}
    .tab-nav{gap:6px}
    .tab-nav button{padding:6px 14px;font-size:.8rem}
    .ti-list-item{flex-direction:column;text-align:center}
    .ti-list-item img{width:60px;height:60px}
    .download-priority h2{font-size:1.5rem}
    .modal-box{padding:20px}
    .sidebar-right{padding:20px 0}
    .megamenu-panel{min-width:auto;width:100%;left:0;right:0}
    .megamenu-wrapper:hover .megamenu-panel,.megamenu-panel.active{grid-template-columns:1fr}
}
@media(max-width:480px){
    .product-grid{grid-template-columns:1fr}
    .bento-grid{grid-template-columns:1fr;grid-auto-rows:200px}
    .bento-item-large,.bento-item-wide,.bento-item-tall{grid-column:span 1;grid-row:span 1}
    .hero h1{font-size:1.4rem}
    .btn{padding:10px 22px;font-size:.85rem}
    .btn-lg{padding:12px 30px;font-size:.95rem}
    .container{padding:0 15px}
    .section-title{font-size:1.2rem;margin-bottom:20px}
    .single-post .post-title{font-size:1.3rem}
    .archive-title{font-size:1.3rem}
    .category-icon-item{min-width:60px;padding:6px 8px}
    .post-thumb{height:150px}
    .download-priority h2{font-size:1.3rem}
    .download-priority p{font-size:.9rem}
}