/********************************************/
/* MARKA RED - NOWY SZABLON */                                  
/********************************************/


	
	
	
/*Odstęp między kolumnami produktów na stronie głównej i Książki*/
.marka-red .elementor-16375 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products,
.elementor-16801 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products {
    grid-column-gap: 90px; 
    grid-row-gap: 40px; 
}



.marka-red h3.elementor-heading-title {
    font-family: 'Gwendolyn', cursive, 		 sans-serif !important;
}

.marka-red .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
box-shadow: 0 0 20px 5px #ff1f1f !important;
}

.marka-red a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2.woocommerce-loop-product__title 	           {margin-top: 5px; 
	      text-align: left;}

.marka-red p.autor-ksiazki 
				{color: #ffffff !important; 					 text-align: left;font-size: 					 18px;}

.marka-red .elementor-16375 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products li.product .button {
		padding: 7px 25px !important;}



/* logo */

/* Rodzic musi być relative */
.marka-red-header {
    position: relative;
    overflow: visible; /* dodaję na wszelki wypadek */
}

/* Hotspot zawsze na środku */
.marka-red-header .logo-hotspot {
    position: absolute !important;
    top: 37% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 300px;
    height: 300px;
    z-index: 20;
    display: block;
    cursor: pointer;
    background: rgba(255,255,255,0);
}

.marka-red-header {
    position: relative;
}

/* TABLET */
@media (max-width: 1024px) {
    .marka-red-header {
        min-height: 260px;  
    }

    .marka-red-header .logo-hotspot {
				margin-top: 0% !important;
        width: 40vw;
        height: 45vw;
        max-width: 260px !important;
        max-height: 160px !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .marka-red-header {
        min-height: 260px;  
    }

    .marka-red-header .logo-hotspot {
				top: 37% !important;
        width: 60vw;
        height: 45vw;
        max-width: 260px;
        max-height: 260px;
    }
}

.marka-red .metaslider .flexslider .flex-direction-nav {
	right: -70px;
	}

.marka-red .metaslider .flexslider .flex-direction-nav li a {
	right: -70px;
	background: #000000 !important;
	width: 55px !important;
  height: 75px !important;
	border-radius: 0% !important;}

.marka-red .metaslider .flex-direction-nav .flex-prev {
    left: -70px !important;
}

.marka-red .metaslider .flex-direction-nav .flex-prev li a {
    left: -70px !important;
}











/* ============================
 * STRZAŁKI OBOK BANERU
 * ============================*/

/* 1. wyłącz maski i jakiekolwiek tło z motywu */
.marka-red #metaslider-id-16379 .flexslider .flex-direction-nav li a:after {
    mask-image: none !important;
    -webkit-mask-image: none !important;
    background-color: transparent !important; /* ważne – zero tła */
    border: none !important;                  /* na wszelki wypadek */
    box-shadow: none !important;             /* żeby nie robił ramki */
}

/* 2. NEXT – czarna strzałka z czerwonym blaskiem */
.marka-red #metaslider-id-16379 .flexslider .flex-direction-nav li a.flex-next:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220%200%2047%2068%22%3E%3Cpolygon points=%221,1%209,32%201,66%2045,34%22 fill=%22000000%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: drop-shadow(0 0 5px rgba(255, 113, 117, 1));  /* czerwony glow */
    transition: filter 0.25s ease, transform 0.25s ease;
}

/* 3. PREV – odbita w lewo */
.marka-red #metaslider-id-16379 .flexslider .flex-direction-nav li a.flex-prev:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220%200%2047%2068%22%3E%3Cpolygon points=%221,1%209,32%201,66%2045,34%22 fill=%22000000%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: scaleX(-1);
    filter: drop-shadow(0 0 5px rgba(255, 113, 117, 1));
    transition: filter 0.25s ease, transform 0.25s ease;
}

/* 4. HOVER – jeszcze mocniejszy blask */
.marka-red #metaslider-id-16379 .flexslider .flex-direction-nav li a.flex-next:hover:after,
.marka-red #metaslider-id-16379 .flexslider .flex-direction-nav li a.flex-prev:hover:after {
    filter: drop-shadow(0 0 7px rgba(187, 78, 81, 1));
    
}











/* =========================
   RED - strona produktu
   ========================= */

.marka-red  {
	background-color: black;
}

/* Autor */

.autor-red, .marka-red .autorlink {
	color: #fff !important;
}

.marka-red .autor-red h2.autorlink a {
	color: white !important;
	font-size: 26px;
	text-transform: none !important;
	font-weight: 600;
	font-family: Roboto, sans-serif !important;
}

.autor-red {
	margin-left: 40px;
}

/* Tekst */

.marka-red p {
	color: #fff;
	line-height: 1.6;
}

.marka-red h4 {
	color: #fff;
	font-size: 1.2em;
	margin:30px 0;
}

/* Warianty */

.marka-red ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared
li.variable-item.button-variable-item {
    min-height: 40px !important;
    padding: 10px !important;

    background-color: transparent !important; 
    border: 1px solid #c4050f !important;
    color: #ffffff !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    white-space: nowrap;  
    box-sizing: border-box;
}

.marka-red ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared
li.variable-item.button-variable-item a {
    color: inherit !important;
}


.marka-red ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared
li.variable-item.button-variable-item:not(.selected):hover {
    background-color: #c4050f !important;
    border-color: #c4050f !important;
    color: #ffffff !important;
}

.marka-red ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared
li.variable-item.button-variable-item.selected {
    background-color: #c4050f !important;
    border-color: #c4050f !important;
    color: #ffffff !important;
}

.marka-red ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared 
li.variable-item.button-variable-item,
.marka-red ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared 
li.variable-item.button-variable-item a {
    outline: none !important;
    box-shadow: none !important;
}

a.reset_variations {
	display: none;
}

/* button i cena */

.marka-red .e-atc-qty-button-holder button.single_add_to_cart_button.button.alt {
	background-color: #e40612;
}

.marka-red :is(.elementor-widget-woocommerce-product-add-to-cart, .woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart, .elementor-widget-wc-add-to-cart, .woocommerce div.product .elementor-widget-wc-add-to-cart).elementor-add-to-cart--align-center[class*="--layout-auto"] .e-atc-qty-button-holder {
	justify-content: left;
 padding-left: 10px
}

span.price span.woocommerce-Price-amount.amount {
  text-align: left;
	font-size: 40px;
	padding: 10px
}

.marka-red .woocommerce-variation-price span.price span.woocommerce-Price-amount.amount bdi {
	color: #fff;
}

.marka-red table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
  background-color: transparent !important;
}


/* linia */

.red-line {
    position: relative;
    height: 10px;
    width: 100%;
}

.red-line::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px; 
    transform: translateY(-50%);
    
    background: linear-gradient(
        to right,
        rgba(228, 6, 18, 0) 3%,    
				rgba(228, 6, 18, 1) 25%, 
				rgba(228, 6, 18, 1) 50%,    
				rgba(228, 6, 18, 1) 75%,   
        rgba(228, 6, 18, 0) 97%     
    );
}

/* tabela */

.marka-red .vardata-table {
    border-collapse: collapse;
    width: auto;
    background: transparent !important;
}

.marka-red .vardata-table tr {
    display: flex;
    gap: 8px;
    margin-bottom: 6px;
}

.marka-red .vardata-table td:last-child {
    padding-left: 8px !important;
}


.marka-red .vardata-table td:first-child {
    font-weight: 700;
    padding-right: 8px;
    color: #ffffff;
    background: transparent !important;
    border: none !important;
}

.marka-red .vardata-table td:last-child {
    font-weight: 400;
    color: #ffffff; 
    background: transparent !important;
    border: none !important;
}

.marka-red .vardata-table td {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

.marka-red .vardata-table a {
    color: #ffffff !important; 
    text-decoration: none;
}

.marka-red .vardata-table a:hover {
    color: #c4050f !important;
}

.marka-red .vardata-table td {
    white-space: nowrap;
}


/* tabela dla produktów bezwariantowych */

/* Tabela atrybutów WooCommerce – styl jak dla vardata, tylko dla marki Red */
.marka-red table.woocommerce-product-attributes.shop_attributes {
    border-collapse: collapse;
    width: auto;
    background: transparent !important;
}

/* każdy wiersz jako osobny blok z odstępem */
.marka-red table.woocommerce-product-attributes.shop_attributes tr.woocommerce-product-attributes-item {
    display: block;
    margin-bottom: 4px;
}

/* wspólne czyszczenie komórek */
.marka-red table.woocommerce-product-attributes.shop_attributes th,
.marka-red table.woocommerce-product-attributes.shop_attributes td {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

/* etykieta po lewej – pogrubiona */
.marka-red table.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label {
    font-weight: 700;
}

/* dodajemy dwukropek po etykiecie */
.marka-red table.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label::after {
    content: ":";
}

/* odstęp między etykietą a wartością */
.marka-red table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value {
    padding-left: 8px !important;
    font-weight: 400;
}

/* linki w wartościach – biały/czerwony */
.marka-red table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value a {
    color: #ffffff !important;
    text-decoration: none;
}

.marka-red table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value a:hover {
    color: #c4050f !important;
}


/* usunięcie Dodaj do koszyka - dubla */
.no-variants.marka-red .addtocart-duplikat .e-atc-qty-button-holder, 
.no-variants.marka-red .addtocart-duplikat.e-add-to-cart--show-quantity-yes.elementor-widget.elementor-widget-woocommerce-product-add-to-cart
{
  display: none !important;
}



/* dostosowanie stylu produktu bezwariantowego/prostego */

.no-variants.marka-red .only-no-variants .elementor-widget-container p.price ins span.woocommerce-Price-amount.amount bdi {
	color: #fff;
	font-size: 40px;
	
}
.no-variants.marka-red .only-no-variants.elementor-widget.elementor-widget-woocommerce-product-price div.elementor-widget-container p.price del span.woocommerce-Price-amount.amount bdi {
	color: #b3b3b3 !important;
	margin-right: 15px;
}

.no-variants.marka-red .only-no-variants.elementor-widget.elementor-widget-woocommerce-product-price div.elementor-widget-container p.iworks-omnibus span.woocommerce-Price-amount.amount bdi {
	color: #fff !important;
	font-weight: 700;
}



/* dublowanie formularza */

.marka-red .addtocart-duplikat.elementor-widget-woocommerce-product-add-to-cart div.elementor-widget-container div.elementor-add-to-cart.elementor-product-variable form.variations_form.cart.wvs-loaded {
	display: none;
}

.marka-red .addtocart-duplikat.elementor-widget-woocommerce-product-add-to-cart div.elementor-widget-container div.elementor-add-to-cart.elementor-product-variable form.variations_form.cart.wvs-loaded {
	display: none;
}


.marka-red .atc-right-hide.elementor-widget-woocommerce-product-add-to-cart div.elementor-widget-container div.elementor-add-to-cart.elementor-product-variable div.vardata table.vardata-table {
	display: none;
}

/* usunięcie duplikatu tekstu borrow info */

.marka-red .atc-right-hide .borrow-info:nth-of-type(1) {
   color: white;
	margin: 0 5px;
	border: 1px solid #333;
	padding: 20px;
}

.marka-red .addtocart-duplikat .borrow-info {
    display: none !important;
}

.marka-red .woocommerce-variation.single_variation > .borrow-info:nth-of-type(2) {
    display: none !important;
}





@media (max-width: 480px) {
	
	/*odstępy miedzy kolumnami i wierszami na stronie glownej i ksiazki*/
	.marka-red .elementor-16375 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products,
.elementor-16801 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products {grid-column-gap: 20px; grid-row-gap: 20px;}

/*blask pod okladkami na glownej i ksiazki*/	
		.marka-red .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {box-shadow: 0 0 13px 1px #ff1f1f !important;}
	
	
/*rozmiar czcionki Autora na stronie glownej i ksiazki*/	
	.marka-red p.autor-ksiazki{font-size: 14px; padding-bottom: 10px;}

	
/*rozmiar czcionki Tytulu na stronie glownej i ksiazki*/
.marka-red .elementor-16801 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products li.product .woocommerce-loop-product__title,
.elementor-16801 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products li.product .woocommerce-loop-category__title,
.elementor-16375 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products li.product .woocommerce-loop-product__title,
.elementor-16375 .elementor-element.elementor-element-35037192.elementor-wc-products ul.products li.product .woocommerce-loop-category__title,
li.product.type-product.has-post-thumbnail.sale.taxable.shipping-taxable.purchasable.product-type-variable.has-default-attributes 
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link 
h2.woocommerce-loop-product__title 
{font-size: 15px !important;
	margin: -10px 0 20px; !important}
	
	/* ukrysie slidera*/
	.marka-red .metaslider{ display: none;}
}

/* likwidacja border-radius na okladkach - strona glowna i ksiazki */
.marka-red .woocommerce ul.products li.product a img {border-radius: 0px !important;}


/* Zapowiedź */
.marka-red .single-badges .badge--zapowiedz, .woocommerce.archive .products .product.product_tag-zapowiedz .badge--zapowiedz { background:#000; color:#c4050f !im; border: 1px solid #fff !important; 
}


/* Inne książki z tego cyklu  */

.marka-red a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2.woocommerce-loop-product__title {
	font-size: 0.9em !important;
	color: #E30613;
	font: Roboto, sans-serif;
	font-weight: 500;
}

.marka-red .inne-z-cyklu ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px;
}

.marka-red .inne-z-cyklu ul.products li.product {
    width: calc(23% - 15px);
    margin: 0 !important;
		gap: 30px;
}

.marka-red .inne-z-cyklu ul.products::before {
  display: none !important;
  content: none !important;
}

@media (max-width: 1024px) {
    .marka-red .inne-z-cyklu ul.products li.product {
        width: calc(45% - 13.3px) !important; 
    }
}

/* buttony - Inne książki z tego cyklu */

.marka-red .button.product_type_variable.add_to_cart_button,  
.marka-red  a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .marka-red .product-type-simple a.button.product_type_simple  {
  color: #fff !important;
	background-color: #e40612 !important;
}

.marka-red .button.product_type_variable.add_to_cart_button:hover, .marka-red  a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover, .marka-red .product-type-simple a.button.product_type_simple:hover  {
	  color: #fff !important;
	background-color: #980409 !important;
}



/********************************************/
/* SLIDE CART – MARKA RED                   */
/********************************************/

/* Panel boczny */
body.marka-red .elementor-menu-cart__main{
  background: linear-gradient(180deg,#e40612 0%,#c4050f 55%,#7b0209 100%) !important;
  color:#fff !important;
  font-family:"Roboto", system-ui, -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:15px;
  line-height:1.4;
  display:flex;
  flex-direction:column;
  max-height:100svh;
  max-height:100vh;
  overflow:hidden;
}

/* Przyciemnione tło za panelem */
body.marka-red .elementor-menu-cart__overlay{
  background:rgba(0,0,0,.7) !important;
}


/* LISTA PRODUKTÓW                          */

/* Kontener z listą, sumą i przyciskami – tu jest scroll */
body.marka-red .elementor-menu-cart__main .widget_shopping_cart_content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-bottom:12px;
}

/* Lista produktów – bez własnego scrolla */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart{
  margin:0;
  padding:0 0 12px;
  list-style:none;
}

/* Pojedyncza pozycja w koszyku */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item{
  position:relative;
  padding: 12px 48px 12px 90px;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

/* Bez separatora pod ostatnią pozycją */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item:last-child{
  border-bottom:none !important;
}

/* Miniaturka po lewej */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img{
  position:absolute;
  left:5px;
  top:12px;
  width:64px;
  height:auto;
  display:block;
}

/* Tytuł */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove){
  display:block;
  text-decoration:none;
  color:#ffffff !important;
  font-weight:700;
  font-size:15px;
  line-height:1.35;
}

/* Hover tytułu */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove):hover{
  color:#ffffff !important;
}

/* Atrybut produktu */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item .heraclon-attr{
  display:block;
  margin-top:2px;
  font-size:13px;
  color:#f5f5f5;
}

/* Ilość × cena */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity{
  display:block;
  margin-top:2px;
  font-size:14px;
  color:#f5f5f5;
}

/* Kwota pozycji */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .woocommerce-Price-amount.amount,
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .woocommerce-Price-amount.amount bdi{
  font-size:15px !important;
  font-weight:700 !important;
  color:#ffffff !important;
}

/* Hover całej pozycji */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item:hover{
  background:rgba(0,0,0,.10);
}


/* IKONKA X (USUŃ Z KOSZYKA)                */


body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item > a.remove{
  position:absolute !important;
  top:20px;
  right:12px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  margin:0 !important;
  font-size:16px !important;
  line-height:1 !important;
  text-decoration:none;
  background:#000000;
  border-radius:50%;
  color:#e40612 !important;
}

body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item > a.remove:hover{
  background:#ffffff;
  color:#e40612 !important;
}

/* SUMA (KWOTA) – STICKY                    */


body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__total{
  margin:20px 0 0;
  padding:12px 20px 10px;
  border-top:1px solid rgba(255,255,255,.28);
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:16px;
  font-weight:700;
  color:#ffffff;
  position:sticky;
  bottom:64px;
  z-index:2;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0.85) 0%,
    rgba(0,0,0,1) 100%
  );
  border-radius:0;
}

/* Kwota w pasku "Kwota" */
body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__total .woocommerce-Price-amount.amount{
  font-weight:800;
  font-size:22px;
  color:#ffffff !important;
}


/* STOPKA – PRZYCISK "ZAMÓWIENIE"           */


body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__buttons{
  position:sticky;
  bottom:0;
  z-index:3;
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding:16px 20px 24px;
  margin:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.9) 0%,
    rgba(0,0,0,0.4) 40%,
		rgba(0,0,0,0.3) 60%,
    rgba(140,3,10,.1) 100%
  );
  border-radius:0;
}

/* Ukrywamy "Zobacz koszyk" */
body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout){
  display:none !important;
}

/* Główny przycisk "Zamówienie" */
body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__buttons .button.checkout{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:70%;
  text-align:center;
  padding:12px 18px;
  margin:0 auto;
  background:linear-gradient(90deg,#e40612 0%,#c4050f 100%) !important;
  color:#ffffff !important;
  border:0;
  border-radius:0;
  font-weight:700;
  letter-spacing:.3px;
  box-shadow:0 0 14px rgba(0,0,0,.6);
}

body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__buttons .button.checkout:hover{
  background:linear-gradient(90deg,#c4050f 0%,#e40612 100%) !important;
  box-shadow:0 0 18px rgba(0,0,0,.8);
}


/* SCROLLBAR – RED VERSION                  */


body.marka-red .widget_shopping_cart_content::-webkit-scrollbar{
  width:8px;
}

body.marka-red .widget_shopping_cart_content::-webkit-scrollbar-track{
  background:rgba(0,0,0,0.2);
}

body.marka-red .widget_shopping_cart_content::-webkit-scrollbar-thumb{
  background:#7b0209;
  border-radius:8px;
}

body.marka-red .widget_shopping_cart_content{
  scrollbar-width:thin;
  scrollbar-color:#7b0209 rgba(0,0,0,0.2);
}


.marka-red .elementor-menu-cart__main {
	padding: 0px;
}

body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item {
  margin: 10px 10px 0 10px;
}



/* RWD                                      */


@media (max-width:1024px){
  body.marka-red .elementor-menu-cart__main{
    width:400px !important;
  }
  body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item{
    padding-left:80px;
  }
  body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img{
    width:56px;
  }
}

@media (max-width:767px){
  body.marka-red .elementor-menu-cart__main{
    width:100vw !important;
  }
}

/********************************************/
/* PAGINACJA – MARKA RED */                                  
/********************************************/


/* Usuń białą elipsę i tła wrappera */
body.marka-red .woocommerce nav.woocommerce-pagination,
body.marka-red nav.woocommerce-pagination {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 40px;
}

/* Na wszelki wypadek wyłącz pseudo-elementy */
body.marka-red nav.woocommerce-pagination::before,
body.marka-red nav.woocommerce-pagination::after,
body.marka-red nav.woocommerce-pagination ul.page-numbers::before,
body.marka-red nav.woocommerce-pagination ul.page-numbers::after {
  content: none !important;
}

/* USTAWIENIE LISTY                         */

body.marka-red nav.woocommerce-pagination ul.page-numbers {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

body.marka-red nav.woocommerce-pagination ul.page-numbers li {
  list-style: none;
  margin: 0;
  padding: 0;
}


/* WYGLĄD ELEMENTÓW – RED ONLY              */

/* Podstawowy wygląd numerów i strzałek */
body.marka-red nav.woocommerce-pagination a.page-numbers,
body.marka-red nav.woocommerce-pagination span.page-numbers {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 2px solid #e40612 !important;
  background: transparent !important;
  color: #e40612 !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-indent: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}


/* STRZAŁKI – tylko nasza, zero duplikatów  */


/* Reset wyglądu i ukrycie natywnej strzałki */
body.marka-red nav.woocommerce-pagination a.page-numbers.prev,
body.marka-red nav.woocommerce-pagination a.page-numbers.next {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 5px !important;
  font-size: 0 !important;     
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
}

/* Nasza strzałka ➜ */
body.marka-red nav.woocommerce-pagination a.page-numbers.next::before {
  content: "➜";
  font-size: 22px;
  color: #e40612;
  font-weight: 700;
}

body.marka-red nav.woocommerce-pagination a.page-numbers.prev::before {
  content: "➜";
  font-size: 22px;
  color: #e40612;
  font-weight: 700;
  transform: rotate(180deg);
  display: inline-block;
}

/* Hover strzałki — subtelna zmiana koloru */
body.marka-red nav.woocommerce-pagination a.page-numbers.prev:hover::before,
body.marka-red nav.woocommerce-pagination a.page-numbers.next:hover::before {
  color: #ffffff;
  transform: scale(1.05);
}

/* Wyłącz hover tła i obramowania dla strzałek */
body.marka-red nav.woocommerce-pagination a.page-numbers.prev:hover,
body.marka-red nav.woocommerce-pagination a.page-numbers.next:hover {
  background: none !important;
}


/* HOVER DLA NUMERÓW – border jak tło       */


body.marka-red nav.woocommerce-pagination a.page-numbers:hover {
  background: #980409 !important;
  border-color: #980409 !important;
  color: #ffffff !important;
  transform: scale(1.05);
}

/* Aktywna strona bez zmian */
body.marka-red nav.woocommerce-pagination span.page-numbers.current {
  background: #e40612 !important;
  color: #ffffff !important;
  border-color: #e40612 !important;
}

/* moje poprawki */

.marka-red .page-numbers {
	background-color: transparent !important;
}

/* usunięcie tagów z Kontaktu */

.marka-red div.page-content div.post-tags {
	display: none;
}

/********************************************/
/* WERSJA MOBILNA – MARKA RED */                                  
/********************************************/

/* NAGŁÓWEK */

.marka-red .icon-red .elementor-icon svg,
.marka-red .icon-red .elementor-icon svg path {
	fill: #e40612 !important;
}

/* Wyszukiwarka pełnoekranowa */


/* Tło + pełny ekran */
body.marka-red .red-search-popup {
  background: linear-gradient(180deg, #000000 0%, #980409 55%, #e40612 100%) !important;
}


body.marka-red .elementor-popup-modal .dialog-widget-content{
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

body.marka-red .red-search-popup,
body.marka-red .red-search-popup .dialog-message{
  width: 100% !important;
  height: 100% !important;
}



/* Przyciemniona nakładka (overlay) */
body.marka-red .dialog-lightbox-widget-overlay,
body.marka-red .elementor-popup-modal .dialog-widget-overlay {
  background: rgba(0,0,0,0.75) !important;
}

/* Wewnętrzne odstępy popupa */
body.marka-red .red-search-popup .dialog-message {
  padding: 24px !important;
}

/* Wyśrodkowanie zawartości */
body.marka-red .red-search-popup .elementor-section-wrap,
body.marka-red .red-search-popup .elementor-element {
  color: #ffffff;
}

/* Przycisk zamknięcia (X) */
body.marka-red .red-search-popup .dialog-close-button,
body.marka-red .red-search-popup .dialog-close-button i {
  color: #ffffff !important;
  top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
  right: 12px !important;
  z-index: 999999 !important;
}
body.marka-red .red-search-popup .dialog-close-button:hover,
body.marka-red .red-search-popup .dialog-close-button:hover i {
  color: #ffffff !important;
  opacity: 0.85;
}
}

/* wycentrowanie ceny i przycisku Dodaj do koszyka dla telefonu */


/* RED – mobile: wyśrodkowanie ceny */
@media (max-width: 767px) {

  body.marka-red.single-product
  .woocommerce-variation-price {
    text-align: center !important;
  }

  body.marka-red.single-product
  .woocommerce-variation-price
  span.price {
    display: block;
    text-align: center !important;
  }
}

/* RED – mobile: wyśrodkowanie ilości + ATC */
@media (max-width: 767px) {

  body.marka-red.single-product
  .e-atc-qty-button-holder {
    justify-content: center !important;
  }

  body.marka-red.single-product
  .woocommerce-variation-add-to-cart {
    text-align: center !important;
  }


  body.marka-red.single-product
  .woocommerce-variation-price {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  body.marka-red.single-product
  .woocommerce-variation-price
  span.price {
    display: inline-flex !important;
    justify-content: center !important;
    text-align: center !important;
  }
}


/* inne książki z cyklu RED */

.marka-red .red-cykl-grid {
  margin-top: 24px;
}

.marka-red .red-cykl-heading {
  margin: 24px 0;
}

.marka-red .red-cykl-products {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.marka-red .red-cykl-tytul {
  font-size: 14px;
  line-height: 1.25;
  margin: 10px 0 0;
	color: #e40612;
	text-transform: uppercase;
}

/* Tablet */
@media (max-width: 1024px) {
  .marka-red .red-cykl-products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
		margin: 20px 30px !important;
  }
	
	.marka-red .red-cykl-heading {
	margin: 24px;	
	}
}

/* Telefon */
@media (max-width: 767px) {
  .marka-red .red-cykl-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
		margin: 20px 30px !important;
  }
	
		.marka-red .red-cykl-heading {
	margin: 24px;	
	}
}


/* RED – siatka shortcodu: twarde wymuszenie GRID + reset flex/float/width */
.marka-red .red-cykl-grid ul.products.red-cykl-products {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 30px !important;
  padding: 0 !important;
}

.marka-red .red-cykl-grid ul.products.red-cykl-products li.product {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
  flex-basis: auto !important;
  margin: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .marka-red .red-cykl-grid ul.products.red-cykl-products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  }
}

/* Telefon */
@media (max-width: 767px) {
  .marka-red .red-cykl-grid ul.products.red-cykl-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 30px !important;
  }
	
	.marka-red .autorlink {
  line-height: .7 !important;
}
}


/* RED – usunięcie zaokrąglenia miniaturek produktów */
body.marka-red .woocommerce ul.products li.product a img,
body.marka-red.woocommerce ul.products li.product a img,
body.marka-red .woocommerce ul.products li.product a .attachment-woocommerce_thumbnail {
  border-radius: 0 !important;
}	

/***
 * 
 *  Poprawki po przenosinach 
 * 
 * */


 /* tytuł */

 .marka-red h1.product_title.entry-title.elementor-heading-title.elementor-size-default {
font-family: "Roboto", Sans-serif;
  font-size: 2.4rem !important;
  font-weight: 600;
}

/* linki */

 .marka-red .elementor-shortcode p a {
    color: #E40612;
}


.marka-red.woocommerce table.shop_attributes td, .marka-red table.woocommerce-product-attributes.shop_attributes tbody tr.woocommerce-product-attributes-item td.woocommerce-product-attributes-item__value {
    background: none !important;
}


/* produkty bezwariantowe */


/* Atrybuty (produkty proste / no-variants) – etykieta i wartość w jednej linii */
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information table.woocommerce-product-attributes.shop_attributes tr.woocommerce-product-attributes-item{
    display: block !important;
    margin-bottom: 6px;
}

.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information table.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label,
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value{
    display: inline !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

/* dwukropek + odstęp */
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information table.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label::after{
    content: ": ";
}

/* TO jest klucz: p wewnątrz wartości nie może być blokiem ani mieć marginesów */
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value p{
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* linki */
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value a{
    color: #ffffff !important;
    text-decoration: none;
}

.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value a:hover{
    color: #c4050f !important;
}

/* Wyrównanie góra-dół etykiety i wartości (żeby linie były równe) */
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information
table.woocommerce-product-attributes.shop_attributes tr.woocommerce-product-attributes-item{
    line-height: 1.35;
}

.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information
table.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label,
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information
table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value,
.marka-red.no-variants .elementor-widget-woocommerce-product-additional-information
table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value p{
    line-height: 1.35 !important;
    vertical-align: top !important;
}

/* slide cart - poprawki */
/********************************************/
/* SLIDE CART – FIX po przenosinach (nowy markup Elementora) */
/********************************************/

/* 1) Kontener treści: bez scrolla tutaj (scroll będzie na liście produktów) */
body.marka-red .elementor-menu-cart__main .widget_shopping_cart_content{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
    padding-bottom:12px;
}

/* 2) Nowy wrapper listy produktów w Elementorze – to on ma scroll */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__products{
    flex:1 1 auto !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    margin:0 !important;
    padding:0 0 12px !important;
}

/* 3) Stary UL też zostawiamy (gdyby gdzieś się pojawiał) */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart{
    margin:0 !important;
    padding:0 0 12px !important;
    list-style:none !important;
}

/* 4) Pozycja w koszyku – łapiemy niezależnie od tego, czy parentem jest UL czy div */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart-item{
    position:relative;
    padding:12px 48px 12px 90px !important;
    margin:10px 10px 0 10px !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
}

/* Bez separatora pod ostatnią */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart-item:last-child{
    border-bottom:none !important;
}

/* Miniaturka – w nowym markupu IMG nie zawsze jest bezpośrednim dzieckiem linka, więc luzujemy selektor */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart-item a:not(.remove) img{
    position:absolute !important;
    left:5px;
    top:12px;
    width:64px;
    height:auto;
    display:block;
}

/* Tytuł – link do produktu */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart-item a:not(.remove){
    display:block;
    text-decoration:none;
    color:#ffffff !important;
    font-weight:700;
    font-size:15px;
    line-height:1.35;
}

/* X usuń – zostaje jak było, ale też łapiemy pewniej */
body.marka-red .widget_shopping_cart_content .woocommerce-mini-cart-item a.remove{
    position:absolute !important;
    top:20px;
    right:12px;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    margin:0 !important;
    font-size:16px !important;
    line-height:1 !important;
    text-decoration:none;
    background:#000000;
    border-radius:50%;
    color:#e40612 !important;
}

/* 5) Suma i przyciski – mają być “stopką”, bez dziwnego pływania przez scroll na parentach */
body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__total{
    position:sticky;
    bottom:64px;
    z-index:2;
}

body.marka-red .widget_shopping_cart_content p.woocommerce-mini-cart__buttons{
    position:sticky;
    bottom:0;
    z-index:3;
}











/********************************************/
/* SLIDE CART – RED – poprawka pod nowy markup Elementora */
/********************************************/

/* Lista produktów w side cart */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__products{
    margin: 0 !important;
    padding: 0 0 12px !important;
}

/* Pojedynczy produkt */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product{
    position: relative !important;
    padding: 12px 48px 12px 90px !important;
    margin: 10px 10px 0 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    background: transparent !important;
}

/* Hover jak wcześniej */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product:hover{
    background: rgba(0,0,0,.10) !important;
}

/* Miniaturka po lewej jako absolutna */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-image{
    position: absolute !important;
    left: 5px !important;
    top: 12px !important;
    width: 64px !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-image img{
    width: 64px !important;
    height: auto !important;
    display: block !important;
}

/* Nazwa produktu (link) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-name a{
    display: block !important;
    text-decoration: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

/* Atrybut (Twoje .heraclon-attr) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-name .heraclon-attr{
    display: block !important;
    margin-top: 2px !important;
    font-size: 13px !important;
    color: #f5f5f5 !important;
}

/* Cena i ilość */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-price .quantity{
    display: block !important;
    margin-top: 2px !important;
    font-size: 14px !important;
    color: #f5f5f5 !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-price .woocommerce-Price-amount.amount,
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-price .woocommerce-Price-amount.amount bdi{
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Usuń – na docelowej są dwa linki, chowamy jeden, drugi stylujemy jak kółko z X */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.remove_from_cart_button{
    display: none !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button{
    position: absolute !important;
    top: 20px !important;
    right: 12px !important;
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    background: #000000 !important;
    border-radius: 50% !important;
    text-decoration: none !important;
}

/* Elementorowy link nie ma treści, więc rysujemy X pseudoelementem */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button::before{
    content: "×";
    font-size: 16px;
    line-height: 1;
    color: #e40612;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:hover{
    background: #ffffff !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:hover::before{
    color: #e40612;
}

/* SUMA – nowa klasa w Elementorze (zamiast p.woocommerce-mini-cart__total) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal{
    margin: 20px 0 0 !important;
    padding: 12px 20px 10px !important;
    border-top: 1px solid rgba(255,255,255,.28) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    position: sticky !important;
    bottom: 64px !important;
    z-index: 2 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,1) 100%) !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal .woocommerce-Price-amount.amount{
    font-weight: 800 !important;
    font-size: 22px !important;
    color: #ffffff !important;
}

/* PRZYCISKI – nowa klasa (zamiast p.woocommerce-mini-cart__buttons) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons{
    position: sticky !important;
    bottom: 0 !important;
    z-index: 3 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 20px 24px !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.3) 60%, rgba(140,3,10,.1) 100%) !important;
}

/* Ukryj "Zobacz koszyk" */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--view-cart{
    display: none !important;
}

/* Styl głównego przycisku checkout */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 70% !important;
    text-align: center !important;
    padding: 12px 18px !important;
    margin: 0 auto !important;
    background: linear-gradient(90deg,#e40612 0%,#c4050f 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    box-shadow: 0 0 14px rgba(0,0,0,.6) !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{
    background: linear-gradient(90deg,#c4050f 0%,#e40612 100%) !important;
    box-shadow: 0 0 18px rgba(0,0,0,.8) !important;
}





/********************************************/
/* SLIDE CART – RED – DOPRACOWANIE (Elementor markup) */
/********************************************/

/* 1) Scroll tylko na liście produktów */
body.marka-red .elementor-menu-cart__main .widget_shopping_cart_content{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    overflow:hidden !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__products{
    flex:1 1 auto !important;
    overflow-y:auto !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
}

/* 2) Mniejsze odstępy między pozycjami */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product{
    margin: 0 10px !important;
    padding: 10px 44px 10px 84px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* usuń “luźne” marginesy z elementów wewnątrz (to robi wrażenie tabeli) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product p,
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-name,
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-price{
    margin: 0 !important;
    padding: 0 !important;
}

/* 3) Miniaturka i jej pozycja */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-image{
    left: 10px !important;
    top: 10px !important;
    width: 56px !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-image img{
    width: 56px !important;
}

/* 4) “X” do usuwania – wymuszenie widoczności i klikowalności */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove{
    position:absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 26px !important;
    height: 26px !important;
    z-index: 5 !important;
}

/* chowamy duplikat */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.remove_from_cart_button{
    display:none !important;
}

/* główny link remove */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button{
    width: 26px !important;
    height: 26px !important;
    display:grid !important;
    place-items:center !important;
    background:#000000 !important;
    border-radius:50% !important;
    text-decoration:none !important;
}

/* rysujemy X */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button::before{
    content:"×";
    font-size:18px;
    line-height:1;
    color:#e40612;
    transform: translateY(-1px);
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:hover{
    background:#ffffff !important;
}

/* 5) Subtotal i przyciski – NIE sticky do okna, tylko normalnie w panelu */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal{
    position: relative !important;
    bottom: auto !important;
    margin: 10px 0 0 !important;
    padding: 12px 20px 10px !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons{
    position: relative !important;
    bottom: auto !important;
    padding: 14px 20px 18px !important;
}

/* 6) Dodatkowy reset, gdyby Elementor dawał grid/flex z gapem na itemach */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product{
    display:block !important;
    gap: 0 !important;
}









/********************************************/
/* SLIDE CART – RED – FINAL (jak testowa)    */
/********************************************/

/* Układ: produkty auto-height, scroll dopiero gdy zabraknie miejsca */
body.marka-red .elementor-menu-cart__main .widget_shopping_cart_content{
    display: flex !important;
    flex-direction: column !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

/* Lista produktów: nie rozpycha się na siłę, ale ma limit wysokości i wtedy scroll */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__products{
    flex: 0 1 auto !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 190px) !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
}

/* Gdy “Kwota” albo przyciski mają inną wysokość (np. fonty), możesz skorygować 190px na 210px */

/* Pozycje: ciaśniej jak na testowej */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product{
    position: relative !important;
    padding: 12px 48px 12px 90px !important;
    margin: 0 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    background: transparent !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product + .elementor-menu-cart__product{
    margin-top: 6px !important;
}

/* Reset odstępów wewnętrznych (to robiło “tabelowe” luzowanie) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-name,
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-price,
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product p{
    margin: 0 !important;
    padding: 0 !important;
}

/* Miniaturka jak na testowej */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-image{
    position: absolute !important;
    left: 10px !important;
    top: 12px !important;
    width: 64px !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-image img{
    width: 64px !important;
    height: auto !important;
    display: block !important;
}

/* REMOVE: czarne kółko + czerwony X (bez kwadratowej ramki) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove{
    position: absolute !important;
    top: 14px !important;
    right: 12px !important;
    width: 26px !important;
    height: 26px !important;
    z-index: 6 !important;
}

/* chowamy duplikat */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.remove_from_cart_button{
    display: none !important;
}

/* aktywny przycisk */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button{
    width: 26px !important;
    height: 26px !important;
    display: grid !important;
    place-items: center !important;
    background: #000000 !important;
    border-radius: 50% !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* X jako pseudo-element */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button::before{
    content: "×";
    font-size: 18px;
    line-height: 1;
    color: #e40612;
    transform: translateY(-1px);
}

/* hover jak na testowej */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:hover{
    background: #ffffff !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button:hover::before{
    color: #e40612;
}

/* “Kwota” + przyciski: domyślnie zaraz pod listą (jak na testowej) */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal{
    position: relative !important;
    margin: 10px 0 0 !important;
    padding: 12px 20px 10px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: #ffffff !important;

    /* biała linia jak na testowej */
    border-top: 1px solid rgba(255,255,255,.28) !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;

    background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,1) 100%) !important;
}

/* Kwota – typografia */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal .woocommerce-Price-amount.amount{
    font-weight: 800 !important;
    font-size: 22px !important;
    color: #ffffff !important;
}

/* Stopka z przyciskami: zaraz pod kwotą */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons{
    position: relative !important;
    margin: 0 !important;
    padding: 16px 20px 24px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;

    background: linear-gradient(
        180deg,
        rgba(0,0,0,.9) 0%,
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0.3) 60%,
        rgba(140,3,10,.1) 100%
    ) !important;
}

/* Ukryj “Zobacz koszyk” */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--view-cart{
    display: none !important;
}

/* Checkout jak na testowej */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 70% !important;
    padding: 12px 18px !important;
    margin: 0 auto !important;
    background: linear-gradient(90deg,#e40612 0%,#c4050f 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    box-shadow: 0 0 14px rgba(0,0,0,.6) !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{
    background: linear-gradient(90deg,#c4050f 0%,#e40612 100%) !important;
    box-shadow: 0 0 18px rgba(0,0,0,.8) !important;
}

/* Jeśli lista jest długa: “Kwota” i przycisk przyklejone do dołu (jak na testowej) */
@supports (position: sticky){
    body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal{
        position: sticky !important;
        bottom: 64px !important;
        z-index: 4 !important;
    }
    body.marka-red .elementor-menu-cart__main .elementor-menu-cart__footer-buttons{
        position: sticky !important;
        bottom: 0 !important;
        z-index: 5 !important;
    }
}



/* USUNIĘCIE pionowej białej linii przy Kwocie */
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal{
    border-left: none !important;
    box-shadow: none !important;
}

body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal::before,
body.marka-red .elementor-menu-cart__main .elementor-menu-cart__subtotal::after{
    display: none !important;
}



/* REMOVE – ostateczny fix: jedno kółko, biały X, bez kwadratów i bez ikon z Elementora */
body.marka-red .elementor-menu-cart__main 
.elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove{
    position: absolute !important;
    top: 14px !important;
    right: 12px !important;
    width: 26px !important;
    height: 26px !important;
    z-index: 50 !important;
}

/* ukryj “stary” link, który robi kwadrat */
body.marka-red .elementor-menu-cart__main 
.elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove a.remove_from_cart_button{
    display: none !important;
}

/* zostawiamy tylko elementorowy link i robimy z niego kółko */
body.marka-red .elementor-menu-cart__main 
.elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove a.elementor_remove_from_cart_button{
    position: absolute !important;
    inset: 0 !important;
    width: 26px !important;
    height: 26px !important;

    display: grid !important;
    place-items: center !important;

    background: #000000 !important;
    border-radius: 50% !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    /* wycinamy potencjalne ikonki/maski Elementora */
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;

    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* X – dajemy na AFTER, a BEFORE też “czyścimy”, żeby nic go nie nadpisało */
body.marka-red .elementor-menu-cart__main 
.elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove a.elementor_remove_from_cart_button::before{
    content: "" !important;
}

body.marka-red .elementor-menu-cart__main 
.elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove a.elementor_remove_from_cart_button::after{
    content: "×" !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    transform: translateY(-1px);
}

/* hover */
body.marka-red .elementor-menu-cart__main 
.elementor-menu-cart__product .elementor-menu-cart__product-remove.product-remove a.elementor_remove_from_cart_button:hover{
    background: #111111 !important;
}