/* ELIFLI CAKERY V20.14.56
   Mobile homepage rebalance only.
   Desktop, courier, payment and admin flows are intentionally untouched. */

@media (max-width: 900px){

  /* General mobile rhythm */
  body.home-v20 .mhome{
    overflow-x:hidden;
    padding-bottom:24px;
  }

  /* Header: readable without consuming half the viewport */
  .mhome-head{
    padding:14px 14px 8px!important;
  }
  .mhome-head-top{
    grid-template-columns:44px minmax(0,1fr) 132px!important;
    gap:8px!important;
  }
  .mhome-menu{
    width:42px!important;
    height:42px!important;
    font-size:29px!important;
  }
  .mhome-wordmark{
    min-width:0!important;
  }
  .mhome-wordmark strong{
    font-size:42px!important;
  }
  .mhome-wordmark small{
    margin-top:6px!important;
    font-size:10px!important;
    letter-spacing:5px!important;
  }
  .mhome-top-actions{
    gap:5px!important;
  }
  .mhome-tool-btn{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }
  .mhome-search-wrap{
    height:46px!important;
    margin-top:12px!important;
    padding:0 15px!important;
  }
  .mhome-search-wrap input{
    font-size:14px!important;
  }
  .mhome-search-wrap span{
    font-size:22px!important;
  }

  /* Category bubbles */
  .mhome-categories-top{
    padding:16px 12px 6px!important;
  }
  .mhome-cat-strip{
    gap:7px!important;
  }
  .mhome-cat-visual{
    width:58px!important;
    height:58px!important;
    font-size:25px!important;
  }
  .mhome-cat b{
    margin-top:6px!important;
    font-size:10px!important;
    line-height:1.15!important;
  }

  /* Hero */
  .mhome-hero{
    margin:12px 12px 0!important;
    min-height:250px!important;
    border-radius:18px!important;
    grid-template-columns:46% 54%!important;
  }
  .mhome-hero-copy{
    padding:22px 9px 20px 18px!important;
  }
  .mhome-hero-kicker{
    font-size:8px!important;
    letter-spacing:1.5px!important;
  }
  .mhome-hero-copy h1{
    font-size:22px!important;
    line-height:1.05!important;
  }
  .mhome-hero-copy h1 em{
    font-size:28px!important;
  }
  .mhome-hero-copy p{
    margin:12px 0!important;
    font-size:11.5px!important;
    line-height:1.42!important;
  }
  .mhome-hero-copy a{
    min-height:40px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    font-size:11px!important;
    border-radius:8px!important;
  }
  .mhome-hero-image{
    min-height:250px!important;
  }

  /* === Three ordering paths ===
     Explicit grid placement fixes the previous mobile auto-flow,
     which was forcing text into a narrow right column and making cards enormous. */
  .order-paths-premium{
    width:calc(100% - 24px)!important;
    margin:18px auto 10px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .order-path-premium{
    min-height:260px!important;
    padding:22px 18px 20px!important;
    border-radius:22px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 108px!important;
    grid-template-rows:1fr!important;
    column-gap:12px!important;
    align-items:center!important;
  }
  .order-path-premium__content{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    padding-top:48px!important;
    min-width:0!important;
  }
  .order-path-premium__visual{
    grid-column:2!important;
    grid-row:1!important;
    width:102px!important;
    margin:22px 0 0!important;
    justify-self:end!important;
    align-self:center!important;
    transform:none!important;
  }
  .order-path-premium__number{
    top:18px!important;
    left:18px!important;
    width:42px!important;
    height:42px!important;
    font-size:17px!important;
  }
  .order-path-premium__badge{
    top:18px!important;
    right:16px!important;
    padding:6px 10px!important;
    font-size:8px!important;
    letter-spacing:1px!important;
  }
  .order-path-premium__eyebrow{
    margin-bottom:7px!important;
    font-size:9px!important;
    letter-spacing:1.2px!important;
  }
  .order-path-premium h2{
    margin:0 0 10px!important;
    font-size:25px!important;
    line-height:1.02!important;
    letter-spacing:-.35px!important;
  }
  .order-path-premium p{
    max-width:235px!important;
    margin:0 0 15px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .order-path-premium__cta{
    min-height:44px!important;
    padding:0 16px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
    font-weight:850!important;
    letter-spacing:.1px!important;
  }

  /* Category based product rows */
  #mhomeProducts.mhome-category-showcase{
    padding:28px 12px 30px!important;
  }
  #mhomeCategorySections{
    gap:34px!important;
  }
  .mhome-category-group__head{
    margin-bottom:14px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .mhome-category-group__eyebrow{
    font-size:8.5px!important;
    letter-spacing:.13em!important;
    margin-bottom:5px!important;
  }
  .mhome-category-group__title{
    font-size:23px!important;
    line-height:1.05!important;
  }
  .mhome-category-group__all{
    min-height:38px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:10px!important;
  }
  .mhome-category-group .mhome-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
    padding:4px 0 10px!important;
    margin:0!important;
  }
  .mhome-category-group .mhome-product{
    border-radius:14px!important;
  }
  .mhome-category-group .mhome-product-photo{
    height:clamp(175px,52vw,230px)!important;
  }
  .mhome-category-group .mhome-product-copy{
    padding:11px 11px 13px!important;
  }
  .mhome-category-group .mhome-product-copy h3{
    margin-bottom:5px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  .mhome-category-group .mhome-product-copy small{
    margin-bottom:6px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  .mhome-category-group .mhome-product-copy strong{
    font-size:12.5px!important;
  }
  .mhome-category-group .mhome-product-heart{
    width:31px!important;
    height:31px!important;
    right:8px!important;
    top:8px!important;
    font-size:18px!important;
  }

  /* Bottom social area */
  .mhome-social-row{
    margin:20px 12px 0!important;
  }
  .mhome-instagram-cta{
    min-height:68px!important;
  }
}

@media (max-width: 430px){
  .mhome-head-top{
    grid-template-columns:42px minmax(0,1fr) 124px!important;
  }
  .mhome-wordmark strong{
    font-size:39px!important;
  }
  .mhome-tool-btn{
    width:36px!important;
    height:36px!important;
    font-size:17px!important;
  }

  .order-path-premium{
    min-height:248px!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    padding:20px 16px 18px!important;
  }
  .order-path-premium__content{
    padding-top:46px!important;
  }
  .order-path-premium__visual{
    width:88px!important;
  }
  .order-path-premium h2{
    font-size:23px!important;
  }
  .order-path-premium p{
    font-size:12.5px!important;
    max-width:210px!important;
  }
  .order-path-premium__cta{
    min-height:43px!important;
    font-size:11px!important;
  }

  .mhome-category-group__title{
    font-size:21px!important;
  }
  .mhome-category-group__all{
    font-size:9px!important;
    padding:0 11px!important;
  }
}