:root{
  --paper:#FFFBF6;
  --white:#FFFFFF;
  --ink:#4A3F3C;
  --peach:#FFD9C7;
  --peach-tint:#FFF3EC;
  --peach-dark:#E8734A;
  --green-tint:#E9F7EE;
  --green-dark:#2F9E5B;
  --line:#EFE6DC;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Manrope', sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
}
h1,h2,h3{font-family:'Quicksand', sans-serif; font-weight:700; line-height:1.2;}
.topbar{
  text-align:center; padding:18px 20px; border-bottom:1px solid var(--line);
  font-family:'Quicksand'; font-weight:700; font-size:18px;
}
.wrap{max-width:1040px; margin:0 auto; padding:36px 20px 60px;}

.funnel-grid{
  display:flex;
  gap: 36px;
  align-items:flex-start;
}
.funnel-grid > div{ flex: 1 1 0; min-width:0; }
@media (max-width: 880px){
  .funnel-grid{ flex-direction: column; }
}

/* Left column */
.card{
  background:var(--white); border:1px solid var(--line); border-radius:16px;
  padding:22px 24px; margin-bottom:20px;
}
.card h2{font-size:15px; text-transform:uppercase; letter-spacing:1px; color:#9A8F86; margin-bottom:16px;}
.line-item{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--line);}
.line-item:last-of-type{border-bottom:none;}
.line-item .name{font-weight:700; font-size:15px;}
.line-item .sub{font-size:12.5px; color:#8A8078; margin-top:2px;}
.line-item .price{font-family:'Quicksand'; font-weight:700; font-size:16px;}
.total-row{display:flex; justify-content:space-between; align-items:center; padding-top:14px; margin-top:6px; border-top:2px solid var(--ink);}
.total-row .lbl{font-weight:800;}
.total-row .amount{font-family:'Quicksand'; font-weight:700; font-size:22px; color:var(--peach-dark);}

/* Order bump box */
.bump{
  border:2px solid var(--peach-dark); border-radius:16px; overflow:hidden; margin-bottom:20px;
  background:var(--white);
}
.bump .bump-head{
  background:var(--peach-dark); color:#fff; padding:10px 18px;
  font-family:'Manrope'; font-weight:800; font-size:12.5px; letter-spacing:1px; text-transform:uppercase;
  display:flex; align-items:center; gap:8px;
}
.bump-body{padding:20px 22px;}
.bump-body h3{font-size:19px; margin-bottom:8px;}
.bump-body p{font-size:14px; color:#6B6058; margin-bottom:14px;}
.bump-list{list-style:none; margin-bottom:16px;}
.bump-list li{display:flex; gap:8px; align-items:flex-start; font-size:13.5px; padding:5px 0; font-weight:600;}
.bump-list li::before{content:"✓"; color:var(--peach-dark); font-weight:800; flex:0 0 auto;}
.bump-price{font-family:'Quicksand'; font-weight:700; font-size:20px; color:var(--peach-dark); margin-bottom:14px;}
.btn{
  display:inline-block; width:100%; text-align:center; font-family:'Manrope'; font-weight:800; font-size:15px;
  background:var(--peach-dark); color:#fff; padding:14px 18px; border-radius:30px; text-decoration:none; border:none; cursor:pointer;
}
.btn.secondary{ background:var(--white); color:var(--ink); border:1.5px solid var(--line); }
.skip-link{display:block; text-align:center; font-size:12.5px; color:#9A8F86; margin-top:12px; text-decoration:underline; cursor:pointer;}

/* Bundle confirmation box */
.included{
  border:2px solid var(--green-dark); background:var(--green-tint); border-radius:16px; padding:18px 22px; margin-bottom:20px;
  display:flex; gap:14px; align-items:flex-start;
}
.included .check{
  flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--green-dark); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;
}
.included h3{font-size:15px; color:#1D6B3E; margin-bottom:4px;}
.included p{font-size:13px; color:#3D6B4E;}
.included a{font-size:12.5px; color:#1D6B3E; text-decoration:underline;}

/* Right column - checkout embed */
.checkout-col{ background:var(--white); border:1px solid var(--line); border-radius:16px; padding:8px; min-height:400px; }
.checkout-col .placeholder-note{ padding:20px; font-size:12.5px; color:#9A8F86; text-align:center; }