/* =========================================================
   Asia Super Store – kosár és pénztár
   Párja: mu-plugins/asia-checkout.php + asia-fixes-assets/woocommerce/
   A pixelterv megvalósítása. Minden méret a 4 pixeles rácson.
   ========================================================= */

:root {
  --co-ink:      #1C1917;
  --co-ink-2:    #514B45;
  --co-ink-3:    #857D74;
  --co-line:     #E3DFD8;
  --co-line-2:   #CFC9BF;
  --co-surface:  #FFFFFF;
  --co-shelf:    #F4F2EE;
  --co-orange:   #E8912F;
  --co-orange-d: #C9761B;
  --co-orange-b: #FDF3E6;
  --co-jade:     #3F6B5C;
  --co-jade-b:   #EAF1EE;
  --co-clay:     #A93B26;
  --co-clay-b:   #FBEDEA;
  --co-r:        10px;
}

/* ---------------------------------------------------------
   0. A téma díszeinek kikapcsolása a két oldalon
   --------------------------------------------------------- */

body.asia-shopflow .titlebar,
body.asia-shopflow .titlebar-inner,
body.asia-shopflow .asia-bar,
body.asia-shopflow .premium-progress-bar-container { display: none !important; }

body.asia-shopflow .woocommerce,
body.asia-shopflow .woocommerce-page .content,
body.asia-shopflow main.content { background: transparent; }

/* A pénztáron a bolt teljes kerete lekerül – csak a saját minimál fejléc marad. */
body.woocommerce-checkout.asia-shopflow #header,
body.woocommerce-checkout.asia-shopflow header.site-header,
body.woocommerce-checkout.asia-shopflow .lqd-mobile-sec,
body.woocommerce-checkout.asia-shopflow .asia-msearch,
body.woocommerce-checkout.asia-shopflow footer,
body.woocommerce-checkout.asia-shopflow .site-footer { display: none !important; }

body.asia-shopflow .asia-cart-region,
body.asia-shopflow .asia-checkout,
body.asia-shopflow .asia-empty {
  font-size: 15px;
  line-height: 1.5;
  color: var(--co-ink);
}

/* ---------------------------------------------------------
   1. KOSÁR
   --------------------------------------------------------- */

body.woocommerce-cart.asia-shopflow .woocommerce {
  max-width: 1160px;
  margin: 0 auto;
  padding: 26px 16px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 0 48px;
  align-items: start;
}

body.woocommerce-cart.asia-shopflow .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }

.asia-cart-region {
  display: contents;
}

.asia-cart-form { grid-column: 1; min-width: 0; }
.asia-cart-collaterals { grid-column: 2; }

.asia-cart-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.asia-cart-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -.022em;
  margin: 0 !important;
  color: var(--co-ink) !important;
}

.asia-cart-count { font-size: 13.5px; color: var(--co-ink-3); }

/* haladássáv */
.asia-fsbar {
  background: var(--co-jade-b);
  border-radius: var(--co-r);
  padding: 12px 16px;
  margin-bottom: 20px;
}

.asia-fsbar-text { font-size: 13px; color: var(--co-jade); line-height: 1.35; }
.asia-fsbar-text .amount { font-weight: 700; }
.asia-fsbar-track { height: 6px; border-radius: 99px; background: rgba(63, 107, 92, .18); margin-top: 8px; overflow: hidden; }
.asia-fsbar-track i { display: block; height: 100%; background: var(--co-jade); border-radius: 99px; transition: width .4s ease; }
.asia-fsbar.is-min { background: var(--co-orange-b); }
.asia-fsbar.is-min .asia-fsbar-text { color: #8A5210; }
.asia-fsbar.is-min .asia-fsbar-track { background: rgba(232, 145, 47, .2); }
.asia-fsbar.is-min .asia-fsbar-track i { background: var(--co-orange); }

/* tételek */
.asia-cart-items { border-top: 1px solid var(--co-line); }

.asia-cart-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 120px;
  gap: 16px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--co-line);
}

.asia-cart-item.is-gone { opacity: .55; }

.asia-ci-thumb {
  width: 72px;
  height: 72px;
  border: 1px solid var(--co-line);
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.asia-ci-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8%;
  margin: 0 !important;
  border-radius: 0 !important;
}

.asia-ci-main { min-width: 0; }

.asia-ci-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.32;
  color: var(--co-ink) !important;
  text-decoration: none !important;
}

.asia-ci-name:hover { color: var(--co-orange-d) !important; }

.asia-ci-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-size: 12px;
  color: var(--co-ink-3);
  margin-top: 4px;
}

.asia-ci-low { color: var(--co-clay); font-weight: 600; }
.asia-ci-gone { color: var(--co-clay); font-weight: 600; }

/* mennyiség */
.asia-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--co-line-2);
  border-radius: 8px;
  height: 36px;
  margin-top: 10px;
  overflow: hidden;
  background: #fff;
}

.asia-qty-btn {
  width: 34px;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--co-ink-2);
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
}

.asia-qty-btn:hover { background: var(--co-shelf); color: var(--co-ink); }
.asia-qty-btn:disabled { opacity: .35; cursor: default; }

.asia-qty-input {
  width: 40px !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-left: 1px solid var(--co-line) !important;
  border-right: 1px solid var(--co-line) !important;
  border-radius: 0 !important;
  text-align: center;
  font-size: 14px !important;
  font-variant-numeric: tabular-nums;
  background: #fff !important;
  padding: 0 !important;
  box-shadow: none !important;
  -moz-appearance: textfield;
}

.asia-qty-input::-webkit-outer-spin-button,
.asia-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.asia-ci-right { text-align: right; }

.asia-ci-price {
  font-size: 15px;
  font-weight: 700;
  color: var(--co-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.asia-ci-remove {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: var(--co-ink-3) !important;
  text-decoration: none !important;
}

.asia-ci-remove:hover { color: var(--co-clay) !important; text-decoration: underline !important; }

/* kupon + frissítés */
.asia-cart-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.asia-coupon { display: flex; gap: 8px; flex: 1 1 260px; max-width: 380px; }

.asia-coupon input.input-text {
  flex: 1;
  height: 46px !important;
  min-height: 0 !important;
  border: 1px solid var(--co-line-2) !important;
  border-radius: var(--co-r) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.asia-coupon-btn {
  height: 46px;
  padding: 0 18px;
  border: 1px solid var(--co-line-2);
  border-radius: var(--co-r);
  background: #fff;
  color: var(--co-ink);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}

.asia-coupon-btn:hover { border-color: var(--co-orange); color: var(--co-orange-d); }

/* a WooCommerce-nek kell a gomb, de a vevőnek nem: a mennyiség magától frissül */
.asia-update-cart { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* összegző */
/* A WooCommerce alapból 48%-ra szűkíti a .cart_totals-t – itt teljes szélesség kell. */
body.asia-shopflow .asia-sumbox,
body.asia-shopflow .cart_totals {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}

body.asia-shopflow .asia-cart-collaterals { width: 100% !important; float: none !important; }

.asia-sumbox {
  background: var(--co-shelf);
  border: 1px solid var(--co-line);
  border-radius: 14px;
  padding: 20px;
  position: sticky;
  top: 24px;
}

.asia-sum-lines { display: flex; flex-direction: column; gap: 10px; }

.asia-sum-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  font-size: 14px;
  color: var(--co-ink-2);
}

.asia-sum-val { font-weight: 600; color: var(--co-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.asia-sum-muted { font-size: 13px; color: var(--co-ink-3); }
.asia-sum-coupon .asia-sum-val { color: var(--co-jade); }

.asia-sum-total {
  border-top: 1px solid var(--co-line-2);
  padding-top: 14px;
  margin-top: 4px;
  font-size: 16px;
  color: var(--co-ink);
  font-weight: 700;
}

.asia-sum-total { flex-wrap: wrap; }
.asia-sum-total .asia-sum-val { font-size: 22px; font-weight: 800; letter-spacing: -.015em; }
.asia-sum-total .asia-sum-val .amount { font-size: inherit; font-weight: inherit; color: var(--co-ink); }

/* az áfatartalom külön sorba, halkan */
body.asia-shopflow .includes_tax,
body.asia-shopflow small.includes_tax {
  display: block;
  flex: 1 0 100%;
  text-align: right;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: var(--co-ink-3) !important;
  margin-top: 3px;
}
body.asia-shopflow .includes_tax .amount { font-size: inherit !important; font-weight: 400 !important; color: inherit !important; }

.asia-cart-cta { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; }

.asia-checkout-btn,
body.asia-shopflow .checkout-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 12px !important;
  background: var(--co-orange) !important;
  color: #241704 !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  text-decoration: none !important;
  border: 0 !important;
  width: 100% !important;
  font-variant-numeric: tabular-nums;
  padding: 0 14px !important;
  text-align: center;
  line-height: 1.2 !important;
}

.asia-checkout-btn:hover,
body.asia-shopflow .checkout-button:hover { background: var(--co-orange-d) !important; }

.asia-cart-continue {
  text-align: center;
  font-size: 13.5px;
  color: var(--co-ink-2) !important;
  text-decoration: none !important;
}

.asia-cart-continue:hover { color: var(--co-orange-d) !important; }

/* ---------------------------------------------------------
   2. ÜRES KOSÁR
   --------------------------------------------------------- */

.asia-empty {
  max-width: 900px;
  margin: 0 auto;
  padding: 46px 16px 40px;
  text-align: center;
}

.asia-empty-icon { color: var(--co-line-2); margin-bottom: 14px; }
.asia-empty-title { font-size: 26px !important; font-weight: 800 !important; margin: 0 0 8px !important; }
.asia-empty-text { font-size: 15px; color: var(--co-ink-2); margin: 0 0 20px; }

.asia-empty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 28px;
  border-radius: 12px;
  background: var(--co-orange);
  color: #241704 !important;
  font-weight: 800;
  font-size: 15px;
  text-decoration: none !important;
}

.asia-empty-tiles { margin-top: 40px; text-align: left; }

/* ---------------------------------------------------------
   3. PÉNZTÁR – váz
   --------------------------------------------------------- */

.asia-co-head { border-bottom: 1px solid var(--co-line); background: var(--co-surface); }

.asia-co-head-in {
  max-width: 1160px;
  margin: 0 auto;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.asia-co-logo { display: inline-flex; align-items: center; }
.asia-co-logo img { max-height: 40px !important; width: auto !important; height: auto !important; display: block; }
.asia-co-logo span { font-weight: 800; font-size: 17px; color: var(--co-ink); letter-spacing: -.02em; }

.asia-co-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  color: var(--co-ink-2) !important;
  text-decoration: none !important;
}

.asia-co-back:hover { color: var(--co-orange-d) !important; }

html body.asia-shopflow.woocommerce-checkout form.checkout.asia-checkout {
  max-width: 1160px;
  margin: 0 auto;
  padding: 30px 22px 64px;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 420px !important;
  gap: 0 48px !important;
  align-items: start !important;
  float: none !important;
  width: auto !important;
}

/* A dobozok eltűnnek, a gyerekeik lesznek a rács elemei –
   így a WooCommerce AJAX-a ugyanúgy cserélheti őket. */
html body.asia-shopflow .asia-cd,
html body.asia-shopflow .asia-or,
html body.asia-shopflow #order_review.asia-or,
html body.asia-shopflow .asia-review { display: contents !important; }

/* A rács elemei a szakaszok, nem a bennük lévő dobozok. */
body.asia-shopflow .asia-express          { grid-column: 1; grid-row: 1; min-width: 0; }
body.asia-shopflow .asia-sec-billing      { grid-column: 1; grid-row: 2; min-width: 0; }
body.asia-shopflow .asia-sec-shipping-addr{ grid-column: 1; grid-row: 3; min-width: 0; }
body.asia-shopflow .asia-ship             { grid-column: 1; grid-row: 4; min-width: 0; }
body.asia-shopflow .asia-pay              { grid-column: 1; grid-row: 5; min-width: 0; }

body.asia-shopflow .asia-sum {
  grid-column: 2;
  grid-row: 1 / span 5;
  position: sticky;
  top: 24px;
  background: var(--co-shelf);
  border: 1px solid var(--co-line);
  border-radius: 14px;
  padding: 20px;
  min-width: 0;
}

/* szakaszok */
.asia-sec { margin-bottom: 28px; }
.asia-sec:last-child { margin-bottom: 0; }

.asia-sec-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em;
  color: var(--co-ink) !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  text-transform: none !important;
}

.asia-step {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--co-ink);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
}

.asia-sec-aside {
  margin-left: auto;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--co-orange-d) !important;
  text-decoration: none !important;
}

.asia-sec-hint { font-size: 13px; color: var(--co-ink-3); margin: 0 0 12px 36px; }
.asia-sec-title + .asia-fields { margin-top: 12px; }

/* mezők */
.asia-fields { display: block; }

body.asia-shopflow .form-row { margin: 0 0 12px !important; padding: 0 !important; }

body.asia-shopflow .form-row label {
  display: block;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--co-ink-2) !important;
  margin: 0 0 6px !important;
}

body.asia-shopflow .form-row .required { color: var(--co-clay); text-decoration: none; }
body.asia-shopflow .form-row .optional { color: var(--co-ink-3); font-weight: 400; }

body.asia-shopflow .form-row input.input-text,
body.asia-shopflow .form-row textarea,
body.asia-shopflow .form-row select,
body.asia-shopflow .select2-container .select2-selection {
  height: 48px !important;
  min-height: 48px !important;
  width: 100% !important;
  border: 1px solid var(--co-line-2) !important;
  border-radius: var(--co-r) !important;
  background: #fff !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  color: var(--co-ink) !important;
  box-shadow: none !important;
  font-family: inherit;
}

body.asia-shopflow .form-row textarea { height: 92px !important; padding-top: 12px !important; }

body.asia-shopflow .form-row input.input-text:focus,
body.asia-shopflow .form-row select:focus,
body.asia-shopflow .form-row textarea:focus {
  border-color: var(--co-orange) !important;
  outline: 3px solid rgba(232, 145, 47, .22) !important;
  outline-offset: 0 !important;
}

body.asia-shopflow .form-row.woocommerce-invalid input.input-text,
body.asia-shopflow .form-row.woocommerce-invalid select { border-color: var(--co-clay) !important; }
body.asia-shopflow .form-row.woocommerce-validated input.input-text { border-color: #B9CDC3 !important; }

body.asia-shopflow .form-row-first,
body.asia-shopflow .form-row-last {
  width: calc(50% - 6px) !important;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}

body.asia-shopflow .form-row-first { margin-right: 8px !important; }

/* jelölőnégyzetek */
body.asia-shopflow .form-row.asia-company-toggle,
body.asia-shopflow .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--co-ink-2);
  cursor: pointer;
}

body.asia-shopflow .woocommerce-form__label-for-checkbox input[type="checkbox"],
body.asia-shopflow .asia-company-toggle input[type="checkbox"] {
  width: 19px; height: 19px; margin: 0; accent-color: var(--co-orange); flex: 0 0 auto;
}

body.asia-shopflow #ship-to-different-address {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 4px 0 12px !important;
}

/* ---------------------------------------------------------
   4. SZÁLLÍTÁSI ÉS FIZETÉSI MÓDOK – közös rádiógombos forma
   --------------------------------------------------------- */

.asia-ship-list { margin-top: 12px; }

.asia-ship-list #shipping_method,
.asia-pay-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.asia-ship-list #shipping_method li,
.asia-pay-item {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--co-line-2);
  border-radius: var(--co-r);
  background: #fff;
  transition: border-color .15s ease, background .15s ease;
  list-style: none !important;
  overflow: hidden;
}

.asia-ship-list #shipping_method li:hover,
.asia-pay-item:hover { border-color: var(--co-orange); }

.asia-ship-list #shipping_method li:has(input:checked),
.asia-pay-item:has(input:checked) {
  border-color: var(--co-orange);
  background: var(--co-orange-b);
  box-shadow: inset 0 0 0 1px var(--co-orange);
}

.asia-ship-list #shipping_method li label,
.asia-pay-item > label {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  padding: 14px 16px !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: var(--co-ink) !important;
  cursor: pointer;
  min-height: 56px;
}

.asia-ship-list #shipping_method li input[type="radio"],
.asia-pay-item > input[type="radio"] {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  margin: 0;
  accent-color: var(--co-orange);
  z-index: 2;
}

.asia-ship-list #shipping_method li label { padding-left: 47px !important; }
.asia-pay-item > label { padding-left: 47px !important; }
.asia-pay-radio { display: none; }

.asia-pay-label { flex: 1; }
.asia-pay-label small { display: block; font-size: 12px; color: var(--co-ink-3); font-weight: 400; margin-top: 2px; }
.asia-pay-icon img { max-height: 22px; width: auto; display: inline-block; margin-left: 4px; vertical-align: middle; }

/* a szállítási sor ára jobbra */
.asia-ship-list #shipping_method li label .woocommerce-Price-amount,
.asia-ship-list #shipping_method li label .amount {
  margin-left: auto;
  font-weight: 700;
  color: var(--co-ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* a csomagpont-bővítmény ikonjai */
.asia-ship-list #shipping_method li img { max-height: 20px; width: auto; }

.asia-pay-box {
  padding: 0 16px 16px 47px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 13.5px;
  color: var(--co-ink-2);
}

.asia-pay-box::before { display: none !important; }
.asia-pay-box p:last-child { margin-bottom: 0; }

/* ---------------------------------------------------------
   5. ÖSSZEGZŐ A PÉNZTÁRON
   --------------------------------------------------------- */

.asia-sum-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 14px !important;
  color: var(--co-ink) !important;
}

.asia-sum-items { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }

.asia-sum-item { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; align-items: center; }

.asia-sum-thumb {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid var(--co-line);
  border-radius: 9px;
  background: #fff;
  overflow: visible;
}

.asia-sum-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8%;
  border-radius: 8px;
  margin: 0 !important;
}

.asia-sum-qty {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 99px;
  background: var(--co-ink);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.asia-sum-name {
  font-size: 13px;
  line-height: 1.32;
  color: var(--co-ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.asia-sum-price { font-size: 13.5px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }

.asia-sum .asia-sum-lines { border-top: 1px solid var(--co-line-2); padding-top: 14px; }
.asia-sum-note { font-size: 11.5px; color: var(--co-ink-3); margin: 12px 0 0; }

/* ---------------------------------------------------------
   6. MEGRENDELÉS GOMB ÉS ÁSZF
   --------------------------------------------------------- */

.asia-place { margin-top: 20px !important; }

body.asia-shopflow .woocommerce-terms-and-conditions-wrapper { margin-bottom: 14px; }
body.asia-shopflow .woocommerce-privacy-policy-text p { font-size: 12.5px; color: var(--co-ink-3); line-height: 1.45; }
body.asia-shopflow .woocommerce-terms-and-conditions-wrapper a { color: var(--co-orange-d) !important; }

body.asia-shopflow .form-row.validate-required.terms label {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: var(--co-ink-2) !important;
}

body.asia-shopflow #terms { width: 19px; height: 19px; margin: 1px 0 0; accent-color: var(--co-orange); flex: 0 0 auto; }

body.asia-shopflow #place_order,
.asia-order-btn {
  width: 100% !important;
  height: 54px !important;
  border-radius: 12px !important;
  background: var(--co-orange) !important;
  color: #241704 !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  border: 0 !important;
  box-shadow: none !important;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  font-family: inherit;
}

body.asia-shopflow #place_order:hover { background: var(--co-orange-d) !important; }
body.asia-shopflow #place_order:disabled { opacity: .45; cursor: default; }

.asia-secure {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--co-ink-3);
  margin: 14px 0 0;
  line-height: 1.4;
}

.asia-secure svg { flex: 0 0 auto; }

.asia-express { margin-bottom: 24px; }
.asia-or { position: relative; text-align: center; margin: 16px 0; }
.asia-or span { background: #fff; padding: 0 12px; font-size: 12.5px; color: var(--co-ink-3); position: relative; z-index: 1; }
.asia-or::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--co-line); }

/* ---------------------------------------------------------
   7. MOBIL
   --------------------------------------------------------- */

@media (max-width: 900px) {

  /* --- kosár --- */
  body.woocommerce-cart.asia-shopflow .woocommerce {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 18px 16px 0;
  }

  .asia-cart-form,
  .asia-cart-collaterals { grid-column: 1; }

  .asia-cart-title { font-size: 22px !important; }

  .asia-cart-item {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 14px 0;
    align-items: start;
  }

  .asia-ci-thumb { width: 64px; height: 64px; }
  .asia-ci-name { font-size: 13.5px; }
  .asia-qty { height: 34px; margin-top: 9px; }
  .asia-qty-btn { width: 32px; }
  .asia-qty-input { width: 36px !important; }
  .asia-ci-price { font-size: 14px; }

  .asia-sumbox {
    position: static;
    border: 0;
    background: transparent;
    padding: 20px 0 0;
    margin-top: 4px;
    border-top: 1px solid var(--co-line);
  }

  /* a fő gomb a képernyő aljára ragad */
  .asia-cart-cta {
    position: sticky;
    bottom: 0;
    z-index: 60;
    background: #fff;
    margin: 18px -16px 0;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--co-line);
    box-shadow: 0 -6px 20px rgba(28, 25, 23, .07);
  }

  /* --- pénztár --- */
  .asia-checkout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0 16px 40px;
  }

  html body.asia-shopflow.woocommerce-checkout form.checkout.asia-checkout { grid-template-columns: minmax(0, 1fr) !important; padding: 0 16px 40px !important; }

  body.asia-shopflow .asia-sec-billing,
  body.asia-shopflow .asia-sec-shipping-addr,
  body.asia-shopflow .asia-ship,
  body.asia-shopflow .asia-pay,
  body.asia-shopflow .asia-sum,
  body.asia-shopflow .asia-express { grid-column: 1 !important; grid-row: auto !important; }

  body.asia-shopflow .asia-express { order: 1; }
  body.asia-shopflow .asia-sec-billing { order: 2; }
  body.asia-shopflow .asia-sec-shipping-addr { order: 3; }
  body.asia-shopflow .asia-ship { order: 4; }
  body.asia-shopflow .asia-pay { order: 5; }

  /* az összegző a lap tetejére, összecsukva */
  body.asia-shopflow .asia-sum {
    order: 0;
    position: static;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 -16px 20px;
    padding: 16px;
  }

  .asia-sum.is-collapsed { display: none; }

  .asia-co-toggle {
    order: -1;
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: calc(100% + 32px);
    margin: 0 -16px 0;
    padding: 15px 16px;
    background: var(--co-shelf);
    border: 0;
    border-bottom: 1px solid var(--co-line);
    font-size: 14.5px;
    color: var(--co-ink);
    cursor: pointer;
    font-family: inherit;
  }

  .asia-co-toggle .lbl { display: flex; align-items: center; gap: 7px; color: var(--co-orange-d); font-weight: 600; }
  .asia-co-toggle .amt { font-weight: 800; font-size: 17px; font-variant-numeric: tabular-nums; }
  .asia-co-toggle .chev { transition: transform .2s ease; }
  .asia-co-toggle[aria-expanded="true"] .chev { transform: rotate(180deg); }

  /* megrendelés gomb ragadósan */
  .asia-place {
    position: sticky;
    bottom: 0;
    z-index: 60;
    background: #fff;
    margin: 20px -16px 0 !important;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--co-line);
    box-shadow: 0 -6px 20px rgba(28, 25, 23, .07);
  }

  body.asia-shopflow .woocommerce-terms-and-conditions-wrapper { margin-bottom: 10px; }
  body.asia-shopflow .woocommerce-privacy-policy-text { display: none; }

  .asia-sec { margin-bottom: 24px; }
  .asia-sec-title { font-size: 17px !important; }
  .asia-sec-hint { margin-left: 34px; }
}

@media (max-width: 420px) {
  body.asia-shopflow .form-row-first,
  body.asia-shopflow .form-row-last { width: calc(50% - 4px) !important; }
  body.asia-shopflow .form-row-first { margin-right: 6px !important; }
}

/* asztalon nincs összecsukás */
@media (min-width: 901px) {
  .asia-co-toggle { display: none !important; }
  .asia-sum.is-collapsed { display: block !important; }
}

/* ---------------------------------------------------------
   8. A téma pénztár-stílusainak semlegesítése
   A #order_review display:contents miatt a benne lévő elemek
   közvetlenül a rács elemei lesznek – a téma viszont középre
   igazít és saját címsort ad hozzá.
   --------------------------------------------------------- */

html body.asia-shopflow form.checkout h3#order_review_heading,
html body.asia-shopflow form.checkout .order_review_heading { display: none !important; }

html body.asia-shopflow .asia-sum,
html body.asia-shopflow .asia-ship,
html body.asia-shopflow .asia-pay,
html body.asia-shopflow .asia-sum *,
html body.asia-shopflow .asia-ship *,
html body.asia-shopflow .asia-pay * { text-align: left; }

html body.asia-shopflow .asia-sum-price,
html body.asia-shopflow .asia-sum-val,
html body.asia-shopflow .asia-sum .includes_tax { text-align: right; }

html body.asia-shopflow .asia-sum-price .woocommerce-Price-amount,
html body.asia-shopflow .asia-sum-val .woocommerce-Price-amount,
html body.asia-shopflow .asia-ci-price .woocommerce-Price-amount {
  display: inline !important;
  white-space: nowrap;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

html body.asia-shopflow .asia-sum .asia-sum-line,
html body.asia-shopflow .asia-sumbox .asia-sum-line { display: flex !important; }

/* a téma néha keretet/hátteret ad a pénztár tábláinak */
html body.asia-shopflow .asia-sum table,
html body.asia-shopflow .asia-ship table,
html body.asia-shopflow .asia-sum td,
html body.asia-shopflow .asia-sum th {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* A téma a .cart_item gyerekeinek fehér hátteret és belső margót ad. */
html body.asia-shopflow .asia-sum-item > *,
html body.asia-shopflow .asia-sum-item span,
html body.asia-shopflow .asia-sum-line > * {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.asia-shopflow .asia-sum-name { display: block !important; }
html body.asia-shopflow .asia-sum-price { display: block !important; }

html body.asia-shopflow .asia-sum-thumb {
  background: #fff !important;
  border: 1px solid var(--co-line) !important;
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px;
  display: block !important;
}

html body.asia-shopflow .asia-sum-thumb img,
html body.asia-shopflow .asia-ci-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  padding: 4px !important;
  margin: 0 !important;
  display: block !important;
}

html body.asia-shopflow .asia-sum-thumb { position: relative !important; overflow: visible !important; }

html body.asia-shopflow .asia-sum-qty {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  left: auto !important;
  bottom: auto !important;
  background: var(--co-ink) !important;
  color: #fff !important;
  padding: 0 5px !important;
  min-width: 20px;
  height: 20px;
  line-height: 20px !important;
  border-radius: 99px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: center !important;
  z-index: 2;
}

/* a pénznem ne szakadjon el a számtól */
html body.asia-shopflow .woocommerce-Price-currencySymbol {
  padding: 0 0 0 2px !important;
  margin: 0 !important;
  background: transparent !important;
  display: inline !important;
}

/* a mobil összegző-kapcsoló egy sorban maradjon */
@media (max-width: 900px) {
  .asia-co-toggle .lbl { white-space: nowrap; }
  .asia-co-toggle .amt { white-space: nowrap; }
}

/* a szám és a pénznem ne szakadjon el egymástól */
html body.asia-shopflow .woocommerce-Price-amount { word-spacing: normal !important; }

/* ---------------------------------------------------------
   11. A téma a pénztár címkéit oszlopos flexbe teszi és
   középre igazítja. Ezt minden érintett tulajdonságon
   felül kell írni, nagyobb specificitással.
   --------------------------------------------------------- */

html body.asia-shopflow li.asia-ship-opt > label.asia-ship-label,
html body.asia-shopflow li.asia-pay-item > label {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
}

html body.asia-shopflow li.asia-ship-opt > label.asia-ship-label > span.asia-ship-text,
html body.asia-shopflow li.asia-pay-item > label > span.asia-pay-label {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  text-align: left !important;
  float: none !important;
}

html body.asia-shopflow span.asia-ship-name {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body.asia-shopflow span.asia-ship-desc,
html body.asia-shopflow span.asia-pay-label small {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin-top: 3px !important;
}

html body.asia-shopflow li.asia-ship-opt > label.asia-ship-label > span.asia-ship-price {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  text-align: right !important;
  margin-left: auto !important;
  padding-top: 1px !important;
}

/* a téma az árakat narancsra festi a listákban – itt tintaszín kell */
html body.asia-shopflow span.asia-ship-price,
html body.asia-shopflow span.asia-ship-price .woocommerce-Price-amount,
html body.asia-shopflow span.asia-ship-price .woocommerce-Price-currencySymbol {
  color: var(--co-ink) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
}

html body.asia-shopflow span.asia-ship-free,
html body.asia-shopflow span.asia-ship-price span.asia-ship-free { color: var(--co-jade) !important; }

/* a bővítmény extra tartalma (csomagpont-ikonok, üzleti leírás) alá kerüljön */
html body.asia-shopflow .asia-ship-extra {
  display: block !important;
  text-align: left !important;
  clear: both;
}

html body.asia-shopflow .asia-ship-extra p,
html body.asia-shopflow .asia-ship-extra div,
html body.asia-shopflow .asia-ship-extra span {
  text-align: left !important;
  display: block !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  color: var(--co-ink-3) !important;
  margin: 0 !important;
}

html body.asia-shopflow .asia-ship-extra img { display: inline-block !important; }

/* ---------------------------------------------------------
   12. A téma szabálya azonosítót használ
   (html body.woocommerce-checkout ul#shipping_method li label),
   ezért csak azonosítóval lehet felülírni.
   --------------------------------------------------------- */

html body.asia-shopflow ul#shipping_method li.asia-ship-opt > label.asia-ship-label {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 14px !important;
  width: 100% !important;
  padding: 14px 16px 14px 49px !important;
  margin: 0 !important;
  min-height: 0 !important;
  font-weight: 500 !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt > label.asia-ship-label > span.asia-ship-text {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt span.asia-ship-name {
  display: block !important;
  text-align: left !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--co-ink) !important;
  line-height: 1.3 !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt span.asia-ship-desc {
  display: block !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--co-ink-3) !important;
  margin-top: 3px !important;
  line-height: 1.35 !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt > label.asia-ship-label > span.asia-ship-price {
  display: block !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-top: 1px !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt span.asia-ship-price,
html body.asia-shopflow ul#shipping_method li.asia-ship-opt span.asia-ship-price .woocommerce-Price-amount,
html body.asia-shopflow ul#shipping_method li.asia-ship-opt span.asia-ship-price .woocommerce-Price-currencySymbol {
  color: var(--co-ink) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt span.asia-ship-free { color: var(--co-jade) !important; }

html body.asia-shopflow ul#shipping_method li.asia-ship-opt > input[type="radio"] {
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  transform: none !important;
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt {
  display: block !important;
  position: relative !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  text-align: left !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt:last-child { margin-bottom: 0 !important; }

html body.asia-shopflow ul#shipping_method {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* a bővítmények extra tartalma a sor alján, balra */
html body.asia-shopflow ul#shipping_method li.asia-ship-opt .asia-ship-extra {
  padding: 0 16px 0 49px !important;
  text-align: left !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt .asia-ship-extra:not(:empty) { padding-bottom: 13px !important; }

html body.asia-shopflow ul#shipping_method li.asia-ship-opt .asia-ship-extra * {
  text-align: left !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--co-ink-3) !important;
  font-family: inherit !important;
  margin: 0 !important;
  float: none !important;
}

html body.asia-shopflow ul#shipping_method li.asia-ship-opt .asia-ship-extra img {
  display: inline-block !important;
  max-height: 20px !important;
  width: auto !important;
  margin: 6px 5px 0 0 !important;
}

/* ---------------------------------------------------------
   13. Fizetési módok – a téma #payment azonosítós szabályai
   ellen csak azonosítóval lehet nyerni.
   --------------------------------------------------------- */

html body.asia-shopflow div#payment ul.asia-pay-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item {
  position: relative !important;
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--co-line-2) !important;
  border-radius: var(--co-r) !important;
  background: #fff !important;
  text-align: left !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item:has(input:checked) {
  border-color: var(--co-orange) !important;
  background: var(--co-orange-b) !important;
  box-shadow: inset 0 0 0 1px var(--co-orange) !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item > input[type="radio"] {
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  transform: none !important;
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  opacity: 1 !important;
  accent-color: var(--co-orange);
  z-index: 2;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item > label {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 14px 16px 14px 49px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: var(--co-ink) !important;
  width: 100% !important;
  min-height: 0 !important;
  cursor: pointer;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item span.asia-pay-label {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  font-weight: 600 !important;
  color: var(--co-ink) !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item span.asia-pay-label small {
  display: block !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--co-ink-3) !important;
  margin-top: 3px !important;
  text-align: left !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item span.asia-pay-icon {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center;
  gap: 5px;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item span.asia-pay-icon img {
  max-height: 22px !important;
  width: auto !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-block !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item div.payment_box {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 16px 16px 49px !important;
  box-shadow: none !important;
  text-align: left !important;
  color: var(--co-ink-2) !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item div.payment_box::before {
  display: none !important;
  content: none !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item div.payment_box p {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  margin: 0 0 10px !important;
  text-align: left !important;
}

html body.asia-shopflow div#payment ul.asia-pay-list li.asia-pay-item div.payment_box p:last-child { margin-bottom: 0 !important; }

/* ---------------------------------------------------------
   14. A masik cimre keres jelolonegyzete
   A tema a nativ checkboxot 0x0-ra allitja es abszolut
   pozicionalja, ezert csuszott ra a szovegre.
   --------------------------------------------------------- */

html body.asia-shopflow h3#ship-to-different-address {
  margin: 6px 0 16px !important;
  padding: 0 !important;
}

html body.asia-shopflow h3#ship-to-different-address label.woocommerce-form__label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--co-ink) !important;
  cursor: pointer;
}

html body.asia-shopflow h3#ship-to-different-address input[type="checkbox"] {
  position: static !important;
  opacity: 1 !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;
  flex: 0 0 19px !important;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: var(--co-orange);
  clip: auto !important;
  clip-path: none !important;
  visibility: visible !important;
}

html body.asia-shopflow h3#ship-to-different-address label span {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body.asia-shopflow h3#ship-to-different-address label::before,
html body.asia-shopflow h3#ship-to-different-address label::after {
  display: none !important;
  content: none !important;
}

/* ---------------------------------------------------------
   15. Szakaszszam es felesleges vonalak
   --------------------------------------------------------- */

html body.asia-shopflow .asia-sec-title span.asia-step {
  color: #fff !important;
  background: var(--co-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 26px !important;
  line-height: 1 !important;
}

html body.asia-shopflow .asia-sec,
html body.asia-shopflow .asia-sec-title,
html body.asia-shopflow .asia-billing,
html body.asia-shopflow .asia-cd,
html body.asia-shopflow .asia-review {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ---------------------------------------------------------
   16. A tema al-jelolonegyzete a cim elott
   --------------------------------------------------------- */

html body.asia-shopflow h3#ship-to-different-address::before,
html body.asia-shopflow h3#ship-to-different-address::after,
html body.asia-shopflow h3#ship-to-different-address label.woocommerce-form__label::before,
html body.asia-shopflow h3#ship-to-different-address label.woocommerce-form__label::after,
html body.asia-shopflow h3#ship-to-different-address label span::before,
html body.asia-shopflow h3#ship-to-different-address label span::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

html body.asia-shopflow h3#ship-to-different-address label.woocommerce-form__label { gap: 10px !important; }

/* ---------------------------------------------------------
   17. Stripe kartyamezok – lathatoak legyenek a narancs
   hatteru kivalasztott kartyan is
   --------------------------------------------------------- */

html body.asia-shopflow div#payment .wc-stripe-gateway-container,
html body.asia-shopflow div#payment .wc-stripe_cc-container,
html body.asia-shopflow div#payment .wc-stripe-elements-field,
html body.asia-shopflow div#payment .wc-stripe-card-container {
  background: #fff !important;
  border: 1px solid var(--co-line-2) !important;
  border-radius: var(--co-r) !important;
  padding: 12px 14px !important;
  margin: 10px 0 0 !important;
  min-height: 48px;
  display: block !important;
}

html body.asia-shopflow div#payment .wc-stripe-gateway-desc {
  color: var(--co-ink-2) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  background: transparent !important;
}

html body.asia-shopflow div#payment .wc-stripe_cc-container iframe,
html body.asia-shopflow div#payment .wc-stripe-elements-field iframe {
  display: block !important;
  width: 100% !important;
  min-height: 22px;
}

html body.asia-shopflow div#payment .payment_box label {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--co-ink-2) !important;
  margin: 10px 0 4px !important;
  padding: 0 !important;
  background: transparent !important;
}

/* ---------------------------------------------------------
   18. Pont- es kuponsav a penztar tetejen
   (ezek a szabalyok egy korabbi telepitesnel elvesztek)
   --------------------------------------------------------- */

html body.asia-shopflow div.woocommerce-info,
html body.asia-shopflow div.woocommerce-info.wc_points_redeem_earn_points,
html body.asia-shopflow .woocommerce-form-coupon-toggle div.woocommerce-info {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 0 0 10px !important;
  padding: 14px 18px !important;
  background: var(--co-shelf) !important;
  border: 1px solid var(--co-line) !important;
  border-left: 3px solid var(--co-orange) !important;
  border-radius: var(--co-r) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: var(--co-ink-2) !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body.asia-shopflow div.woocommerce-info::before,
html body.asia-shopflow div.woocommerce-info::after,
html body.asia-shopflow .woocommerce-form-coupon-toggle div.woocommerce-info::before {
  display: none !important;
  content: none !important;
}

html body.asia-shopflow div.woocommerce-info a.showcoupon {
  color: var(--co-orange-d) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

html body.asia-shopflow .woocommerce-form-coupon-toggle { margin: 0 !important; padding: 0 !important; }

html body.asia-shopflow input.wc_points_rewards_apply_discount,
html body.asia-shopflow button.wc_points_rewards_apply_discount,
html body.asia-shopflow .wc_points_rewards_apply_discount {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: var(--co-r) !important;
  background: var(--co-orange) !important;
  color: #241704 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  border: 0 !important;
  margin: 0 0 0 auto !important;
  position: static !important;
  width: auto !important;
  box-shadow: none !important;
  line-height: 42px !important;
}

html body.asia-shopflow form.checkout_coupon {
  margin: 0 0 12px !important;
  padding: 16px 18px !important;
  border: 1px solid var(--co-line) !important;
  border-radius: var(--co-r) !important;
  background: #fff !important;
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

html body.asia-shopflow form.checkout_coupon p { margin: 0 !important; }
html body.asia-shopflow form.checkout_coupon .form-row { margin: 0 !important; flex: 1 1 240px !important; width: auto !important; }
html body.asia-shopflow form.checkout_coupon input.input-text { height: 46px !important; min-height: 46px !important; }

html body.asia-shopflow form.checkout_coupon button {
  height: 46px !important;
  padding: 0 22px !important;
  border-radius: var(--co-r) !important;
  background: var(--co-ink) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border: 0 !important;
}

/* a sav ugyanolyan szeles legyen, mint a penztar racsa */
html body.asia-shopflow.woocommerce-checkout .woocommerce > .woocommerce-info,
html body.asia-shopflow.woocommerce-checkout .woocommerce > .woocommerce-form-coupon-toggle,
html body.asia-shopflow.woocommerce-checkout .woocommerce > form.checkout_coupon {
  max-width: 1160px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------------------------------------------------------
   19. 10 px terkoz az osszegzo es az elso szakasz felett
   --------------------------------------------------------- */

html body.asia-shopflow.woocommerce-checkout form.checkout.asia-checkout { padding-top: 10px !important; }

html body.asia-shopflow .asia-sum,
html body.asia-shopflow .asia-sec-billing { margin-top: 10px !important; }

@media (max-width: 900px) {
  html body.asia-shopflow .asia-co-toggle { margin-bottom: 10px !important; }
  html body.asia-shopflow .asia-sum { margin-top: 0 !important; margin-bottom: 10px !important; }
  html body.asia-shopflow .asia-sec-billing { margin-top: 0 !important; }
}

/* a felso savok pontosan a penztar-racs vonalaban alljanak */
html body.asia-shopflow.woocommerce-checkout div.woocommerce-info,
html body.asia-shopflow.woocommerce-checkout .woocommerce-form-coupon-toggle div.woocommerce-info,
html body.asia-shopflow.woocommerce-checkout form.checkout_coupon {
  max-width: 1160px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  html body.asia-shopflow.woocommerce-checkout div.woocommerce-info,
  html body.asia-shopflow.woocommerce-checkout .woocommerce-form-coupon-toggle div.woocommerce-info,
  html body.asia-shopflow.woocommerce-checkout form.checkout_coupon {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* A felso savok a penztar-urlap TARTALMI dobozahoz igazodjanak
   (az urlap 22 px belso margot hasznal a konteneren belul). */
html body.asia-shopflow.woocommerce-checkout div.woocommerce-info,
html body.asia-shopflow.woocommerce-checkout .woocommerce-form-coupon-toggle div.woocommerce-info,
html body.asia-shopflow.woocommerce-checkout form.checkout_coupon {
  max-width: none !important;
  margin: 0 22px 10px !important;
}

@media (max-width: 900px) {
  html body.asia-shopflow.woocommerce-checkout div.woocommerce-info,
  html body.asia-shopflow.woocommerce-checkout .woocommerce-form-coupon-toggle div.woocommerce-info,
  html body.asia-shopflow.woocommerce-checkout form.checkout_coupon {
    margin: 0 16px 10px !important;
  }
}

/* ---------------------------------------------------------
   20. Megrendeles gomb es ASZF-jelolonegyzet
   A tema szabalya ket azonosítot hasznal:
   html body.woocommerce-checkout #payment button#place_order
   ezert csak ugyanennyi azonositoval lehet felulirni.
   --------------------------------------------------------- */

html body.asia-shopflow.woocommerce-checkout div#payment button#place_order,
html body.asia-shopflow.woocommerce-checkout div#payment input#place_order {
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  border-radius: 12px !important;
  background: var(--co-orange) !important;
  background-image: none !important;
  color: #241704 !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-transform: none !important;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  font-family: inherit !important;
  transition: background .15s ease !important;
}

html body.asia-shopflow.woocommerce-checkout div#payment button#place_order:hover {
  background: var(--co-orange-d) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.asia-shopflow.woocommerce-checkout div#payment button#place_order:disabled {
  opacity: .45 !important;
  cursor: default !important;
}

/* ASZF- es adatkezelesi sor */
html body.asia-shopflow.woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper {
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.asia-shopflow.woocommerce-checkout form.checkout .woocommerce-privacy-policy-text p {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: var(--co-ink-3) !important;
  margin: 0 0 10px !important;
  text-align: left !important;
}

html body.asia-shopflow.woocommerce-checkout form.checkout .form-row label.checkbox,
html body.asia-shopflow.woocommerce-checkout form.checkout p.form-row label.woocommerce-form__label-for-checkbox {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: var(--co-ink-2) !important;
  cursor: pointer;
  text-align: left !important;
}

html body.asia-shopflow.woocommerce-checkout form.checkout .form-row label.checkbox input#terms,
html body.asia-shopflow.woocommerce-checkout form.checkout input#terms {
  position: relative !important;
  top: 2px !important;
  left: auto !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;
  flex: 0 0 19px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: var(--co-orange) !important;
  box-shadow: none !important;
  border: 0 !important;
  background: none !important;
}

html body.asia-shopflow.woocommerce-checkout form.checkout .form-row label.checkbox span.woocommerce-terms-and-conditions-checkbox-text {
  display: block !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

html body.asia-shopflow.woocommerce-checkout form.checkout .woocommerce-terms-and-conditions-wrapper a {
  color: var(--co-orange-d) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

/* a mobil ragado sav ne kapjon a temaztol arnyekot */
html body.asia-shopflow.woocommerce-checkout div#payment .form-row.place-order {
  background: transparent !important;
  border: 0 !important;
}