.mobile-features{display:none}
.search button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

@media(max-width:760px){
  body{overflow-x:hidden}

  .site-header{
    position:relative!important;
    top:auto;
    z-index:30;
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:14px 18px 22px!important;
    background:
      radial-gradient(circle at 50% 42%,rgba(242,107,33,.11),transparent 34%),
      var(--navy)!important;
    border-top:5px solid var(--orange);
    border-bottom:0!important;
  }

  .site-header .logo-wrap{
    position:relative!important;
    isolation:isolate;
    contain:layout paint;
    overflow:hidden!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:min(82vw,360px)!important;
    height:260px!important;
    margin:2px auto 18px;
    flex:none;
  }

  .site-header .logo-wrap img{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 0 15px rgba(242,107,33,.32));
  }

  .site-header .logo-fallback{
    font-size:34px;
  }

  .site-header .menu-toggle{
    position:absolute;
    top:20px;
    right:18px;
    display:flex;
    width:50px;
    height:50px;
    margin:0;
    padding:11px;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    color:#fff;
    background:#0a2032;
    border:1px solid rgba(255,255,255,.42);
    border-radius:12px;
    box-shadow:0 8px 22px rgba(0,0,0,.23);
  }

  .menu-toggle span{
    display:block;
    width:100%;
    height:3px;
    background:currentColor;
    border-radius:5px;
    transition:.25s;
  }

  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

  .site-header .search{
    position:relative;
    z-index:4;
    display:flex;
    width:100%;
    max-width:620px;
    height:62px;
    margin:0 auto;
    padding:5px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.4);
    border-radius:999px;
    box-shadow:inset 0 0 25px rgba(255,255,255,.025);
  }

  .site-header .search input{
    min-width:0;
    color:#fff;
    padding:10px 20px;
    font-size:16px;
  }

  .site-header .search input::placeholder{color:#aebdca}

  .site-header .search button{
    width:50px;
    height:50px;
    flex:0 0 50px;
    color:#fff;
    background:linear-gradient(145deg,var(--orange2),var(--orange));
    box-shadow:0 8px 20px rgba(242,107,33,.28);
  }

  .site-header .mobile-menu{
    display:none;
    top:78px;
    right:18px;
    left:auto;
    width:min(320px,calc(100vw - 36px));
    max-height:65vh;
    padding:12px 18px;
    overflow-y:auto;
    background:rgba(7,26,43,.98);
    border:1px solid rgba(255,255,255,.18);
    border-top:4px solid var(--orange);
    border-radius:0 0 16px 16px;
    box-shadow:0 22px 55px rgba(0,0,0,.62);
    backdrop-filter:blur(14px);
  }

  .site-header .mobile-menu.open{display:grid}
  .site-header .mobile-menu-title{font-size:18px}
  .site-header .mobile-menu a{padding:13px 5px}

  .categories{display:none!important}

  .hero-store{
    position:relative;
    display:block;
    min-height:auto;
    padding:54px 18px 30px;
    overflow:hidden;
    text-align:center;
    background:
      radial-gradient(circle at 50% 45%,rgba(242,107,33,.12),transparent 28%),
      linear-gradient(180deg,#071a2b,#061624)!important;
  }

  .hero-store::before{
    content:"";
    position:absolute;
    right:-80px;
    bottom:160px;
    width:210px;
    height:210px;
    border:1px solid rgba(242,107,33,.24);
    border-radius:35px;
    transform:rotate(45deg);
  }

  .hero-store::after{
    content:"";
    position:absolute;
    left:-75px;
    bottom:120px;
    width:190px;
    height:190px;
    background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(242,107,33,.42) 13px 14px);
    transform:rotate(10deg);
    opacity:.55;
  }

  .hero-copy{position:relative;z-index:2;max-width:620px;margin:auto}
  .hero-store .kicker{font-size:17px;letter-spacing:0;color:var(--orange2)}

  .hero-store h1{
    margin:22px 0 18px;
    font-size:clamp(34px,9.5vw,54px);
    line-height:1.3;
    text-wrap:balance;
  }

  .hero-store h1 em{display:inline-block;color:var(--orange2)}
  .hero-store p{max-width:520px;margin:0 auto;color:#c5d2dc;font-size:17px;line-height:1.9}
  .hero-store .shop-now{display:none}
  .hero-showcase{display:none!important}

  .mobile-features{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,minmax(76px,1fr));
    gap:8px;
    max-width:620px;
    margin:68px auto 0;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.18);
  }

  .mobile-features article{
    min-height:132px;
    padding:16px 6px 12px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:12px;
    color:#fff;
    background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
    border:1px solid rgba(255,255,255,.26);
    border-radius:17px;
  }

  .mobile-features svg{
    width:43px;
    height:43px;
    fill:none;
    stroke:var(--orange2);
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mobile-features span{font-size:13px;line-height:1.45}

  .products-section{
    position:relative;
    padding:48px 4vw;
    background:var(--cream);
  }
}

@media(max-width:430px){
  .site-header .logo-wrap{width:min(82vw,310px)!important;height:230px!important;margin-bottom:14px}
  .hero-store{padding-top:48px}
  .hero-store h1{font-size:36px}
  .hero-store p{font-size:15px}
  .mobile-features{gap:6px;margin-top:55px}
  .mobile-features article{min-height:116px;padding-inline:4px;border-radius:14px}
  .mobile-features svg{width:34px;height:34px}
  .mobile-features span{font-size:12px}
}