/* IN Strona główna 2.0: skórka koszyka i kasy (Elementor Pro: e-cart, e-checkout), Mojego konta i stron Elementora w wyglądzie nowej strony.
   Zmienia tylko wygląd. Pola, metody dostawy (InPost) i płatności (paynow) działają jak wcześniej.
   IN Rama i Smak 1.0 (22.10.2026): tokeny z fonts.css, jedna rodzina Archivo zamiast Rajdhani/Russo One/Bebas/Manrope/JetBrains,
   czerń i biel jak logo, akcja główna = biała pigułka, zieleń tylko jako status „sukces”, bez poświat.
   Selektory z podbitą specyficznością (body.in-skin.in-skin…) muszą wygrać z Dodatkowym CSS (Customizer, !important) i kitem Elementora.
   Kolor #8ab534 w menu „Moje konto” (Customizer) – NIE RUSZAĆ: specyficzność reguł menu i linków konta zostaje jak była. */
body.in-skin{
  /* dawne zmienne skórki jako aliasy nowych tokenów (do usunięcia po migracji) */
  --k-night:var(--bg);--k-panel:var(--surface-1);--k-panel2:var(--surface-2);--k-line:var(--line-1);--k-line2:var(--line-2);
  --k-chalk:var(--text-1);--k-fog:var(--text-2);--k-in:var(--action);--k-red:var(--err);
  --k-display:var(--font);
  --k-body:var(--font);
  --k-hud:var(--font);
}
/* globalne kroje kitu Elementora (Russo One, Rajdhani) → Archivo */
body.in-skin.in-skin{--e-global-typography-primary-font-family:var(--font);--e-global-typography-secondary-font-family:var(--font);--e-global-typography-text-font-family:var(--font);--e-global-typography-accent-font-family:var(--font)}
html:has(body.in-skin){background:var(--bg)!important}
body.in-skin{background:transparent!important;background-image:none!important;color:var(--text-1);font-family:var(--font)!important;font-kerning:normal;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Jedna rodzina: Dodatkowy CSS wymusza Rajdhani z !important na body, div, p, span, li, td, th, label, button, input, select, textarea, h1–h6,
   a kit Elementora Russo One na h1–h5 i Rajdhani na linkach. Tu Archivo wygrywa wszędzie (ikony <i> i pseudo-elementy z własnym krojem bez zmian). */
body.in-skin.in-skin.in-skin.in-skin.in-skin :is(h1,h2,h3,h4,h5,h6,a,p,span,div,li,td,th,dt,dd,label,legend,button,input,select,textarea,optgroup,option,small,strong,b,em,bdi,address,blockquote,figcaption,caption,.woocommerce,.elementor,.elementor-widget,.elementor-heading-title,.elementor-button,.wp-block-heading,.select2-container,.select2-dropdown),
body.in-skin.in-skin.in-skin.in-skin.in-skin .select2-dropdown *{font-family:var(--font)!important}
body.in-skin.in-skin.in-skin.in-skin.in-skin.woocommerce-account .woocommerce-MyAccount-content *{font-family:var(--font)!important}
body.in-skin.in-skin.woocommerce-account .woocommerce-MyAccount-content #b2bking_myaccount_offers_title{font-family:var(--font)!important}
/* wyjątek: wordmark w stopce ramki (Bebas Neue tylko w znaku marki) */
body.in-skin.in-skin.in-skin.in-skin.in-skin .inx .ft-giant{font-family:var(--font-logo)!important}
body.in-skin .e-cart__container,body.in-skin .e-checkout__container,body.in-skin .woocommerce-notices-wrapper,body.in-skin .woocommerce-order{font-family:var(--font)!important;color:var(--text-1)}

/* Jeden krój pisma (Archivo) zamiast starego Rajdhani; etykiety i tytuły nadpisują to niżej */
body.in-skin :is(.e-cart__container,.e-checkout__container,.woocommerce-order,.woocommerce-notices-wrapper) :is(td,p,span,a,li,strong,b,bdi,div,label,small,em,button,input,textarea,select,dt,dd,address,h4,h5,h6){font-family:var(--font)!important}
/* Czarna półprzezroczysta nakładka szablonu strony */
body.in-skin [data-elementor-type=single-post] .e-con::before{background:none!important;opacity:0!important}

/* Strony Elementora (regulamin, polityka, blog, kontakt): tytuł h1 w cięciu wąskim, tekst 17 px, linki białe podkreślone */
body.in-skin :is(h1.elementor-heading-title,h1.entry-title){font-stretch:var(--wd-cond);font-weight:800;line-height:1.02;letter-spacing:-.015em;text-transform:none!important;text-wrap:balance}
body.in-skin .elementor-widget-text-editor{font-size:var(--fs-body);line-height:1.65}
body.in-skin :is(.elementor-widget-text-editor,.elementor-widget-theme-post-content) a:not(.button):not(.elementor-button){color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
body.in-skin :is(.elementor-widget-text-editor,.elementor-widget-theme-post-content) a:not(.button):not(.elementor-button):hover{text-decoration-color:var(--text-1)}

/* Panele (karty neutralne: surface-1, obrys line-1, promień 20) */
body.in-skin .e-cart-section,body.in-skin .e-checkout__order_review,body.in-skin .e-coupon-box,
body.in-skin #customer_details .col-1,body.in-skin #customer_details .col-2>*:not(:empty),body.in-skin .woocommerce-additional-fields,body.in-skin .shipping_address,
body.in-skin .woocommerce-order>section,body.in-skin .woocommerce-order-overview{
  background:var(--surface-1)!important;border:1px solid var(--line-1)!important;border-radius:20px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.in-skin table.shop_table,body.in-skin .cart-collaterals,body.in-skin .cart_totals,body.in-skin #payment,body.in-skin .woocommerce-checkout-review-order-table{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}

/* Tytuły paneli (Dane rozliczeniowe, Twoje zamówienie, Podsumowanie koszyka) = h3: Archivo 100%/700, 19–22 px, pisane zdaniem */
body.in-skin .e-checkout__container h3,body.in-skin #order_review_heading,body.in-skin .e-cart-totals h2,body.in-skin .cart_totals h2,body.in-skin .cart-totals-title{
  font-family:var(--font)!important;font-stretch:var(--wd-text)!important;font-weight:700!important;font-size:var(--fs-h3)!important;line-height:1.25!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--text-1)!important}
/* Nagłówki sekcji na stronie zamówienia (Szczegóły zamówienia) = h2: Archivo wąski 700, 28–44 px */
body.in-skin .woocommerce-order h2{
  font-family:var(--font)!important;font-stretch:var(--wd-cond)!important;font-weight:700!important;font-size:var(--fs-h2)!important;line-height:1.06!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--text-1)!important}

/* Etykiety pól i nagłówki tabel = .label: 13 px/600, pisane zdaniem, text-2 (zamiast JetBrains Mono w wersalikach) */
body.in-skin.in-skin .form-row label,body.in-skin table.shop_table th,body.in-skin .e-cart-section .product-name::before,body.in-skin .woocommerce-shipping-totals th{
  font-family:var(--font)!important;font-stretch:var(--wd-text);font-size:var(--fs-label)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--text-2)!important}
/* nagłówki tabel na stronie „Zapłać za zamówienie”, w szczegółach zamówienia i w koncie (także tabele B2BKing):
   bez wersalików i bez 11 px z Dodatkowego CSS (.woocommerce table.shop_table.order_details thead th ma 0,3,3) */
body.in-skin.in-skin.in-skin.in-skin :is(table.shop_table,.woocommerce-MyAccount-content table) thead th{font-size:var(--fs-label)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:var(--text-2)!important}
/* Etykiety wierszy w podsumowaniu (Elementor pokazuje je jako td::before zamiast th) */
body.in-skin :is(.e-cart__container,.e-checkout__container) td[data-title]::before{font-family:var(--font)!important;font-size:var(--fs-label)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--text-2)!important}
body.in-skin .order-total td[data-title]::before{color:var(--text-1)!important}
body.in-skin .form-row label .required{color:var(--text-2)!important;text-decoration:none}
body.in-skin table.shop_table td,body.in-skin table.shop_table th{border-color:var(--line-1)!important;background:transparent!important;color:var(--text-1)!important}
body.in-skin table.shop_table .amount,body.in-skin .order-total .amount{font-variant-numeric:tabular-nums;color:var(--text-1)!important}
/* suma: 20 px/700, liczby tabular */
body.in-skin .order-total .amount,body.in-skin .order-total th{font-size:20px!important}
body.in-skin .order-total .amount{font-weight:700!important}
/* sumy w kasie, koszyku i na stronie zamówienia: białe zamiast zieleni z Dodatkowego CSS */
body.in-skin.in-skin .woocommerce-checkout-review-order-table tfoot tr.order-total td :is(strong,.woocommerce-Price-amount,bdi),
body.in-skin.in-skin .cart_totals table tr.order-total td .woocommerce-Price-amount,
body.in-skin.in-skin.in-skin :is(.woocommerce-order,.woocommerce-order-details) table.shop_table tfoot tr:last-child td *{color:var(--text-1)!important;-webkit-text-fill-color:currentColor}

/* Pola formularzy: tło czerni w panelu surface-1, obrys --line-control, promień 12, 17 px (iOS nie przybliża) */
body.in-skin .e-cart__container input.input-text,body.in-skin .e-checkout__container input.input-text,body.in-skin .e-checkout__container textarea,body.in-skin .e-checkout__container select,
body.in-skin .e-cart__container select,body.in-skin #coupon_code,body.in-skin .select2-container .select2-selection,body.in-skin input.qty{
  background:var(--bg)!important;color:var(--text-1)!important;border:1px solid var(--line-control)!important;border-radius:12px!important;box-shadow:none!important;font-family:var(--font)!important;font-size:17px!important;font-weight:400!important;-webkit-text-fill-color:var(--text-1)}
body.in-skin input.qty{font-weight:600!important;font-variant-numeric:tabular-nums}
body.in-skin .e-checkout__container input.input-text,body.in-skin .e-checkout__container select,body.in-skin #coupon_code,body.in-skin .select2-container .select2-selection--single{min-height:48px!important;padding:0 14px!important}
body.in-skin .e-checkout__container textarea{padding:12px 14px!important;min-height:96px}
body.in-skin input::placeholder,body.in-skin textarea::placeholder{color:var(--text-3)!important;-webkit-text-fill-color:var(--text-3);opacity:1}
body.in-skin input.input-text:focus,body.in-skin textarea:focus,body.in-skin select:focus,body.in-skin #coupon_code:focus{border-color:var(--text-1)!important;outline:2px solid var(--focus)!important;outline-offset:2px}
body.in-skin .select2-container .select2-selection__rendered{color:var(--text-1)!important;line-height:46px!important;padding-left:0!important}
body.in-skin .select2-container .select2-selection__arrow{height:46px!important}
body.in-skin .select2-dropdown{background:var(--surface-2)!important;border-color:var(--line-2)!important;color:var(--text-1)}
body.in-skin .select2-results__option--highlighted{background:var(--surface-3)!important;color:var(--text-1)!important}
body.in-skin .form-row.woocommerce-invalid input.input-text{border-color:var(--err)!important}
body.in-skin input[type=checkbox],body.in-skin input[type=radio]{accent-color:var(--text-1)}
body.in-skin .woocommerce-form__label-for-checkbox span,body.in-skin #ship-to-different-address span{font-family:var(--font)!important;font-stretch:var(--wd-text)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;font-size:var(--fs-small)!important;color:var(--text-1)!important}
/* przyciski +/− przy ilości (Dodatkowy CSS: biały z zieloną obwódką) → drugorzędne */
body.in-skin.in-skin .quantity :is(.minus,.plus){background:var(--surface-3)!important;color:var(--text-1)!important;border-color:var(--line-2)!important}
body.in-skin.in-skin .quantity :is(.minus,.plus):hover{background:var(--surface-3-hover)!important;color:var(--text-1)!important;border-color:var(--line-2)!important}

/* Przyciski: akcja główna = biała pigułka (--action), tekst czarny, bez poświaty */
body.in-skin .e-cart__container .button,body.in-skin .e-checkout__container .button,body.in-skin #place_order,body.in-skin .checkout-button,body.in-skin .e-apply-coupon,body.in-skin button[name=apply_coupon]{
  background:var(--action)!important;color:var(--on-action)!important;border:0!important;border-radius:999px!important;font-family:var(--font)!important;font-weight:600!important;font-size:17px!important;letter-spacing:0!important;text-transform:none!important;min-height:52px;padding:0 24px!important;box-shadow:none!important;transition:background-color .16s var(--ease),scale .12s var(--ease);-webkit-text-fill-color:currentColor!important}
body.in-skin .e-cart__container .button:hover,body.in-skin .e-checkout__container .button:hover,body.in-skin #place_order:hover,body.in-skin .checkout-button:hover{background:var(--action-hover)!important;box-shadow:none!important}
/* kod rabatowy: przycisk drugorzędny (jedna akcja główna na ekran: „Przejdź do kasy”) */
body.in-skin.in-skin :is(.e-apply-coupon,button[name=apply_coupon]){background:var(--surface-3)!important;color:var(--text-1)!important}
body.in-skin.in-skin :is(.e-apply-coupon,button[name=apply_coupon]):hover{background:var(--surface-3-hover)!important}
body.in-skin #place_order{width:100%;min-height:52px;font-size:17px!important}
body.in-skin .e-cart__container .button:active,body.in-skin #place_order:active{scale:.98}
/* koszyk przelicza się sam po zmianie ilości (ustawienie Elementora), przycisk „Zaktualizuj” zbędny */
body.in-skin .elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart .actions button[name=update_cart],body.in-skin button[name=update_cart]{display:none!important}
/* przyciski drugorzędne (lista zakupów B2B, wybór paczkomatu): surface-3 */
body.in-skin .e-cart__container .button.b2bking_add_cart_to_purchase_list_button{background:var(--surface-3)!important;color:var(--text-1)!important;border:0!important;box-shadow:none!important}

/* Linki i nazwy produktów */
body.in-skin .e-cart__container a,body.in-skin .e-checkout__container a{color:var(--text-1)}
body.in-skin .e-cart-section .product-name a,body.in-skin .woocommerce-checkout-review-order-table .product-name{color:var(--text-1)!important;font-weight:600}
body.in-skin .e-cart-section td.product-remove a{color:var(--text-2)!important;border:1px solid var(--line-2)!important;border-radius:50%;background:transparent!important}
body.in-skin .e-cart-section .product-thumbnail img{border-radius:12px;background:var(--surface-2)}
/* linki kodu rabatowego, regulaminu i polityki (Dodatkowy CSS: zielone) → białe podkreślone */
body.in-skin.in-skin.in-skin :is(.woocommerce-form-coupon-toggle,.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-checkbox-text,.form-row.terms) a,
body.in-skin.in-skin.in-skin.in-skin :is(a.showcoupon,a.e-show-coupon-form){color:var(--text-1)!important;-webkit-text-fill-color:var(--text-1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.4)!important;text-underline-offset:.18em}
/* linki w podsumowaniu koszyka („[Usuń]” przy kuponie, „Zmień adres”): Dodatkowy CSS (.woocommerce-cart table.shop_table tbody td a, 0,2,4) daje zieleń */
body.in-skin.in-skin.woocommerce-cart table.shop_table td :is(a.woocommerce-remove-coupon,a.shipping-calculator-button){color:var(--text-1)!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.4)!important;text-underline-offset:.18em}

/* Dostawa i płatność: opcje jako karty, wybrana = obrys text-1 i tło surface-2 */
body.in-skin #shipping_method li,body.in-skin .wc_payment_methods>li{background:transparent!important;border:1px solid var(--line-2)!important;border-radius:16px!important;padding:12px 14px!important;margin:0 0 8px!important;list-style:none}
body.in-skin #shipping_method li:has(input:checked),body.in-skin .wc_payment_methods>li:has(input:checked){border-color:var(--text-1)!important;background:var(--surface-2)!important}
body.in-skin .wc_payment_methods label,body.in-skin #shipping_method label{color:var(--text-1)!important;font-family:var(--font)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
body.in-skin #payment .payment_box{background:transparent!important;color:var(--text-2)!important;border:0!important;padding:8px 0 0!important}
body.in-skin #payment .payment_box::before{display:none!important}
body.in-skin .woocommerce-privacy-policy-text,body.in-skin .woocommerce-terms-and-conditions-wrapper{color:var(--text-2)!important;font-size:var(--fs-meta)}

/* Komunikaty: surface-1, lewa krawędź 3 px w kolorze statusu (sukces = --ok, info = --info, błąd = --err) */
body.in-skin .woocommerce-message,body.in-skin .woocommerce-info,body.in-skin .woocommerce-error{background:var(--surface-1)!important;color:var(--text-1)!important;border:1px solid var(--line-1)!important;border-left:3px solid var(--info)!important;border-radius:12px!important;font-family:var(--font)!important}
body.in-skin .woocommerce-message{border-left-color:var(--ok)!important}
body.in-skin .woocommerce-error{border-left-color:var(--err)!important}
body.in-skin .woocommerce-message::before{color:var(--ok)!important}
body.in-skin .woocommerce-info::before{color:var(--info)!important}
body.in-skin .woocommerce-error::before{color:var(--err)!important}
body.in-skin :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a:not(.button){color:var(--text-1)!important;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}

/* Tytuł strony (Koszyk / Zamówienie / Moje konto) = h1: Archivo wąski 800, 36–64 px, pisany zdaniem */
body.in-skin:is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) :is([data-elementor-type=wp-page],[data-elementor-type=single-post]) .elementor-widget-heading,body.in-skin:is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) :is([data-elementor-type=wp-page],[data-elementor-type=single-post]) .elementor-widget-heading>.elementor-widget-container{background:transparent!important;box-shadow:none!important;border:0!important}
body.in-skin:is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) :is([data-elementor-type=wp-page],[data-elementor-type=single-post]) .elementor-widget-heading .elementor-heading-title{font-family:var(--font)!important;font-stretch:var(--wd-cond)!important;font-weight:800!important;font-size:var(--fs-h1)!important;line-height:1.02!important;letter-spacing:-.015em!important;text-transform:none!important;color:var(--text-1)!important;text-shadow:none!important}
body.in-skin .checkout-button,body.in-skin #place_order,body.in-skin button[name=apply_coupon],body.in-skin .e-apply-coupon{display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;height:auto!important;line-height:1.2!important}

/* Odstępy w panelach kasy */
body.in-skin #customer_details .col-1,body.in-skin .woocommerce-additional-fields,body.in-skin .shipping_address,body.in-skin .e-checkout__order_review{padding:clamp(20px,2.4vw,28px)!important}
body.in-skin .e-coupon-box,body.in-skin .e-coupon-box *,body.in-skin .woocommerce-form-coupon-toggle *{text-transform:none!important;letter-spacing:0!important}
body.in-skin .e-coupon-box{font-size:var(--fs-small)!important}
body.in-skin .amount,body.in-skin .amount *{text-transform:none!important;font-variant-numeric:tabular-nums}
/* W kasie „Dostawa” jest już w nagłówku wiersza, druga etykieta zbędna */
body.in-skin .woocommerce-checkout-review-order-table .woocommerce-shipping-totals :is(th,td)::before{display:none!important}
body.in-skin .woocommerce-checkout-review-order-table tfoot :is(th,td){border-top:1px solid var(--line-1)!important;padding-top:16px!important;padding-bottom:16px!important;vertical-align:middle!important}

/* Pola wyboru i opcje: obrys --line-control; zaznaczone = białe tło (#F5F5F7) i czarny znacznik */
body.in-skin :is(.e-cart__container,.e-checkout__container) :is(input[type=checkbox],input[type=radio]){-webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;min-width:20px;margin:0 10px 0 0!important;padding:0!important;border:1.5px solid var(--line-control)!important;background:var(--bg)!important;border-radius:6px!important;display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer;position:relative;top:-1px;box-shadow:none!important;opacity:1!important}
body.in-skin :is(.e-cart__container,.e-checkout__container) input[type=radio]{border-radius:50%!important}
body.in-skin :is(.e-cart__container,.e-checkout__container) :is(input[type=checkbox],input[type=radio]):checked{border-color:var(--text-1)!important;background:var(--text-1)!important}
body.in-skin :is(.e-cart__container,.e-checkout__container) input[type=checkbox]:checked::before{content:"";width:10px;height:5px;border:solid #000;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}
body.in-skin :is(.e-cart__container,.e-checkout__container) input[type=radio]:checked::before{content:"";width:8px;height:8px;border-radius:50%;background:#000}
body.in-skin :is(.e-cart__container,.e-checkout__container) :is(input[type=checkbox],input[type=radio]):focus-visible{outline:2px solid var(--focus)!important;outline-offset:2px}

/* „Kupuję i płacę”: wyszarzony (surface-3), dopóki regulamin nie jest zaznaczony (tak jak było), potem biała pigułka */
body.in-skin form.checkout #payment #place_order{background:var(--surface-3)!important;color:var(--text-2)!important;-webkit-text-fill-color:currentColor!important;border:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--font)!important;font-weight:600!important;font-size:17px!important;border-radius:999px!important;min-height:52px!important}
body.in-skin form.checkout:has(#terms:checked) #payment #place_order,body.in-skin form.checkout:not(:has(#terms)) #payment #place_order{background:var(--action)!important;color:var(--on-action)!important;border-color:transparent!important;box-shadow:none!important}
body.in-skin form.checkout:has(#terms:checked) #payment #place_order:hover,body.in-skin form.checkout:not(:has(#terms)) #payment #place_order:hover{background:var(--action-hover)!important;background-color:var(--action-hover)!important;color:var(--on-action)!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;transform:none!important}
body.in-skin form.checkout:has(#terms:checked) #payment #place_order:active,body.in-skin form.checkout:not(:has(#terms)) #payment #place_order:active{background:var(--action-press)!important;background-color:var(--action-press)!important}
/* „Zapłać za zamówienie” (ponowna płatność): ten sam przycisk główny */
body.in-skin.woocommerce-order-pay #payment #place_order{background:var(--action)!important;color:var(--on-action)!important;-webkit-text-fill-color:currentColor!important;border:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important;font-size:17px!important;border-radius:999px!important}
body.in-skin.woocommerce-order-pay #payment #place_order:hover{background:var(--action-hover)!important;color:var(--on-action)!important;box-shadow:none!important;transform:none!important}
body.in-skin.woocommerce-order-pay #payment #place_order:active{background:var(--action-press)!important;box-shadow:none!important}
body.in-skin.woocommerce-order-pay #payment #place_order:disabled{background:var(--surface-3)!important;color:var(--text-disabled)!important;box-shadow:none!important}
body.in-skin.woocommerce-order-pay #payment .button{background:var(--surface-3)!important;color:var(--text-1)!important;border:0!important;box-shadow:none!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
body.in-skin.woocommerce-order-pay #payment .button:hover{background:var(--surface-3-hover)!important;color:var(--text-1)!important}

/* Telefon: bez pudełek w pudełkach (wiersze koszyka i podsumowania jako zwykłe wiersze z kreską) */
body.in-skin :is(.e-cart-totals,.e-cart-section) table.shop_table tr{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.in-skin .e-cart-totals table.shop_table tr{padding:0!important}
body.in-skin .e-cart-totals table.shop_table tr>th{display:none!important}
body.in-skin .e-cart-totals table.shop_table tr+tr>td{border-top:1px solid var(--line-1)!important}
body.in-skin .e-cart-totals table.shop_table td{padding-left:0!important;padding-right:0!important}
/* InPost: ramka wokół „Wybierz paczkomat” spokojniejsza, przycisk drugorzędny mieści się na wąskim ekranie */
body.in-skin #shipping_method li div:has(>.select-paczkomat-button){border-color:var(--line-1)!important;border-radius:12px!important;background:transparent!important}
body.in-skin .select-paczkomat-button{white-space:normal!important;max-width:100%!important;border-radius:999px!important}
body.in-skin #shipping_method li :is(.select-paczkomat-btn,.select-paczkomat-button,button,a.button,.btn){background:var(--surface-3)!important;border-color:transparent!important;color:var(--text-1)!important;-webkit-text-fill-color:var(--text-1)!important;border-radius:999px!important;font-size:var(--fs-small)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
body.in-skin #shipping_method li :is(button,a.button,.btn) *{color:var(--text-1)!important;-webkit-text-fill-color:var(--text-1)!important}
body.in-skin #shipping_method li :is(#selected-paczkomat,.easypack_selected_point_data,[class*="selected_point"],.easypack-shipping-method-point,.woocommerce-shipping-destination){border-color:var(--line-2)!important;border-radius:12px!important}
body.in-skin #ship-to-different-address label{display:flex!important;align-items:center!important}

/* Prezent („Produkt Gratis”): kafelek z ikoną zamiast zdjęcia z jasnym tłem i napis „Gratis” zamiast 0,00 zł, jak w szufladzie koszyka */
body.in-skin tr.cart_item:has(a[href*="/produkt-gratis"]) .product-thumbnail img{display:none!important}
body.in-skin tr.cart_item:has(a[href*="/produkt-gratis"]) .product-thumbnail a::before{content:"";display:block;width:64px;height:64px;border-radius:12px;border:1px solid var(--line-2);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F5F7' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4' rx='1'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12'/%3E%3Cpath d='M12 8C10.5 5 7 4.5 7 6.5S10 8 12 8zM12 8c1.5-3 5-3.5 5-1.5S14 8 12 8z'/%3E%3C/svg%3E") center/30px no-repeat,var(--surface-3)}
body.in-skin tr.cart_item:has(a[href*="/produkt-gratis"]) :is(.product-price,.product-subtotal) .amount{display:none!important}
body.in-skin tr.cart_item:has(a[href*="/produkt-gratis"]) :is(.product-price,.product-subtotal)::after{content:"Gratis";font-family:var(--font);font-size:var(--fs-small);font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-1)}

/* Strona zamówienia (podziękowanie, nieudana płatność, „Zapłać”): bez fioletowych pól i czerwonej belki, jak reszta */
body.in-skin.in-skin.in-skin.in-skin .woocommerce-customer-details :is(.woocommerce-column,.col-1,.col-2,.woocommerce-columns){background:transparent!important;box-shadow:none!important;border:0!important}
body.in-skin.in-skin.in-skin.in-skin :is(.woocommerce-order,.woocommerce-customer-details,.woocommerce-order-details) address{background:var(--surface-2)!important;background-image:none!important;border:1px solid var(--line-1)!important;border-radius:16px!important;box-shadow:none!important;color:var(--text-1)!important;padding:16px 18px!important;text-align:left!important;font-style:normal!important;line-height:1.65!important;font-family:var(--font)!important;font-size:var(--fs-small)!important}
body.in-skin.in-skin.in-skin.in-skin :is(.woocommerce-order,.woocommerce-customer-details) address *{color:inherit!important;background:transparent!important;font-family:inherit!important}
body.in-skin.in-skin.in-skin.in-skin :is(.woocommerce-order,.woocommerce-customer-details) address :is(.woocommerce-customer-details--phone,.woocommerce-customer-details--email){margin:6px 0 0!important;color:var(--text-2)!important;font-size:14px!important}
/* tytuły kolumn (Adres rozliczeniowy / do wysyłki) = h3: Archivo 100%/700 */
body.in-skin.in-skin.in-skin.in-skin .woocommerce-customer-details :is(h2,.woocommerce-column__title){text-align:left!important;font-stretch:var(--wd-text)!important;font-weight:700!important;font-size:var(--fs-h3)!important;line-height:1.25!important;letter-spacing:-.01em!important;margin:0 0 12px!important}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-customer-details .woocommerce-column+.woocommerce-column{margin-top:18px}
body.in-skin.in-skin.in-skin.in-skin :is(.woocommerce-thankyou-order-failed,.woocommerce-thankyou-order-received,.woocommerce-order .woocommerce-notice){background:var(--surface-1)!important;background-image:none!important;color:var(--text-1)!important;border:1px solid var(--line-1)!important;border-left:3px solid var(--ok)!important;border-radius:16px!important;box-shadow:none!important;padding:16px 18px!important;text-align:left!important;font-family:var(--font)!important;font-size:var(--fs-small)!important;font-weight:600!important;line-height:1.5!important}
body.in-skin.in-skin.in-skin.in-skin :is(.woocommerce-order .woocommerce-thankyou-order-failed,.woocommerce-order .woocommerce-notice--error){border-left-color:var(--err)!important}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-thankyou-order-failed-actions{display:flex;flex-wrap:wrap;gap:10px}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order-overview{list-style:none!important;padding:16px 18px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order-overview li{border:0!important;margin:0!important;padding:0!important;font-family:var(--font)!important;font-size:var(--fs-label)!important;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-2)!important}
/* Dodatkowy CSS dokleja tu drugie etykiety w ::before („NUMER ZAMÓWIENIA:”, 10 px, wersaliki), a skórka i tak pokazuje oryginalne napisy Woo w li: dublet znika */
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order-overview li::before{content:none!important;display:none!important}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order-overview li strong{display:block;margin-top:4px;font-family:var(--font)!important;font-size:17px!important;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-1)!important;font-variant-numeric:tabular-nums}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order-details :is(table,thead,tbody,tfoot,tr){background:transparent!important}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order-details .order-actions-button,body.in-skin.in-skin.in-skin.in-skin .woocommerce-order a.button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;font-family:var(--font)!important;font-weight:600!important;font-size:var(--fs-small)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important}
/* przyciski w tabeli zamówienia (Dodatkowy CSS: zielony obrys) → drugorzędne */
body.in-skin.in-skin.in-skin.in-skin :is(.woocommerce-order,.woocommerce-order-details) table.shop_table .button,body.in-skin.in-skin.in-skin.in-skin .woocommerce-order-details .order-actions-button{background:var(--surface-3)!important;background-image:none!important;color:var(--text-1)!important;-webkit-text-fill-color:currentColor!important;border:0!important}
body.in-skin.in-skin.in-skin.in-skin.in-skin :is(.woocommerce-order,.woocommerce-order-details) table.shop_table .button:hover,body.in-skin.in-skin.in-skin.in-skin.in-skin .woocommerce-order-details .order-actions-button:hover{background:var(--surface-3-hover)!important;color:var(--text-1)!important}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order a.button.pay{background:var(--action)!important;color:var(--on-action)!important;border:0!important;-webkit-text-fill-color:currentColor!important}
body.in-skin.in-skin.in-skin.in-skin.in-skin .woocommerce-order a.button.pay:hover{background:var(--action-hover)!important;color:var(--on-action)!important}
/* „Anuluj zamówienie” = przycisk destrukcyjny: przezroczysty, tekst --err, obrys err .4 */
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order a.button.cancel{background:transparent!important;color:var(--err)!important;border:1px solid rgba(255,107,107,.4)!important;-webkit-text-fill-color:currentColor!important}
body.in-skin.in-skin.in-skin.in-skin.in-skin .woocommerce-order a.button.cancel:hover{background:var(--err-bg)!important;color:var(--err)!important}
body.in-skin.in-skin.in-skin.in-skin .woocommerce-order .woocommerce-thankyou-order-failed-actions{background:transparent!important;border:0!important;padding:0!important;margin-top:12px!important}

/* Przeliczanie koszyka i kasy: ciemna mgiełka (scrim) zamiast białej */
body.in-skin .blockUI.blockOverlay{background:var(--scrim)!important;opacity:1!important}

/* ===== Moje konto (wygląd; nowe funkcje w etapie 3) ===== */
body.in-skin .woocommerce-account .woocommerce,body.in-skin.woocommerce-account .woocommerce{font-family:var(--font)!important;color:var(--text-1)}
body.in-skin .woocommerce-MyAccount-navigation ul{list-style:none!important;margin:0 0 18px!important;padding:8px!important;border-radius:20px!important;border:1px solid var(--line-1)!important;background:var(--surface-1)!important;display:grid;gap:2px}
body.in-skin .woocommerce-MyAccount-navigation li{margin:0!important;padding:0!important;border:0!important;background:none!important}
/* menu konta: pozycje text-2, aktywna text-1 na surface-3 (specyficzność jak wcześniej – reguły #8ab534 w Dodatkowym CSS bez zmian) */
body.in-skin .woocommerce-MyAccount-navigation li a{display:block!important;padding:12px 14px!important;border-radius:12px!important;color:var(--text-2)!important;font-family:var(--font)!important;font-weight:500!important;font-size:var(--fs-small)!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;background:none!important;transition:background-color .16s var(--ease),color .16s var(--ease)}
body.in-skin .woocommerce-MyAccount-navigation li.is-active a{background:var(--surface-3)!important;color:var(--text-1)!important;font-weight:600!important}
body.in-skin .woocommerce-MyAccount-navigation li a:hover{background:var(--surface-2)!important;color:var(--text-1)!important}
body.in-skin .woocommerce-MyAccount-navigation li.is-active a:hover{background:var(--surface-3)!important}
body.in-skin .woocommerce-MyAccount-content{font-family:var(--font)!important;color:var(--text-1)!important}
body.in-skin .woocommerce-MyAccount-content :is(p,li,span,td,th,label,address,mark){font-family:var(--font)!important}
body.in-skin .woocommerce-MyAccount-content mark{background:var(--surface-3);color:var(--text-1);padding:0 6px;border-radius:6px}
body.in-skin .woocommerce-MyAccount-content table.shop_table{border:1px solid var(--line-1)!important;border-radius:20px!important;overflow:hidden;background:var(--surface-1)!important}
body.in-skin .woocommerce-MyAccount-content address{background:var(--surface-1)!important;border:1px solid var(--line-1)!important;border-radius:16px!important;padding:16px 18px!important;font-style:normal!important;color:var(--text-1)!important}
/* pola w koncie: tło surface-1, obrys --line-control, promień 12, 17 px; w kartach logowania i rejestracji tło czerni */
body.in-skin :is(.woocommerce-MyAccount-content,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,.woocommerce-EditAccountForm,.woocommerce-address-fields) :is(input.input-text,input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea){background:var(--surface-1)!important;color:var(--text-1)!important;-webkit-text-fill-color:var(--text-1);border:1px solid var(--line-control)!important;border-radius:12px!important;min-height:48px;padding:0 14px!important;font-family:var(--font)!important;font-size:17px!important;font-weight:400!important;box-shadow:none!important}
body.in-skin.in-skin :is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword) :is(input.input-text,input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea){background:var(--bg)!important}
body.in-skin :is(.woocommerce-MyAccount-content,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,.woocommerce-EditAccountForm,.woocommerce-address-fields) :is(input,select,textarea):focus{border-color:var(--text-1)!important;outline:2px solid var(--focus)!important;outline-offset:2px}
body.in-skin :is(.woocommerce-MyAccount-content,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword) textarea{padding:12px 14px!important}
body.in-skin :is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword){background:var(--surface-1)!important;border:1px solid var(--line-1)!important;border-radius:20px!important;padding:clamp(20px,3vw,28px)!important;color:var(--text-1)!important;font-family:var(--font)!important}
/* etykiety w koncie = .label 13 px/600, pisane zdaniem (wygrywa z wersalikami z Dodatkowego CSS) */
body.in-skin.in-skin :is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,.woocommerce-MyAccount-content) label{font-family:var(--font)!important;font-size:var(--fs-label)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--text-2)!important}
body.in-skin.in-skin :is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,.woocommerce-MyAccount-content) label.woocommerce-form__label-for-checkbox{font-family:var(--font)!important;text-transform:none!important;letter-spacing:0!important;font-size:var(--fs-small)!important;font-weight:500!important;color:var(--text-1)!important}
/* przyciski w koncie: akcja główna = biała pigułka; hover bez zieleni z Dodatkowego CSS */
body.in-skin :is(.woocommerce-MyAccount-content,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword) :is(.button,button[type=submit]){background:var(--action)!important;color:var(--on-action)!important;-webkit-text-fill-color:currentColor!important;border:0!important;border-radius:999px!important;font-family:var(--font)!important;font-weight:600!important;font-size:17px!important;text-transform:none!important;letter-spacing:0!important;min-height:52px;padding:0 24px!important;box-shadow:none!important;display:inline-flex!important;align-items:center;justify-content:center;transition:background-color .16s var(--ease)!important}
body.in-skin.in-skin :is(.woocommerce-MyAccount-content,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword) :is(.button,button[type=submit]):hover{background:var(--action-hover)!important;color:var(--on-action)!important}
/* przyciski w tabeli zamówień: małe, drugorzędne (36 px, 15 px) */
body.in-skin .woocommerce-MyAccount-content .woocommerce-orders-table .button{min-height:36px;padding:0 14px!important;font-size:var(--fs-small)!important;box-shadow:none!important;margin:2px!important;background:var(--surface-3)!important;color:var(--text-1)!important}
body.in-skin.in-skin.in-skin .woocommerce-MyAccount-content .woocommerce-orders-table .button:hover{background:var(--surface-3-hover)!important;color:var(--text-1)!important}
/* linki w treści konta: bez !important – kolor #8ab534 z Dodatkowego CSS zostaje jak był (lista NIE RUSZAĆ) */
body.in-skin .woocommerce-MyAccount-content a:not(.button){color:var(--text-1)}
body.in-skin :is(.woocommerce-account,.woocommerce-cart,.woocommerce-checkout) .woocommerce :is(h2,h3){font-family:var(--font)!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--text-1)!important}
/* pozostałe zielenie z Dodatkowego CSS w koncie (tylko kolory; kształt pigułki bez zmian; zwykłe linki treści z #8ab534 nietknięte):
   inne przyciski (np. B2BKing <button type="button">, input submit) = drugorzędne, paginacja tabel, hover linków przy logowaniu */
body.in-skin.in-skin.in-skin .woocommerce-MyAccount-content :is(button:not(.button):not([type=submit]),input[type=submit]){background:var(--surface-3)!important;color:var(--text-1)!important;-webkit-text-fill-color:var(--text-1);border-color:transparent!important;box-shadow:none!important}
body.in-skin.in-skin.in-skin .woocommerce-MyAccount-content :is(button:not(.button):not([type=submit]),input[type=submit]):hover{background:var(--surface-3-hover)!important;color:var(--text-1)!important;border-color:transparent!important}
body.in-skin.in-skin.in-skin .woocommerce-MyAccount-content .dataTables_paginate :is(.paginate_button.current,a:hover){background:var(--surface-3)!important;color:var(--text-1)!important;border-color:var(--line-2)!important}
body.in-skin.in-skin.woocommerce-account:not(.logged-in) :is(form.woocommerce-form,.woocommerce-LostPassword,.woocommerce-privacy-policy-text) a:hover{color:var(--text-1)!important;text-decoration-color:var(--text-1)}