.mobile-store-menu-toggle,.mobile-store-header-spacer{display:none}

@media(max-width:700px){
  .header{
    position:sticky!important;top:0;z-index:1000;
    display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;
    align-items:center!important;gap:8px!important;
    padding:10px 12px!important;min-height:68px;
    background:rgba(8,17,30,.94)!important;
    border-bottom:1px solid rgba(var(--primary-rgb),.22);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .header h2{margin:0!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px!important;color:var(--primary);text-shadow:0 0 12px rgba(var(--primary-rgb),.45);white-space:nowrap}
  .header h2 .logo-img{max-width:39px!important;max-height:39px!important}
  .mobile-store-menu-toggle,.mobile-store-header-spacer{display:grid;width:46px;height:46px;place-items:center;border-radius:14px}
  .mobile-store-menu-toggle{padding:0;border:1px solid #263744;background:#0b1721;color:#dce7ec;cursor:pointer}
  .mobile-store-menu-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .mobile-store-menu-toggle .close-icon{display:none}.mobile-store-menu-toggle.is-open .menu-icon{display:none}.mobile-store-menu-toggle.is-open .close-icon{display:block}
  .mobile-store-header-spacer{border:0;background:transparent}
  .header .header-links{display:none!important;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px!important;width:100%;padding-top:3px}
  .header .header-links.is-open{display:grid!important}
  .header .header-links a{margin:0!important;padding:11px 8px!important;text-align:center;font-size:12px!important;background:#0d1b25!important}
  .header .header-links a[href="/"],.header .header-links a[href="/opiniones"],.header .header-links a[href="/most-searched"],.header .header-links a[href="/carrito"]{display:none!important}

  .container{padding:12px!important}
  .search{position:relative;display:flex!important;gap:0!important;margin:10px 0 14px!important}
  .search input{height:52px!important;padding:0 58px 0 17px!important;border-radius:17px!important;border:1px solid rgba(var(--primary-rgb),.45)!important;background:rgba(8,17,26,.92)!important}
  .search button{position:absolute!important;right:6px;top:6px;width:40px!important;height:40px!important;padding:0!important;border-radius:12px!important;font-size:0!important}
  .search button:after{content:'›';font-size:28px;line-height:1;color:#fff}

  .container-main{display:block!important}
  .mobile-cat-btn{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:11px 13px!important;margin:0 0 10px!important;border:1px solid rgba(var(--primary-rgb),.34)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(16,35,42,.98),rgba(9,20,29,.98))!important;color:#eef8f3!important;box-shadow:none!important;text-align:left;font:inherit;font-weight:750;cursor:pointer}
  .mobile-cat-btn span{display:flex;align-items:center;gap:9px}.mobile-cat-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-cat-btn span svg{fill:var(--primary);stroke:none}
  .mobile-cat-btn .category-chevron{transition:transform .2s ease}.mobile-cat-btn.is-open .category-chevron{transform:rotate(180deg)}
  .sidebar{display:none!important;width:100%!important;margin:0 0 14px!important;padding:9px!important;border-radius:16px!important;overflow:hidden}
  .sidebar.active{display:block!important;animation:fadeDown .2s ease}
  .sidebar ul{display:flex!important;flex-direction:row!important;gap:7px!important;overflow-x:auto;padding:1px 1px 6px!important;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .sidebar ul::-webkit-scrollbar{display:none}.sidebar li{flex:0 0 auto;scroll-snap-align:start}
  .sidebar a{display:block!important;margin:0!important;padding:9px 12px!important;border-radius:999px!important;white-space:nowrap;font-size:12px!important}

  .hero{padding:22px 20px!important;margin:8px 0 14px!important;min-height:auto!important;border-radius:18px!important}
  .hero h2{font-size:23px!important;margin:0 0 8px!important}.hero p{font-size:14px!important;margin:0!important}
  .grid-controls{justify-content:flex-start!important;gap:7px!important;margin:10px 0 12px!important;overflow-x:auto}
  .grid-btn{min-width:55px!important;padding:10px 13px!important;border-radius:13px!important}.grid-btn[data-grid="3"],.grid-btn[data-grid="4"]{display:none!important}
}

@media(max-width:380px){
  .header h2{font-size:19px!important}.header h2 .logo-img{max-width:34px!important;max-height:34px!important}
}