.elementor-20634 .elementor-element.elementor-element-509d0c5{--display:flex;--min-height:90px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-20634 .elementor-element.elementor-element-509d0c5:not(.elementor-motion-effects-element-type-background), .elementor-20634 .elementor-element.elementor-element-509d0c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E2647;}.elementor-20634 .elementor-element.elementor-element-793fa10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-20634 .elementor-element.elementor-element-95a2775 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-20634 .elementor-element.elementor-element-f507571{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;overflow:visible;}.elementor-20634 .elementor-element.elementor-element-23c4b79{--display:flex;overflow:visible;}.elementor-20634 .elementor-element.elementor-element-88563ac{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-20634 .elementor-element.elementor-element-88563ac > .elementor-widget-container{padding:0px 150px 0px 150px;}.elementor-20634 .elementor-element.elementor-element-88563ac > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;border-color:#157F9530;}.elementor-20634 .elementor-element.elementor-element-88563ac {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-20634 .elementor-element.elementor-element-88563ac > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-20634 .elementor-element.elementor-element-88563ac :where( .elementor-20634 .elementor-element.elementor-element-88563ac > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{-webkit-text-stroke-color:#000;stroke:#000;}:where( .elementor-20634 .elementor-element.elementor-element-88563ac > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-20634 .elementor-element.elementor-element-dafc901 > .elementor-widget-container{margin:-50px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-20634 .elementor-element.elementor-element-509d0c5{--min-height:90px;}.elementor-20634 .elementor-element.elementor-element-793fa10{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20634 .elementor-element.elementor-element-95a2775 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-20634 .elementor-element.elementor-element-f507571{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20634 .elementor-element.elementor-element-88563ac > .elementor-widget-container{padding:5px 16px 0px 16px;}.elementor-20634 .elementor-element.elementor-element-88563ac{--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:15px;}:where( .elementor-20634 .elementor-element.elementor-element-88563ac > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:5px;--padding-right:5px;--padding-bottom:0px;--padding-left:5px;}.elementor-20634 .elementor-element.elementor-element-dafc901 > .elementor-widget-container{margin:-35px 0px -5px 0px;}}/* Start custom CSS for html, class: .elementor-element-95a2775 *//* ===== COOLROPE Thank You Page (Premium) ===== */
:root{
  --cf-bg: #0b1220;
  --cf-surface: rgba(255,255,255,.06);
  --cf-surface2: rgba(255,255,255,.10);
  --cf-border: rgba(255,255,255,.12);
  --cf-text: rgba(255,255,255,.92);
  --cf-muted: rgba(255,255,255,.68);
  --cf-accent: #157F95; /* Twój turkus */
  --cf-accent2: rgba(21,127,149,.18);
  --cf-shadow: 0 18px 50px rgba(0,0,0,.35);
  --cf-radius: 18px;
  --cf-radius2: 26px;
  --cf-max: 1100px;
}

.cf-ty{
  padding: clamp(27px, 3vw, 56px) 16px;

}

.cf-ty__wrap{
  max-width: var(--cf-max);
  margin: 0 auto;
}



.cf-ty__hero:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(600px 200px at 30% 0%, rgba(21,127,149,.20), transparent 60%),
    radial-gradient(500px 220px at 80% 30%, rgba(255,255,255,.10), transparent 55%);
  pointer-events:none;
}

.cf-ty__badge{
    
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border: 1px solid var(--cf-border);
  background: rgba(255,255,255,.05);
  border-radius: 999px;
  font-weight: 600;
  color: var(--cf-muted);
  position: relative;
  z-index: 1;
}

.cf-ty__title{
    font-weight: 700!important;
  margin: 18px 0 10px;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
}
.cf-ty__title span{
  color: var(--cf-accent);
  text-shadow: 0 0 15px rgba(21,127,149,.25);
}

.cf-ty__lead{
  margin: 0 0 18px;
  max-width: 64ch;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.6;
  color: var(--cf-muted);
  position: relative;
  z-index: 1;
}

.cf-ty__cta{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.cf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 700;
  line-height: 1;
  border: 1px solid transparent;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, opacity .12s ease;
  user-select: none;
  white-space: nowrap;
}

.cf-btn--primary{
  background: linear-gradient(180deg, rgba(21,127,149,1), rgba(16,96,112,1));
  color: #fff !important;
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 14px 30px rgba(21,127,149,.22);
}
.cf-btn--primary:hover{ transform: translateY(-1px); opacity: .96; }

.cf-btn--ghost{
  background: rgba(255,255,255,.05);
  color: var(--cf-text) !important;
  border-color: var(--cf-border);
  color: black !important;
}
.cf-btn--ghost:hover{ transform: translateY(-1px); }

.cf-ty__grid{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.cf-card{
    margin-top: 15px;
  padding: 18px;
  border-radius: 15px;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

.cf-card--accent{
  background:
    linear-gradient(180deg, rgba(21,127,149,.16), rgba(255,255,255,.04));
  border-color: rgba(21,127,149,.35);
}

.cf-card--wide{
  margin-top: 16px;
}

.cf-card__title{
  margin: 5px 5px 15px 5px;
  font-size: 20px;
  letter-spacing: -0.01em;
    font-weight: 800!important;
    
    

}

.cf-card__text{
  margin: 0 0 14px;
  color: var(--cf-muted);
  line-height: 1.6;
}

.cf-steps{
  list-style: none;
  margin: 0;
  padding: 0;
  display:grid;
  gap: 12px;
}

.cf-step{
  display:flex;
  gap: 12px;
  align-items:flex-start;
}

.cf-step__dot{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  margin-top: 6px;
  background: var(--cf-accent);
  box-shadow: 0 0 0 6px rgba(21,127,149,.12);
  flex: 0 0 auto;
}

.cf-step__headline{
  font-weight: 800;
  margin-bottom: 2px;
}

.cf-step__text{
  color: var(--cf-muted);
  line-height: 1.55;
}

.cf-note{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--cf-muted);
}

.cf-mini{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.cf-mini__item{
  min-width: 110px;
  flex: 1 1 110px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  text-align: center;
}
.cf-mini__kpi{
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.cf-mini__label{
  color: var(--cf-muted);
  font-weight: 600;
  margin-top: 2px;
}

.cf-community{
  display:flex;
  gap: 16px;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.cf-community__left{
  flex: 1 1 420px;
}
.cf-community__right{
      padding-top: 0px;
  flex: 0 1 340px;
  display:flex;
  flex-wrap: wrap;
  gap: 0px;
  align-content: flex-start;
  justify-content: flex-start;
}

.cf-tag{
  padding: 5px 3px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: var(--cf-muted);
  font-weight: 700;
}

.cf-reco{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.cf-reco__item{
  display:block;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  text-decoration: none !important;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
  color: var(--cf-text);
    background: rgba(21,127,149,.10);
      border-color: rgba(21,127,149,.35);

}
.cf-reco__item:hover{
  transform: translateY(-2px);
  border-color: rgba(21,127,149,.35);
  background: rgba(21,127,149,.10);
}

.cf-reco__title{
  font-weight: 800;
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}
.cf-reco__text{
  color: var(--cf-muted);
  line-height: 1.55;
  margin-bottom: 10px;
}
.cf-reco__link{
  font-weight: 800;
  color: var(--cf-accent);
}

.cf-ty__footer{
  margin-top: 18px;
  text-align:center;
  color: var(--cf-muted);
}

/* Responsive */
@media (max-width: 900px){
  .cf-ty__grid{ grid-template-columns: 1fr; }
  .cf-reco{ grid-template-columns: 1fr; }
}

.cr-ty-light__pill{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f0fdf9;
  border: 1px solid #99d6df;
  color: #065f73;
  font-weight: 700;
}

/* ===== TYPO OVERRIDE dla Thank You (.cf-ty) ===== */

/* Desktop / ogólnie – lekko porządkujemy */
.cf-ty{
  font-size: 16px;
  line-height: 1.65;
}

.cf-ty .cf-ty__title{
  /* jeśli chcesz trochę mniejsze na desktop, zmień 46->44 */
  font-size: clamp(33px, 4vw, 46px);
  line-height: 1.08;
}

.cf-ty .cf-ty__lead{
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.7;
}

/* Teksty w kartach / listach / stopce (jeśli masz) */
.cf-ty .cf-card__text,
.cf-ty .cf-step__text,
.cf-ty .cf-note,
.cf-ty .cf-tag,
.cf-ty .cf-ty__footer p,
.cf-ty li,
.cf-ty p{
  font-size: 16px;
  line-height: 1.7;
}

/* ===== MOBILE – tu ma się ZMIENIĆ wyraźnie ===== */
@media (max-width: 768px){

  .cf-ty{
    font-size: 14px;
  }

  .cf-ty .cf-ty__title{
    /* najważniejsze: czytelny H1 na tel */
    font-size: 25px;
    line-height: 1.15;
    font-weight: 600;
  }

  .cf-ty .cf-ty__lead{
    font-size: 15px;
    line-height: 1.7;
  }

  .cf-ty .cf-card__title{
    font-size: 18px;
  }

  .cf-ty .cf-card__text,
  .cf-ty .cf-step__text,
  .cf-ty .cf-note,
  .cf-ty .cf-tag,
  .cf-ty .cf-ty__footer p,
  .cf-ty li,
  .cf-ty p{
    font-size: 15px;
  }

  /* przyciski: minimalnie większe, żeby były "tap friendly" */
  .cf-ty .cf-btn{
    padding: 13px 16px;
    font-size: 14px;
  }
}

/* ===== Order details (accordion) ===== */
.cf-order-details{
  margin-top: 20px;
  padding: 15px;
  background: #ffffff! important;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
}

.cf-order-details summary{
  cursor: pointer;
  font-weight: 800;
  color: #157F95;
  font-size: 15px;
}

.cf-order-details[open] summary{
  margin-bottom: 14px;
}

.cf-order-details table{
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.cf-order-details th,
.cf-order-details td{
  padding: 10px 8px;
  border-bottom: 1px solid #e5e7eb;
}

.cf-order-details th{
  text-align: left;
  font-weight: 700;
  color: #0f172a;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f1c2981 *//* ===== CoolRope • Order details inside accordion ===== */

.akordeon-zamowienie section.woocommerce-order-details,
.akordeon-zamowienie section.woocommerce-customer-details{
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px;
  margin-top: 14px;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
}

/* Tytuły sekcji */
.akordeon-zamowienie h2{
  margin: 0 0 12px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em;
  color: #0f172a;
}

/* ===== TABELA ===== */
.akordeon-zamowienie table.woocommerce-table--order-details{
  width: 100%;
  border-collapse: collapse;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

/* Nagłówki */
.akordeon-zamowienie table thead th{
  background: #f8fafc;
  color: #64748b;
  font-weight: 800;
  padding: 10px 12px;
  border-bottom: 1px solid #e5e7eb;
}

/* Komórki */
.akordeon-zamowienie table td{
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  color: #0f172a;
  font-size: 14px;
}

/* Nazwa produktu */
.akordeon-zamowienie .product-name a{
  color: #157F95;
  font-weight: 900;
  text-decoration: none;
}
.akordeon-zamowienie .product-name a:hover{
  text-decoration: underline;
}

/* Ilość */
.akordeon-zamowienie .product-quantity{
  color: #64748b;
  font-weight: 700;
}

/* Kwoty po prawej */
.akordeon-zamowienie td.product-total,
.akordeon-zamowienie tfoot td{
  text-align: right;
  white-space: nowrap;
  font-weight: 800;
}

/* Podsumowanie */
.akordeon-zamowienie tfoot th,
.akordeon-zamowienie tfoot td{
  padding: 10px 12px;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
}

/* Razem – delikatny highlight */
.akordeon-zamowienie tfoot tr:last-child th,
.akordeon-zamowienie tfoot tr:last-child td{
  background: #f0fdfa;
  font-weight: 900;
}

/* ===== ADRESY ===== */
.akordeon-zamowienie address{
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  font-style: normal;
  line-height: 1.7;
  color: #334155;
  font-size: 14px;
}

.akordeon-zamowienie address a{
  color: #157F95;
  font-weight: 800;
  text-decoration: none;
}
.akordeon-zamowienie address a:hover{
  text-decoration: underline;
}

/* ===== MOBILE ===== */
@media (max-width: 768px){

  .akordeon-zamowienie section.woocommerce-order-details,
  .akordeon-zamowienie section.woocommerce-customer-details{
    padding: 14px;
    border-radius: 14px;
  }

  .akordeon-zamowienie table thead{
    display: none;
  }

  .akordeon-zamowienie table tr{
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
  }

  .akordeon-zamowienie table td{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0 !important;
    border: 0 !important;
    font-size: 13px;
  }

  .akordeon-zamowienie table td::before{
    content: attr(data-title);
    font-weight: 800;
    color: #64748b;
  }
}

/* ===== FIX: podsumowanie (Kwota/Rabat/Wysyłka/Razem) na mobile ===== */
@media (max-width: 768px){

  /* w tfoot przywracamy normalny układ: etykieta po lewej, kwota po prawej */
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot tr{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px !important;
    border-bottom: 1px solid #f1f5f9;
  }

  .akordeon-zamowienie table.woocommerce-table--order-details tfoot th,
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot td{
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* usuwa te "ramki" z motywu */
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot th{
    color: #64748b !important;
    font-weight: 800 !important;
    border-radius: 0 !important;
    outline: none !important;
  }

  .akordeon-zamowienie table.woocommerce-table--order-details tfoot td{
    margin-left: auto !important;
    text-align: right !important;
    white-space: nowrap;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  /* "Razem" zostaje wyróżnione, ale bez rozwalania układu */
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot tr:last-child{
    background: #f0fdfa !important;
    border-radius: 12px;
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f1c2981 *//* ===== CoolRope • Order details inside accordion ===== */

.akordeon-zamowienie section.woocommerce-order-details,
.akordeon-zamowienie section.woocommerce-customer-details{
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px;
  margin-top: 14px;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
}

/* Tytuły sekcji */
.akordeon-zamowienie h2{
  margin: 0 0 12px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em;
  color: #0f172a;
}

/* ===== TABELA ===== */
.akordeon-zamowienie table.woocommerce-table--order-details{
  width: 100%;
  border-collapse: collapse;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

/* Nagłówki */
.akordeon-zamowienie table thead th{
  background: #f8fafc;
  color: #64748b;
  font-weight: 800;
  padding: 10px 12px;
  border-bottom: 1px solid #e5e7eb;
}

/* Komórki */
.akordeon-zamowienie table td{
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  color: #0f172a;
  font-size: 14px;
}

/* Nazwa produktu */
.akordeon-zamowienie .product-name a{
  color: #157F95;
  font-weight: 900;
  text-decoration: none;
}
.akordeon-zamowienie .product-name a:hover{
  text-decoration: underline;
}

/* Ilość */
.akordeon-zamowienie .product-quantity{
  color: #64748b;
  font-weight: 700;
}

/* Kwoty po prawej */
.akordeon-zamowienie td.product-total,
.akordeon-zamowienie tfoot td{
  text-align: right;
  white-space: nowrap;
  font-weight: 800;
}

/* Podsumowanie */
.akordeon-zamowienie tfoot th,
.akordeon-zamowienie tfoot td{
  padding: 10px 12px;
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
}

/* Razem – delikatny highlight */
.akordeon-zamowienie tfoot tr:last-child th,
.akordeon-zamowienie tfoot tr:last-child td{
  background: #f0fdfa;
  font-weight: 900;
}

/* ===== ADRESY ===== */
.akordeon-zamowienie address{
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  font-style: normal;
  line-height: 1.7;
  color: #334155;
  font-size: 14px;
}

.akordeon-zamowienie address a{
  color: #157F95;
  font-weight: 800;
  text-decoration: none;
}
.akordeon-zamowienie address a:hover{
  text-decoration: underline;
}

/* ===== MOBILE ===== */
@media (max-width: 768px){

  .akordeon-zamowienie section.woocommerce-order-details,
  .akordeon-zamowienie section.woocommerce-customer-details{
    padding: 14px;
    border-radius: 14px;
  }

  .akordeon-zamowienie table thead{
    display: none;
  }

  .akordeon-zamowienie table tr{
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
  }

  .akordeon-zamowienie table td{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0 !important;
    border: 0 !important;
    font-size: 13px;
  }

  .akordeon-zamowienie table td::before{
    content: attr(data-title);
    font-weight: 800;
    color: #64748b;
  }
}

/* ===== FIX: podsumowanie (Kwota/Rabat/Wysyłka/Razem) na mobile ===== */
@media (max-width: 768px){

  /* w tfoot przywracamy normalny układ: etykieta po lewej, kwota po prawej */
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot tr{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px !important;
    border-bottom: 1px solid #f1f5f9;
  }

  .akordeon-zamowienie table.woocommerce-table--order-details tfoot th,
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot td{
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* usuwa te "ramki" z motywu */
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot th{
    color: #64748b !important;
    font-weight: 800 !important;
    border-radius: 0 !important;
    outline: none !important;
  }

  .akordeon-zamowienie table.woocommerce-table--order-details tfoot td{
    margin-left: auto !important;
    text-align: right !important;
    white-space: nowrap;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  /* "Razem" zostaje wyróżnione, ale bez rozwalania układu */
  .akordeon-zamowienie table.woocommerce-table--order-details tfoot tr:last-child{
    background: #f0fdfa !important;
    border-radius: 12px;
    margin-top: 8px;
  }
}/* End custom CSS */