.elementor-52 .elementor-element.elementor-element-1f0393f{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-52 .elementor-element.elementor-element-1f0393f:not(.elementor-motion-effects-element-type-background), .elementor-52 .elementor-element.elementor-element-1f0393f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFEFD3;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .coupon .input-text, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .e-cart-totals .input-text, .elementor-52 .elementor-element.elementor-element-5c2bfd0 select, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .select2-selection--single{background-color:#F6E8D3;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .shop_table .button{background-color:var( --e-global-color-5f92a09 );font-family:"Futura", Sans-serif;font-size:19px;border-width:1px 1px 1px 1px;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-5f92a09 );}.elementor-52 .elementor-element.elementor-element-5c2bfd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-52 .elementor-element.elementor-element-5c2bfd0{--sections-background-color:#FFEFD3;--sections-border-type:solid;--sections-border-color:var( --e-global-color-5f92a09 );--sections-border-radius:0px 0px 0px 0px;--sections-padding:0px 0px 0px 0px;--sections-margin:0px;--sections-title-color:var( --e-global-color-5f92a09 );--forms-rows-gap:22px;--forms-fields-normal-color:var( --e-global-color-d5febec );--forms-fields-border-radius:0px 0px 0px 0px;--forms-buttons-normal-text-color:#FFFFFF;--forms-buttons-border-color:var( --e-global-color-5f92a09 );--forms-buttons-border-radius:0px 0px 0px 0px;--order-summary-rows-gap-top:calc( 42px/2 );--order-summary-rows-gap-bottom:calc( 42px/2 );--order-summary-color:#000000;--product-link-normal-color:var( --e-global-color-5f92a09 );--product-link-hover-color:var( --e-global-color-5f92a09 );--order-summary-items-divider-color:var( --e-global-color-5f92a09 );--order-summary-quantity-border-color:var( --e-global-color-5f92a09 );--order-summary-quantity-border-weight:1px;--totals-rows-gap-top:calc( 21px/2 );--totals-rows-gap-bottom:calc( 21px/2 );--totals-color:var( --e-global-color-d5febec );}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .e-cart-section{border-width:1px 1px 1px 1px;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .cart_totals h2{font-family:"Futura", Sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;letter-spacing:2.1px;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .e-cart-content, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .woocommerce-shipping-destination, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .shipping-calculator-button{font-size:18px;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .coupon .input-text, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .cart-collaterals .input-text, .elementor-52 .elementor-element.elementor-element-5c2bfd0 select, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .select2-selection--single{font-family:"Futura", Sans-serif;font-size:17px;font-weight:700;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-5f92a09 );}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-d5febec );}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-d5febec );}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-5f92a09 );}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .e-shop-table .cart th, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .e-shop-table .cart td:before{font-family:"Lato", Sans-serif;font-size:26px;font-weight:900;text-transform:uppercase;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .cart td span, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .cart td, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .input-text.qty{font-family:"Lato", Sans-serif;font-size:18px;font-weight:700;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .cart_totals .shop_table td:before, .elementor-52 .elementor-element.elementor-element-5c2bfd0 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Lato", Sans-serif;font-size:20px;}.elementor-52 .elementor-element.elementor-element-5c2bfd0 .checkout-button{font-family:"Futura", Sans-serif;font-size:22px;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-5c2bfd0 */.elementor-widget-woocommerce-cart .woocommerce table.cart tr {
    background: #Ffefd3 !important;
}

.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart .actions{
    background: #Ffefd3 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f0393f *//* =========================================================
   KOSZYK — v2
   układ: 1 | 8 | 1 | 5 | 1  (16 kratek)
   każdy wiersz tabeli = 1 kratka
   ========================================================= */

/* ── ZMIENNE I TŁO ──────────────────────────────────────── */

.koszyk-sec {
  --bg:   #ffefd3;
  --line: #fc5130;

  container-type: inline-size;
  --cell: calc(100cqi / 16);

  background-color: var(--bg);
  background-image:
    linear-gradient(to right,  var(--line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--line) 1px, transparent 1px);
  background-size:     calc(100% / 16) var(--cell);
  background-position: 0 0;

  /* padding-top: 1 kratka — kolumny zaczynają się wiersz niżej */
  padding-top:    var(--cell) !important;
  padding-bottom: var(--cell) !important;
  padding-left:   0 !important;
  padding-right:  0 !important;

  position: relative;
  overflow: hidden;
  width: 100% !important;
  box-sizing: border-box !important;
}


.woocommerce-cart .cart-collaterals{
    gap: 0px !important;
}

/* ── KLUCZOWY FIX: e-cart__container jest dzieckiem e-flex (Flexbox Elementora)
   Musimy nadpisać flex na grid i wymusić grid-column na dzieciach          ── */

.koszyk-sec .e-con.e-flex:has(.e-cart__container),
.koszyk-sec > .elementor-widget-container,
.koszyk-sec .woocommerce {
  width:   100% !important;
  margin:  0 !important;
  padding: 0 !important;
}

/* Wrapper .woocommerce też może być flex — resetuj */
.koszyk-sec .woocommerce {
  display: block !important;
}

/* e-cart__container: grid 16 kolumn bez żadnego flex nadrzędnego */
.koszyk-sec .e-cart__container {
  display:               grid !important;
  grid-template-columns: repeat(16, minmax(0, 1fr)) !important;
  grid-template-rows:    auto !important;
  gap:                   0 !important;
  align-items:           start !important;
  width:                 100% !important;
  margin:                0 !important;
  padding:               0 !important;
  box-sizing:            border-box !important;
  /* wyłącz flex jeśli Elementor go narzuca */
  flex-direction: unset !important;
  flex-wrap:      unset !important;
}

/* Kolumny — grid-column + wyłącz flex sizing */
.koszyk-sec .e-cart__column-start {
  grid-column:  2 / span 8 !important;
  grid-row:     1 !important;
  align-self:   start !important;
  flex:         none !important;
  width:        auto !important;
  max-width:    none !important;
  min-width:    0 !important;
  margin:       0 !important;
  padding:      0 !important;
  box-sizing:   border-box !important;
}

.koszyk-sec .e-cart__column-end {
  grid-column:  11 / span 5 !important;
  grid-row:     1 !important;
  align-self:   start !important;
  flex:         none !important;
  width:        auto !important;
  max-width:    none !important;
  min-width:    0 !important;
  margin:       0 !important;
  padding:      0 !important;
  box-sizing:   border-box !important;
}

/* Elementor wc-proceed-to-checkout — wyłącz jego własny flex */
.koszyk-sec .wc-proceed-to-checkout {
  display:         flex !important;
  flex-direction:  row !important;
  flex-wrap:       nowrap !important;
  align-items:     center !important;
  justify-content: center !important;
  height:          var(--cell) !important;
  min-height:      var(--cell) !important;
  padding:         0 calc(var(--cell) * 0.18) !important;
  margin:          0 !important;
  box-sizing:      border-box !important;
}



/* ── FIX: sticky z Elementora — wyłącz całkowicie ──────── */

.koszyk-sec .e-cart__column-inner,
.koszyk-sec .e-cart__column-inner.e-sticky-right-column {
  position: static !important;
  top:      auto !important;
  width:    100% !important;
  margin:   0 !important;
  padding:  0 !important;
  box-sizing: border-box !important;
}

/* ── FORMULARZ: nie ustawiaj grid-template-rows ─────────── 
   Elementor owija .e-shop-table i .coupon w dodatkowe divy,
   więc grid na formularzu nie trafia w dzieci — zostawiamy
   go jako blok, dzieci układają się naturalnie.           */

.koszyk-sec .woocommerce-cart-form {
  display: block !important;
  width:   100% !important;
  margin:  0 !important;
  padding: 0 !important;
}

/* ── SEKCJE LEWEJ KOLUMNY: ramka w rytmie siatki ────────── */

.koszyk-sec .e-shop-table.e-cart-section {
  border:     1px solid var(--line) !important;
  background: transparent !important;
  padding:    0 !important;
  margin:     0 0 0 0 !important;
  box-sizing: border-box !important;
  width:      100% !important;
}

/* ── COUPON ─────────────────────────────────────────────────
   Elementor renderuje .coupon jako wrapper z dwoma dziećmi:
   .coupon-col-start (input) i .coupon-col-end (button).
   Ustawiamy wrapper jako flex row, dzieci obok siebie.    ── */

.koszyk-sec .coupon.e-cart-section,
.koszyk-sec .coupon.e-cart-section.shop_table,
.koszyk-sec .e-cart__column-start .coupon {
  /* wymiary — 1 kratka */
  height:     var(--cell) !important;
  min-height: var(--cell) !important;
  max-height: var(--cell) !important;
  width:      100% !important;
  box-sizing: border-box !important;

  /* wygląd */
  border:     1px solid var(--line) !important;
  border-top: none !important;
  background: var(--bg) !important;

  /* layout: wszystko w jednym wierszu */
  display:        flex !important;
  flex-direction: row !important;
  align-items:    center !important;
  flex-wrap:      nowrap !important;
  gap:            calc(var(--cell) * 0.18) !important;
  padding:        0 calc(var(--cell) * 0.18) !important;
  margin:         0 !important;

  /* reset Elementor */
  position: static !important;
  float:    none !important;
  clear:    both !important;
  top: auto !important; left: auto !important;
  right: auto !important; bottom: auto !important;
}

/* form-row i coupon-col — też flex row (mogą być wrapperami) */
.koszyk-sec .coupon .form-row.coupon-col,
.koszyk-sec .coupon-col {
  display:        flex !important;
  flex-direction: row !important;
  align-items:    center !important;
  flex-wrap:      nowrap !important;
  gap:            calc(var(--cell) * 0.18) !important;
  width:          100% !important;
  height:         100% !important;
  margin:         0 !important;
  padding:        0 !important;
}

/* input zajmuje resztę, button stały rozmiar */
.koszyk-sec .coupon-col-start {
  flex:       1 1 0% !important;
  min-width:  0 !important;
  margin:     0 !important;
  padding:    0 !important;
}

.koszyk-sec .coupon-col-end {
  flex:       0 0 calc(var(--cell) * 3) !important;
  width:      calc(var(--cell) * 3) !important;
  margin:     0 !important;
  padding:    0 !important;
}

.koszyk-sec .coupon #coupon_code {
  width:      100% !important;
  height:     calc(var(--cell) * 0.58) !important;
  padding:    0 0.5rem !important;
  margin:     0 !important;
  box-sizing: border-box !important;
  border:     1px solid var(--line) !important;
  background: var(--bg) !important;
  display:    block !important;
}

.koszyk-sec .coupon .e-apply-coupon {
  width:      100% !important;
  height:     calc(var(--cell) * 0.58) !important;
  padding:    0 !important;
  margin:     0 !important;
  box-sizing: border-box !important;
  display:    flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* ── TABELA KOSZYKA ─────────────────────────────────────── */

.koszyk-sec table.shop_table.cart {
  width:           100% !important;
  border-collapse: collapse !important;
  border-spacing:  0 !important;
  table-layout:    fixed !important;
  margin:          0 !important;
  background:      transparent !important;
}

.koszyk-sec table.shop_table.cart thead tr,
.koszyk-sec table.shop_table.cart tbody tr.cart_item,
.koszyk-sec table.shop_table.cart tbody tr:last-child {
  height: var(--cell) !important;
}

.koszyk-sec table.shop_table.cart th,
.koszyk-sec table.shop_table.cart td {
  height:         var(--cell) !important;
  max-height:     var(--cell) !important;
  padding:        0 calc(var(--cell) * 0.18) !important;
  margin:         0 !important;
  vertical-align: middle !important;
  line-height:    1 !important;
  background:     transparent !important;
  box-sizing:     border-box !important;
  overflow:       hidden !important;
  white-space:    nowrap !important;
  border-bottom:  1px solid var(--line) !important;
  border-top:     none !important;
  border-left:    none !important;
  border-right:   none !important;
}

/* szerokości kolumn */
.koszyk-sec .product-remove    { width: 7%  !important; text-align: center !important; }
.koszyk-sec .product-thumbnail { width: 13% !important; text-align: center !important; }
.koszyk-sec .product-name      { width: 27% !important; text-align: left   !important; }
.koszyk-sec .product-price     { width: 16% !important; text-align: center !important; }
.koszyk-sec .product-quantity  { width: 14% !important; text-align: center !important; }
.koszyk-sec .product-subtotal  { width: 23% !important; text-align: center !important; }

/* miniatura */
.koszyk-sec .product-thumbnail img {
  width:      calc(var(--cell) * 0.68) !important;
  height:     calc(var(--cell) * 0.68) !important;
  object-fit: contain !important;
  display:    block !important;
  margin:     0 auto !important;
}

/* remove × */
.koszyk-sec .product-remove .remove {
  display:     inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* qty input */
.koszyk-sec .quantity {
  display:     flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.koszyk-sec input.qty {
  width:      calc(var(--cell) * 0.95) !important;
  height:     calc(var(--cell) * 0.56) !important;
  min-height: 0 !important;
  padding:    0 !important;
  margin:     0 auto !important;
  text-align: center !important;
  box-sizing: border-box !important;
  border:     1px solid var(--line) !important;
  background: var(--bg) !important;
}

/* actions row */
.koszyk-sec td.actions {
  padding:        0 calc(var(--cell) * 0.18) !important;
  vertical-align: middle !important;
  white-space:    nowrap !important;
}

.koszyk-sec td.actions .button[name="update_cart"] {
  height:      calc(var(--cell) * 0.58) !important;
  min-height:  0 !important;
  margin:      0 !important;
  padding:     0 1rem !important;
  display:     inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-sizing:  border-box !important;
}

/* ── PRAWA KOLUMNA — tło + ramka ────────────────────────── */

.koszyk-sec .e-cart-totals.e-cart-section {
  padding:    0 !important;
  margin:     0 !important;
  background: transparent !important;
  border:     none !important;
}

.koszyk-sec .cart-collaterals {
  margin:  0 !important;
  padding: 0 !important;
  width:   100% !important;
}

.koszyk-sec .cart_totals {
  width:      100% !important;
  box-sizing: border-box !important;
  margin:     0 !important;
  padding:    0 !important;

  /* FIX: pełne tło + ramka jak about-copy */
  background: var(--bg) !important;
  border:     1px solid var(--line) !important;

  display: block !important;          /* nie grid — unikamy konfliktu */
}

/* tytuł "Cart Totals" — 1 kratka */
.koszyk-sec .cart_totals h2 {
  height:      var(--cell) !important;
  min-height:  var(--cell) !important;
  margin:      0 !important;
  padding:     0 calc(var(--cell) * 0.25) !important;
  display:     flex !important;
  align-items: center !important;
  line-height: 1 !important;
  box-sizing:  border-box !important;
  border-bottom: 1px solid var(--line) !important;
}

/* tabela sum */
.koszyk-sec .cart_totals table {
  width:           100% !important;
  border-collapse: collapse !important;
  border-spacing:  0 !important;
  table-layout:    fixed !important;
  margin:          0 !important;
  background:      transparent !important;
}

.koszyk-sec .cart_totals table tr {
  height: var(--cell) !important;
}

.koszyk-sec .cart_totals table th,
.koszyk-sec .cart_totals table td {
  height:         var(--cell) !important;
  padding:        0 calc(var(--cell) * 0.25) !important;
  margin:         0 !important;
  vertical-align: middle !important;
  line-height:    1 !important;
  background:     transparent !important;
  box-sizing:     border-box !important;
  border-bottom:  1px solid var(--line) !important;
  border-top:     none !important;
  border-left:    none !important;
  border-right:   none !important;
}

.koszyk-sec .cart_totals table td {
  text-align: right !important;
}

/* przycisk checkout — 1 kratka, wyśrodkowany */
.koszyk-sec .wc-proceed-to-checkout {
  height:          var(--cell) !important;
  min-height:      var(--cell) !important;
  margin:          0 !important;
  padding:         0 calc(var(--cell) * 0.18) !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  box-sizing:      border-box !important;
}

.koszyk-sec .checkout-button {
  width:           100% !important;
  height:          calc(var(--cell) * 0.62) !important;
  min-height:      0 !important;
  margin:          0 !important;
  padding:         0 1rem !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  text-align:      center !important;
  line-height:     1 !important;
  box-sizing:      border-box !important;
}

/* ── MOBILE ≤767px ──────────────────────────────────────── */

@media (max-width: 767px) {

  .koszyk-sec {
    --cell: calc(100cqi / 6);
    background-size: calc(100% / 6) var(--cell);
    padding-top:    var(--cell) !important;
    padding-bottom: var(--cell) !important;
  }

  .koszyk-sec .e-cart__container {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .koszyk-sec .e-cart__column-start {
    grid-column: 1 / -1 !important;
  }

  .koszyk-sec .e-cart__column-end {
    grid-column: 1 / -1 !important;
    margin-top: var(--cell) !important;
  }

  .koszyk-sec .coupon .form-row.coupon-col {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }

  .koszyk-sec .coupon.e-cart-section {
    height:     auto !important;
    min-height: var(--cell) !important;
    max-height: none !important;
    padding-top:    calc(var(--cell) * 0.2) !important;
    padding-bottom: calc(var(--cell) * 0.2) !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://toowell.blackpanther.com.pl/wp-content/uploads/2026/02/Futura-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://toowell.blackpanther.com.pl/wp-content/uploads/2026/02/Futura-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */