/* container */
.saf-accordion { max-width:1200px; margin:18px auto; padding:0 14px; box-sizing:border-box; }

/* full-width header */
.saf-header,
.saf-subheader {
  display:block;
  width:100%;
  background:#0068AC;
  color:#fff;
  padding:14px 18px;
  font-size:18px;
  font-weight:700;
  text-align:left;
  border-radius:8px;
  border:none;
  cursor:pointer;
  margin-bottom:10px;
  box-shadow:0 6px 18px rgba(3,27,56,0.06);
}
.saf-header:hover, .saf-subheader:hover { background:#005587; }
.saf-header.saf-active, .saf-subheader.saf-active { background:#004a70; }

/* bodies hidden by default */
.saf-body, .saf-subbody { display:none; padding:10px 6px 18px 6px; }

/* sub blocks */
.saf-sub { margin-bottom:12px; }
.saf-subheader { background:#eaf6fb; color:#064a6d; padding:10px 14px; font-weight:600; border-radius:8px; border:1px solid #e6f0f6; }
.saf-subheader.saf-active { background:#dff6ff; color:#064a6d; }

/* product row single line */
.saf-product {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#fff;
  border-radius:8px;
  padding:10px;
  border:1px solid #eef6fb;
  box-shadow:0 6px 18px rgba(6,22,34,0.03);
  margin-bottom:10px;
}

/* title left */
.saf-title { font-weight:700; color:#0b2b3a; font-size:15px; flex:1; }

/* qty right */
.saf-qty { display:flex; align-items:center; gap:8px; margin-left:12px; flex:0 0 auto; }
.saf-input { width:56px; text-align:center; padding:6px; border-radius:6px; border:1px solid #dbeaf6; }
.saf-plus, .saf-minus { background:#0068AC; color:#fff; border:none; padding:6px 10px; border-radius:6px; cursor:pointer; font-weight:700; }
.saf-plus:hover, .saf-minus:hover { background:#005087; }

.saf-empty { color:#6b7b85; padding:8px; }

/* popup overlay & box */
#saf-popup-overlay {
  display:none;
  position:fixed; inset:0;
  background:rgba(0,0,0,0.45);
  z-index:99998;
}
#saf-popup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  z-index:99999;
  width:340px;
  max-width:92%;
}
.saf-popup-box {
  background:#fff;
  padding:18px 20px;
  border-radius:10px;
  box-shadow:0 16px 40px rgba(4,20,40,0.18);
  text-align:center;
}
.saf-popup-text { font-size:15px; margin-bottom:12px; color:#0b2b3a; }
.saf-popup-actions { display:flex; justify-content:center; gap:8px; align-items:center; }
.saf-popup-go { background:#0068AC; color:#fff; padding:10px 14px; border-radius:8px; text-decoration:none; font-weight:700; }
.saf-popup-close { background:transparent; border:1px solid #d1e6fb; padding:8px 12px; border-radius:8px; cursor:pointer; color:#235; }

/* small screens */
@media (max-width:800px) {
  .saf-product { flex-direction:row; }
  .saf-input { width:48px; }
}