.site-header{background:#fff0;position:absolute;top:0;left:0;width:100%;z-index:1000;box-shadow:none;border-bottom:1px solid rgb(255 255 255 / .1)}.site-header .container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1rem 20px;position:relative}.site-branding{flex-shrink:0}.site-branding .logo{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 2px 4px rgb(0 0 0 / .5);transition:color 0.3s ease}.site-branding .logo:hover{color:#4a8c39}.main-navigation{display:flex;justify-content:center}.primary-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center;justify-content:center}.primary-menu>li{position:relative}.primary-menu a{color:#fff;text-decoration:none;padding:.5rem 1rem;display:flex;align-items:center;gap:.3rem;transition:all 0.3s ease;font-weight:500;border-radius:4px}.primary-menu a:hover{color:#4a8c39;background:rgb(255 255 255 / .1)}.primary-menu .menu-item-has-children>a::after{content:"▼";font-size:.6em;margin-left:.3rem;transition:transform 0.3s ease}.primary-menu .sub-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;min-width:200px;box-shadow:0 8px 16px rgb(0 0 0 / .15);border-radius:6px;list-style:none;padding:.5rem 0;margin:0;z-index:1001;border:1px solid #eee}.primary-menu .sub-menu li{margin:0}.primary-menu .sub-menu a{padding:.75rem 1.5rem;white-space:nowrap;color:#555;border-bottom:none;display:block;font-weight:400;text-align:center}.primary-menu .sub-menu a:hover{background-color:#f8f8f8;color:#4a8c39}.primary-menu li:hover>.sub-menu{display:block}.primary-menu li:hover>a::after{transform:rotate(180deg)}.primary-menu .current-menu-item>a,.primary-menu .current-category-parent>a{color:#4a8c39;font-weight:700}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:#fff0;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-menu span{width:100%;height:3px;background:#fff;border-radius:2px;transition:all 0.3s ease;transform-origin:center}.hamburger-menu[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu[aria-expanded="true"] span:nth-child(2){opacity:0}.hamburger-menu[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.hamburger-menu{display:flex}.main-navigation{position:fixed;top:0;left:0;width:100%;height:100vh;background:#11120d;box-shadow:0 4px 10px rgb(0 0 0 / .1);opacity:0;visibility:hidden;transform:translateX(-100%);transition:all 0.3s ease;z-index:999;display:flex;align-items:center;justify-content:center;overflow-y:auto}.main-navigation.active{opacity:1;visibility:visible;transform:translateX(0)}.primary-menu{flex-direction:column;gap:1rem;width:100%;padding:2rem}.primary-menu>li{width:100%;text-align:center}.primary-menu a{padding:1rem;justify-content:center;color:#fff;font-size:1.2rem;display:block}.primary-menu .sub-menu{position:static;box-shadow:none;border:none;border-radius:0;width:100%;background-color:rgb(255 255 255 / .1);display:none;margin-top:.5rem}.primary-menu .sub-menu a{padding:.8rem 1rem;color:#fff;font-size:1rem}.primary-menu li.active>.sub-menu{display:block}.site-header .container{padding:.8rem 20px;min-height:60px}.site-branding .logo{font-size:1.5rem}.menu-close{display:block}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.main-content{position:relative;z-index:1;width:100%}.hero{background:url(https://www.solargadgetshub.com/wp-content/uploads/2025/08/solar-i.png) no-repeat center center/cover;width:100%;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 20px;margin:0;position:relative}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .4);z-index:0}.hero h1,.hero p,.hero .cta-button{position:relative;z-index:1}.hero h1{font-size:3rem;margin-bottom:15px;text-shadow:0 2px 10px rgb(0 0 0 / .5)}.hero p{font-size:1.25rem;margin-bottom:25px;max-width:700px}.blog-section{padding:40px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;justify-content:center}.blog-section h2,.blog-section .dropdown,.blog-section .pagination{text-align:center;margin-left:auto;margin-right:auto}.dropdown{position:relative;display:inline-block;width:auto;text-align:center;margin:20px auto}html,body{overflow-x:hidden}body{position:relative}.site-header{position:relative}.container{box-sizing:border-box}.primary-menu .sub-menu,.main-navigation{transition:all 0.3s ease}.site-header .container{position:relative;z-index:1002}body.menu-open{overflow:hidden}.menu-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:1002;display:none}.primary-menu>.menu-item-has-children{position:relative}.primary-menu .sub-menu{left:50%;transform:translateX(-50%);text-align:center}.primary-menu .menu-item-has-children>a::after{content:"▼";font-size:.6em;margin-left:.3rem;transition:transform 0.3s ease;transform:rotate(var(--arrow-rotate,0deg))}@media (max-width:768px){.main-navigation{position:absolute;top:100%;left:0;width:100%;max-height:0;background:#11120d;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:999;box-shadow:0 4px 10px rgb(0 0 0 / .15);border-radius:0 0 10px 10px}.main-navigation.active{max-height:400px;opacity:1;visibility:visible;transform:translateY(0)}.primary-menu{flex-direction:column;gap:.3rem;width:100%;padding:.5rem 1rem}.primary-menu a{padding:.6rem .8rem;font-size:1rem;color:#fff;text-align:left;border-radius:5px;transition:background 0.3s ease}.primary-menu a:hover{background:rgb(255 255 255 / .08);color:#4a8c39}.primary-menu .sub-menu{background:rgb(255 255 255 / .05);margin-top:.2rem;border-radius:5px;display:none;padding:.2rem 0}.primary-menu li.active>.sub-menu{display:block}.primary-menu .sub-menu a{font-size:.95rem;padding:.4rem .8rem;color:#f5f5f5}}.primary-menu .sub-menu{max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.35s ease;transform-origin:top center}.primary-menu li:hover>.sub-menu,.primary-menu li.active>.sub-menu{max-height:500px;opacity:1;visibility:visible;transform:translateY(0)}.primary-menu .menu-item-blog>.sub-menu{top:auto;bottom:100%;transform:translateY(-10px);transform-origin:bottom center}.primary-menu .menu-item-blog:hover>.sub-menu,.primary-menu .menu-item-blog.active>.sub-menu{transform:translateY(0);opacity:1;visibility:visible;max-height:500px}@media (min-width:769px){.primary-menu .menu-item-blog>.sub-menu{left:0;transform:none}}body,html{margin:0!important;padding:0!important}.site-header{position:absolute!important;top:0;left:0;width:100%;background:transparent!important;border-bottom:none!important;box-shadow:none!important;z-index:1000}.main-content{margin-top:0!important;padding-top:0!important}header.hero{margin-top:0!important;padding-top:150px;min-height:80vh;background-position:center top!important}body.admin-bar .site-header{top:32px!important}@media screen and (max-width:782px){body.admin-bar .site-header{top:46px!important}}