/* ===============================
   Tables
==================================*/
.spc-table th, .spc-table td { padding:8px; border-bottom:1px solid #eee; }
.spc-th-left { text-align:left; }
.spc-th-right, .spc-td-right { text-align:right; }
.spc-th-center, .spc-td-center { text-align:center; }

.spc-item-link { display:flex; gap:10px; align-items:center; text-decoration:none; color:inherit; }
.spc-thumb { object-fit:cover; border-radius:6px; }

.spc-qty-form { display:inline-flex; gap:6px; align-items:center; }
.spc-qty-input { width:70px; text-align:center; }

.spc-actions { margin-top:15px; display:flex; gap:18px; flex-wrap:wrap; }

/* ===============================
   Checkout layout (2-column on desktop)
==================================*/
.spc-checkout{width: 1100px; margin: 0 auto; }
.spc-checkout h2{ margin:0 0 16px; font-size:28px; line-height:1.2; }

/* mobile: simple stack */
@media (max-width: 899px){
  .spc-checkout > *{ margin-bottom:14px; }
}

/* ===============================
   Card look
==================================*/
.spc-order-review,
.spc-pay-choices,
#spc-stripe-block,
.spc-checkout .wpcf7 form{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  box-shadow:0 2px 9px rgba(0,0,0,.04);
}

/* ===============================
   Order summary block
==================================*/
.spc-order-review h3{ margin:0 0 15px;font-weight:600; }
.spc-order-list{ list-style:none; margin:0; padding:0; }
.spc-order-line{
  display:flex; justify-content:space-between;
  padding:10px 0; border-bottom:1px solid #e7dddd;
  font-size: 15px;
}
.spc-order-total{
  display:flex; justify-content:space-between;
  padding:12px 0; font-size:16px; font-weight:600;
  padding-bottom: 0;
}

/* ===============================
   Payment Method (pretty radios)
==================================*/
.spc-pay-choices{ margin:16px 0; }
.spc-pay-choices h3{ margin:0 0 10px;font-weight: 600; }

.spc-pay-card{
  display:flex; gap:12px; align-items:center;
  cursor:pointer; user-select:none; margin:8px 0;
}
.spc-pay-card input{
  appearance:none; width:18px; height:18px;
  border:2px solid #c7cbd1; border-radius:50%;
  display:inline-block; position:relative; margin:0 2px 0 0;
  background:#fff; flex:0 0 18px;
}
.spc-pay-card input:checked{ border-color:var(--spc-btn); }
.spc-pay-card input:checked::after{
  content:""; width:8px; height:8px; border-radius:50%; background:var(--spc-btn);
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
}
.spc-pay-card-body{
  flex:1; border:1px solid #e5e7eb; border-radius:12px; padding:12px 14px;
  background:#fafafa; transition:all .2s ease;
}
.spc-pay-card:hover .spc-pay-card-body{ border-color:#d1d5db; box-shadow:0 1px 7px rgba(0,0,0,.06); }
.spc-pay-card input:checked + .spc-pay-card-body{
  border-color:var(--spc-btn); background:#f8fafc; box-shadow:0 0 0 3px rgba(17,24,39,.08);
}
.spc-pay-title{ font-weight:500;font-size: 15px; margin-bottom:2px; }
.spc-pay-desc{ color:#6b7280; font-size:13px; }

.spc-stripe-btn{
  background:linear-gradient(135deg,#635BFF 0%,#8247FF 100%);
  border:none; color:#fff; border-radius:12px; padding:12px 18px; font-weight:700;
  display:inline-flex; align-items:center; gap:10px;
  box-shadow:0 8px 20px rgba(99,91,255,0.25);
  transition:transform .06s ease, filter .2s ease;
}
.spc-stripe-btn:hover{ filter:brightness(0.95); }
.spc-stripe-btn:active{ transform:translateY(1px); }
.spc-stripe-note{ font-size:12px; color:#6b7280; margin-top:6px; }

/* ===============================
   Stripe Elements (inline)
==================================*/
#spc-payment-element{ background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:12px; }
#spc-stripe-msg{ min-height:18px; }
#spc-pay-now{ width:100%; justify-content:center; border-radius:10px; }

/* ===============================
   CF7 tidy fields
==================================*/
.spc-checkout .wpcf7 input[type="text"],
.spc-checkout .wpcf7 input[type="email"],
.spc-checkout .wpcf7 input[type="tel"],
.spc-checkout .wpcf7 textarea,
.spc-checkout .wpcf7 select{
  width:100%; border: 1px solid hsl(0deg 0% 7% / 50%); border-radius:5px; padding:10px 12px; background:#fff;
  outline:0; transition:border-color .2s, box-shadow .2s; margin-top:6px; margin-bottom:10px;color: #2b2d2f !important;
}
::placeholder {
  color: hsl(0deg 0% 7% / 50%) !important;
  font-size: 14px !important;
}
.spc-checkout .wpcf7 input:focus,
.spc-checkout .wpcf7 textarea:focus,
.spc-checkout .wpcf7 select:focus{
  border-color:var(--spc-btn); box-shadow:0 0 0 3px rgba(17,24,39,.08);
}
.spc-checkout .wpcf7 .wpcf7-submit{ border-radius:10px; padding:10px 16px; font-weight:600; }

.spc-order-ship strong{ color:#10b981; }




.spc-layout {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.spc-col-left {
  flex: 0 0 58%;
}
.spc-col-right {
  flex: 0 0 40%;
}

.formField br {
  display: none;
}
.page-id-17525 .in-filed p{
  margin-bottom: 0 !important;
}
.spc-qty-input {
  width: 60px !important;
}
.page-id-17525 .formFieldLine, .page-id-17525 .formFieldOneLine {
  display: inline-block;
  vertical-align: middle;
  width: 22.8% !important;
  margin-right: 10px;
}
.page-id-17525 .formFieldLine{
  width:31.6% !important;
}
.page-id-17525 .formFieldOneZero {
  margin-right: 0;
}

.spc-accept-text { 
  font-weight: 400;
  font-size: 12px;
  color: #111827;
  padding-bottom: 8px;
  display: inline-block;
  margin: 0;
}
.spc-accept-icons{ display:flex; gap:10px; margin-left:auto; }
.spc-accept-icons svg {
  width:44px;
}


@media (max-width:600px){
  .spc-accept{ flex-wrap:wrap; }
  .spc-accept-icons{ margin-left:0; }
}



/* Header bag */
.spc-bag-link{position:relative;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}
.spc-bag-link svg{display:block}
.spc-badge{
  position:absolute; top:-5px; right:-8px;
  min-width:18px; height:18px; padding:0 0px !important;
  border-radius:999px; background:var(--spc-btn); color:#fff;
  font-size:11px; line-height:18px; text-align:center; font-weight:700;
}
.spc-badge[data-spc-count="0"]{display:none}
.spc-bag-total{font-weight:600;font-size:14px}

.checkoutForm h3 {
  margin: 0;
}
.checkoutForm h4 {
  margin: 0;
  font-weight: 500;
  padding-top: 18px;
}
.addresNote {
  margin: 0 !important;
  font-size: 14px;
  padding-top: 7px;
}
.checkoutForm .wpcf7-country_auto {
  margin: 0;
  margin-top: 6px !important;
}
.formwrap p {
  margin: 0 !important;
}
.checkoutForm .wpcf7-form-control-wrap {
  flex-wrap: wrap;
}
.wpcf7-state_auto, .wpcf7-country_auto {
  padding: 12.6px 7px !important;
  font-size: 14px;
  color: hsl(0deg 0% 7% / 50%) !important;
}
.checkoutForm textarea {
  height: 100px;
}

/* .wpcf7-form input[type="checkbox"] {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
} */
.checkout-terms {
  font-size: 12px;
  line-height: 1.6em;
}
.checkout-terms a {
  text-decoration: underline !important;
  color:#e3000f !important;
}



.wpcf7-form input[type="checkbox"] {
  width: 15px;
  height: 15px;
  border: 2px solid #999;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  margin-right: 8px;
  vertical-align: middle;
}
.wpcf7-list-item {
  margin-left: 0 !important;
}
.checkout-terms .wpcf7-form-control-wrap {
  display: inline-block !important;
}

@media only screen and
(min-width: 10px)and
(max-width: 1200px) {
  .spc-checkout {
		margin: 0px 15px !important;
		width: auto !important;
	}
}
@media only screen and
(min-width: 10px)and
(max-width: 768px) {
  .spc-layout {
    flex-wrap: wrap;
    flex-flow: column-reverse;
  }
  .spc-order-review h3 {
    font-size: 17px;
  }
  .spc-order-line {
    font-size: 14px;
  }
  .page-id-17525 .formFieldLine, .page-id-17525 .formFieldOneLine {
    display: block;
    width: auto;
  }
}