/* Ukryj kolumnę ilości */
.woocommerce-cart-form th.product-quantity,
.woocommerce-cart-form td.product-quantity{
  display:none !important;
}

/* Link „Edytuj” w koszyku */
.cne-cart-editwrap{ margin-top: 8px; }
.cne-cart-edit{
  appearance:none;
  background:transparent;
  border:0;
  padding:0;
  font: inherit;
  color: rgba(0,0,0,.72);
  text-decoration: underline;
  cursor:pointer;
}
.cne-cart-edit:hover{ color: rgba(0,0,0,.92); }

/* ===== Drawer (jak inspiracja) ===== */
.cne-modal{
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: min(480px, 100vw);
  background: #fff;
  display: none;
  z-index: 999999;

  box-shadow: -18px 0 55px rgba(0,0,0,.18);
  border-left: 1px solid rgba(0,0,0,.08);

  /* header / scroll / footer */
  grid-template-rows: auto 1fr auto;
}

@media (max-width: 768px){
  .cne-modal{
    width: auto;
    border-left: 0;
    box-shadow: none;
  }
}

/* header */
.cne-modal__head{
  padding: 18px 18px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.cne-modal__title{
  font-size: 16px;
  font-weight: 650;
  color: rgba(0,0,0,.86);
}

.cne-modal__close{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  color: rgba(0,0,0,.82);
}

/* body */
.cne-modal__body{
  padding: 0 18px 18px;
  overflow: auto;
}

/* top product block */
.cne-product{
  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.cne-product__name{
  font-size: 14px;
  font-weight: 650;
  color: rgba(0,0,0,.86);
  line-height: 1.35;
  margin: 2px 0 10px;
}

/* prices */
.cne-price{
  font-size: 14px;
  color: rgba(0,0,0,.86);
}
.cne-price del{
  color: rgba(0,0,0,.45);
  margin-right: 8px;
}
.cne-price ins{
  text-decoration: none;
  color: rgba(0,0,0,.86);
  font-weight: 750;
}

/* section lines like inspo */
.cne-section{
  padding: 16px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.cne-section__label{
  font-size: 12px;
  font-weight: 750;
  color: rgba(0,0,0,.72);
  margin-bottom: 10px;
}

/* qty row like inspo */
.cne-qty{
  display:flex;
  align-items:center;
  gap: 14px;
}

.cne-qty__btn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  color: rgba(0,0,0,.86);
}

.cne-qty__btn:disabled{
  opacity: .4;
  cursor: not-allowed;
}

.cne-qty__pill{
  min-width: 64px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 750;
  color: rgba(0,0,0,.86);
}

/* footer sticky button */
.cne-modal__footer{
  padding: 14px 18px 18px;
  border-top: 1px solid rgba(0,0,0,.08);
  background: #fff;
}

.cne-cta{
  width: 100%;
  height: 56px;
  border-radius: 999px;
  border: 1px solid #111;
  background: #111;
  color: #fff;
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
}

.cne-cta:disabled{
  opacity: .6;
  cursor: not-allowed;
}

/* Cne cart edit */
.shop_table tbody .cne-cart-edit{
	background-color:rgba(34,34,34,0);
	color:#444;
	font-weight:500;
	
}

/* =========================================================
   CNE Cart Edit – RIGHT DRAWER (desktop) + bottom sheet (mobile)
   Wklej na sam KONIEC pliku cart-edit.css
   ========================================================= */

/* backdrop */
.cne-modal-backdrop{
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 999998;
}

/* ✅ DESKTOP: drawer z PRAWEJ */
.cne-modal{
  display: none;

  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;

  margin: 0 !important;
  height: 100vh !important;

  background: #fff !important;
  overflow: hidden !important;

  grid-template-rows: auto 1fr auto !important;

  box-shadow: -18px 0 60px rgba(0,0,0,.18) !important;
  z-index: 999999 !important;
}

/* =========================================================
   Footer: qty + CTA w JEDNEJ LINII
   ========================================================= */

.cne-modal__footer{
  position: sticky;
  bottom: 0;
}

.cne-qty{
  flex: 0 0 auto !important;
}

.cne-cta{
  flex: 1 1 auto !important;
  min-width: 240px;
}

/* Na bardzo małych ekranach nadal trzymamy w rzędzie, ale lekko zmniejszamy */
@media (max-width: 380px){
  .cne-cta{ min-width: 0; }
  .cne-qty__pill{ min-width: 56px; }
  .cne-qty__btn{ width: 40px; height: 40px; }
}

/* Elementor */
.single_variation_wrap .wpcsm-location-woocommerce_single_variation .elementor{
	display:none;
	
}

/* ===============================
   CNE – QTY ONLY (– 1 +)
   =============================== */

.cne-stepper{
  display: inline-flex;
  align-items: center;
  height: 56px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.cne-stepper__btn{
  width: 64px;
  height: 56px;
  border: 0;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.cne-stepper__btn:disabled{
  opacity: .35;
  cursor: not-allowed;
}

.cne-stepper__val{
  width: 92px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

/* mobile */
@media (max-width: 480px){
  .cne-stepper{ height: 52px; }
  .cne-stepper__btn{ width: 52px; height: 52px; }
  .cne-stepper__val{ width: 70px; font-size: 15px; }

}

/* Cne stepper */
.cne-modal__footer .cne-stepper .cne-stepper__btn{
	background-color:rgba(34,34,34,0);
	color:#444;
	
}

/* Cne modal  close */
.cne-modal .cne-modal__head .cne-modal__close{
	color:#444;
	background-color:rgba(34,34,34,0);
	font-weight:400;
}

/* Cne section  label */
.cne-modal__body .cne-section .cne-section__label{
	font-weight:600;
}

/* Cne modal  title */
.cne-modal__head .cne-head-left .cne-modal__title{
	font-weight:600;
	
}

/* Cne stepper  val */
.cne-modal__footer .cne-stepper .cne-stepper__val{
	font-weight:550;
	
}

	/* Cne stepper  val */
	.cne-modal__footer .cne-stepper .cne-stepper__val{
		font-size:12.8px;
	}

.cne-product__sub{
  margin-top: 6px;
  font-size: 12.5px;
  color: rgba(0,0,0,.62);
  line-height: 1.35;
}

.cne-varloader{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-top: 12px;
  font-size: 13px;
  color: rgba(0,0,0,.62);
}

.cne-spinner{
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(0,0,0,.18);
  border-top-color: rgba(0,0,0,.55);
  animation: cneSpin .8s linear infinite;
}

@keyframes cneSpin{
  to{ transform: rotate(360deg); }
}

/* Span Tag */
.cne-head-left .cne-head-meta span{
	font-weight:500;
	font-size:11.7px;
	color:rgba(68,68,68,0.77);
	
}

/* Bdi */
.cne-price .woocommerce-Price-amount bdi{
	color:#555;
	font-weight:500;
	font-size:12px;
}



/* rozmiar */
.variations tr label{
	font-weight:600;
	color:rgba(0,0,0,0.72);
	font-size:12px;
	letter-spacing:0px;
	
}

/* Cne product  sub */
.cne-product .cne-product__meta .cne-product__sub{
	font-weight:500;
	font-size:12px;
}

/* Cne product  name */
.cne-product .cne-product__meta .cne-product__name{
	color:#444;
	font-weight:600;
	letter-spacing:0px;
	font-size:13.8px;
	
}

/* ===============================
   CNE modal – animacja (desktop + bottom sheet mobile)
   =============================== */


/* mobile sheet */
@media (max-width: 767px){
  .cne-modal.is-sheet{
    transform: translateY(12px);
    opacity: 0;
  }
  .cne-modal.is-sheet.is-open{
    transform: translateY(0);
    opacity: 1;
  }
}

/* ===============================
   CNE – SKELETON (modal)
   =============================== */
.cne-skeleton{
  padding: 0 12px 12px!important;
}

.cne-sk-top{
  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 14px;
  padding-bottom: 16px;
}

.cne-sk-img{
  width: 130px;
  height: 150px;
  border-radius: 18px;
  background: rgba(0,0,0,.06);
  position: relative;
  overflow: hidden;
}

.cne-sk-meta{ padding-top: 6px; }
.cne-sk-line{
  height: 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  margin: 10px 0;
  position: relative;
  overflow: hidden;
}
.cne-sk-line.w-70{ width: 70%; }
.cne-sk-line.w-55{ width: 55%; }
.cne-sk-line.w-35{ width: 35%; }
.cne-sk-line.w-25{ width: 25%; }
.cne-sk-line.w-60{ width: 60%; }

.cne-sk-divider{
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 6px 0 14px;
}

.cne-sk-sec{ padding: 10px 0; }
.cne-sk-chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 0 6px;
}
.cne-sk-chip{
  width: 56px;
  height: 40px;
  border-radius: 12px;
  background: rgba(0,0,0,.06);
  position: relative;
  overflow: hidden;
}

/* shimmer */
.cne-sk-img::after,
.cne-sk-line::after,
.cne-sk-chip::after{
  content:"";
  position:absolute;
  inset:0;
  transform: translateX(-60%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  animation: cneShimmer 1.1s infinite;
}

@keyframes cneShimmer{
  to{ transform: translateX(60%); }
}

/* =========================================================
   CNE – FIX: "Przewodnik po rozmiarach" nie mieści się
   (tylko wewnątrz modala)
   ========================================================= */

/* Woo zwykle renderuje atrybuty jako tabelę .variations */
.cne-modal .variations{
  width: 100%;
  table-layout: fixed; /* ✅ pilnuj szerokości komórek */
}

/* Pozwól komórkom się kurczyć (kluczowe przy ellipsis) */
.cne-modal .variations th,
.cne-modal .variations td{
  min-width: 0;
}

/* Jeśli plugin wrzuca link w TH lub TD – niech nie wypycha layoutu */
.cne-modal .variations a{
  max-width: 100%;
}

/* Najczęstszy case: label po lewej, link/tekst po prawej w tej samej komórce */
.cne-modal .variations td{
  overflow: hidden;
}

/* Jeśli w TD/TH jest układ flex (czasem wtyczki tak robią), to pozwól zawijać */
.cne-modal .variations td,
.cne-modal .variations th{
  flex-wrap: wrap;
}

/* Na bardzo wąskich ekranach pozwól mu zejść do nowej linii zamiast ucinać */
@media (max-width: 420px){
  .cne-modal .variations td a,
  .cne-modal .variations th a{
    white-space: normal; /* ✅ może się złamać na 2 linie */
  }
}

/* =========================================================
   CNE – FIX: "Edytuj" bez tła na hover / focus / active
   ========================================================= */

.cne-cart-edit{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: underline;
  cursor: pointer;
}

/* hover */
.cne-cart-edit:hover{
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(0,0,0,.9); /* opcjonalnie: lekko ciemniej */
}

/* focus (klik, tab, mobile tap) */
.cne-cart-edit:focus,
.cne-cart-edit:focus-visible{
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* active (moment kliknięcia) */
.cne-cart-edit:active{
  background: transparent !important;
  box-shadow: none !important;
}

/* Safari / iOS – usuń highlight */
.cne-cart-edit{
  -webkit-tap-highlight-color: transparent;
}

/* =========================================================
   CNE – obrazek produktu (docelowo 130x150)
   ========================================================= */

.cne-product__img{
  width: 130px !important;
  height: 150px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  display: block !important;
  flex-shrink: 0;
}

/* =========================================================
   Edycja mini-koszyka mobile
   ========================================================= */

@media (max-width: 767px){
	
	/* Table Row */
	.shop_table tbody .woocommerce-cart-form__cart-item{
		border-top-left-radius:12px;
		border-top-right-radius:12px;
		border-bottom-left-radius:12px;
		border-bottom-right-radius:12px;
	}
	
	/* Cne cart editwrap */
	.shop_table tbody .cne-cart-editwrap{
		text-align:left;
		
	}
	

  /* 1) Najczęstszy case: Woo "responsive table" robi etykietę w td::before */
  .woocommerce-cart-form .shop_table.shop_table_responsive td::before{
    display: none !important;
    content: none !important; }	

/* Product quantity */
	.shop_table tbody .product-quantity{
		display:none !important;
		
	}

	.shop_table tbody .product-name{
		border-bottom-style:none !important;
		
	}

 /* === KONTENER PRODUKTU === */
  .woocommerce-cart-form .shop_table tbody tr.woocommerce-cart-form__cart-item{
    position: relative !important;
  }


  /* === X (usuń produkt) === */
  .woocommerce-cart-form .shop_table tbody tr.woocommerce-cart-form__cart-item td.product-remove{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 3 !important;
    padding: 0 !important;
  }



}


@media (max-width: 767px){

  /* chowamy całą kolumnę ilości (tę, którą wskazałaś .product-quantity) */
  .woocommerce-cart-form .shop_table th.product-quantity,
  .woocommerce-cart-form .shop_table td.product-quantity{
    display: none !important;
  }

  /* na wszelki wypadek – gdyby motyw wyświetlał quantity w środku innych komórek */
  .woocommerce-cart-form .quantity,
  .woocommerce-cart-form input.qty{
    display: none !important;
  }

  /* nasz tekst "Ilość: X" jak "Rozmiar: M" */
  .woocommerce-cart-form .cne-cart-qtytext{
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(0,0,0,.65);
    line-height: 1.35;
  }


.woocommerce-cart-form dl.variation{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0px 0 0;
}

.woocommerce-cart-form .cne-cart-qtytext{
	display: inline-flex;
	align-items: center;
	font-size: 12.5px;
	font-weight: 500;
	margin: 0;
}

.woocommerce-cart-form .cne-cart-qtytext::after{
	content: " · ";
	margin: 0 4px;
	color: rgba(0,0,0,.35);
}

	.shop_table tbody .cne-subtotal{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	
	/* Cne cart editwrap  underprice */
	.shop_table tbody .cne-cart-editwrap--underprice{
		margin-top:0px;
	}
	}

@media (min-width: 768px){
  .shop_table tbody 
  .woocommerce-cart-form__cart-item 
  .product-name 
  .cart_pr_item 
  .cart_thumbnail_item a img{
    width: 80px !important;
    height: 100px !important;
    object-fit: cover;
  }
}

@media (max-width: 767px){
  .shop_table tbody 
  .woocommerce-cart-form__cart-item 
  .product-name 
  .cart_pr_item 
  .cart_thumbnail_item a img{
    width: clamp(48px, 18vw, 70px) !important;
    height: auto !important;
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }
}



/* =========================================================
   CNE – wyrównanie odstępu tekstu jak w skeletonie
   ========================================================= */

/* kontener tekstu obok obrazka */
.cne-product__meta{
  padding-top: 6px; /* 🔥 dokładnie jak .cne-sk-meta */
}

/* pierwszy wiersz (nazwa produktu) */
.cne-product__name{
  margin-top: 0;      /* reset */
  margin-bottom: 10px; /* jak skeleton line spacing */
}

/* linia z rozmiarem / ilością */
.cne-product__sub{
  margin-top: 0;
  margin-bottom: 6px;
}

/* cena */
.cne-price{
  margin-top: 2px;
}

/* rozmiar */
.variations tr label{
	font-weight:600;
	color:rgba(0,0,0,0.72);
	letter-spacing:0px;
	
}


/* =========================================================
   CART HEADER (Twoje artykuły + Opróżnij koszyk)
   ========================================================= */
.cne-cart-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin: 10px 0 16px;
}

.cne-cart-head__title{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
}

.cne-cart-head__count{
  font-weight: 500;
  opacity: .65;
}

.cne-cart-head__empty{
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  opacity: .9;
}

.cne-cart-head__empty:hover{
  opacity: 1;
}

/* MOBILE: mniejsze "Twoje artykuły (X)" */
@media (max-width: 767px){

  .cne-cart-head__title{
    font-size: 15px;              /* było 20 */
    font-weight: 600;
    line-height: 1.15;
  }

  .cne-cart-head__count{
    font-size: 13px;              /* trochę mniejsze (opcjonalnie) */
  }

}
	/* Cart content item */
	.shop_table tbody .cart_content_item{
		padding-left:8px;
	}
	
	/* Product name */
	.shop_table tbody .product-name{
		display:flex !important;
		flex-direction:row;
		justify-content:space-between;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
		
	}

/* variation i qty obok siebie w jednym wierszu */
.shop_table tbody td.product-name dl.variation,
.shop_table tbody td.product-name .cne-cart-qtytext{
  width: fit-content;
}

/* Shop table */
.elementor-element-242513d0 .woocommerce-cart-form .shop_table{
	box-shadow:6px 6px 15px 0px rgba(211,211,211,0.08);
	background-color:#ffffff;
	padding-top:0px !important;
	
}

	/* Head Of Table */
	.woocommerce-cart-form .shop_table thead{
		display:none;
	}
	
/* Cne cart head */
.elementor-element-242513d0 .woocommerce-cart-form .cne-cart-head{
	padding-bottom:10px;
	
}

/* Product remove */
.shop_table tbody .product-remove{
	padding-left: 20px!important;
	
}

/* Th */
.cart_totals .shop_table_responsive tbody .cne-cart-coupon-row th{
	display:none;
}

/* Cne cart coupon row */
.cart_totals tbody .cne-cart-coupon-row{
	display:flex !important;
	
}

.cne-coupon-acc__head{
	display:flex;
	align-items:center;
	justify-content: space-between;
	gap: 10px;
	cursor: pointer;
	text-align: left;
}

.cne-coupon-acc__title{
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,.86);
}

.cne-coupon-acc__head:focus{
	outline: none;
}

.cne-coupon-acc__head:focus-visible{
	outline: 2px solid rgba(0,0,0,.18);
	outline-offset: 2px;
	border-radius: 12px;
}

.cne-coupon-acc__body{
	padding: 12px 14px 14px;
	display: none;
	border-top: 1px solid rgba(0,0,0,.08);
	background: #fff;
}

/* Svg */
.cart_totals td svg{
	width:20px;
	height:20px;
	
}

/* Chevron ma nie przechwytywać kliknięć */
.cne-coupon-acc__chev,
.cne-coupon-acc__chev *{
  pointer-events: none !important;
}

/* =========================================================
   CNE – NO FOUC for coupon: ukryj do init JS
   ========================================================= */

/* zanim JS zainicjuje accordion: chowamy “goły” formularz */
html:not(.cne-coupon-ready) .cne-cart-coupon-row td{
  opacity: 0;
}

/* po init: pokazujemy */
html.cne-coupon-ready .cne-cart-coupon-row td{
  opacity: 1;
  transition: opacity .12s ease;
}

/* ważne: body ma być domyślnie zamknięte (JS i tak steruje) */
.cne-coupon-acc__body{
  display: none;
}
.cne-coupon-acc.is-open .cne-coupon-acc__body{
  display: block;
}

/* Division */
.cart_totals td div > div{
	border-style:none;
padding-bottom: 5px!important;
	
}

/* (usunęłam duplikat :root z identycznymi zmiennymi — zostaje tylko ten niżej) */

.cne-coupon-acc__head{
	padding: 10px 2px;
}

.cne-coupon-acc__title{
	font-size: 12.5px;
	font-weight: 550;
	color: var(--cne-ink);
}

.cne-coupon-acc__chev{
	color: rgba(0,0,0,.55);
	transition: transform .18s ease;
}

.cne-coupon-acc.is-open .cne-coupon-acc__chev{
	transform: rotate(180deg);
}

.cne-coupon-acc__body{
	padding: 12px 0 0;
	border-top: 0 !important;
	background: transparent !important;
	padding: 8px 0 16px !important;
}

.cart_totals .cne-cart-coupon-form{
	display: flex;
	align-items: stretch;
	gap: 10px;
	margin: 0;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 0 !important;
}

.cart_totals .cne-cart-coupon-form #cne_coupon_code,.cart_totals .cne-cart-coupon-form input[type="text"]{
	flex: 1 1 auto;
	height: 44px;
	border-radius: 12px;
	border: 1px solid var(--cne-border);
	background: var(--cne-bg);
	padding: 0 14px;
	color: var(--cne-ink);
	font-size: 12px;
	font-weight: 500;
	box-shadow: none !important;
	outline: none !important;
	width: 100% !important;
}

.cart_totals .cne-cart-coupon-form #cne_coupon_code::placeholder,.cart_totals .cne-cart-coupon-form input[type="text"]::placeholder{
	color: var(--cne-muted);
	font-weight: 450;
}


.cart_totals .cne-cart-coupon-form #cne_coupon_code:focus,.cart_totals .cne-cart-coupon-form input[type="text"]{
	border-color: rgba(122,102,86,.40);
	box-shadow: 0 0 0 4px var(--cne-ring) !important;
}

.cart_totals .cne-cart-coupon-form .button,.cart_totals .cne-cart-coupon-form button{
	margin-top: 12px !important;
	height: 42px !important;
	padding: 0 18px !important;
	background: #f4f4f4 !important;
	border: 1px solid #e6e6e6 !important;
	color: rgba(0,0,0,.68) !important;
	font-weight: 600 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

.cart_totals .cne-cart-coupon-form .button:hover,.cart_totals .cne-cart-coupon-form button:hover{
	background: #efefef !important;
	border-color: #dddddd !important;
	color: rgba(0,0,0,.75) !important;
}

.cart_totals .cne-cart-coupon-form .button:focus,.cart_totals .cne-cart-coupon-form button:focus{
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0,0,0,.06) !important;
}

.cart_totals .cne-cart-coupon-form .button:hover,.cart_totals .cne-cart-coupon-form button{
	background: #f4f4f4;
	border-color: #ededed;
	color: rgba(0,0,0,.65);
}

.cart_totals .cne-cart-coupon-form .button:active,.cart_totals .cne-cart-coupon-form button{
	transform: translateY(1px);
}

.cart_totals .cne-cart-coupon-form .button:focus,.cart_totals .cne-cart-coupon-form button{
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0,0,0,.04) !important;
}

.cart_totals .cne-cart-coupon-form .button:disabled,.cart_totals .cne-cart-coupon-form button{
	background: #f4f4f4;
	border-color: #f1f1f1;
	color: rgba(0,0,0,.35);
	cursor: not-allowed;
}


/* Button */
.cne-cart-coupon-form .cne-cart-coupon .button{
	border-style:none !important;
	background-color:rgba(244,244,244,0) !important;
	
}

/* Cne cart coupon */
.cart_totals td .cne-cart-coupon{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	
}

/* =========================================================
   CNE – COUPON UI (minimal, elegancko, bez czerni)
   Wklej na SAM KONIEC CSS
   ========================================================= */

:root{
  --cne-ink: rgba(0,0,0,.78);              /* tekst */
  --cne-muted: rgba(0,0,0,.55);            /* placeholder / opis */
  --cne-border: rgba(0,0,0,.12);           /* obramowania */
  --cne-bg: #fff;                          /* tło */
  --cne-soft: rgba(0,0,0,.04);             /* hover tła */
  --cne-accent: #7A6656;                   /* ✨ ciepły brąz (nie czarny) */
  --cne-accent-hover: #6B594B;
  --cne-ring: rgba(122,102,86,.22);        /* ring focus */
}

/* Accordion head – delikatny, jak label */
.cne-coupon-acc__head{
  padding: 10px 2px;
}

.cne-coupon-acc__title{
  font-size: 12.5px;
  font-weight: 550;
  color: var(--cne-ink);
}

.cne-coupon-acc__chev{
  color: rgba(0,0,0,.55);
  transition: transform .18s ease;
}

.cne-coupon-acc.is-open .cne-coupon-acc__chev{
  transform: rotate(180deg);
}

/* Body – bez ciężkich ramek */
.cne-coupon-acc__body{
  padding: 12px 0 0;
  border-top: 0 !important;
  background: transparent !important;
}

/* Layout: input + button w jednej linii */
.cart_totals .cne-cart-coupon-form{
  display: flex;
  align-items: stretch;
  gap: 10px;
  margin: 0;
}

/* Input */
.cart_totals .cne-cart-coupon-form #cne_coupon_code,
.cart_totals .cne-cart-coupon-form input[type="text"]{
  flex: 1 1 auto;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--cne-border);
  background: var(--cne-bg);
  padding: 0 14px;
  color: var(--cne-ink);
  font-size: 12px;
  font-weight: 500;
  box-shadow: none !important;
  outline: none !important;
}


/* Mobile: jeśli ciasno – button trochę węższy */
@media (max-width: 420px){
  .cart_totals .cne-cart-coupon-form .button,
  .cart_totals .cne-cart-coupon-form button{
    padding: 0 12px;
  }
}

/* =========================================================
   CNE – COUPON NOTICES (local, under input)
   ========================================================= */

.cne-coupon-notices{
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.4;
}

.cne-coupon-notices .woocommerce-error,
.cne-coupon-notices .woocommerce-message,
.cne-coupon-notices .woocommerce-info{
  margin: 0;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: #faf8f9;
}

/* error */
.cne-coupon-notices .woocommerce-error{
  color: rgba(180,0,0,.75);
  border-color: rgba(180,0,0,.15);
  background: #fdf6f6;
}

/* success */
.cne-coupon-notices .woocommerce-message{
  color: rgba(0,120,60,.8);
  border-color: rgba(0,120,60,.15);
  background: #f5fbf7;
}

/* info */
.cne-coupon-notices .woocommerce-info{
  color: rgba(0,0,0,.65);
  border-color: rgba(0,0,0,.08);
  background: #f4f4f4;
}

/* Woo lubi listy – czyścimy */
.cne-coupon-notices ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =========================================================
   CNE – COUPON NOTICE (inline, left, no background)
   ========================================================= */

.cne-coupon-notices{
  margin: 6px 0 8px;        /* NAD Zastosuj */
  padding: 0;
  text-align: left;
}

/* reset woo boxów */
.cne-coupon-notices .woocommerce-error,
.cne-coupon-notices .woocommerce-message,
.cne-coupon-notices .woocommerce-info{
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;

  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 500;
}

/* ❌ error – jak na screenie */
.cne-coupon-notices .woocommerce-error{
  color: #d14343; /* elegancka czerwień, nie agresywna */
}

/* ✅ success */
.cne-coupon-notices .woocommerce-message{
  color: #2f8f5b;
}

/* ℹ️ info */
.cne-coupon-notices .woocommerce-info{
  color: rgba(0,0,0,.6);
}

/* Woo czasem wrzuca <ul><li> */
.cne-coupon-notices ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.cne-coupon-notices li{
  margin: 0;
}

/* =========================================================
   CNE – COUPON BUTTON: hover bez tła (tylko tekst + ultra animacja)
   ========================================================= */

.cart_totals .cne-cart-coupon-form .button,
.cart_totals .cne-cart-coupon-form button{
  background: #f4f4f4 !important;
  border: 1px solid #e6e6e6 !important;
  color: rgba(0,0,0,.68) !important;

  transition:
    color .16s ease,
    opacity .16s ease,
    transform .16s ease,
    border-color .16s ease;
  will-change: transform;
}

/* ✅ hover: ZERO tła (nie zmieniamy background w ogóle) */
.cart_totals .cne-cart-coupon-form .button:hover,
.cart_totals .cne-cart-coupon-form button:hover{
  background: #f4f4f4 !important;      /* trzymamy identyczne */
  border-color: #e6e6e6 !important;    /* trzymamy identyczne */

  /* tylko tekst minimalnie “jaśniej” */
  color: rgba(0,0,0,.58) !important;
  opacity: .96;

  /* ultra delikatny ruch */
  transform: translateY(-0.5px);
}

/* active: minimalny “press” */
.cart_totals .cne-cart-coupon-form .button:active,
.cart_totals .cne-cart-coupon-form button:active{
  transform: translateY(0px);
  opacity: .94;
}

/* focus: bez tła, tylko miękki ring */
.cart_totals .cne-cart-coupon-form .button:focus,
.cart_totals .cne-cart-coupon-form button:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.05) !important;
}

/* =========================================================
   CNE – COUPON BUTTON (TEXT ONLY, NO BG, NO BORDER)
   ========================================================= */

.cart_totals .cne-cart-coupon-form .button,
.cart_totals .cne-cart-coupon-form button{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  padding: 0;                 /* jak tekst, nie jak CTA */
  color: rgba(0,0,0,.65);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .01em;

  cursor: pointer;

  transition:
    color .18s ease,
    opacity .18s ease,
    transform .18s ease;
}

/* hover: tylko tekst + ultra mikro-ruch */
.cart_totals .cne-cart-coupon-form .button:hover,
.cart_totals .cne-cart-coupon-form button:hover{
  background: transparent !important;
  border: 0 !important;

  color: rgba(0,0,0,.52);   /* delikatnie jaśniej */
  opacity: .95;
  transform: translateY(-0.5px);
}

/* active: minimalny “press” */
.cart_totals .cne-cart-coupon-form .button:active,
.cart_totals .cne-cart-coupon-form button:active{
  transform: translateY(0);
  opacity: .9;
}

/* focus: absolutnie nic wizualnego */
.cart_totals .cne-cart-coupon-form .button:focus,
.cart_totals .cne-cart-coupon-form button:focus{
  outline: none !important;
  box-shadow: none !important;
}

/* Safari / mobile tap highlight */
.cart_totals .cne-cart-coupon-form .button{
  -webkit-tap-highlight-color: transparent;
}


/* =========================================================
   CNE – COUPON: FULL WIDTH + spacing + subtler hover lift
   ========================================================= */

/* 3) rozciągnij cały wiersz kuponu na 100% */
.cart_totals tbody .cne-cart-coupon-row{
  display: block !important;      /* zamiast flex (bo potrafi zwężać) */
  width: 100% !important;
}

.cart_totals tbody .cne-cart-coupon-row td{
  display: block !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* accordion wrapper też na 100% */
.cart_totals .cne-coupon-acc{
  width: 100% !important;
}

/* header (Masz kod rabatowy? + chevron) na pełną szerokość */
.cart_totals .cne-coupon-acc__head{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* body na pełną szerokość */
.cart_totals .cne-coupon-acc__body{
  width: 100% !important;
}

/* formularz na 100% */
.cart_totals .cne-cart-coupon-form{
  width: 100% !important;
}

/* input na 100% (pewniak) */
.cart_totals .cne-cart-coupon-form #cne_coupon_code,
.cart_totals .cne-cart-coupon-form input[name="coupon_code"],
.cart_totals .cne-cart-coupon-form input[type="text"]{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 2) „Zastosuj” wyżej: mniejszy odstęp nad przyciskiem */
.cart_totals .cne-cart-coupon-form .button,
.cart_totals .cne-cart-coupon-form button{
  margin-top: 8px !important;     /* było większe */
}

/* 1) animacja podskoczenia ultra-delikatna */
.cart_totals .cne-cart-coupon-form .button:hover,
.cart_totals .cne-cart-coupon-form button:hover{
  transform: translateY(-0.25px) !important; /* było -0.5px */
}

/* a na active jeszcze subtelniej */
.cart_totals .cne-cart-coupon-form .button:active,
.cart_totals .cne-cart-coupon-form button:active{
  transform: translateY(0px) !important;
  opacity: .92;
}



/* form – wymuś normalny układ, bez alignowania do prawej */
.cart_totals .cne-cart-coupon-form{
  display: block !important;           /* kluczowe, jeśli wcześniej było flex */
  width: 100% !important;
  max-width: 100% !important;
}


/* Button */
.cne-cart-coupon-form .cne-cart-coupon .button{
	margin-top:0px !important;
	
}



/* =========================================================
   CNE – Coupon input: usuń brązowy focus ring
   ========================================================= */

.cart_totals .cne-cart-coupon-form #cne_coupon_code,
.cart_totals .cne-cart-coupon-form input[name="coupon_code"]{
  outline: none !important;
  box-shadow: none !important;
}

/* focus / focus-visible */
.cart_totals .cne-cart-coupon-form #cne_coupon_code:focus,
.cart_totals .cne-cart-coupon-form #cne_coupon_code:focus-visible,
.cart_totals .cne-cart-coupon-form input[name="coupon_code"]:focus,
.cart_totals .cne-cart-coupon-form input[name="coupon_code"]:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}


.cne-cart-coupon-form .cne-cart-coupon .button{
padding-left:8px!important; 
}

/* =========================================================
   CNE – FIX: button "Zastosuj" ma być jak tekst, nie wysoki
   ========================================================= */

/* 1) Rodzic nie może rozciągać dzieci */
.cart_totals .cne-cart-coupon-form{
  align-items: flex-start !important; /* zamiast stretch */
}

/* 2) Sam button: reset wszystkiego co może pompować wysokość */
.cart_totals .cne-cart-coupon-form button,
.cart_totals .cne-cart-coupon-form .button,
.cart_totals .cne-cart-coupon-form input[type="submit"]{
  display: inline !important;         /* ubij inline-flex z motywu */
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;         /* kontrolujesz “jak nisko” */
  border: 0 !important;               /* jak chciałaś: zero obramowania */
  background: transparent !important;  /* zero tła */
}

/* Coupon input – usuń podwójny focus */
.cne-coupon-acc input[type="text"],
.cne-coupon-acc input[name="coupon_code"],
.cne-coupon-acc #cne_coupon_code{
  outline: none !important;
  box-shadow: none !important;
}

.cne-coupon-acc input[type="text"]:focus,
.cne-coupon-acc input[name="coupon_code"]:focus,
.cne-coupon-acc #cne_coupon_code:focus{
  outline: none !important;
  box-shadow: none !important; /* albo daj JEDEN ring jeśli chcesz */
}
/* Cne notice  text */
.cne-cart-coupon div .cne-notice__text{
	color:#9c5656;
	font-weight:500;
	font-size:11.5px;
	letter-spacing:0px;
	
}
/* Span Tag */
.cart_totals td div span{
	color:#635d59;
	
}

.cne-coupon-acc__chev{
  color: #7B6F68;
  opacity: .85;
  transition: transform .25s ease, opacity .25s ease;
}
/* Button */
.cne-cart-coupon-form .cne-cart-coupon .button{
	color:#7b6f68 !important;
	
}
.cart_totals .coupon-code{
	color: #635d59;
	font-weight: 600;
}


/* Cne cart edit */
.shop_table tbody .cne-cart-edit{
		color: #635d59;
	font-weight: 550;

}


@media (max-width: 768px){
	/* Division */
	.cart_totals td > div > div{
		padding-left:0px;
		padding-right:0px;
		
	}
}

.cart_totals tr.cne-cart-savings th,.cart_totals tr.cne-cart-savings td{
	color: #635d59;
	font-weight: 500;
}

.cart_totals .cne-cart-savings th{
	color: #635d59!important;
	font-weight: 500!important;
}

/* Bdi */
.cne-cart-savings td bdi{
	font-size:12px;
	
}


/* =========================
   CART – “Polecane dla Ciebie” (jak mini koszyk) — FINAL
========================= */

.woocommerce-cart .cne-cart-rec{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,.06);
}

/* nagłówek (klikany) */
.woocommerce-cart .cne-cart-rec__title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  user-select:none;
  padding: 6px 0;
  color: rgba(0,0,0,.62);
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: .2px;
  margin: 0 0 10px;
}

.woocommerce-cart .cne-cart-rec__chev{
  display:inline-flex;
  width:18px;
  height:18px;
}
.woocommerce-cart .cne-cart-rec__chev svg{
  width:18px;
  height:18px;
  display:block;
  transition: transform .22s ease;
}

/* karuzela (fallback wrapper) */
.woocommerce-cart .cne-cart-rec__row{
  display:flex;
  gap: 14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.woocommerce-cart .cne-cart-rec__row::-webkit-scrollbar{ display:none; }

/* stan zwinięty */
.woocommerce-cart .cne-cart-rec.is-collapsed .cne-cart-rec__row{
  display:none !important;
}
.woocommerce-cart .cne-cart-rec.is-collapsed .cne-cart-rec__chev svg{
  transform: rotate(-90deg);
}

/* fallback kafelki (gdy brak shortcode) */
.woocommerce-cart .cne-rec-item{
  flex: 0 0 62%;
  max-width: 62%;
  scroll-snap-align: start;
  text-decoration:none;
  color: inherit;
}
@media (min-width: 768px){
  .woocommerce-cart .cne-rec-item{
    flex: 0 0 30%;
    max-width: 30%;
  }
}
.woocommerce-cart .cne-rec-img{
  border-radius: 12px;
  overflow:hidden;
}
.woocommerce-cart .cne-rec-img img{
  width:100%;
  height:auto;
  display:block;
}
.woocommerce-cart .cne-rec-name{
  margin-top: 6px;
  font-size: 11.8px;
  line-height: 1.2;
  color: rgba(0,0,0,.82);
}
.woocommerce-cart .cne-rec-price{
  margin-top: 4px;
  font-size: 11.2px;
  font-weight: 600;
  color: rgba(0,0,0,.60);
}

/* =========================================================
   Shortcode [cenesti_addons] (Woo .products/.product) — FINAL
   - nie używamy ">" bo Woo/motyw czasem owija listę
   - resetujemy domyślne layouty Woo (float/width/margins)
========================================================= */

/* upewnij się, że wrapper shortcode nie rozwala układu */
.woocommerce-cart .cne-cart-rec .cenesti-addons{
  width: 100%;
}

/* Woo lista produktów (bez względu na wrappery) */
.woocommerce-cart .cne-cart-rec .cenesti-addons ul.products{
  display:flex !important;
  flex-wrap: nowrap !important;
  gap:14px !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width:none;

  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.woocommerce-cart .cne-cart-rec .cenesti-addons ul.products::-webkit-scrollbar{ display:none; }

/* KAFELKI: twardy reset Woo */
.woocommerce-cart .cne-cart-rec .cenesti-addons ul.products li.product{
  float: none !important;
  width: auto !important;

  flex: 0 0 62% !important;
  max-width: 62% !important;
  scroll-snap-align: start;

  margin:0 !important;
  padding:0 !important;
}
@media (min-width: 768px){
  .woocommerce-cart .cne-cart-rec .cenesti-addons ul.products li.product{
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
}

/* obrazek / link w kafelku — minimalna stabilizacja */
.woocommerce-cart .cne-cart-rec .cenesti-addons ul.products li.product a{
  text-decoration: none;
  color: inherit;
}
.woocommerce-cart .cne-cart-rec .cenesti-addons ul.products li.product img{
  width:100% !important;
  height:auto !important;
  display:block;
  border-radius: 12px;
}


/* =========================================================
   CNEPROM – bundle group look (no backgrounds, one border)
   - header + products wyglądają jak jeden blok
   ========================================================= */

.woocommerce-cart-form{
  /* USTAW TUTAJ kolor obramowania = kolor kapsułek */
  --cne-bundle-border: #e9dfd4;          /* <- podmień pod Twój kolor kapsułek */
  --cne-bundle-sep: rgba(0,0,0,.08);     /* delikatne separatory między produktami */
  --cne-bundle-radius: 16px;
}

/* ważne, żeby border „kleił się” między wierszami */
.woocommerce-cart-form table.shop_table{
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* wyłącz wszystkie „kafelki / tła” które robią ten brzydki efekt */
.woocommerce-cart-form tr.cne-bundle-head td,
.woocommerce-cart-form tr.cne-pair-row td{
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== HEADER (góra bloku) ===== */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  border: 1px solid var(--cne-bundle-border) !important;
  border-bottom: 0 !important;
  border-radius: var(--cne-bundle-radius) var(--cne-bundle-radius) 0 0 !important;
  padding: 14px 16px !important;
}

/* header bez dodatkowego tła w środku */
.woocommerce-cart-form tr.cne-bundle-head .cne-bundle-head__inner{
  background: transparent !important;
}

/* ✅ TYLKO SKRAJNE KOLUMNY – zero pionowych linii w środku */
.woocommerce-cart-form tr.cne-pair-row td:first-child{
  border-left: 1px solid var(--cne-bundle-border) !important;
}
.woocommerce-cart-form tr.cne-pair-row td:last-child{
  border-right: 1px solid var(--cne-bundle-border) !important;
}




/* separator między produktami w ramach zestawu */
.woocommerce-cart-form tr.cne-pair-row:not(.cne-pair-first) td{
  border-top: 1px solid var(--cne-bundle-sep) !important;
}

/* pierwszy produkt: niech „klei się” do headera */
.woocommerce-cart-form tr.cne-pair-first td{
  border-top: 0 !important;
}

/* ===== OSTATNI PRODUKT (dół bloku) ===== */
.woocommerce-cart-form tr.cne-pair-last td{
  border-bottom: 1px solid var(--cne-bundle-border) !important;
}

/* zaokrąglenia na dole tylko na skrajnych komórkach */
.woocommerce-cart-form tr.cne-pair-last td:first-child{
  border-bottom-left-radius: var(--cne-bundle-radius) !important;
}
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-bottom-right-radius: var(--cne-bundle-radius) !important;
}

/* opcjonalnie: trochę oddechu między zestawami */
.woocommerce-cart-form tr.cne-bundle-head{
  transform: translateY(0); /* neutral */
}
.woocommerce-cart-form tr.cne-bundle-head td{
  margin-top: 10px !important; /* działa w niektórych motywach */
}

/* gdy motyw ma swoje obramowania na wierszach – wyłącz */
.woocommerce-cart-form tr.cne-pair-row{
  border: 0 !important;
}

/* ===== LEADER / HEADER ZESTAWU ===== */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  border: 1px solid var(--cne-bundle-border) !important;
  border-bottom: 0 !important;

  border-radius: var(--cne-bundle-radius) var(--cne-bundle-radius) 0 0 !important;

  padding: 14px 18px 12px !important;
  background: transparent !important;
}

/* kontener wewnętrzny – bez tła */
.cne-bundle-head__inner{
  background: transparent !important;
  padding: 0 !important;
}

/* tytuł – spokojny, nie „alert” */
.cne-bundle-head__title{
  font-size: 13.5px;
  font-weight: 500;
  color: rgba(0,0,0,.82);
  line-height: 1.3;
}

/* podtytuł (caps + tracking) */
.cne-bundle-head__sub{
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(0,0,0,.45);
}


/* pierwszy produkt – nie rysuj górnej linii (leader ją już ma) */
.woocommerce-cart-form tr.cne-pair-first td{
  border-top: 0 !important;
}

/* separator między produktami – bardzo subtelny */
.woocommerce-cart-form tr.cne-pair-row:not(.cne-pair-first) td{
  border-top: 1px solid rgba(0,0,0,.06) !important;
}
.woocommerce-cart-form tr.cne-pair-last td{
  border-bottom: 1px solid var(--cne-bundle-border) !important;
}

.woocommerce-cart-form tr.cne-pair-last td:first-child{
  border-bottom-left-radius: var(--cne-bundle-radius) !important;
}
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-bottom-right-radius: var(--cne-bundle-radius) !important;
}

/* Shop table */
.elementor-element-242513d0 .woocommerce-cart-form .shop_table{
	box-shadow:6px 6px 15px 0px rgba(211,211,211,0.08);
	background-color:#ffffff;
	border-style:none !important;
	
}



/* =========================================================
   CENESTI – BUNDLE GROUP IN CART 
   - ramka zestawu = border-color kapsułki (per theme)
   - leader zintegrowany z ramką
   - zero pionowych linii w środku
========================================================= */

/* 1) WYŁĄCZ „stary” border-left na itemach (psuje układ) */
.woocommerce-cart .cart_item.cenesti-bundle-in-promo{
  border-left: 0 !important;
}

/* 2) Mapowanie: kolor ramki = border-color kapsułki */
.woocommerce-cart .cenesti-pair-theme-1{ --cne-bundle-border: #E6E1DC; }
.woocommerce-cart .cenesti-pair-theme-2{ --cne-bundle-border: #D9E5DC; }
.woocommerce-cart .cenesti-pair-theme-3{ --cne-bundle-border: #E2D9CE; }
.woocommerce-cart .cenesti-pair-theme-4{ --cne-bundle-border: #DCDDEA; }
.woocommerce-cart .cenesti-pair-theme-5{ --cne-bundle-border: #E6D8D8; }

.woocommerce-cart{
  --cne-bundle-radius: 14px;
}

/* 3) LEADER / HEADER zestawu (bez tła, z ramką jak „nagłówek tabeli”) */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  background: transparent !important;

  border: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
  border-bottom: 0 !important;

  border-radius: var(--cne-bundle-radius) var(--cne-bundle-radius) 0 0 !important;

  padding: 14px 18px 12px !important;
}

.cne-bundle-head__inner{
  background: transparent !important;
  padding: 0 !important;
}

.cne-bundle-head__title{
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.3;
}

.cne-bundle-head__sub{
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(0,0,0,.45);
}

/* 4) BLOK PRODUKTÓW – jedna ramka dookoła, bez pionowych linii w środku */
.woocommerce-cart-form tr.cne-pair-row td{
  background: transparent !important;

  /* wyzeruj wszystko co może dodawać kratkę */
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;

  /* spójny padding jak w koszyku */
  vertical-align: middle;
}

/* tylko skrajne kolumny dostają ramkę */
.woocommerce-cart-form tr.cne-pair-row td:first-child{
  border-left: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
}
.woocommerce-cart-form tr.cne-pair-row td:last-child{
  border-right: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
}

/* pierwszy rząd: leader już ma top — więc tu nie robimy top border */
.woocommerce-cart-form tr.cne-pair-first td:first-child,
.woocommerce-cart-form tr.cne-pair-first td:last-child{
  border-top: 0 !important;
}

/* separator między produktami (subtelny) */
.woocommerce-cart-form tr.cne-pair-row:not(.cne-pair-first) td{
  border-top: 1px solid rgba(0,0,0,.06) !important;
}

/* domknięcie ramki na dole */
.woocommerce-cart-form tr.cne-pair-last td:first-child,
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-bottom: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
}

/* zaokrąglenie dołu bloku */
.woocommerce-cart-form tr.cne-pair-last td:first-child{
  border-bottom-left-radius: var(--cne-bundle-radius) !important;
}
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-bottom-right-radius: var(--cne-bundle-radius) !important;
}

/* 5) Jeśli gdzieś theme jest tylko na itemach, a nie na headerze:
      przejmij kolor z pierwszego itema (bez JS) – header dziedziczy var */
.woocommerce-cart-form tr.cne-bundle-head{
  --cne-bundle-border: var(--cne-bundle-border, #E6E1DC);
}


/* =========================================================
   CNEPROM – BUNDLE HEADERS: kolor ramki z data-cne-pair
   (bo header nie ma klasy cenesti-pair-theme-X)
========================================================= */

/* mapowanie borderu dokładnie jak kapsułki */
.woocommerce-cart-form tr.cne-bundle-head[data-cne-pair="theme-1"]{ --cne-bundle-border:#E6E1DC; }
.woocommerce-cart-form tr.cne-bundle-head[data-cne-pair="theme-2"]{ --cne-bundle-border:#D9E5DC; }
.woocommerce-cart-form tr.cne-bundle-head[data-cne-pair="theme-3"]{ --cne-bundle-border:#E2D9CE; }
.woocommerce-cart-form tr.cne-bundle-head[data-cne-pair="theme-4"]{ --cne-bundle-border:#DCDDEA; }
.woocommerce-cart-form tr.cne-bundle-head[data-cne-pair="theme-5"]{ --cne-bundle-border:#E6D8D8; }

/* header (leader) – zawsze używaj var */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  border-color: var(--cne-bundle-border, #E6E1DC) !important;
}

/* domknięcie bloku – też zawsze używaj var */
.woocommerce-cart-form tr.cne-pair-row td:first-child,
.woocommerce-cart-form tr.cne-pair-row td:last-child{
  border-color: var(--cne-bundle-border, #E6E1DC) !important;
}
.woocommerce-cart-form tr.cne-pair-last td:first-child,
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-bottom-color: var(--cne-bundle-border, #E6E1DC) !important;
}



/* =========================================================
   CNEPROM – bundle colors (border + soft background)
========================================================= */

.woocommerce-cart .cenesti-pair-theme-1{
  --cne-bundle-border: #E6E1DC;
  --cne-bundle-bg: #F2EFEC;
}
.woocommerce-cart .cenesti-pair-theme-2{
  --cne-bundle-border: #D9E5DC;
  --cne-bundle-bg: #EEF3EF;
}
.woocommerce-cart .cenesti-pair-theme-3{
  --cne-bundle-border: #E2D9CE;
  --cne-bundle-bg: #F3F0EB;
}
.woocommerce-cart .cenesti-pair-theme-4{
  --cne-bundle-border: #DCDDEA;
  --cne-bundle-bg: #EFEFF4;
}
.woocommerce-cart .cenesti-pair-theme-5{
  --cne-bundle-border: #E6D8D8;
  --cne-bundle-bg: #F4EEEE;
}


/* =========================================================
   CNEPROM – HEADER zestawu 
========================================================= */

.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  background: var(--cne-bundle-bg) !important;
  border: 1px solid var(--cne-bundle-border) !important;
  border-bottom: 0 !important;

  border-radius: var(--cne-bundle-radius) var(--cne-bundle-radius) 0 0 !important;

  padding: 14px 18px 12px !important;
}

/* tekst już spokojny, nie alert */
.cne-bundle-head__title{
  color: rgba(0,0,0,.82) !important;
  font-weight: 500;
}

.cne-bundle-head__sub{
  color: rgba(0,0,0,.55) !important;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  background: var(--cne-bundle-bg, #F2EFEC) !important;
}


/* =========================================================
   CNEPROM – HEADER background = kolor kapsułki (50% alpha)
   ========================================================= */

.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  /* fallback gdyby coś nie złapało */
  background: rgba(230,225,220,.45) !important;
}


/* ===== Header BG = 50% koloru kapsułki ===== */

.woocommerce-cart-form tr.cne-bundle-head.cenesti-pair-theme-1{
  --cne-bundle-bg: rgba(230,225,220,.35);
}

.woocommerce-cart-form tr.cne-bundle-head.cenesti-pair-theme-2{
  --cne-bundle-bg: rgba(217,229,220,.35);
}

.woocommerce-cart-form tr.cne-bundle-head.cenesti-pair-theme-3{
  --cne-bundle-bg: rgba(226,217,206,.35);
}

.woocommerce-cart-form tr.cne-bundle-head.cenesti-pair-theme-4{
  --cne-bundle-bg: rgba(220,221,234,.35);
}

.woocommerce-cart-form tr.cne-bundle-head.cenesti-pair-theme-5{
  --cne-bundle-bg: rgba(230,216,216,.35);
}

/* faktyczne użycie */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  background: var(--cne-bundle-bg) !important;
}

/* =========================================================
   CNEPROM – Bundle: header bg = kolor pastylki (50% opacity)
   + odstęp między zestawami
   + ramka dla pojedynczych produktów
========================================================= */

/* wyłącz stary border-left na itemach (żeby nie psuł) */
.woocommerce-cart .cart_item.cenesti-bundle-in-promo{
  border-left: 0 !important;
}

/* promień i kolor delikatnej ramki dla pojedynczych produktów */
.woocommerce-cart{
  --cne-bundle-radius: 14px;
  --cne-item-border: rgba(0,0,0,.10);
}

/* mapowanie: border zestawu = border-color pastylki */
.woocommerce-cart .cenesti-pair-theme-1{ --cne-bundle-border: #E6E1DC; --cne-bundle-headbg: rgba(242,239,236,.55); }
.woocommerce-cart .cenesti-pair-theme-2{ --cne-bundle-border: #D9E5DC; --cne-bundle-headbg: rgba(238,243,239,.55); }
.woocommerce-cart .cenesti-pair-theme-3{ --cne-bundle-border: #E2D9CE; --cne-bundle-headbg: rgba(243,240,235,.55); }
.woocommerce-cart .cenesti-pair-theme-4{ --cne-bundle-border: #DCDDEA; --cne-bundle-headbg: rgba(239,239,244,.55); }
.woocommerce-cart .cenesti-pair-theme-5{ --cne-bundle-border: #E6D8D8; --cne-bundle-headbg: rgba(244,238,238,.55); }

/* GAP między zestawami (to jest ten dodatkowy TR z JS) */
.woocommerce-cart-form tr.cne-bundle-gap td{
  padding: 10px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* HEADER zestawu: tło półprzezroczyste + ramka jak border pastylki */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  background: var(--cne-bundle-headbg, rgba(242,239,236,.55)) !important;

  border: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
  border-bottom: 0 !important;

  border-radius: var(--cne-bundle-radius) var(--cne-bundle-radius) 0 0 !important;

  padding: 14px 18px 12px !important;
}

/* teksty w headerze zostają spokojne */
.woocommerce-cart-form tr.cne-bundle-head .cne-bundle-head__inner{
  background: transparent !important;
}
.woocommerce-cart-form tr.cne-bundle-head .cne-bundle-head__title{
  color: rgba(0,0,0,.82);
}
.woocommerce-cart-form tr.cne-bundle-head .cne-bundle-head__sub{
  color: rgba(0,0,0,.45);
}

/* BLOK PRODUKTÓW w zestawie: jedna ramka, zero pionowych linii w środku */
.woocommerce-cart-form tr.cne-pair-row td{
  background: transparent !important;

  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;

  vertical-align: middle;
}

/* ramka tylko na skrajnych komórkach */
.woocommerce-cart-form tr.cne-pair-row td:first-child{
  border-left: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
}
.woocommerce-cart-form tr.cne-pair-row td:last-child{
  border-right: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
}

/* separator między produktami w zestawie */
.woocommerce-cart-form tr.cne-pair-row:not(.cne-pair-first) td{
  border-top: 1px solid rgba(0,0,0,.06) !important;
}

/* dół ramki + zaokrąglenie */
.woocommerce-cart-form tr.cne-pair-last td:first-child,
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-bottom: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
}
.woocommerce-cart-form tr.cne-pair-last td:first-child{
  border-bottom-left-radius: var(--cne-bundle-radius) !important;
}
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-bottom-right-radius: var(--cne-bundle-radius) !important;
}

/* =========================================================
   POJEDYNCZY PRODUKT: delikatna jasnoszara ramka
   (czyli każdy cart_item, który NIE jest w bundle promo)
========================================================= */

.woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item:not(.cenesti-bundle-in-promo) td{
  background: transparent !important;
  border: 0 !important;
}

.woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item:not(.cenesti-bundle-in-promo) td:first-child{
  border-left: 1px solid var(--cne-item-border) !important;
  border-top: 1px solid var(--cne-item-border) !important;
  border-bottom: 1px solid var(--cne-item-border) !important;
  border-top-left-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
}

.woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item:not(.cenesti-bundle-in-promo) td:last-child{
  border-right: 1px solid var(--cne-item-border) !important;
  border-top: 1px solid var(--cne-item-border) !important;
  border-bottom: 1px solid var(--cne-item-border) !important;
  border-top-right-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

.woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item:not(.cenesti-bundle-in-promo) td:not(:first-child):not(:last-child){
  border-top: 1px solid var(--cne-item-border) !important;
  border-bottom: 1px solid var(--cne-item-border) !important;
  border-left: 0 !important;
  border-right: 0 !important;
}


/* Header ma mieć tło jak pastylka, ale bardziej przezroczyste */
.woocommerce-cart .cenesti-pair-theme-1{ --cne-bundle-head-bg: rgba(242,239,236,.55); 
  border-bottom: 1px solid #f1f1f1!important;
}
.woocommerce-cart .cenesti-pair-theme-2{ --cne-bundle-head-bg: rgba(238,243,239,.55);
  border-bottom: 1px solid #f1f1f1!important;}
.woocommerce-cart .cenesti-pair-theme-3{ --cne-bundle-head-bg: rgba(243,240,235,.55);
  border-bottom: 1px solid #f1f1f1!important;}
.woocommerce-cart .cenesti-pair-theme-4{ --cne-bundle-head-bg: rgba(239,239,244,.55);
  border-bottom: 1px solid #f1f1f1!important;}
.woocommerce-cart .cenesti-pair-theme-5{ --cne-bundle-head-bg: rgba(244,238,238,.55);
  border-bottom: 1px solid #f1f1f1!important;}


/* i teraz użyj tego tła na headerze */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  background: var(--cne-bundle-head-bg, transparent) !important;
}


/* =========================================================
   CNEPROM – BUNDLE BORDERS: lżejsze (jak kapsułki, ale soft)
   Wklej na SAM KONIEC CSS
========================================================= */

/* 1) Soft border per theme (ten sam klimat co kapsułki, ale mniej “intensywny”) */
.woocommerce-cart tr.cenesti-pair-theme-1{ --cne-bundle-border: rgba(230,225,220,.70); }
.woocommerce-cart tr.cenesti-pair-theme-2{ --cne-bundle-border: rgba(217,229,220,.70); }
.woocommerce-cart tr.cenesti-pair-theme-3{ --cne-bundle-border: rgba(226,217,206,.70); }
.woocommerce-cart tr.cenesti-pair-theme-4{ --cne-bundle-border: rgba(220,221,234,.70); }
.woocommerce-cart tr.cenesti-pair-theme-5{ --cne-bundle-border: rgba(230,216,216,.70); }

/* 2) Jeśli chcesz jeszcze subtelniej, zmniejsz grubość (opcjonalnie) */
.woocommerce-cart-form tr.cne-bundle-head td.cne-bundle-head__td{
  border-width: 1px !important; /* możesz dać 0.75px, ale bywa różnie w przeglądarkach */
}

.woocommerce-cart-form tr.cne-pair-row td:first-child,
.woocommerce-cart-form tr.cne-pair-row td:last-child,
.woocommerce-cart-form tr.cne-pair-last td:first-child,
.woocommerce-cart-form tr.cne-pair-last td:last-child{
  border-width: 1px !important;
}

/* 3) Separatory między produktami w zestawie też trochę lżejsze */
.woocommerce-cart-form tr.cne-pair-row:not(.cne-pair-first) td{
  border-top-color: rgba(0,0,0,.045) !important;
}


/* =========================================================
   FIX: domknięcie dolnej krawędzi ramki (ciągła linia)
========================================================= */

/* ostatni wiersz zestawu: daj border-bottom wszystkim komórkom */
.woocommerce-cart-form tr.cne-pair-last td{
  border-bottom: 1px solid var(--cne-bundle-border, #E6E1DC) !important;
}

/* ale pionowe ramki dalej tylko na skrajnych komórkach */
.woocommerce-cart-form tr.cne-pair-last td:not(:first-child):not(:last-child){
  border-left: 0 !important;
  border-right: 0 !important;
}

.woocommerce-cart-form tr.cne-bundle-gap td{
  padding: 10px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* ===== Incomplete bundle bar (screen 3 style) ===== */
tr.cne-bundle-incomplete td{
  padding: 0 !important;
  border: 0 !important;
}

.cne-bundle-incomplete__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  background: rgba(0,0,0,.02);
  margin: 10px 0 0;
}

.cne-bundle-incomplete__left{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}


.cne-bundle-incomplete__text{
  font-size: 13px;
  font-weight: 500;
  color: rgba(0,0,0,.75);
}

.cne-bundle-incomplete__btn{
  appearance:none;
  border: 0;
  background: transparent;
  padding: 6px 0;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

/* ===== Add list inside modal ===== */
.cne-addlist__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.cne-addlist__item{
  text-align:left;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 10px;
  background: #fff;
  cursor: pointer;
}

.cne-addlist__img{
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow:hidden;
  background: rgba(0,0,0,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 8px;
}

.cne-addlist__img img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.cne-addlist__name{
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.25;
}



/* =========================================================
   FIX: INCOMPLETE BUNDLE = JEDEN KONTENER (jak "Gratulacje")
   Problem: wiersz produktu po headerze łapie ramkę "single product"
   Rozwiązanie: wyłącz ramkę single + daj ramkę bundle (L/R + bottom)
   Wklej na SAM KONIEC CSS
========================================================= */

/* 1) Header incomplete ma wyglądać jak header "Gratulacje" */
.woocommerce-cart-form tr.cne-bundle-incomplete td{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-incomplete__inner{
  margin: 0 !important;

  border: 1px solid var(--cne-bundle-border, rgba(0,0,0,.12)) !important;
  border-bottom: 0 !important;

  border-radius: var(--cne-bundle-radius, 14px) var(--cne-bundle-radius, 14px) 0 0 !important;

  background: var(--cne-bundle-headbg, rgba(0,0,0,.02)) !important;

  padding: 14px 18px 12px !important;
}

/* 2) KLUCZ: wyłącz "pojedynczy produkt" dla wiersza tuż po incomplete headerze */
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td{
  /* kasujemy wszystko z sekcji "POJEDYNCZY PRODUKT: delikatna ramka" */
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 3) Zrób z tego wiersza dół tej samej karty: border L/R dla skrajnych kolumn */
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:first-child{
  border-left: 1px solid var(--cne-bundle-border, rgba(0,0,0,.12)) !important;
}

.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:last-child{
  border-right: 1px solid var(--cne-bundle-border, rgba(0,0,0,.12)) !important;
}

/* 4) Domknij DÓŁ ramki na całej szerokości (żeby była jedna ciągła linia) */
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td{
  border-bottom: 1px solid var(--cne-bundle-border, rgba(0,0,0,.12)) !important;
}

/* 5) Zaokrąglenia na dole (jak w "Gratulacje") */
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:first-child{
  border-bottom-left-radius: var(--cne-bundle-radius, 14px) !important;
}
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:last-child{
  border-bottom-right-radius: var(--cne-bundle-radius, 14px) !important;
}

/* 6) (Opcjonalnie) separator między headerem a produktem – jak w "Gratulacje"
      Jeśli chcesz wyraźną linię oddzielającą header od pierwszego produktu */
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td{
  border-top: 1px solid rgba(0,0,0,.06) !important;
}
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:first-child{
  border-top-color: rgba(0,0,0,.06) !important;
}
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:last-child{
  border-top-color: rgba(0,0,0,.06) !important;
}


/* =========================================================
   BUNDLE INCOMPLETE – układ 2-liniowy + font -1px
   ========================================================= */

tr.cne-bundle-incomplete .cne-bundle-incomplete__left{
  display: flex;
  flex-direction: column;   /* ✅ 2 linie */
  align-items: flex-start;
  gap: 4px;
  line-height: 1.25;
}

/* -1px na typografii w tej sekcji */
tr.cne-bundle-incomplete .cne-bundle-incomplete__pill{
  font-size: calc(1em - 1px);
}

tr.cne-bundle-incomplete .cne-bundle-incomplete__text{
  font-size: calc(1em - 1px);
}

/* (opcjonalnie) jeśli chcesz też minimalnie mniejszy przycisk */
tr.cne-bundle-incomplete .cne-bundle-incomplete__btn{
  font-size: calc(1em - 1px);
}

/* =========================
   BUNDLE HEAD – TITLE + BADGE W 1 LINII
   ========================= */

.shop_table tbody tr.cne-bundle-head .cne-bundle-head__top{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.shop_table tbody tr.cne-bundle-head .cne-bundle-head__title{
  white-space: nowrap;
}

.shop_table tbody tr.cne-bundle-head .cenesti-bundle-badge{
  flex-shrink: 0;
}

/* =========================================================
   CNEPROM – Subheader w headerze promki (open + collapsed)
   ========================================================= */

.woocommerce-cart-form tr.cne-bundle-head .cne-bundle-head__sub{
  font-size: 10.6px !important;
  letter-spacing: 0.1px !important;
  color: rgba(0,0,0,0.46) !important;
}

/* (bezpiecznik, jeśli w niedomkniętej promce masz subheader jako osobną klasę) */
.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-head__sub,
.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-incomplete__sub{
  font-size: 10.6px !important;
  letter-spacing: 0.1px !important;
  color: rgba(0,0,0,0.46) !important;
}


/* =========================================================
   CNEPROM – BADGE w NIEDOMKNIĘTYM zestawie (szary wariant)
   ========================================================= */

/* kapsułka wygląda jak theme, ale jest neutralna/szara */
tr.cne-bundle-incomplete .cenesti-bundle-badge{
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.18) !important;
  color: rgba(0,0,0,0.55) !important;
}

/* jeśli chcesz jeszcze bardziej „disabled look” */
tr.cne-bundle-incomplete .cenesti-bundle-badge{
  opacity: 0.9;
}

/* =========================================================
   CNEPROM – INCOMPLETE: kapsułka + subheader (szary styl)
   ========================================================= */

table.shop_table tr.cne-bundle-incomplete .cne-bundle-incomplete__pill{
  display: inline-flex !important;
  align-items: center !important;

  padding: 1px 8px !important;
  border-radius: 999px !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .2px !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;

  background: rgba(0,0,0,.04) !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  color: rgba(0,0,0,.55) !important;
}

/* subheader/tekst pod kapsułką */
table.shop_table tr.cne-bundle-incomplete .cne-bundle-incomplete__text{
  font-size: 10.6px !important;
  letter-spacing: 0.1px !important;
  color: rgba(0,0,0,0.46) !important;
}

.cne-bundle-incomplete__title{
  font-weight: 600;
  margin-bottom: 4px;
}

.cne-bundle-incomplete__sub{
  font-size: 13px;
  opacity: .75;
  margin-bottom: 8px;
}
.cne-bundle-incomplete__top{
  display:flex;
  align-items:center;
  gap:8px;
}

/* =========================================================
   FIX: INCOMPLETE typography = COMPLETE typography
   (tylko czcionki, bez zmiany layoutu / kolorów)
   Wklej na SAM KONIEC CSS
========================================================= */

.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-incomplete__title{
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: rgba(0,0,0,.82) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* sub w incomplete ma wyglądać jak .cne-bundle-head__sub */
.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-incomplete__sub{
  margin-top: 4px !important;
  margin-bottom: 0 !important;

  letter-spacing: 0.1px !important;
  color: rgba(0,0,0,0.46) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1.88 !important;
text-transform: uppercase !important;
  text-transform: none !important;
  opacity: 1 !important;
}


/* jeśli gdzieś nadal renderuje się stary "text" zamiast "sub" */
.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-incomplete__text{
  margin-top: 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(0,0,0,.45) !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}


/* =========================================================
   FIX: INCOMPLETE border zawsze szary (nie dziedzicz theme)
   Wklej na SAM KONIEC CSS
========================================================= */

.woocommerce-cart-form tr.cne-bundle-incomplete{
  --cne-bundle-border: rgba(0,0,0,.12) !important;     /* szary border */
  --cne-bundle-headbg: rgba(0,0,0,.02) !important;     /* szare tło (jak było) */
}

/* (pewniak) sama ramka incomplete inner */
.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-incomplete__inner{
  border-color: var(--cne-bundle-border) !important;
}

/* i ramka tego “dołu” (wiersz produktu pod incomplete), jeśli też ma brać szary */
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:first-child,
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td:last-child,
.woocommerce-cart-form tr.cne-bundle-incomplete
+ tr.woocommerce-cart-form__cart-item.cart_item td{
  border-color: var(--cne-bundle-border) !important;
}


/* =========================================================
   INCOMPLETE – TYLKO: subheader + "Wybierz więcej" obok siebie
   (nie ruszamy innych elementów w left)
========================================================= */

/* Cofnij poprzednie ustawienie, jeśli było: row na całym left */
tr.cne-bundle-incomplete .cne-bundle-incomplete__left{
  display: block !important;
}

/* Subheader + link w jednej linii */
tr.cne-bundle-incomplete .cne-bundle-incomplete__sub{
  display: inline !important;
  margin: 0 !important;
  font-size: 10.6px !important;
  letter-spacing: 0.1px !important;
  color: rgba(0,0,0,.46) !important;
  white-space: nowrap;
}

/* “Wybierz więcej” jako tekst-link obok subheaderu */
tr.cne-bundle-incomplete .cne-bundle-incomplete__btn{
  display: inline !important;

  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-left: 10px !important; /* <- odległość od subheaderu */

  font-size: 10.6px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1px !important;

  color: rgba(0,0,0,.55) !important;
  text-decoration: underline;
  text-underline-offset: 2px;

  cursor: pointer;
  white-space: nowrap;
}

/* hover – delikatnie */
tr.cne-bundle-incomplete .cne-bundle-incomplete__btn:hover{
  color: rgba(0,0,0,.38) !important;
}


/* Cenesti bundle badge */
.shop_table .product-name .cenesti-bundle-badge{
	display:none;
	
}

.shop_table tbody .cenesti-bundle-badge-wrapper{	
display:none;
}

/* Bdi */
.shop_table .cneprom-ins bdi{
	font-weight:600 !important;
}

/* Bdi */
.shop_table .cneprom-del bdi{
	font-weight:600 !important;
	color:rgba(85,85,85,0.64) !important;
}

/* Bdi */
.shop_table p bdi{
	font-weight:600 !important;
	
}

/* ===== Modal “Dobierz produkt”: lista z shortcode ===== */
.cne-modal [data-cne-addons-pick] ul.products{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.cne-modal [data-cne-addons-pick] li.product{
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  display: grid !important;
  grid-template-columns: 88px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.cne-modal [data-cne-addons-pick] li.product img{
  width: 88px !important;
  height: 88px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

.cne-modal [data-cne-addons-pick] .woocommerce-loop-product__title{
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

.cne-modal [data-cne-addons-pick] .price{
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.cne-modal [data-cne-addons-pick] .add_to_cart_button,
.cne-modal [data-cne-addons-pick] a.button{
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #fff !important;
  color: rgba(0,0,0,.78) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* ukryj rzeczy z Woo w pickerze, których nie chcemy */
.cne-modal [data-cne-addons-pick] .star-rating,
.cne-modal [data-cne-addons-pick] .woocommerce-product-details__short-description{
  display: none !important;
}
/* ==============================
   CNE MODAL – TRYB "ADD LIST"
   (lista produktów + nic więcej)
================================ */
/* KROK 1 (promo) ma być “czysta lista” */
.cne-modal[data-step="promo"] [data-cne-attrs],
.cne-modal[data-step="promo"] [data-cne-variation-host],
.cne-modal[data-step="promo"] .cne-product,
.cne-modal[data-step="promo"] .cne-current,
.cne-modal[data-step="promo"] .cne-qty,
.cne-modal[data-step="promo"] .cne-stepper,
.cne-modal[data-step="promo"] .cne-modal__footer--edit{
  display: none !important;
}

/* KROK 2 (edit) – pokazujemy normalnie */
.cne-modal[data-step="edit"] [data-cne-attrs],
.cne-modal[data-step="edit"] [data-cne-variation-host],
.cne-modal[data-step="edit"] .cne-product,
.cne-modal[data-step="edit"] .cne-modal__footer--edit{
  display: block;
}


/* lista addons ma być "jak na screenie #2": 1 kolumna, karty */
.cne-modal[data-mode="add"] .cne-addons-pick ul.products{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 10px 0 0 !important;
}

/* pojedyncza karta produktu */
.cne-modal[data-mode="add"] .cne-addons-pick ul.products li.product{
  width: 100% !important;
  margin: 0 !important;
}

/* usuń typowe "pływające" style Woo jeśli są */
.cne-modal[data-mode="add"] .cne-addons-pick ul.products li.product a{
  display: block !important;
}






.cne-modal[data-mode="add"] .cne-addons-host .products-wrap{
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	margin: 10px 0 0 !important;
}


.cne-modal[data-mode="add"] .cne-addons-host .products-wrap .product-item{
	width: 100% !important;
}


.cne-modal[data-mode="add"] .cne-addons-host .products-wrap .product-item-inner{
	display: grid !important;
	grid-template-columns: 88px 1fr auto !important;
	gap: 12px !important;
	align-items: center !important;
	padding: 14px !important;
	border: 1px solid rgba(0,0,0,.10) !important;
	border-radius: 14px !important;
	background: #fff !important;
}


.cne-addons-host .cenesti-addons .products-wrap{
	flex-direction:column;
}



.cne-addons-host .products-wrap .product-item{
	max-width:100%;
}


/* ukryj natywny przycisk z shortcode (ten co wskakuje na obrazek) */
.cne-modal[data-mode="add"] .cne-addons-host .cne-native-add-hidden{
  display:none !important;
}

/* nasz przycisk + po prawej */
.cne-modal[data-mode="add"] .cne-addons-host .product-item-inner .cne-addplus{
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.13) !important;
  background: #fff !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  justify-self: end !important;
  align-self: center !important;

  color: rgba(0,0,0,.72) !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1 !important;
  cursor: pointer !important;
}

.cne-modal[data-mode="add"] .cne-addons-host .product-item-inner .cne-addplus:hover{
  border-color: rgba(0,0,0,.24) !important;
  color: rgba(0,0,0,.86) !important;
}


.cne-addons-host .products-wrap .product-item{
	padding-left:0px;
}

/* TRYB ADD: ukryj oryginalny przycisk Woo (bo wskakuje na zdjęcie) */
.cne-modal[data-mode="add"] .cne-addons-host .products-wrap a.add_to_cart_button,
.cne-modal[data-mode="add"] .cne-addons-host .products-wrap a.button,
.cne-modal[data-mode="add"] .cne-addons-host .products-wrap button.add_to_cart_button,
.cne-modal[data-mode="add"] .cne-addons-host .products-wrap button.button{
  display:none !important;
}

/* nasz przycisk + (trzecia kolumna grid) */
.cne-modal[data-mode="add"] .cne-addons-host .products-wrap .cne-addbtn{
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(0,0,0,.70) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 400!important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.cne-modal[data-mode="add"] .cne-addons-host .products-wrap .cne-addbtn:hover{
  border-color: rgba(0,0,0,.24) !important;
  color: rgba(0,0,0,.86) !important;
}

/* meta (żeby tytuł + cena były pionowo pod sobą w kolumnie tekstu) */
.cne-modal[data-mode="add"] .cne-addons-host .products-wrap .cne-addons-meta{
  display:flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.cne-modal[data-mode="add"] .cne-addons-host .products-wrap .cne-addons-meta .price{
  margin: 0 !important;
}


/* krok 1 ma być widoczny tylko w promo */
.cne-modal[data-step="promo"] [data-cne-promostep]{
  display: block !important;
}

/* krok 2 (edit) — ukryj CAŁY krok 1 z listą */
.cne-modal[data-step="edit"] [data-cne-promostep]{
  display: none !important;
}

/* Cne section */
.cne-modal__body .cne-section{
	display:none;
	
}

/* krok 2 — ma zniknąć przycisk "Idź do koszyka" (footer promo) */
.cne-modal[data-step="edit"] [data-cne-footer-promo]{
  display: none !important;
}

/* krok 1 — footer promo widoczny */
.cne-modal[data-step="promo"] [data-cne-footer-promo]{
  display: block !important;
}


.cne-head-titleline{
  display:flex;
  align-items:center;
  gap:10px;
}

.cne-modal__back{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin-right:10px;
  font:inherit;
  color:rgba(0,0,0,.7);
  cursor:pointer;
}
.cne-modal__back span{ font-size:18px; line-height:1; }

.cne-head-badge{
  font-size:12px;
  font-weight:600;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(120,60,60,.12);
  color:rgba(80,30,30,.85);
  white-space:nowrap;
}

.cne-head-progress{
  display:flex;
  gap:10px;
  padding:10px 16px 0;
}
.cne-head-progress__bar{
  height:3px;
  flex:1;
  border-radius:999px;
  background:rgba(0,0,0,.12);
}
.cne-head-progress__bar.is-active{
  background:rgba(120,60,60,.7);
}




/* =========================
   CNE – header back arrow
   ========================= */

.cne-head-back{
  appearance: none;
  background: transparent;
  border: 0;
  padding: 6px;
  margin-right: 6px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: rgba(0,0,0,.55);
  cursor: pointer;
  border-radius: 999px;

  transition:
    color .18s ease,
    background-color .18s ease,
    transform .12s ease;
}

.cne-head-back svg{
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cne-head-back:hover{
  color: rgba(0,0,0,.85);
  background: rgba(0,0,0,.04);
}

.cne-head-back:active{
  transform: translateX(-1px);
}

/* mobile – trochę większy hit-area */
@media (max-width: 767px){
  .cne-head-back{
    padding: 8px;
  }
}


/* ===== BACK (⬅️) ===== */
/* domyślnie ukryty */
.cne-modal [data-cne-back]{
  display: none !important;
}

/* widoczny TYLKO w kroku 2 */
.cne-modal[data-step="edit"] [data-cne-back]{
  display: inline-flex !important;
}
/* ===== BADGE ===== */
/* badge tylko w kroku 1 */
.cne-modal [data-cne-headbadge]{
  display: none !important;
}

.cne-modal[data-step="promo"] [data-cne-headbadge]{
  display: inline-flex !important;
}
/* ===== PROMO STEP: subheader pod nagłówkiem, NAD progress ===== */
.cne-modal[data-step="promo"] .cne-head-left{
  display: flex;
  flex-direction: column;
  gap: 6px;
}


/* progress zawsze POD subheaderem */
.cne-modal[data-step="promo"] [data-cne-headprogress]{
  margin-top: 2px;
}


/* =========================================================
   CNE – header sub (krok 1 promo) — typografia jak subheader
   ========================================================= */

/* sub w headerze: elegancki, uppercase, lekko rozstrzelony */
.cne-modal[data-step="promo"] .cne-head-sub{
  display: block !important;
  margin: 2px 0 8px;
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: .08em;

  font-weight: 500;
  color: rgba(0,0,0,.46);

}

/* jakby hidden zostało w DOM, to i tak nie pokazuj w innych krokach */
.cne-modal:not([data-step="promo"]) .cne-head-sub{
  display: none !important;
}

/* Header */
.cne-modal header{
	padding-bottom:0px;
	
}/* Cne head progress */
.cne-modal .cne-head-progress{
	padding-bottom:14px;
}/* Cne head sub */
.cne-modal__head .cne-head-left .cne-head-sub{
	margin-top:0px;
	
}

/* =========================================================
   CNE – widoczność elementów headera per krok
   ========================================================= */

/* ❌ NIGDY w kroku 1 (promo): nazwa produktu pod tytułem */
.cne-modal[data-step="promo"] 
.cne-head-left .cne-head-meta span{
  display: none !important;
}

/* ❌ NIGDY w kroku 2 (edit): subheader promocji */
.cne-modal[data-step="edit"] 
.cne-modal__head .cne-head-left .cne-head-sub{
  display: none !important;
}


/* =========================================================
   CNE – STAŁY HEADER (oba kroki wyglądają identycznie)
   ========================================================= */
.cne-modal__head{
  padding-bottom: 6px; /* rezerwa na progress */
}


/* linia tytułu */
.cne-head-titleline{
  display: flex;
  	align-items: center;
  gap: 8px;
}


/* nazwa produktu / subheader – ZAJMUJĄ MIEJSCE ZAWSZE */
.cne-head-meta,
.cne-head-sub{
  min-height: 14px;
  transition: opacity .18s ease;
}



/* pasek etapów – ZAWSZE widoczny */
.cne-head-progress{
  margin-top: 6px;
}


/* ===== KROK 1: PROMO ===== */

/* pokaż subheader promo */
.cne-modal[data-step="promo"] .cne-head-sub{
  opacity: 1;
}

/* ukryj nazwę produktu, ALE ZOSTAW MIEJSCE */
.cne-modal[data-step="promo"] .cne-head-meta{
  opacity: 0;
}

/* ===== KROK 2: EDIT ===== */

/* pokaż nazwę produktu */
.cne-modal[data-step="edit"] .cne-head-meta{
  opacity: 1;
}

/* ukryj subheader promo */
.cne-modal[data-step="edit"] .cne-head-sub{
  opacity: 0;
}


/* =========================================================
   MODAL – KROK 2: BACK + "Dodaj produkt" w 1 linii,
   a "sub" (meta) pod spodem — TYLKO krok 2
   ========================================================= */

/* 1) Krok 1 ma zostać jak był (nie ruszamy) */
.cne-modal[data-step="promo"] .cne-head-left{
  display: flex !important;
  flex-direction: column !important;
}

/* 2) Krok 2: układ grid (back + title w 1 wierszu) */
.cne-modal[data-step="edit"] .cne-head-left{
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "back title"
    "meta meta"
    "sub  sub";
  column-gap: 10px;
  row-gap: 6px;
  align-items: center;
}

/* elementy w gridzie */
.cne-modal[data-step="edit"] .cne-head-back{
  grid-area: back;
  margin: 0 !important;
}

.cne-modal[data-step="edit"] .cne-head-titleline{
  grid-area: title;
}

.cne-modal[data-step="edit"] .cne-head-meta{
  grid-area: meta;
}

.cne-modal[data-step="edit"] .cne-head-sub{
  grid-area: sub;
}
/* Cne head back */
.cne-modal__head .cne-head-left .cne-head-back{
	background-color:rgba(34,34,34,0);
	color:#444;
padding-left: 0px!important;
padding-right: 4px;
	
}

/* KROK 2 — zabij rozpychanie headera i usuń sztuczną wysokość */
.cne-modal[data-step="edit"] .cne-modal__head{
  justify-content: flex-start !important; /* zamiast space-between */
  height: auto !important;
  min-height: 18 !important;
}

/* jeśli progress ma własną wysokość/padding — też reset */
.cne-modal[data-step="edit"] .cne-head-progress{
  margin-top: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* trochę większy dół headera */
.cne-modal__head{
  padding-bottom: 10px !important;
}

/* 2) Przypnij elementy do wierszy (kolejność DOM nie ma znaczenia) */
.cne-modal__head{ grid-row: 1 !important; }
.cne-head-progress{ grid-row: 2 !important; align-self: start !important; }
.cne-modal__body{ grid-row: 3 !important; }
.cne-modal__footer{ grid-row: 4 !important; }

/* 3) Dodatkowo: progress ma mieć tylko swój naturalny height */
.cne-head-progress{
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important; /* jeśli coś go pompowało */
}

/* progress: daj mu realny padding i odstęp od treści */
.cne-head-progress{
  margin-top: 8px !important;    /* było 6px / 10px w edit */
  padding: 0 18px 14px !important; /* 🔥 dół robi “oddech” */
  gap: 10px !important;
  height: auto !important;
  min-height: 0 !important;
}

/* body: lekki top, żeby content nie “kleil się” do progress */
.cne-modal__body{
  padding-top: 6px !important;
}

.cne-modal[data-step="edit"] .cne-head-left{
  row-gap: 8px !important; /* było 6px */
}

/* Header */
.cne-modal header{
	padding-bottom:0px !important;
	
}/* Cne product */
.cne-modal__body .cne-product{
	padding-top:18px;
	
}

.cne-product{
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}


/* ===== Modal product: galeria + meta pod spodem ===== */
.cne-product{
  display: block;
}

.cne-gallery{
  margin-top: 10px;
}

.cne-gallery__viewport{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.cne-gallery__track{
  display: flex;
  gap: 10px;
  will-change: transform;
  transition: transform .22s ease;
}

/* desktop: 2 obok siebie */
.cne-gallery__slide{
  flex: 0 0 calc(50% - 5px);
}

@media (max-width: 767px){
  .cne-gallery__slide{
    flex: 0 0 100%;
  }
}

.cne-gallery__slide img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

/* strzałki */
.cne-gallery__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
  cursor: pointer;
  z-index: 2;
}
.cne-gallery__nav[disabled]{
  opacity: .35;
  cursor: default;
}
.cne-gallery__nav--prev{ left: 8px; }
.cne-gallery__nav--next{ right: 8px; }

/* kropki */
.cne-gallery__dots{
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 10px;
}
.cne-gallery__dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  border: 0;
  background: rgba(0,0,0,.18);
  cursor: pointer;
}
.cne-gallery__dot.is-active{
  background: rgba(0,0,0,.45);
}

/* meta pod spodem (nazwa + cena) */
.cne-product__meta{
  margin-top: 12px;
}

/* =========================================================
   HARD OVERRIDE: w modalu meta ma być POD galerią (nie z boku)
   ========================================================= */
.cne-modal .cne-product{
  display: block !important;
  grid-template-columns: none !important;
  align-items: initial !important;
  gap: 0 !important;
}

.cne-modal .cne-product > *{
  width: 100% !important;
  flex: none !important;
}

.cne-modal .cne-gallery{
  width: 100% !important;
  margin-bottom: 12px !important;
}


/* ===== CNE ADDONS: hard layout fix (flex) ===== */
.cne-modal__body .cne-promostep .cne-promostep__list .cne-addons-host .cenesti-addons .products-wrap .product-item .product-item-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
}

/* 1) Pierwsze dziecko = miniatura (zwykle <a> z obrazkiem) */
.cne-modal__body .cne-promostep .cne-promostep__list .cne-addons-host .cenesti-addons .products-wrap .product-item .product-item-inner > :first-child{
  flex:0 0 92px !important;
  width:92px !important;
  max-width:92px !important;
  margin:0 !important;
}

/* 2) OSTATNIE dziecko = przycisk/plus (u Ciebie po prawej) */
.cne-modal__body .cne-promostep .cne-promostep__list .cne-addons-host .cenesti-addons .products-wrap .product-item .product-item-inner > :last-child{
  margin-left:auto !important;
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  align-self:center !important;
}

/* 3) WSZYSTKO co jest POMIĘDZY (meta) ma być blisko miniatury, wyrównane do lewej */
.cne-modal__body .cne-promostep .cne-promostep__list .cne-addons-host .cenesti-addons .products-wrap .product-item .product-item-inner > :not(:first-child):not(:last-child){
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  text-align:left !important;
  align-items:flex-start !important;
  justify-content:center !important;
}
/* TYLKO wejście z Edytuj -> single media layout */
.cne-modal[data-entry="edit"] .cne-product{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 14px;
  align-items: start;
}

.cne-modal[data-entry="edit"] [data-cne-imgsingle]{
  width: 140px;
}

.cne-modal[data-entry="edit"] [data-cne-imgsingle] img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

/* w edit chowamy slider całkowicie */
.cne-modal[data-entry="edit"] [data-cne-gallery]{
  display: none !important;
}


/* =========================================================
   CNE GALLERY: strzałki tylko na hover
   TYLKO w modalu, gdy wejście przez "dobierz produkt"
   (entry=bundle + mode=add)
========================================================= */

/* domyślnie schowaj strzałki */
.cne-modal[data-entry="bundle"][data-mode="add"] .cne-gallery__nav{
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) scale(.98);
  transition: opacity .18s ease, transform .18s ease;
}

/* pokaż dopiero na hover całej galerii (desktop) */
@media (hover:hover) and (pointer:fine){
  .cne-modal[data-entry="bundle"][data-mode="add"] .cne-gallery:hover .cne-gallery__nav{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(-50%) scale(1);
  }
}

/* opcjonalnie: jak button jest disabled (pierwsza/ostatnia strona) — delikatniej */
.cne-modal[data-entry="bundle"][data-mode="add"] .cne-gallery__nav:disabled{
  opacity: 0 !important;  /* i tak nie pokazujemy, ale zostawiam jako bezpiecznik */
}


/* =========================================================
   CNE – EDIT: obrazek po lewej, nazwa+warianty po prawej
   (TYLKO wejście przez "Edytuj")
   - NIE rusza całego modala
========================================================= */

/* layout robimy tylko na "produkcie" (img + meta) */
.cne-modal[data-entry="edit"] .cne-product{
  display: grid !important;
  grid-template-columns: 140px 1fr !important;
  gap: 14px !important;
  align-items: start !important;
}


/* prawa kolumna = meta (nazwa/cena/aktualny wariant) */
.cne-modal[data-entry="edit"] .cne-product__meta{
  grid-column: 2 !important;
  margin: 0 !important;
}

/* =========================================================
   CNE – EDIT FOOTER: twarda szerokość steppera
========================================================= */

/* układ w jednej linii */
.cne-modal .cne-modal__footer--edit > .cne-footer-row{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* 🔒 STEPPER: ZABLOKOWANA SZEROKOŚĆ */
.cne-modal .cne-modal__footer--edit .cne-stepper{
  flex: 0 0 120px !important;   /* ← KLUCZ */
  width: 120px !important;
  max-width: 120px !important;
}

/* CTA: bierze całą resztę */
.cne-modal .cne-modal__footer--edit [data-save]{
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
}


.cne-modal[data-entry="bundle"][data-mode="add"] .cne-gallery__nav{
	opacity: 0 !important;
	pointer-events: none !important;
	transform: translateY(-50%) scale(.96);
	background: rgba(255,255,255,0.45);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,0.35);
	box-shadow: 0 6px 18px rgba(0,0,0,0.12);
	color: rgba(0,0,0,0.65);
	border-radius: 999px;
	transition: opacity .18s ease, transform .18s ease, background .18s ease;
	background: rgba(255,255,255,0.65);
	color: rgba(0,0,0,0.85);
	opacity: 0 !important;
	pointer-events: none !important;
	font-size: 17px;
	line-height: 1;
}
/* Cne gallery  dots */
.cne-product .cne-gallery .cne-gallery__dots{
	display:none;
	
}
/* Cne section */
.cne-modal__body .cne-section{
	border-bottom-style:none;

	
}

.cne-modal .variations tr .label{
  border-top-style: none !important;
}

/* link nazwy produktu w modalu — bez underline, jaśniejszy hover */
.cne-product-link{
  color: rgba(0,0,0,.78);          /* baza: trochę ciemniej */
  text-decoration: none !important;
  transition: color .15s ease, opacity .15s ease;
}

.cne-product-link:hover,
.cne-product-link:focus-visible{
  color: rgba(0,0,0,.92);          /* hover: JAŚNIEJ */
  opacity: .95;
  text-decoration: none !important;
  outline: none;
}

/* Cne head back */
.cne-modal__head .cne-head-left .cne-head-back{
	background-color:rgba(34,34,34,0);
	color:#444;
}

/* Span Tag */
.cne-head-left .cne-head-meta span{
	color:rgba(0,0,0,0.46);
	font-size:11.8px;
}

/* Link */
.cne-head-meta .cne-head-name a{
		color:rgba(0,0,0,0.46);
letter-spacing:0.33px;
}

/* CNE modal — close zawsze w prawym górnym rogu */
.cne-modal .cne-modal__head{
  position: relative;
}

.cne-modal .cne-modal__head .cne-modal__close{
  position: absolute !important;
  top: 7.5px;
  right: 12px;

  margin: 0 !important;
  z-index: 5;
}

/* Cne head sub */
.cne-modal__head .cne-head-left .cne-head-sub{
	letter-spacing:0.33px;
	
}
.cne-addons-pick .cne-addons-meta a{
line-height: 1.2em;
font-size: 11.8px!important;
color:#444 !important;
}
/* Bdi */
.cne-addons-pick .price bdi{
	color:#555;
}

/* Cne head sub */
.cne-modal__head .cne-head-left .cne-head-sub{
	margin-top:-11px;
}

/* Cne head meta */
.cne-modal__head .cne-head-left .cne-head-meta{
	margin-top:-9px;
}

/* TYLKO wejście z "Edytuj" (entry=edit) — bez miejsca na wstecz */
.cne-modal[data-entry="edit"] .cne-head-back{
  display: none !important;
}

/* jeśli nadal jest "pusta" przestrzeń, to zwykle robi ją gap/padding */
.cne-modal[data-entry="edit"] .cne-head-left{
  padding-left: 0 !important;
}

.cne-modal[data-entry="edit"] .cne-head-titleline{
  margin-left: 0 !important;
}

/* opcjonalnie: jeśli masz gap w flexie i on też zostawia wrażenie przesunięcia */
.cne-modal[data-entry="edit"] .cne-head-left{
  gap: 0 !important;
}

/* =========================================================
   CNE SKELETON – różny dla kroku 1 (promo) vs krok 2/edytuj
   ========================================================= */

.cne-skeleton .cne-sk{ display:none; }

/* domyślnie (krok 2 / edytuj / add) pokazuj “edit” */
.cne-modal .cne-skeleton .cne-sk--edit{ display:block; }

/* krok 1 (promo) pokazuj “promo” */
.cne-modal[data-step="promo"] .cne-skeleton .cne-sk--edit{ display:none; }
.cne-modal[data-step="promo"] .cne-skeleton .cne-sk--promo{ display:block; }

/* --- wygląd listy w kroku 1 --- */
.cne-sk-promo-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-top: 6px;
}

.cne-sk-promo-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
}

.cne-sk-thumb{
  width:72px;
  height:72px;
  border-radius:14px;
  background: rgba(0,0,0,.06);
  flex:0 0 auto;
}

.cne-sk-promo-meta{
  flex: 1 1 auto;
  min-width: 0;
}

.cne-sk-plus{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  background: rgba(0,0,0,.04);
  flex:0 0 auto;
}

/* linie w skeletonie (jeśli nie masz globalnie) */
.cne-sk-line{
  height:10px;
  border-radius:999px;
  background: rgba(0,0,0,.06);
  margin: 8px 0 0;
}
.cne-sk-line:first-child{ margin-top:0; }

.cne-sk-line.w-80{ width:80%; }
.cne-sk-line.w-65{ width:65%; }
.cne-sk-line.w-35{ width:35%; }
/* ===== SKELETON: PROMO (kafelki jak lista produktów) ===== */
.cne-sk--promo .cne-sk-promo-list{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cne-sk--promo .cne-sk-promo-card{
  display: grid;
  grid-template-columns: 86px 1fr 44px;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
}

.cne-sk--promo .cne-sk-thumb{
  width: 86px;
  height: 110px;
  border-radius: 14px;
}

.cne-sk--promo .cne-sk-promo-meta .cne-sk-line{
  height: 10px;
  border-radius: 999px;
  margin: 8px 0;
}

.cne-sk--promo .cne-sk-plus{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  justify-self: end;
}

/* Skeleton – ETAP 2 / EDYTUJ: więcej luzu od góry */
.cne-skeleton .cne-sk--edit{
  margin-top: 18px; 
}

/* tylko modal + krok promo */
.cne-modal[data-step="promo"] .cne-addons-pick .product-item .wlfmc-removefromwishlist{display:none!important;
}

/* Cne price */
.cne-modal .cne-modal__body .cne-modal__content .cne-product .cne-product__meta .cne-price{
	line-height:1em !important;
}


/* USUŃ link "Tabela rozmiarów" w modalu */
.cne-modal .variations tr a {
  display: none !important;
}
/* rozmiar */
.variations tr label{
	color:#444;
	
}

div.cne-head-meta{
margin-top:-2px!important;
}

/* =========================================================
   OVERRIDE: eligible NIE ma wyglądać jak "pojedynczy produkt"
   (bo ma się skleić z headerem incomplete)
   Wklej na SAM KONIEC CSS
========================================================= */

.woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item.cenesti-bundle-eligible td{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* =========================================================
   GLUE: INCOMPLETE HEADER + ITEM = JEDNA KARTA
   (czyli: header jest górą, produkt jest dołem)
========================================================= */

/* 1) sam wiersz headera nie ma własnych ramek/paddingów */
.woocommerce-cart-form tr.cne-bundle-incomplete td{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* 2) INNER headera = GÓRA KARTY */
.woocommerce-cart-form tr.cne-bundle-incomplete .cne-bundle-incomplete__inner{
  border: 1px solid rgba(0,0,0,.12) !important;
  border-bottom: 0 !important;                 /* <- klucz */
  border-radius: 16px 16px 0 0 !important;     /* <- klucz */
  overflow: hidden;
}

/* 3) ITEM POD headerem = DÓŁ KARTY (wyłącz górę) */
.woocommerce-cart-form tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cart_item td{
  border-top: 0 !important;                    /* <- klucz */
}

/* jeśli “karta” ma border-radius na TD: zdejmij górne rogi */
.woocommerce-cart-form tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cart_item td:first-child{
  border-top-left-radius: 0 !important;
}
.woocommerce-cart-form tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cart_item td:last-child{
  border-top-right-radius: 0 !important;
}

/* (opcjonalnie) jeśli u Ciebie border/radius jest na jakimś wrapperze w środku wiersza,
   to ta linia go też “sklei” — nie szkodzi jeśli wrappera nie ma */
.woocommerce-cart-form tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cart_item .cne-cart-rowbox,
.woocommerce-cart-form tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cart_item .cne-row,
.woocommerce-cart-form tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cart_item .cart-item-inner{
  border-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
/* =========================================================
   FINAL SPACING – KARTY / PROMOCJE / PRODUKTY
   (bez psucia DONE headera)
========================================================= */

/* 1) Gap row = główny separator między blokami */
.woocommerce-cart-form tr.cne-bundle-gap td{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  height: 14px !important; /* możesz zmienić np. 12–18px */
}

/* 2) Fallback spacing TYLKO dla INCOMPLETE
      (DONE header ma własny, poprawny layout) */
.woocommerce-cart-form tr.cne-bundle-incomplete td{
  padding-top: 14px !important;
}

/* 3) Jeśli nad incomplete jest już gap — nie dubluj odstępu */
.woocommerce-cart-form tr.cne-bundle-gap + tr.cne-bundle-incomplete td{
  padding-top: 0 !important;
}

/* Cenesti bundle badge */
td > div > div > .cenesti-bundle-badge{
	font-size:9px!important;
}

.cmc-el-badge{
  position: absolute;
  top: -6px;
  right: 8px;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  font-weight: 700;
  background: rgba(27,27,27,.92);
  color: #fff;
  line-height: 1;
}
/* Awl label text */
.cne-addons-pick .product-item .awl-label-text{
	display:none !important;
	
}/* Wlfmc custom */
.cne-addons-pick .wlfmc-addtowishlist .wlfmc-custom-btn{
	display:none!important;
}


/* DOMYŚLNIE: ukryte */
.cne-gallery__nav--prev,
.cne-gallery__nav--next{
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* HOVER NA GALERII */
.cne-gallery:hover .cne-gallery__nav--prev,
.cne-gallery:hover .cne-gallery__nav--next{
  opacity: 1;
  pointer-events: auto;
}
/* === RESET CZARNEGO HOVERA === */
.cne-gallery__nav--prev,
.cne-gallery__nav--next{
  background-color: rgba(255,255,255,.55) !important;
}

/* hover NA SAMYM PRZYCISKU */
.cne-gallery__nav--prev:hover,
.cne-gallery__nav--next:hover{
  background-color: rgba(255,255,255,.65) !important;
  color: #555 !important;
}

/* jeżeli ktoś dorzucił ::before / ::after */
.cne-gallery__nav--prev::before,
.cne-gallery__nav--next::before{
  background: transparent !important;
}


/* ===============================
   CNE MODAL – FINAL (SCALONE)
   =============================== */

.cne-modal{
  /* widoczność */
  display: none;

  /* pozycja */
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  margin: 0 !important;

  /* rozmiar */
  width: 420px !important;          /* final: desktop węższy */
  max-width: 100vw !important;
  height: 100vh !important;
  box-sizing: border-box !important;

  /* wygląd */
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: -18px 0 60px rgba(0,0,0,.18) !important;
  border-left: 1px solid rgba(0,0,0,.08);  /* jeśli chcesz 0 — usuń tę linię */

  /* padding (u Ciebie było dopisane później) */
  padding-left: 4px !important;
  padding-right: 4px !important;

  /* promienie (desktop: płasko po lewej) */
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;

  /* layout wewnątrz modala */

  grid-template-rows: auto auto 1fr auto !important;


  /* animacja */
  transform: translateX(12px);
  opacity: 0;
  transition: transform .22s ease, opacity .22s ease;
  will-change: transform, opacity;
}

/* stan otwarty */
.cne-modal.is-open{
  transform: translateX(0);
  opacity: 1;
}

/* MOBILE: bottom sheet */
@media (max-width: 767px){
  .cne-modal{
    top: auto !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;

width: auto !important;   /* 🔥 klucz */
    height: 92vh !important;

    border-left: 0 !important;
    box-shadow: 0 -18px 60px rgba(0,0,0,.18) !important;

    border-radius:  0 !important;
  }

  /* jeśli używasz klasy is-sheet */
  .cne-modal.is-sheet{
    transform: translateY(12px);
    opacity: 0;
  }
  .cne-modal.is-sheet.is-open{
    transform: translateY(0);
    opacity: 1;
  }
}


/* 767px and smaller screen sizes */
@media (max-width: 767px){

	.woocommerce-cart-form .shop_table tbody tr.cne-bundle-first > td, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-mid > td, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-last > td{
		border: 0 !important;
	}
	
	.woocommerce-cart-form .shop_table tbody tr.cne-bundle-headrow, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-first, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-mid, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-last{
		position: relative !important;
	}
	
	.woocommerce-cart-form .shop_table tbody tr.cne-bundle-headrow::after, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-first::after, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-mid::after, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-last::after{
		content:"";
		position:absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		pointer-events:none;
		z-index: 2;
	}
	
		.woocommerce-cart-form .shop_table tbody tr.cne-bundle-headrow::after{
		border-top-left-radius: 17px;
		border-top-right-radius: 17px;
	}
	
	.woocommerce-cart-form .shop_table tbody tr.cne-bundle-last::after{
		border-bottom: 1px solid #eaeaea;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
	}
	
	.woocommerce-cart-form .shop_table tbody tr.cne-bundle-first::before, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-mid::before{
		content:"";
		position:absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 1px;
		background: rgba(0,0,0,.06);
		pointer-events:none;
		z-index: 2;
	}
	
	.woocommerce-cart-form .shop_table tbody tr.cne-bundle-first, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-mid, .woocommerce-cart-form .shop_table tbody tr.cne-bundle-last{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.woocommerce-cart-form .shop_table tbody tr.woocommerce-cart-form__cart-item:not(.cne-bundle-first):not(.cne-bundle-mid):not(.cne-bundle-last) > td{
		border: 0 !important;
		background: transparent !important;
	}
	
}

@media (max-width: 767px){
  .woocommerce-cart-form .shop_table tbody tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cenesti-bundle-eligible{
    margin-top: 0 !important;
    border-top: none!important;
    border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
  }
  .woocommerce-cart-form .shop_table tbody
  tr.cne-bundle-incomplete::after,
  .woocommerce-cart-form .shop_table tbody
  tr.woocommerce-cart-form__cart-item.cenesti-bundle-eligible::after{
    content:"";
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    pointer-events:none;
    z-index: 2;
  }


  .woocommerce-cart-form .shop_table tbody tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cenesti-bundle-eligible .cart_content__item,
  .woocommerce-cart-form .shop_table tbody tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cenesti-bundle-eligible .cart_pr_inner,
  .woocommerce-cart-form .shop_table tbody tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cenesti-bundle-eligible .cart-item-inner,
  .woocommerce-cart-form .shop_table tbody tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cenesti-bundle-eligible .wc-cart-item,
  .woocommerce-cart-form .shop_table tbody tr.cne-bundle-incomplete + tr.woocommerce-cart-form__cart-item.cenesti-bundle-eligible .cne-cart-content__item{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: 0 !important;
  }

  /* header eligible – zero odstępu na dole */
  .woocommerce-cart-form .shop_table tbody tr.cne-bundle-incomplete > td{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #f4f4f4!important;
  }
	/* Table Row */
	.shop_table tbody tr{
		border-style:none !important;
		
	}

  /* =========================================================
     SINGLE – BOKI pudełka
     ========================================================= */
  .woocommerce-cart-form .shop_table tbody
  tr.woocommerce-cart-form__cart-item:not(.cenesti-bundle-eligible):not(.cenesti-bundle-in-promo)::after{
    content:"";
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    pointer-events:none;
    z-index: 2;
  }


  /* =========================================================
     SINGLE – DÓŁ pudełka (radius + border)
     ========================================================= */
  .woocommerce-cart-form .shop_table tbody
  tr.woocommerce-cart-form__cart-item:not(.cenesti-bundle-eligible):not(.cenesti-bundle-in-promo)::after{
    border-bottom: 1px solid #eaeaea;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }


  /* =========================================================
     SINGLE – GÓRA pudełka (radius + border)
     ========================================================= */
  .woocommerce-cart-form .shop_table tbody
  tr.woocommerce-cart-form__cart-item:not(.cenesti-bundle-eligible):not(.cenesti-bundle-in-promo)::after{
    border-top: 1px solid #eaeaea;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

	/* Button */
	.elementor-element-242513d0 .woocommerce-cart-form .shop_table tbody tr td > div > button{
		display:none !important;
	}


}



/* Span Tag */
td div div div span{
	font-size: 10.6px;
	font-weight:600;
	color:rgba(0,0,0,0.46) !important;
	text-transform:uppercase;
	letter-spacing: 0,23px;
	
}

/* odstęp nad: inline przycisk + subheader */
.woocommerce-cart-form .cne-bundle-incomplete__subline{
  margin-top: 5px; 
}.shop_table tbody tr td div div div button{margin-left: 0px!important;}

/* wyrównanie tekstu (inline przycisk + subheader) – incomplete + komplet */
.woocommerce-cart-form .cne-bundle-incomplete__subline,
.woocommerce-cart-form .cne-bundle-head__sub{
  text-align: left;
}

/* Button */
.elementor-element-242513d0 .elementor-container .elementor-top-column .elementor-widget-wrap .elementor-widget-text-editor .elementor-widget-container .woocommerce .row .col-xl-8 .woocommerce-cart-form .shop_table tbody tr td div div div button{
	margin-left:0px !important;
}


.woocommerce-cart .cenesti-addons .products-wrap,.woocommerce-cart .cenesti-addons ul.products{
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 0px !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.woocommerce-cart .cenesti-addons ul.products::-webkit-scrollbar{
	display:none;
}



.woocommerce-cart .cenesti-addons .product-image{
	aspect-ratio: 3 / 4;
	border-radius: 14px;
	overflow: hidden;
}

.woocommerce-cart .cenesti-addons .woocommerce-loop-product__title a{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.25;
	color: rgba(0,0,0,.78);
	text-decoration: none;
}

.woocommerce-cart .cenesti-addons .button{
	display:none !important;
}

.woocommerce-cart .cne-cart-rec .price,.woocommerce-cart .cne-cart-rec .price bdi{
	margin: 6px 0 0 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: rgba(0,0,0,.58) !important;
}



/* =========================================================
   CART – POLECANE: wymuś mniejsze odstępy (pancernie)
========================================================= */

/* 1) Kontener ma NIE rozpychać elementów */
.woocommerce-cart .cenesti-addons .products-wrap,
.woocommerce-cart .cenesti-addons ul.products{
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 8px !important;            
}

/* 2) Usuń marginesy/paddingi, które robią “puste kolumny” */
.woocommerce-cart .cenesti-addons .products-wrap > .product-item,
.woocommerce-cart .cenesti-addons ul.products > li.product{
  margin: 0 !important;
  padding: 0 !important;

}
/* CART – Polecane: żeby pierwszy kafelek nie był ucięty */
.woocommerce-cart .cenesti-addons .products-wrap,
.woocommerce-cart .cenesti-addons ul.products{
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box;
}



.woocommerce-cart .cenesti-addons .products-wrap .product-item .price-item br{
	display: none !important;
}
/* Link */
.woocommerce-cart .cenesti-addons .products-wrap .woocommerce-loop-product__title a{
	margin-bottom:5px;
	
}

/* CART – POLECANE: AWL label */
.woocommerce-cart .cenesti-addons .products-wrap .product-item .awl-label-text{
  padding-top: 4px !important;
  padding-bottom: 3px !important;
  padding-right: 6px !important;
  padding-left: 6px !important;
  font-size: 9px !important;
}

/* CART – POLECANE: AWL label span */
.woocommerce-cart .cenesti-addons .products-wrap .awl-label-text span{
  font-size: 9px !important;
}
/* CART – POLECANE: usuń <br> w wishlist (one zbijają ikonę w dół) */
.woocommerce-cart .cenesti-addons .products-wrap .product-item .wlfmc-addtowishlist br,
.woocommerce-cart .cenesti-addons .products-wrap .product-item .wlfmc-add-button br{
  display: none !important;
}

@media (max-width: 767px){


	/* Row */
	.cmc-added-rec .cenesti-addons .products-wrap{
		padding-left:5px !important;
		padding-right:5px !important;
		
	}
	
}

.woocommerce-cart-form tr.cne-bundle-head td,
.woocommerce-cart-form tr.cne-bundle-incomplete td{
  text-align: left !important;
}

#cmc-root .cmc-drawer .cmc-head .cmc-x .cmc-x-ico{
  width:16px !important;
  height:16px !important;
}

	/* Paragraph */
	.shop_table .variation p{
		margin-left:0px !important;
		
	}

	/* Bdi */
	.shop_table p bdi{
		font-weight:600 !important;
		
	}

/* Button */
aside footer div div button{
	background-color:rgba(34,34,34,0) !important;
	color:#444 !important;
	
}
.cne-modal .cne-modal__close .cmc-x-ico{
  width:16px !important;
  height:16px !important;
  display:block;
}



	/* Svg */
	aside header button svg{
		width:16px !important;
		height:16px !important;
	}

/* ✅ MOBILE: bottom sheet */
@media (max-width: 767px){
  .cne-modal{
    top: auto !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 92vh !important;

    box-shadow: 0 -18px 60px rgba(0,0,0,.18) !important;
  }
}

.cne-modal[data-step="edit"] .cne-head-left{
  row-gap: 8px !important; /* było 6px */
}



.cne-modal__footer{
  position: sticky;
  bottom: 0;
}

.cne-qty{
  flex: 0 0 auto !important;
}

.cne-cta{
  flex: 1 1 auto !important;
  min-width: 0!important;
}
/* ===== CNE CART AJAX OVERLAY — DARK / SUBTLE (FINAL) ===== */
.cne-cart-overlay{
  position: fixed;
  inset: 0;

  /* delikatna ciemność – premium, nie blackout */
  background: rgba(0,0,0,.22);

  /* minimalny blur (możesz dać 0 jeśli chcesz całkiem bez) */
  backdrop-filter: blur(.4px);
  -webkit-backdrop-filter: blur(.4px);

  z-index: 999997;

  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}

.cne-cart-overlay.is-on{
  opacity: 1;
  pointer-events: auto;
}

/* Spinner – ciemniejszy, cienki, elegancki */
.cne-cart-overlay::after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:26px;
  height:26px;
  margin:-13px 0 0 -13px;

  border-radius:50%;

  /* ciemniejszy ring + wyraźniejszy punkt ruchu */
  border:1.5px solid rgba(255,255,255,.25);
  border-top-color: rgba(255,255,255,.85);

  animation: cneSpin 1s linear infinite;
  opacity: 1;
}

@keyframes cneSpin{
  to{ transform: rotate(360deg); }
}

.cne-price-promo{
	margin-top: 4px;
	font-size: 10px;
	font-weight: 600;
	color: #7a5c4b;
}

.cne-addons-meta .price{
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(0,0,0,.48);
  opacity: .75;
}


.cne-modal[data-step="edit"] .cne-product__meta.has-promo .cne-price,
.cne-modal[data-step="edit"] .cne-product__meta.has-promo .cne-price .woocommerce-Price-amount,
.cne-modal[data-step="edit"] .cne-product__meta.has-promo .cne-price bdi{
  color: rgba(0,0,0,.65);
  text-decoration: line-through;
  text-decoration-color: rgba(0,0,0,.20);
  text-decoration-thickness: 1px;
}


/* promo line */
.cne-price-promo{
  margin-top: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #7a5c4b;
  min-height: 14px; /* żeby nie skakało */
}

/* skeleton dla promo */
.cne-price-promo.is-loading{
  position: relative;
  color: transparent;           /* ukryj tekst */
  user-select: none;
}

/* =========================================================
   CNE – Skeleton tylko na kwotę (działa na:
   - .woocommerce-Price-amount.is-loading
   - LUB .cne-price-promo.is-loading .woocommerce-Price-amount
========================================================= */

.cne-price-promo .woocommerce-Price-amount{
  display:inline-block;
  min-width:46px;
}

/* aktywacja skeletonu (oba warianty) */
.cne-price-promo.is-loading .woocommerce-Price-amount,
.cne-price-promo .woocommerce-Price-amount.is-loading{
  position:relative;
  display:inline-block;
  height:10px;
  width:46px;
  border-radius:999px;
  background:rgba(122,92,75,.14);
  color:transparent !important;
  -webkit-text-fill-color:transparent;
  user-select:none;
  overflow:hidden;
  vertical-align:middle;
}

.cne-price-promo.is-loading .woocommerce-Price-amount::after,
.cne-price-promo .woocommerce-Price-amount.is-loading::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
  transform:translateX(-100%);
  animation:cnePromoAmountShimmer 1.05s infinite linear;
}

@keyframes cnePromoAmountShimmer{
  100%{ transform:translateX(100%); }
}
/* CNE – Omnibus (koszyk) */
.cne-omnibus{
  margin-top: 3px;
  font-size: 9.5px;
  line-height: 1.25;
  color: rgba(0,0,0,.45);
  text-transform: none;
}

.cne-omnibus *{
  font-size: 9.5px !important;
  color: rgba(0,0,0,.45) !important;
  font-weight: 500 !important;
  text-transform: none;
}

/* przebicie, jeśli motyw/Woo narzuca większy font na bdi */
.cne-omnibus bdi,
.cne-omnibus .woocommerce-Price-amount,
.cne-omnibus .woocommerce-Price-currencySymbol{
  font-size: 9.5px !important;
  color: rgba(0,0,0,.45) !important;
  font-weight: 500 !important;
  text-transform: none;
}


/* Cbis wrap */
.variations_form .single_variation_wrap .cbis-wrap{
  padding-top: 10px!important;

	border-style:none !important;
	box-shadow: none!important;
	border-top: solid 1px #f1f1f1!important;
	border-bottom: solid 1px #f1f1f1 !important;
	border-radius: 0px!important;
}


/* Cbis head */
.single_variation_wrap .cbis-wrap .cbis-head{
  padding-left: 7px!important;
    padding-right: 7px!important;
	
}

/* Cbis form */
.single_variation_wrap .cbis-wrap .cbis-form{
	  padding-left: 7px!important;
    padding-right: 7px!important;
}


/* Cbis hint */
.cbis-wrap .cbis-form .cbis-hint{
	text-align:left !important;
	display:none;
	
}/* Label */
aside div div section div .variations_form .single_variation_wrap .cbis-wrap .cbis-form label{
	margin-bottom:20px !important;
	margin-top:15px !important;
}/* Link */
.cbis-consent span a{
	color:#555 !important;
}

/* Span Tag */
aside div div section div .variations_form .single_variation_wrap .cbis-wrap .cbis-form .cbis-consent span{
	font-size:11px !important;
}
/* Cbis head */
.single_variation_wrap .cbis-wrap .cbis-head{
	padding-left: 7px!important;
	padding-right: 7px!important;
	text-align:left !important;
	font-weight:500;
	color:#555 !important;
font-size: 12px!important;
	letter-spacing:0px;
	
}/* rozmiar */
.variations tr label{
	color:#444;
	
}