/* =========================================================
   Phase 111 — Home Shop: four equal paths
   - Coffee Mixes uses the same full-visual / overlay-copy idea as Powder Drinks.
   - The old split copy panel is removed.
   - The freed column becomes Equipment & Accessories.
   - Only the Home shop-universe section is affected.
   ========================================================= */

@media (min-width:901px){
  .shop-universe-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    min-height:0!important;
    align-items:stretch!important;
  }
  .shop-universe-grid > .shop-feature{
    min-width:0!important;
    min-height:430px!important;
    height:430px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    aspect-ratio:auto!important;
  }

  /* Coffee Mixes: remove the old 50/50 image + copy split. */
  .shop-pack-cinema{
    min-height:430px!important;
    background:#241711!important;
  }
  .shop-pack-cinema .shop-pack-stage{
    position:absolute!important;
    inset:0!important;
  }
  .shop-pack-cinema .shop-pack-shot{
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .shop-pack-cinema .shop-pack-shot img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center 43%!important;
    transform:scale(.88)!important;
    filter:saturate(1.03) contrast(1.06) brightness(1.02) drop-shadow(0 24px 22px rgba(48,31,20,.24))!important;
  }
  .shop-pack-cinema .shop-pack-checker{
    inset:0!important;
    border-radius:0!important;
  }
  .shop-pack-cinema:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    background:linear-gradient(180deg,rgba(18,10,6,0) 28%,rgba(18,10,6,.14) 54%,rgba(18,10,6,.82) 100%)!important;
    pointer-events:none!important;
  }
  .shop-pack-cinema .shop-feature-copy{
    position:absolute!important;
    z-index:6!important;
    top:auto!important;
    right:18px!important;
    bottom:20px!important;
    left:18px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#fff!important;
  }
  .shop-pack-cinema .shop-feature-copy>span{
    display:block!important;
    margin:0 0 7px!important;
    color:#dcb98e!important;
    font-size:6px!important;
    letter-spacing:.15em!important;
  }
  .shop-pack-cinema .shop-feature-copy h3{
    margin:0 0 5px!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.35!important;
  }
  .shop-pack-cinema .shop-feature-copy p{
    margin:0 0 8px!important;
    max-width:none!important;
    color:rgba(255,255,255,.82)!important;
    font-size:8px!important;
    line-height:1.8!important;
  }
  .shop-pack-cinema .shop-feature-copy b{
    color:#fff!important;
    font-size:8px!important;
  }
  .shop-pack-cinema .shop-pack-index{
    top:18px!important;
    right:auto!important;
    left:18px!important;
    z-index:7!important;
    color:rgba(255,255,255,.86)!important;
  }
  .shop-pack-cinema .shop-pack-index i{background:rgba(255,255,255,.35)!important}

  /* Powder and Signature follow the same compact card footprint. */
  .shop-feature-side.powder,
  .shop-feature-side.signature.signature-music-card{
    min-height:430px!important;
    height:430px!important;
  }
  .shop-feature-side.signature.signature-music-card{
    background-image:none!important;
  }
  .shop-feature-side.signature.signature-music-card > img{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    object-fit:cover!important;
  }

  /* Equipment card occupies the column released by Coffee Mixes. */
  .equipment-home-card{
    position:relative!important;
    overflow:hidden!important;
    padding:0!important;
    background:#e9dfcf!important;
    color:#fff!important;
  }
  .equipment-home-card picture,
  .equipment-home-card picture img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .equipment-home-card picture img{
    object-fit:cover!important;
    object-position:center!important;
    transition:transform .6s ease!important;
  }
  .equipment-home-card:hover picture img{transform:scale(1.025)!important}
  .equipment-home-shade{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(180deg,transparent 58%,rgba(21,14,9,.70) 100%)!important;
  }
  .equipment-home-copy{
    position:absolute!important;
    z-index:3!important;
    right:18px!important;
    left:18px!important;
    bottom:20px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
    color:#fff!important;
  }
  .equipment-home-copy span{
    font:700 6px/1 Arial,sans-serif!important;
    letter-spacing:.15em!important;
    color:#e8c992!important;
  }
  .equipment-home-copy b{
    font-size:8px!important;
    color:#fff!important;
  }
}

@media (min-width:621px) and (max-width:900px){
  .shop-universe-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .shop-universe-grid > .shop-feature{
    grid-column:auto!important;
    min-height:330px!important;
    height:330px!important;
    aspect-ratio:auto!important;
  }
  .shop-feature-side.signature.signature-music-card{grid-column:auto!important;aspect-ratio:auto!important}
  .equipment-home-card{position:relative!important;overflow:hidden!important;padding:0!important}
  .equipment-home-card picture,.equipment-home-card picture img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}
  .equipment-home-card picture img{object-fit:cover!important}
  .equipment-home-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 58%,rgba(21,14,9,.70) 100%)!important;z-index:2!important}
  .equipment-home-copy{position:absolute!important;z-index:3!important;right:16px!important;left:16px!important;bottom:16px!important;color:#fff!important;display:flex!important;justify-content:space-between!important;gap:10px!important}
  .equipment-home-copy span{font-size:6px!important;color:#e8c992!important}.equipment-home-copy b{font-size:8px!important;color:#fff!important}
}

@media (max-width:620px){
  .equipment-home-card{
    position:relative!important;
    overflow:hidden!important;
    padding:0!important;
    min-height:250px!important;
    background:#e9dfcf!important;
  }
  .equipment-home-card picture,
  .equipment-home-card picture img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
  }
  .equipment-home-card picture img{object-fit:cover!important;object-position:center!important}
  .equipment-home-shade{position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(180deg,transparent 55%,rgba(21,14,9,.72) 100%)!important}
  .equipment-home-copy{position:absolute!important;z-index:3!important;right:14px!important;left:14px!important;bottom:15px!important;color:#fff!important;display:flex!important;justify-content:space-between!important;gap:8px!important}
  .equipment-home-copy span{font-size:6px!important;color:#e8c992!important}.equipment-home-copy b{font-size:8px!important;color:#fff!important}
}