/* ================= RESET ================= */
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;overflow-x:hidden}
body{font-family:'Roboto',sans-serif;background:#f4f4f4;color:#222}

/* ================= NAVBAR ================= */
.navbar{
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 40px rgba(0,0,0,.18);
  position:sticky;top:0;z-index:1000
}
.nav-container{
  max-width:1200px;margin:auto;
  padding:12px 18px;
  display:flex;justify-content:space-between;align-items:center
}

/* LOGO */
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:54px}
.logo h2{font-family:'Playfair Display',serif;font-size:21px}
.logo span{font-size:12px;color:#777}

/* NAV */
nav{display:flex;gap:26px}
nav a{text-decoration:none;color:#333;font-weight:600}

/* HAMBURGER */
.hamburger{display:none;font-size:28px;cursor:pointer}
@media(max-width:768px){
  nav{
    display:none;position:absolute;top:70px;right:16px;
    background:#fff;padding:16px;border-radius:14px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
    flex-direction:column;gap:12px
  }
  nav.active{display:flex}
  .hamburger{display:block}
}

/* ================= HERO ================= */
.cart-hero{
  height:220px;
  background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.85)),
  url("../images/cart-bg.jpg") center/cover no-repeat;
  display:flex;align-items:center;justify-content:center;
  text-align:center;color:#fff
}
.cart-hero h1{font-family:'Playfair Display',serif;font-size:32px}
.cart-hero p{font-size:13px;color:#ffd699}

/* ================= CART LAYOUT ================= */
.cart-section{
  max-width:1100px;margin:40px auto;
  padding:0 16px;
  display:grid;grid-template-columns:2fr 1fr;gap:26px
}
@media(max-width:768px){
  .cart-section{grid-template-columns:1fr;margin:24px auto}
}

/* ================= CART ITEMS ================= */
.cart-items{
  background:#fff;border-radius:18px;
  padding:22px;box-shadow:0 12px 32px rgba(0,0,0,.12)
}
.cart-item{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 0;border-bottom:1px solid #eee
}
.cart-left h4{font-size:16px}
.cart-left p{font-size:13px;color:#666}
.cart-qty{display:flex;gap:8px}
.cart-qty button{
  width:30px;height:30px;border:none;border-radius:6px;
  background:#ff7a18;color:#fff;font-weight:700;cursor:pointer
}
.price{font-weight:700}

/* ADD MORE */
.add-more-wrapper{
  margin-top:12px;border-top:1px dashed #eee;padding-top:12px
}
.add-more-global{
  color:#1b8f3c;font-weight:600;text-decoration:none
}

/* ================= SUMMARY ================= */
.cart-summary{
  background:#fff;border-radius:18px;
  padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.15)
}
.summary-row{display:flex;justify-content:space-between;margin-bottom:10px}
.summary-row.total{
  font-size:18px;font-weight:700;
  border-top:1px dashed #ddd;padding-top:10px
}

/* ================= PRICE ================= */
#original-amount{
  text-decoration:line-through;
  color:#999;
  font-size:13px
}

/* ================= BUTTONS ================= */
.clear-cart-btn{
  width:100%;padding:14px;border:none;border-radius:30px;
  background:#ff3b3b;color:#fff;font-weight:700;margin:14px 0
}
.whatsapp-btn{
  width:100%;padding:16px;border:none;border-radius:40px;
  background:linear-gradient(135deg,#25d366,#1ebe57);
  color:#fff;font-weight:700;font-size:16px
}

/* ================= DELIVERY ================= */
.delivery-tag{
  background:#fff3e6;border-left:5px solid #ff7a18;
  padding:12px;border-radius:12px;margin-bottom:14px;font-weight:600
}

/* ================= INPUTS ================= */
.cart-input{
  width:100%;padding:14px;border-radius:30px;
  border:1px solid #ddd;margin-bottom:12px
}
.cart-input:focus{outline:none;border-color:#ff7a18}

/* ================= FOOTER ================= */
footer{text-align:center;padding:20px;font-size:13px;color:#777}


/* OPTIONAL – applied coupon highlight */
.coupon-row.applied{
  border-color:#1b8f3c;
  background:#f0fff5;
}

#coupon-remove:hover{
  transform:scale(1.15);
}