@media (max-width:720px){
  /* Mobile-only refinement: keep desktop untouched and make the first screen denser. */
  .site-header .header-inner{
    min-height:72px!important;
    height:72px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    gap:8px!important;
  }
  .site-header .brand{gap:6px!important;min-width:0!important}
  .site-header .brand-logo{
    width:48px!important;
    max-width:48px!important;
    height:48px!important;
    transform:scale(1.24)!important;
    margin:-3px -2px!important;
  }
  .site-header .brand-wordmark{
    font-size:17px!important;
    letter-spacing:.018em!important;
  }
  .site-header .account-header-link{
    font-size:11px!important;
    padding:0 2px!important;
    flex:0 0 auto!important;
  }
  .site-header .cart-link{
    min-width:58px!important;
    padding:7px 9px!important;
    gap:6px!important;
  }
  .site-header .cart-link>span:first-child{display:none!important}

  .storefront-v2{
    padding:6px 8px 26px!important;
  }
  .storefront-v2 .hero{
    min-height:0!important;
    padding:18px 16px 14px!important;
    gap:16px!important;
    border-radius:20px!important;
  }
  .storefront-v2 .hero-copy .eyebrow{
    font-size:9.5px!important;
    letter-spacing:.13em!important;
  }
  .storefront-v2 .hero-copy h1{
    margin-top:10px!important;
    margin-bottom:14px!important;
    font-size:39px!important;
    line-height:.96!important;
    letter-spacing:-.025em!important;
  }
  .storefront-v2 .hero-copy>p{
    margin:0 0 16px!important;
    font-size:14px!important;
    line-height:1.48!important;
  }
  .storefront-v2 .hero-actions{
    gap:8px!important;
    margin:0!important;
  }
  .storefront-v2 .hero-actions .btn{
    min-height:43px!important;
    padding:0 16px!important;
    font-size:13.5px!important;
  }

  /* Benefits: 2x2, icon above, title only. */
  .storefront-v2 .hero-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:16px!important;
  }
  .storefront-v2 .hero-benefits>div{
    min-height:94px!important;
    padding:9px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    text-align:center!important;
    background:rgba(255,255,255,.84)!important;
    box-shadow:none!important;
  }
  .storefront-v2 .hero-benefits>div:after{display:none!important}
  .storefront-v2 .hero-benefits .benefit-icon{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border:1px solid rgba(233,30,140,.14)!important;
    border-radius:50%!important;
    background-color:#fff1f6!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:23px 23px!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .storefront-v2 .hero-benefits p{
    margin:0!important;
    min-width:0!important;
    text-align:center!important;
  }
  .storefront-v2 .hero-benefits strong{
    display:block!important;
    font-size:12.5px!important;
    line-height:1.22!important;
    font-weight:700!important;
    color:#30292b!important;
  }
  .storefront-v2 .hero-benefits small{display:none!important}
  .storefront-v2 .hero-benefits>div:nth-child(1) .benefit-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23E91E8C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 26S5 20 5 12.5C5 8.7 7.6 6 11.1 6c2.2 0 4 1.1 4.9 2.8C16.9 7.1 18.7 6 20.9 6 24.4 6 27 8.7 27 12.5 27 20 16 26 16 26Z'/%3E%3Cpath d='M22 23c2.1-.1 3.8-1 5-2.7M23.8 20.8c.4-1.6 1.3-2.7 2.8-3.3M21.8 23.1c.3-1.6 1.2-2.8 2.7-3.5'/%3E%3C/svg%3E")!important}
  .storefront-v2 .hero-benefits>div:nth-child(2) .benefit-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23E91E8C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 23 2-6L21 5l6 6-12 12-6 2-2-2Z'/%3E%3Cpath d='m18 8 6 6M9 17l6 6'/%3E%3Cpath d='M6 8h3M7.5 6.5v3M24 22h3M25.5 20.5v3'/%3E%3C/svg%3E")!important}
  .storefront-v2 .hero-benefits>div:nth-child(3) .benefit-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23E91E8C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h15v11H4zM19 14h5l4 4v3h-9z'/%3E%3Ccircle cx='9' cy='23' r='2.5'/%3E%3Ccircle cx='23' cy='23' r='2.5'/%3E%3Cpath d='M2 13h4M1 16h5M3 19h3'/%3E%3C/svg%3E")!important}
  .storefront-v2 .hero-benefits>div:nth-child(4) .benefit-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23E91E8C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4 26 8v7c0 6.5-4.4 10.7-10 13-5.6-2.3-10-6.5-10-13V8l10-4Z'/%3E%3Cpath d='m11.5 16 3 3 6-7'/%3E%3C/svg%3E")!important}

  /* Collage: use the natural 3x2 proportion and remove the large empty pink tail. */
  .storefront-v2 .hero-visual,
  .storefront-v2 .hero-single-panel{
    min-height:0!important;
    height:auto!important;
    align-self:auto!important;
  }
  .storefront-v2 .hero-single-panel{
    width:100%!important;
    margin:0!important;
    padding:6px!important;
    border-radius:17px!important;
  }
  .storefront-v2 .hero-single-frame{
    width:100%!important;
    aspect-ratio:3/2!important;
    border-radius:12px!important;
  }
  .storefront-v2 .hero-single-frame img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .storefront-v2 .hero-single-panel:after{display:none!important}

  .storefront-section{margin-top:24px!important}
  .category-heading{font-size:29px!important;margin-top:6px!important}
}