/* ===== CHECKOUT-SPECIFIC STYLES ===== */

.ck-products { background:#FFF6E7; padding:2.5rem 0 3rem; border-top:1px solid #DFD7C9; }
.ck-title { text-align:center; color:#210B02; letter-spacing:-0.025em; max-width:800px; margin:0 auto; }
.ck-subtitle { text-align:center; margin-top:0.5rem; font-size:1.125rem; color:#210B02; }

.ck-bounce-badge {
  display:flex; justify-content:center; margin:1rem auto 0.5rem;
}
.ck-bounce-badge span {
  display:inline-block; background:#4C8F4A; color:#fff; font-size:0.75rem;
  font-weight:700; text-transform:uppercase; letter-spacing:0.1em;
  padding:0.25rem 0.625rem; border-radius:0.25rem; position:relative;
  animation: bounce-slow 2s infinite;
}
.ck-bounce-badge span::after {
  content:''; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%);
  border-left:8px solid transparent; border-right:8px solid transparent;
  border-top:8px solid #4C8F4A;
}
@keyframes bounce-slow { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-50%)} }

.ck-grid {
  display:flex; flex-direction:column; gap:1rem; margin-top:1rem;
  align-items:center; width:100%;
}

.ck-card {
  background:#fff; border:1px solid #e5e7eb; border-radius:0.75rem;
  padding:2.5rem 1.5rem; display:flex; flex-direction:column;
  align-items:center; gap:0.625rem; width:100%; text-align:center;
  color:#210B02; position:relative; cursor:pointer; transition:all 0.2s;
}
.ck-card h4 { font-size:1.5rem; font-weight:600; margin-bottom:0.25rem; }
.ck-card-label { font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:#4C8F4A; margin-bottom:0.5rem; }
.ck-card-img { height:206px; width:100%; object-fit:contain; }
.ck-card-badge {
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  padding:0.125rem 0.75rem; border-radius:0.25rem; font-size:0.75rem;
  font-weight:700; text-transform:uppercase; color:#fff; white-space:nowrap;
}
.ck-card-badge.green { background:#4C8F4A; }
.ck-card-badge.red { background:#C01818; }

.ck-price-row { display:flex; align-items:flex-end; gap:0.5rem; }
.ck-price { font-size:1.875rem; font-weight:600; }
.ck-price-note { font-size:0.75rem; color:#111827A3; max-width:55px; line-height:14px; font-weight:500; }
.ck-old-price { font-size:1.375rem; font-weight:600; color:#111827A3; text-decoration:line-through; }
.ck-save-badge { display:inline-block; background:#C01818; color:#fff; font-size:0.75rem; font-weight:700; padding:0.125rem 0.5rem; border-radius:0.25rem; }

.ck-features-list {
  list-style:none; padding:0; margin:0; width:100%; text-align:left;
  display:flex; flex-direction:column; gap:0.5rem; min-height:auto;
}
.ck-features-list li {
  display:flex; align-items:center; gap:0.5rem; font-size:0.875rem; color:#210B02;
}
.ck-features-list li svg { flex-shrink:0; }

.ck-btn { width:100% !important; margin-top:0.5rem; }

.ck-trust-row {
  display:grid; grid-template-columns:1fr 1fr; gap:1rem;
  font-size:0.625rem; font-weight:700; text-transform:uppercase;
  letter-spacing:0.05em; margin-top:0.75rem; width:100%;
}
.ck-trust-item { display:flex; align-items:center; gap:0.25rem; line-height:1rem; }

.ck-pay-label { font-size:0.75rem; text-transform:uppercase; text-align:center; margin-top:1rem; color:#210B02; }

.ck-card-featured {
  border:2px solid #ED9700; box-shadow:0 4px 16px rgba(0,0,0,0.08);
}

/* ===== CHECKOUT FORM SECTION ===== */
.ck-checkout-section { background:#FFF6E7; padding:0 0 3rem; }
.ck-checkout-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; }

.ck-shipping-col, .ck-payment-col {
  background:#fff; border-radius:1rem; padding:1.5rem;
  box-shadow:0 4px 16px rgba(0,0,0,0.04);
}

.ck-section-heading {
  font-family:'Poppins',sans-serif; font-size:1.25rem; font-weight:600;
  color:#210B02; margin-bottom:0.5rem; padding-bottom:0.5rem;
  border-bottom:1px solid #F0EDE1;
}
.ck-section-sub { font-size:0.875rem; color:#4A1F0FCC; margin-bottom:1rem; }

.ck-form-group { margin-bottom:0.75rem; }
.ck-form-group label {
  display:block; font-size:0.75rem; font-weight:500; color:#4A1F0F; margin-bottom:0.25rem;
}
.ck-form-group input, .ck-form-group select {
  width:100%; padding:0.75rem; border:1px solid #E3E3E3; border-radius:0.5rem;
  font-size:1rem; font-family:'Inter',sans-serif; color:#210B02; background:#fff;
  transition:border-color 0.15s;
}
.ck-form-group input:focus, .ck-form-group select:focus {
  outline:none; border-color:#4A1F0F; box-shadow:0 0 0 1px #4A1F0F;
}
.ck-form-group input::placeholder { color:#4A1F0F8F; }
.ck-form-row { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; }

.ck-ssl-badge { text-align:center; font-size:0.75rem; color:#37923A; font-weight:600; margin-bottom:1rem; }

.ck-payment-options { display:flex; flex-direction:column; gap:0.5rem; margin-bottom:1rem; }
.ck-pay-opt {
  display:flex; align-items:center; gap:0.75rem; padding:0.75rem;
  border:1px solid #E3E3E3; border-radius:0.5rem; cursor:pointer; transition:0.15s;
}
.ck-pay-opt.selected { border-color:#4A1F0F; background:#FFFCF0; }
.ck-pay-opt input[type="radio"] { accent-color:#ED9700; }
.ck-pay-opt span { font-size:0.875rem; font-weight:500; color:#210B02; }

.ck-summary-box {
  background:#F5F1EB; border-radius:0.75rem; padding:1rem; margin:1rem 0;
}
.ck-summary-box h3 { font-size:1rem; font-weight:600; color:#210B02; margin-bottom:0.75rem; }
.ck-summary-row {
  display:flex; justify-content:space-between; font-size:0.875rem;
  color:#210B02; padding:0.375rem 0; border-bottom:1px solid #F0EDE1;
}
.ck-summary-row.total {
  font-weight:700; font-size:1rem; border-bottom:none; margin-top:0.5rem;
  padding-top:0.5rem; border-top:2px solid #210B02;
}

.ck-terms {
  display:flex; align-items:flex-start; gap:0.5rem; margin:1rem 0;
  font-size:0.8rem; color:#4A1F0FCC;
}
.ck-terms input { margin-top:3px; accent-color:#ED9700; }
.ck-terms a { text-decoration:underline; color:#4A1F0F; }

.ck-bottom-trust {
  display:flex; justify-content:center; gap:1rem; flex-wrap:wrap;
  padding-top:1rem; font-size:0.75rem; color:#4A1F0FCC;
}

/* ===== INFO SECTION ===== */
.ck-info-section { background:#FFF6E7; padding:0 0 3rem; }
.ck-info-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
.ck-info-card {
  background:#fff; border-radius:1rem; padding:1.25rem;
  box-shadow:0 4px 16px rgba(0,0,0,0.04);
}
.ck-info-card h5 { font-size:1rem; font-weight:600; color:#210B02; margin-bottom:0.5rem; }
.ck-info-card p { font-size:0.875rem; color:#4A1F0FCC; line-height:1.6; }

/* ===== RESPONSIVE ===== */
@media (min-width:854px) {
  .ck-products { padding:3.5rem 0 4rem; }
  .ck-subtitle { margin-top:1rem; }
  .ck-grid { flex-direction:row; gap:1.5rem; align-items:stretch; }
  .ck-card { flex:1; }
  .ck-features-list { min-height:200px; }
  .ck-checkout-grid { grid-template-columns:1fr 1fr; gap:2.5rem; display: flex;
    justify-content: center; }
  .ck-info-grid { grid-template-columns:1fr 1fr 1fr; }
}

@media (min-width:1281px) {
  .ck-grid { gap:1.5rem; }
  .ck-features-list { min-height:130px; }
}