.top-bar{background:linear-gradient(135deg,#fbf5e3,#fdf0ac);padding:50px 0 50px;text-align:center}
.top-bar img.logo{max-width:160px}
.notification-box{background-color:#fff;padding:15px 30px;border-radius:50px;box-shadow:0 5px 18px rgba(0,0,0,.08);font-size:16px;color:#4b3d2d;margin:-30px auto 0;max-width:500px}
.notification-box span{background-color:#1f1c17;color:#f7d24a;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;font-size:18px}
.secure-payment{text-align:center;margin-top:60px;margin-bottom:-60px;z-index:2;position:relative}
.secure-badge img{width:120px;height:120px}
.secure-badge span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:'Playfair Display',serif;font-size:14px;text-transform:uppercase;letter-spacing:1px}
.checkout-section{background: linear-gradient(135deg, #fbf5e3, #FFF0F0);max-width:1080px;margin:0 auto 80px;border-radius:8px;box-shadow:0 6px 25px rgba(0,0,0,.05);padding:100px 40px 70px;position:relative;z-index:1}

fieldset.contact-box{border:1px solid #e0d3c2;border-radius:8px;padding:25px 25px 10px;margin-bottom:25px}
.billing-title {
    font-family: "Playfair Display", serif;
      color: #2d1a1a;
      font-weight: 700;
      font-size: 20px;
      margin-bottom: 20px;
      text-align: left;
      text-transform: uppercase;
}
.form-control, .form-select, textarea.form-control {
    border-radius: 0px;
    border: 2px solid #e3e6ea;
    padding: 10px 45px 14px 9px;
    transition: 0.3s;
    background: #fdfdfd;
    margin-bottom: 5px;
}
.form-control:focus,
    .form-select:focus,
    textarea:focus {
      border-color: #b48b57;
      box-shadow: none;
      background: #ffffff;
    }

.payment-options{display:flex;justify-content:space-between;margin:30px 0 25px}
.payment-option{border:1px solid #d8c3a6;border-radius:6px;padding:15px 25px;text-align:center;width:48%;cursor:pointer;transition:.3s ease}
.payment-option.active{border:1.5px solid #f2dc91;background-color:#fffaf3}
.payment-method-group{border:none;margin-bottom:25px}
.payment-method{border-bottom:none;background:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.3s ease;margin:0}
.payment-method:last-child{border-bottom:1px solid #dedede;border-radius:0 0 6px 6px}
.payment-method:first-child{border-radius:6px 6px 0 0}
.payment-method.active{border:1px solid #f2dc91;background:#fffaf3}
.payment-method input[type=radio]{accent-color:#b27c4c;margin-right:8px;transform:scale(1.1)}
.payment-method label{font-weight:600;font-size:15px;color:#4b3d2d;margin-bottom:0}
.card-icons img{height:22px;margin-left:8px}
.card-fields{border:1px solid #f2dc91;border-top:none;padding:18px 20px;display:none;background-color:#fffaf3;margin:0}
.card-fields.active{display:block}
.security-note{text-align:left;font-size:13px;color:#4c8b2f;margin-top:8px}
.btn-purchase{background-color:#a37635;color:#fff;font-weight:600;border-radius:40px;padding:13px 30px;font-size:16px;transition:.3s;border:none;margin:35px auto 0;width:100%;display:block}
.btn-purchase:hover{background-color:#8b622d}

 /* Order Summary Box */
    .order-summary-box {
      
      background: linear-gradient(135deg, #f2dc91, #f8f3e0);
      padding: 25px 30px;
      border-radius: 4px;
      width: 100%;
      max-width: 420px;
      margin-left: auto;
    }

    
    .order-table {
      width: 100%;
      border-collapse: collapse;
    }

    .order-table th {
      text-align: left;
      color: #2d1a1a;
      font-size: 21px;
      font-weight: 700;
     
      padding-bottom: 8px;
    }

    .order-table td {
      padding: 8px 0;
      color: #2d1a1a;
      font-size: 17px;
      text-align: left;
    }

    .order-table td:last-child,
    .order-table th:last-child {
      text-align: right;
    }

    .border-top td {
      border-top: 1px solid #f2dc91;
    }

    .total-row td {
      font-size: 19px;
      color: #000;
      font-weight: 700;
    }

    .coupon-note {
      background-color: #f6bebe;
      border: 1px dashed #b32727;
      margin-top: 20px;
      padding: 12px 15px;
      border-radius: 3px;
    }

    .coupon-note p {
      color: #2d1a1a;
      font-size: 14px;
      margin: 0;
      line-height: 1.5;
    }

    .coupon-note strong {
      color: #b32727;
    }
 .info-points {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 50px 0px;
      border-radius: 6px;
    }

    .info-item {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #000;
      font-size: 17px;
      font-weight: 500;
    }

    .info-item i {
      width: 20px;
      height: 20px;
      background-color: #970404;
      color: #fff;
      border-radius: 50%;
      font-size: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
    }


footer {
    text-align: center;
    font-size: 15px;
    color: #000;
    margin-top: 60px;
    font-weight: 700;
}