/* ===============================

   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 !important; 
  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-6291 .in-filed p{

  margin-bottom: 0 !important;

}

.spc-qty-input {

  width: 60px !important;

}

.page-id-6291 .formFieldLine, .page-id-6291 .formFieldOneLine {

  display: inline-block;

  vertical-align: middle;

  width: 22.8% !important;

  margin-right: 10px;

}

.page-id-6291 .formFieldLine{

  width:31.6% !important;

}

.page-id-6291 .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;
  font-size: 20px;

}

.checkoutForm h4 {

  margin: 0;

  font-weight: 500;

  padding-top: 18px;
  font-size: 17px;

}

.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:#033067 !important;

}
.checkoutForm p {
  margin: 0;
}







.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-6291 .formFieldLine, .page-id-6291 .formFieldOneLine {

    display: block;

    width: auto;

  }

}