/* Metta Pic Cart — v11.4 */
.mp-cart-page{
  direction:rtl;
  background:#fafaf9;
  padding:110px 0 80px;
  font-family:"Estedad",Tahoma,sans-serif;
}
.mp-cart-page .container{width:min(1100px,calc(100% - 28px));margin:0 auto}
.mp-cart-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:20px;
  align-items:start;
}
.mp-cart-items{
  background:#fff;
  border:1px solid #f3f3f1;
  border-radius:16px;
  padding:8px;
}
.mp-cart-item{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border-bottom:1px solid #f5f5f3;
}
.mp-cart-item:last-child{border-bottom:0}
.mp-cart-image{
  width:88px;height:88px;border-radius:12px;overflow:hidden;background:#f5f5f3;
}
.mp-cart-image img{width:100%;height:100%;object-fit:cover;display:block}
.mp-cart-item h2,
.mp-cart-item h2 a{
  margin:0 0 4px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.55!important;
  color:#111!important;
  letter-spacing:0!important;
}
.mp-cart-item p{
  margin:0 0 8px!important;
  font-size:12px!important;
  color:#777!important;
  line-height:1.6!important;
}
.mp-cart-item .quantity input.qty{
  width:56px!important;min-height:36px!important;height:36px!important;
  border:1px solid #f0f0ee!important;border-radius:8px!important;
  text-align:center;font-size:13px!important;background:#fbfbfa!important;
}
.mp-cart-remove{
  width:36px;height:36px;border-radius:10px;border:1px solid #f0f0ee;
  display:grid;place-items:center;color:#888;background:#fff;
}
.mp-cart-remove svg{width:16px;height:16px}
.mp-cart-summary{
  background:#fff;border:1px solid #f3f3f1;border-radius:16px;padding:20px;
  position:sticky;top:90px;
}
.mp-cart-summary h2{font-size:16px;font-weight:800;margin:0 0 14px}
.mp-summary-row{
  display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:#555;
  border-bottom:1px solid #f5f5f3;
}
.mp-summary-row.total{border-bottom:0;font-weight:800;color:#111;font-size:15px;padding-top:12px}
.mp-summary-actions .checkout-button,
.mp-cart-summary .button.checkout-button{
  display:block;width:100%;text-align:center;min-height:48px;line-height:48px;
  background:#111;color:#fff;border-radius:12px;font-weight:800;font-size:13px;
  border:0;margin-top:12px;
}

@media(max-width:767px){
  .mp-cart-page{padding:90px 0 70px}
  .mp-cart-shell{grid-template-columns:1fr;gap:14px}
  .mp-cart-summary{position:static}
  .mp-cart-item{
    grid-template-columns:72px minmax(0,1fr) 32px;
    gap:10px;
    padding:12px 10px;
  }
  .mp-cart-image{width:72px;height:72px;border-radius:10px}
  .mp-cart-item h2,
  .mp-cart-item h2 a{
    font-size:12.5px!important;
    font-weight:700!important;
    line-height:1.5!important;
    max-width:100%;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .mp-cart-item p{font-size:11px!important;margin-bottom:6px!important}
  .mp-cart-item .quantity input.qty{width:48px!important;min-height:32px!important;height:32px!important;font-size:12px!important}
  .mp-cart-remove{width:32px;height:32px}
  .mp-cart-page .mp-section-head h1{font-size:24px!important}
  .mp-cart-page .mp-section-head p{font-size:12px!important}
}

.mp-cart-item .mp-cart-title,
.mp-cart-item .mp-cart-title a{
  margin:0 0 4px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.55!important;
  color:#111!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}
@media(max-width:767px){
  .mp-cart-item .mp-cart-title,
  .mp-cart-item .mp-cart-title a{
    font-size:12.5px!important;
    font-weight:700!important;
    line-height:1.5!important;
    max-width:100%;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
}


/* v11.5 cart polish */
.mp-cart-items,.mp-cart-summary,.mp-cart-item,.mp-cart-remove{
  border-color:#f5f5f3!important;
}
.mp-cart-item{border-bottom:1px solid #f6f6f4!important}
.mp-cart-item .mp-cart-title,
.mp-cart-item .mp-cart-title a{
  font-size:13px!important;
  font-weight:650!important;
}
@media(max-width:767px){
  .mp-cart-item .mp-cart-title,
  .mp-cart-item .mp-cart-title a{
    font-size:11.5px!important;
    font-weight:650!important;
    line-height:1.45!important;
  }
}
