
/* ELIFLI CAKERY V20.14.166 — REAL MOBILE CART LAYOUT
   Targets actual cart.html selectors. Desktop unchanged. */

@media (max-width:780px){
  html,body{max-width:100%!important;overflow-x:hidden!important}

  .cart-page{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }

  .cart-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }

  #cartRows{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .selection-note{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0 0 16px!important;
  }

  /* Actual dynamically rendered product row */
  .cart-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:132px minmax(0,1fr)!important;
    grid-template-areas:
      "image info"
      "actions actions"!important;
    column-gap:14px!important;
    row-gap:14px!important;
    align-items:start!important;
    box-sizing:border-box!important;
    padding:18px 0!important;
    margin:0!important;
  }

  .cart-row>img{
    grid-area:image!important;
    width:132px!important;
    height:166px!important;
    min-width:132px!important;
    max-width:132px!important;
    object-fit:cover!important;
    border-radius:18px!important;
    align-self:start!important;
  }

  .cart-product{
    grid-area:info!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    box-sizing:border-box!important;
  }

  .cart-product>b{
    display:block!important;
    width:100%!important;
    font-size:19px!important;
    line-height:1.1!important;
    overflow-wrap:anywhere!important;
    margin:0 0 6px!important;
  }

  .cart-product>small{
    font-size:14px!important;
    line-height:1.3!important;
    margin-bottom:7px!important;
  }

  .cart-product>strong{
    font-size:18px!important;
    line-height:1.2!important;
    margin-bottom:9px!important;
  }

  .cart-item-meta{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:0 0 10px!important;
  }

  .cart-chip{
    max-width:100%!important;
    padding:6px 9px!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    box-sizing:border-box!important;
  }

  .cart-more{
    width:100%!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }

  .cart-actions{
    grid-area:actions!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .cart-actions button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    margin:0!important;
    box-sizing:border-box!important;
    font-size:16px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }

  .cart-row+.cart-row{
    border-top:1px solid #f2dce3!important;
    padding-top:22px!important;
    margin-top:4px!important;
  }

  #customerPanel,.summary-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:390px){
  .cart-row{
    grid-template-columns:116px minmax(0,1fr)!important;
    column-gap:11px!important;
  }
  .cart-row>img{
    width:116px!important;height:148px!important;
    min-width:116px!important;max-width:116px!important;
  }
  .cart-product>b{font-size:17px!important}
  .cart-product>strong{font-size:17px!important}
}
