/* The classic Germanized checkout keeps its native fields and order of consent. */
.woocommerce-checkout:not(.woocommerce-order-received) .studio-main {
  width: calc(100% - 40px);
  max-width: 1120px;
  margin: clamp(36px, 5vw, 72px) auto;
}
.woocommerce-checkout .studio-main > h1 {
  text-align: center;
  width: 100%;
  max-width: none;
  font-size: clamp(34px, 4vw, 52px);
  margin: 0 0 36px;
}
.woocommerce-checkout .studio-main .woocommerce {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.woocommerce-checkout form.checkout::before,
.woocommerce-checkout form.checkout::after { display: none; }
.woocommerce-checkout form.checkout > * { grid-column: 1 / -1; min-width: 0; }
.woocommerce-checkout form.checkout #customer_details { grid-column: 1; }
.woocommerce-checkout form.checkout #order_review { grid-column: 2; }
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  width: 100%;
  float: none;
  padding: clamp(20px, 2.5vw, 32px);
  border: 1px solid #dce4e9;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 40px -28px #182b4240;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 { float: none; width: 100%; }
.woocommerce-checkout #customer_details .col-2 { margin-top: 32px; }
.woocommerce-checkout form.checkout h3 {
  font: 600 21px/1.35 Manrope, sans-serif;
  letter-spacing: -.025em;
  margin: 0 0 22px;
}
.woocommerce-checkout form.checkout .form-row { padding: 0; margin: 0 0 18px; }
.woocommerce-checkout form.checkout .form-row label { font-size: 14px; }
.woocommerce-checkout form.checkout .form-row textarea { min-height: 110px; resize: vertical; }
.woocommerce-checkout form.checkout .form-row input.input-text,
.woocommerce-checkout form.checkout .form-row textarea {
  width: 100%;
  background: #fafcfd;
  border-color: #cbd5df;
  border-radius: 10px;
}
.woocommerce-checkout form.checkout :is(input, textarea, select):focus-visible {
  outline: 2px solid #23675f;
  outline-offset: 3px;
}
.woocommerce-checkout #order_review #payment { border: 0; border-radius: 0; background: transparent; margin-bottom: 28px; }
.woocommerce-checkout #payment ul.payment_methods { padding: 0 0 20px; border-bottom: 1px solid #dce4e9; }
.woocommerce-checkout #payment div.payment_box { border-radius: 10px; background: #f3f7f7; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #f3f7f7; }
.woocommerce-checkout #order_review_heading { padding-top: 8px; }
.woocommerce-checkout #order_review table.shop_table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  background: transparent;
  font-size: 14px;
  margin: 24px 0;
}
.woocommerce-checkout #order_review table.shop_table :is(th, td) { padding: 14px 8px; overflow-wrap: break-word; }
.woocommerce-checkout #order_review table.shop_table :is(th, td):first-child { padding-left: 0; }
.woocommerce-checkout #order_review table.shop_table :is(th, td):last-child { padding-right: 0; text-align: right; }
.woocommerce-checkout #order_review .order-total { font-size: 20px; color: #23675f; }
.woocommerce-checkout #order_review .amount { white-space: nowrap; }
.woocommerce-checkout #order_review .legal { font-size: 13px; line-height: 1.65; }
.woocommerce-checkout #order_review .legal label { font-size: 13px; }
.woocommerce-checkout #order_review input[type=checkbox] { accent-color: #23675f; }
.woocommerce-checkout #order_review #place_order {
  width: 100%;
  min-height: 54px;
  margin: 8px 0 0;
  padding: 16px 20px;
  border-radius: 999px;
  background: #23675f;
  color: #fff;
  font: 600 16px/1.4 "DM Sans", sans-serif;
  white-space: normal;
}
.woocommerce-checkout #order_review #place_order:hover { background: #194e48; }
.woocommerce-checkout .woocommerce-form-coupon-toggle { margin-bottom: 28px; }
.woocommerce-checkout .wc-block-components-notice-banner.is-info { border-color: #d3dfe4; background: #edf3f5; border-radius: 12px; }
.woocommerce-checkout .studio-footer { max-width: 1120px; }
@media (max-width: 850px) {
  .woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .woocommerce-checkout form.checkout #order_review { grid-column: 1; }
}
@media (max-width: 480px) {
  .woocommerce-checkout:not(.woocommerce-order-received) .studio-main { width: calc(100% - 40px); }
  .woocommerce-checkout #customer_details, .woocommerce-checkout #order_review { padding: 20px 16px; border-radius: 16px; }
  .woocommerce-checkout #customer_details .form-row-first,
  .woocommerce-checkout #customer_details .form-row-last { width: 100%; float: none; }
}

/* Confirm the purchase before asking for billing or payment details. */
.quietwork-order-summary { display: grid; grid-template-columns: 120px minmax(0,1fr) auto; gap: 24px; align-items: start; padding: 28px; margin: 0 0 24px; border: 1px solid #dce4e9; border-radius: 20px; background: #fff; }
.quietwork-order-image img { display:block; width:120px; height:100px; object-fit:cover; border-radius:10px; }
.quietwork-order-summary h2 { font-size:26px; margin:0 0 10px; }
.quietwork-order-summary p { margin:0 0 10px; font-size:15px; line-height:1.55; }
.quietwork-order-summary .quietwork-order-eyebrow { font-size:11px; letter-spacing:.08em; color:#23675f; }
.quietwork-order-summary .quietwork-delivery { font-size:13px; color:#506075; }
.quietwork-order-total { display:flex; flex-direction:column; gap:8px; min-width:155px; }
.quietwork-order-total strong { font-size:30px; color:#23675f; }
.quietwork-order-total > span,.quietwork-order-total > small { font-size:13px; line-height:1.5; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { background:transparent; border:0; padding:0 0 12px; font-size:13px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before { display:none; }
@media(max-width:700px) { .quietwork-order-summary { grid-template-columns:1fr; gap:16px; padding:20px; } .quietwork-order-image { display:none; } .quietwork-order-total { border-top:1px solid #dce4e9; padding-top:14px; } }

.quietwork-order-total strong .amount { font-size:30px; font-weight:700; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .wc-block-components-notice-banner.is-info { padding:12px!important; background:transparent; border:0; font-size:13px; }