/* ============================================================
   Retrodajnia — theme.css
   Style bazowe motywu: zmienne, typografia, przyciski,
   topbar, nagłówek, nawigacja, stopka, drawer mobilny.
   Wyłuskane z makiet HTML marki Retrodajnia.
   ============================================================ */

:root{
  --white:#FFFFFF;
  --ink:#0B0A0A;
  --orange:#FA4700;
  --orange-soft:#FFF0E9;
  --grey-bg:#F5F4F2;
  --grey-line:#E7E4DF;
  --grey-text:#6B6764;
  --gold:#C9A227;
  --radius:16px;
  --maxw:1240px;
  --shadow:0 8px 30px rgba(11,10,10,.08);
  --font:'Lato',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --display:'Poppins','Lato',sans-serif;
}

/* ===== RESET / BAZA ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ===== KONTENER ===== */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}

/* ===== TYPOGRAFIA ===== */
.eyebrow{font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:var(--orange);font-weight:600;margin-bottom:14px}
h1,h2,h3{font-family:var(--display);line-height:1.12;letter-spacing:-.01em}
h2{font-size:clamp(28px,4vw,42px);font-weight:700}
.lead{color:var(--grey-text);font-size:17px;max-width:620px}

/* ===== PRZYCISKI ===== */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:14px 26px;border-radius:0;border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;transition:.2s;line-height:1}
.btn:hover{background:var(--orange);border-color:var(--orange)}
.btn--orange{background:var(--orange);border-color:var(--orange)}
.btn--orange:hover{background:var(--ink);border-color:var(--ink)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}

/* ===== TOPBAR ===== */
.topbar{background:var(--ink);color:#fff;font-size:13px;text-align:center;padding:9px 20px;letter-spacing:.02em}
.topbar b{color:var(--orange)}

/* ===== HEADER ===== */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--grey-line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:74px}
.logo{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.logo small{display:block;font-family:var(--font);font-weight:400;font-size:10px;letter-spacing:.32em;color:var(--grey-text);text-transform:uppercase;margin-top:-3px}
.menu{display:flex;gap:30px;list-style:none;font-weight:500;font-size:15px}
.menu a{position:relative;padding:6px 0}
.menu a:hover{color:var(--orange)}
.menu a.active,
.menu .current-menu-item>a,
.menu .current_page_item>a,
.menu .current-menu-ancestor>a{color:var(--orange)}
.menu a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--orange);transition:.25s}
.menu a:hover::after,
.menu a.active::after,
.menu .current-menu-item>a::after,
.menu .current_page_item>a::after{width:100%}
.tools{display:flex;align-items:center;gap:14px}
.icobtn{width:42px;height:42px;border-radius:0;border:1px solid var(--grey-line);display:grid;place-items:center;background:#fff;cursor:pointer;transition:.2s;position:relative;color:var(--ink)}
.icobtn:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.icobtn svg{width:19px;height:19px}
.badge{position:absolute;top:-4px;right:-4px;background:var(--orange);color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.burger{display:none;width:44px;height:44px;border:1px solid var(--grey-line);border-radius:12px;background:#fff;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.burger span{width:20px;height:2px;background:var(--ink);transition:.25s}

/* ===== KONTENER TREŚCI (shell dla shortcode'ów wtyczki) ===== */
.rtd-shell{width:100%}
.rtd-page{width:100%;max-width:var(--maxw);margin:0 auto;padding:56px 20px}
.rtd-page h1{font-size:clamp(30px,5vw,48px);font-weight:700;margin-bottom:20px}
.rtd-page h2{margin:32px 0 14px}
.rtd-page p{color:var(--grey-text);margin-bottom:16px}
.rtd-page a{color:var(--orange)}
.rtd-page a:hover{text-decoration:underline}
.rtd-page img{border-radius:var(--radius);margin:18px 0}
.rtd-page ul,.rtd-page ol{margin:0 0 16px 22px;color:var(--grey-text)}

/* ===== FOOTER ===== */
.footer{background:var(--ink);color:#cfccc9;padding:64px 0 28px;margin-top:0}
.footer a:hover{color:var(--orange)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer .logo{color:#fff;margin-bottom:16px}
.footer h5{color:#fff;font-family:var(--display);font-size:15px;margin-bottom:18px;letter-spacing:.02em}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:14.5px}
.footer p{font-size:14px;line-height:1.7}
.socials{display:flex;gap:12px;margin-top:18px}
.socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;transition:.2s}
.socials a:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.socials svg{width:18px;height:18px}
.pays{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pay{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:7px;font-size:11px;font-weight:600;padding:6px 10px;color:#fff}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;font-size:13px;color:#8b8784}

/* ===== DRAWER MOBILNY ===== */
.drawer{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.25s}
.drawer.open{visibility:visible;opacity:1}
.drawer__bg{position:absolute;inset:0;background:rgba(11,10,10,.5)}
.drawer__panel{position:absolute;top:0;right:0;width:min(86%,340px);height:100%;background:#fff;padding:26px;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column;gap:8px}
.drawer.open .drawer__panel{transform:translateX(0)}
.drawer a{padding:14px 6px;border-bottom:1px solid var(--grey-line);font-weight:500;font-size:17px}
.drawer ul{list-style:none}
.drawer__close{align-self:flex-end;background:none;border:none;font-size:26px;cursor:pointer;margin-bottom:10px}

/* ===== RESPONSYWNOŚĆ ===== */
@media(max-width:980px){
  .menu{display:none}
  .burger{display:flex}
  .foot-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .foot-grid{grid-template-columns:1fr}
  .tools .icobtn.hide-sm{display:none}
}

/* ============================================================
   WooCommerce — STRONA PRODUKTU (single product)
   Dopasowanie do identyfikacji Retrodajnia: dwie kolumny,
   mniejsze zdjecie + strzalki, opis pod cena, brandowy przycisk.
   ============================================================ */

/* uklad: zdjecie (lewa) + podsumowanie (prawa) */
.single-product div.product{
  display:grid;
  grid-template-columns:minmax(0,460px) minmax(0,1fr);
  gap:48px;
  align-items:start;
  max-width:var(--maxw);
  margin:8px auto 0;
  padding:0 20px;
}
/* elementy pelnej szerokosci pod kolumnami (zakladki/powiazane/upsell) */
.single-product div.product>.woocommerce-tabs,
.single-product div.product>.related,
.single-product div.product>.upsells{grid-column:1 / -1;}

/* galeria: mniejsze, kontrolowane zdjecie */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product div.images{
  width:100% !important;   /* nadpisuje WC .woocommerce div.product div.images{width:48%} */
  max-width:460px;
  margin:0 !important;
  float:none !important;
  position:relative;
}
.single-product div.product .woocommerce-product-gallery img{
  max-height:60vh;
  object-fit:contain;
}
.single-product div.product .summary,
.single-product div.product div.summary{
  width:100% !important;   /* nadpisuje WC .woocommerce div.product div.summary{width:48%} — tresc na pelna szerokosc kolumny */
  margin:0 !important;
  float:none !important;
}

/* tytul produktu: nieco mniejszy + krotkie pomaranczowe podkreslenie od lewej */
.single-product .entry-title{
  font-size:clamp(28px,3.4vw,40px);
  position:relative;
  padding-bottom:20px;
  margin-bottom:12px;
}
.single-product .entry-title::after{
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:64px;height:3px;
  background:var(--orange);
  border-radius:2px;
}

/* strzalki galerii (flexslider directionNav) — styl marki */
.single-product .woocommerce-product-gallery .flex-direction-nav{
  list-style:none;margin:0;padding:0;
}
.single-product .woocommerce-product-gallery .flex-direction-nav a{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;
  border:1px solid var(--grey-line);
  background:rgba(255,255,255,.92);
  display:grid;place-items:center;
  font-size:0;color:var(--ink);
  border-radius:0;opacity:1;transition:.2s;z-index:6;
  text-shadow:none;
}
.single-product .woocommerce-product-gallery .flex-direction-nav a::before{
  font-family:var(--display);font-size:26px;line-height:1;color:inherit;margin:0;
}
.single-product .woocommerce-product-gallery .flex-nav-prev a::before{content:'\2039';}
.single-product .woocommerce-product-gallery .flex-nav-next a::before{content:'\203A';}
.single-product .woocommerce-product-gallery .flex-direction-nav a:hover{
  background:var(--ink);color:#fff;border-color:var(--ink);
}
.single-product .woocommerce-product-gallery .flex-nav-prev a{left:-6px;}
.single-product .woocommerce-product-gallery .flex-nav-next a{right:-6px;}

/* cena — wyzsza specyficznosc niz domyslny olivkowy WooCommerce (.woocommerce div.product p.price) */
.single-product div.product .summary .price,
.single-product div.product .summary .price ins,
.single-product div.product .summary .price .amount,
.single-product div.product .summary .price bdi{
  font-family:var(--display);font-weight:700;color:var(--ink);font-size:28px;
  text-decoration:none;
}
.single-product div.product .summary .price{margin:0 0 18px;}
.single-product div.product .summary .price del,
.single-product div.product .summary .price del .amount{color:var(--grey-text);font-weight:400;font-size:20px;}

/* glowny opis przeniesiony pod cene */
.single-product .summary .rtd-single-desc{
  color:var(--grey-text);line-height:1.7;font-size:15.5px;margin:0 0 24px;
}
.single-product .summary .rtd-single-desc p{margin:0 0 8px;}
.single-product .summary .rtd-single-desc strong{color:var(--ink);}

/* pole ilosci + przycisk (styl .btn marki) */
.single-product .summary form.cart{
  display:flex;align-items:center;gap:12px;margin:0 0 8px;
}
.single-product .summary .quantity input.qty{
  border:1px solid var(--grey-line);border-radius:0;
  height:50px;width:70px;text-align:center;font-family:var(--font);
}
.single-product .summary .single_add_to_cart_button.button{
  background:var(--ink);border:2px solid var(--ink);color:#fff;
  border-radius:0;font-family:var(--display);font-weight:600;
  padding:15px 30px;text-transform:none;box-shadow:none;line-height:1;transition:.2s;
}
.single-product .summary .single_add_to_cart_button.button:hover{
  background:var(--orange);border-color:var(--orange);
}

/* meta (kategoria) */
.single-product .summary .product_meta{
  color:var(--grey-text);font-size:14px;
  margin-top:22px;border-top:1px solid var(--grey-line);padding-top:16px;
}
.single-product .summary .product_meta a{color:var(--orange);}

/* responsywnosc — jedna kolumna na mobile */
@media(max-width:900px){
  .single-product div.product{grid-template-columns:1fr;gap:28px;}
  .single-product div.product .woocommerce-product-gallery{max-width:none;}
}

/* ============================================================
   Miniatury galerii — pozioma listwa w boxie ze strzalkami
   (JS: assets/single-product.js owija .flex-control-thumbs)
   ============================================================ */
.single-product .woocommerce-product-gallery .rtd-thumbs-box{position:relative;margin-top:14px;}
.single-product .woocommerce-product-gallery .rtd-thumbs-box.rtd-thumbs-overflow{padding:0 38px;}
.single-product .flex-control-thumbs{
  display:flex !important;flex-wrap:nowrap !important;gap:10px;
  margin:0 !important;padding:0 !important;list-style:none;
  overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;
}
.single-product .flex-control-thumbs::-webkit-scrollbar{display:none;}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{
  flex:0 0 auto !important;width:84px !important;height:84px !important;margin:0 !important;
}
.single-product .flex-control-thumbs img{
  width:84px !important;height:84px !important;object-fit:cover;
  border:1px solid var(--grey-line);opacity:.7;cursor:pointer;transition:.18s;border-radius:0;
}
.single-product .flex-control-thumbs img:hover{opacity:1;}
.single-product .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--orange);border-width:2px;}
.single-product .rtd-thumbs-arrow{
  display:none;position:absolute;top:50%;transform:translateY(-50%);
  width:30px;height:84px;border:1px solid var(--grey-line);background:#fff;
  place-items:center;cursor:pointer;color:var(--ink);
  font-family:var(--display);font-size:20px;line-height:1;z-index:3;transition:.18s;padding:0;
}
.single-product .rtd-thumbs-box.rtd-thumbs-overflow .rtd-thumbs-arrow{display:grid;}
.single-product .rtd-thumbs-arrow:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
.single-product .rtd-thumbs-arrow[disabled]{opacity:.3;cursor:default;background:#fff;color:var(--ink);border-color:var(--grey-line);}
.single-product .rtd-thumbs-prev{left:0;}
.single-product .rtd-thumbs-next{right:0;}

/* ============================================================
   Kontener ceny — szare tlo marki + pomaranczowa ramka + etykieta
   ============================================================ */
.single-product .summary .rtd-price-box{
  display:block;
  width:100%;
  background:var(--grey-bg);
  border:1px solid var(--orange);
  border-radius:8px;
  padding:10px 14px;
  margin:0 0 22px;
}
.single-product .summary .rtd-price-box .rtd-price-label{
  display:block;
  font-family:var(--display);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--orange);
  margin-bottom:1px;
}
.single-product .summary .rtd-price-box .price{margin:0 !important;}

/* ============================================================
   Komunikaty WooCommerce (dodano do koszyka / info / blad)
   Spojne z layoutem: szare tlo, pomaranczowy akcent, czarny przycisk.
   ============================================================ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  position:relative;
  background:var(--grey-bg);color:var(--ink);
  border:1px solid var(--grey-line);border-left:3px solid var(--orange);
  border-radius:8px;
  padding:14px 18px 14px 44px;margin:0 0 20px;
  list-style:none;box-shadow:none;font-family:var(--font);line-height:1.5;
}
.woocommerce-info{border-left-color:var(--gold);}
.woocommerce-error{border-left-color:#C0392B;}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
  position:absolute;left:16px;top:15px;font-size:16px;margin:0;
}
.woocommerce-message::before{color:var(--orange);}
.woocommerce-info::before{color:var(--gold);}
.woocommerce-error::before{color:#C0392B;}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce .button.wc-forward{
  float:right;margin:-3px 0 0 14px;
  background:var(--ink);border:2px solid var(--ink);color:#fff;
  border-radius:0;font-family:var(--display);font-weight:600;
  text-transform:none;box-shadow:none;padding:9px 18px;line-height:1.2;
}
.woocommerce .button.wc-forward:hover{background:var(--orange);border-color:var(--orange);}

/* ============================================================
   Sekcja zaufania pod "Dodaj do koszyka" (wysylka/pakowanie/platnosci)
   ============================================================ */
.single-product .summary .rtd-trust{
  margin:20px 0 4px;border:1px solid var(--grey-line);border-radius:12px;
  overflow:hidden;background:#fff;
}
.single-product .summary .rtd-trust__item{display:flex;align-items:center;gap:14px;padding:13px 16px;}
.single-product .summary .rtd-trust__item + .rtd-trust__item{border-top:1px solid var(--grey-line);}
.single-product .summary .rtd-trust__ico{
  flex:0 0 auto;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);
}
.single-product .summary .rtd-trust__ico svg{width:22px;height:22px;display:block;}
.single-product .summary .rtd-trust__txt{display:flex;flex-direction:column;gap:1px;}
.single-product .summary .rtd-trust__txt strong{font-family:var(--display);font-size:14.5px;color:var(--ink);font-weight:600;}
.single-product .summary .rtd-trust__txt small{font-size:12.5px;color:var(--grey-text);line-height:1.45;}

/* ============================================================
   FIX: przyciski w tresci stron (.rtd-page) nie moga dziedziczyc
   pomaranczowego koloru/podkreslenia linku (.rtd-page a).
   Bez tego tekst .btn--orange byl pomaranczowy na pomaranczowym (niewidoczny),
   a .btn na hover pomaranczowy na pomaranczowym.
   ============================================================ */
.rtd-page a.btn{color:#fff}
.rtd-page a.btn.btn--ghost{color:var(--ink)}
.rtd-page a.btn.btn--ghost:hover{color:#fff}
.rtd-page a.btn:hover{text-decoration:none}

/* ============================================================
   WooCommerce — koszyk / checkout / moje konto (kontener + brand)
   ============================================================ */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.woocommerce-account .site-main{max-width:var(--maxw);margin:0 auto;padding:48px 20px}
.woocommerce-cart .site-main>h1,
.woocommerce-checkout .site-main>h1,
.woocommerce-account .site-main>h1{font-family:var(--display);margin-bottom:22px;font-size:clamp(28px,3.4vw,40px)}

/* przyciski WooCommerce -> styl marki */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.woocommerce #place_order{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);border:2px solid var(--ink);color:#fff;border-radius:0;
  font-family:var(--display);font-weight:600;font-size:15px;text-transform:none;
  box-shadow:none;padding:13px 26px;line-height:1;transition:.2s;cursor:pointer}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #place_order:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.checkout-button,
.woocommerce #place_order{background:var(--orange);border-color:var(--orange);color:#fff}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover{background:var(--ink);border-color:var(--ink)}

/* tabele (koszyk / zamowienia) */
.woocommerce table.shop_table{border:1px solid var(--grey-line);border-radius:var(--radius);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table thead th,
.woocommerce table.shop_table th{font-family:var(--display);background:var(--grey-bg);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;padding:16px;color:var(--ink)}
.woocommerce table.shop_table td{padding:16px;border-top:1px solid var(--grey-line)}
.woocommerce table.shop_table td.product-thumbnail img{width:64px;border-radius:8px}
.woocommerce .quantity input.qty{border:1px solid var(--grey-line);border-radius:0;height:44px;width:64px;text-align:center;font-family:var(--font)}
.woocommerce .cart_totals h2{font-family:var(--display);font-size:20px;margin-bottom:14px}
.woocommerce-cart .cart-collaterals .cart_totals{float:right;width:42%}
.woocommerce-cart .woocommerce-cart-form{margin-bottom:36px}
.woocommerce a.remove{color:var(--ink) !important;border-radius:50%}
.woocommerce a.remove:hover{background:var(--orange) !important;color:#fff !important}

/* pola formularzy */
.woocommerce .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce input.input-text,
.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=tel],
.woocommerce input[type=password],
.woocommerce input[type=number],
.woocommerce select,
.woocommerce textarea{border:1px solid var(--grey-line) !important;border-radius:0 !important;padding:12px !important;font-family:inherit;font-size:15px}
.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus{outline:none;border-color:var(--ink) !important}

/* moje konto — nawigacja + tresc */
.woocommerce-account .woocommerce{overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:240px;margin:0 40px 30px 0}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--grey-line);border-radius:var(--radius);overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--grey-line)}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:13px 18px;font-weight:600;font-family:var(--display);font-size:14.5px;color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--orange)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--orange)}
.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account .u-column1 form,
.woocommerce-account .u-column2 form{border:1px solid var(--grey-line);border-radius:var(--radius);padding:26px}

/* ============================================================
   Strona wyszukiwania (search.php)
   ============================================================ */
.rtd-search{padding:44px 0 64px}
.rtd-search .crumb{font-size:13px;color:var(--grey-text);margin-bottom:10px}
.rtd-search .crumb a:hover{color:var(--orange)}
.rtd-search h1{font-size:clamp(30px,4vw,46px);margin-bottom:22px}
.rtd-search__form{display:flex;gap:12px;max-width:640px;margin:0 0 6px}
.rtd-search__form input[type=search]{flex:1;border:1.5px solid var(--grey-line);border-radius:0;padding:14px 16px;font-family:inherit;font-size:16px}
.rtd-search__form input[type=search]:focus{outline:none;border-color:var(--ink)}
.rtd-search__count{margin:20px 0 24px;font-size:14px;color:var(--grey-text);font-weight:600}
.rtd-search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.rtd-scard{background:#fff;border:1px solid var(--grey-line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.rtd-scard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.rtd-scard__media{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--grey-bg)}
.rtd-scard__media img{width:100%;height:100%;object-fit:cover;display:block}
.rtd-scard__ph{width:100%;height:100%;display:grid;place-items:center;color:#b9b2a8}
.rtd-scard__ph svg{width:40px;height:40px}
.rtd-scard__body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.rtd-scard__type{font-family:var(--display);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);font-weight:600}
.rtd-scard__body h3{font-size:19px}
.rtd-scard__body h3 a{color:var(--ink)}
.rtd-scard__body h3 a:hover{color:var(--orange)}
.rtd-scard__price{font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink)}
.rtd-scard__price .amount,.rtd-scard__price bdi{color:var(--ink)}
.rtd-scard__ex{font-size:14px;color:var(--grey-text);line-height:1.5}
.rtd-scard .btn{margin-top:auto;align-self:flex-start;padding:10px 18px;font-size:13px}
.rtd-search__empty{padding:48px;text-align:center;color:var(--grey-text);border:1px dashed var(--grey-line);border-radius:var(--radius)}
.rtd-search__pager{margin-top:34px}
.rtd-search__pager .page-numbers{display:inline-flex;gap:6px;list-style:none;padding:0;flex-wrap:wrap}
.rtd-search__pager .page-numbers li a,
.rtd-search__pager .page-numbers li span{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--grey-line);color:var(--ink)}
.rtd-search__pager .page-numbers li .current{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:900px){.rtd-search-grid{grid-template-columns:1fr 1fr}.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto;margin:0 0 24px}.woocommerce-cart .cart-collaterals .cart_totals{float:none;width:auto}}
@media(max-width:620px){.rtd-search-grid{grid-template-columns:1fr}.rtd-search__form{flex-direction:column}}

/* ============================================================
   WooCommerce — blokowy koszyk / checkout (Gutenberg): przyciski marki
   ============================================================ */
.wc-block-components-button:not(.is-link){
  background:var(--ink) !important;border:2px solid var(--ink) !important;color:#fff !important;
  border-radius:0 !important;font-family:var(--display) !important;font-weight:600 !important;box-shadow:none !important}
.wc-block-components-button:not(.is-link):hover{background:var(--orange) !important;border-color:var(--orange) !important;color:#fff !important}
.wc-block-cart__submit-button,
.wc-block-components-button.contained,
.wc-block-checkout__actions .wc-block-components-button{background:var(--orange) !important;border-color:var(--orange) !important;color:#fff !important}
.wc-block-cart__submit-button:hover,
.wc-block-components-button.contained:hover,
.wc-block-checkout__actions .wc-block-components-button:hover{background:var(--ink) !important;border-color:var(--ink) !important}

/* ============================================================
   Formy dostawy w sekcji zaufania (metody + odbior osobisty)
   ============================================================ */
.single-product .summary .rtd-trust__desc .rtd-ship-line{display:block;line-height:1.55;}
.single-product .summary .rtd-trust__desc .rtd-ship-line strong{color:var(--ink);font-weight:600;}
.single-product .summary .rtd-trust__desc .rtd-ship-muted{color:var(--grey-text);}
.single-product .summary .rtd-trust__desc .amount{white-space:nowrap;}

/* ── 1.8.0 — nagłówek: ciemny pasek, większe logo, brak paska zapowiedzi ──
   Reguły celowo z prefiksem `body`, bo wtyczka retrodajnia-strony wnosi własne,
   globalne definicje `.header` / `.nav` (kopie CSS z makiet) i przy zmianie
   kolejności ładowania arkuszy mogłyby wygrać. `body .header` (0,1,1) bije
   `.header` (0,1,0) niezależnie od kolejności. */
.topbar { display: none; }

body .header {
	background: #11111F;
	border-bottom: 1px solid rgba(255,255,255,.12);
	backdrop-filter: none;
}
body .header .nav { height: 112px; }

body .logo { gap: 0; }
body .logo .logo__img,
body .logo img {
	height: 92px;
	width: auto;
	display: block;
}

body .header .menu a { color: #fff; }
body .header .menu a:hover,
body .header .menu a.active { color: var(--orange); }

body .header .icobtn {
	border-color: rgba(255,255,255,.28);
	background: transparent;
	color: #fff;
}
body .header .icobtn:hover {
	border-color: var(--orange);
	background: var(--orange);
	color: #fff;
}

body .header .burger { border-color: rgba(255,255,255,.28); background: transparent; }
body .header .burger span { background: #fff; }

@media (max-width: 980px) {
	body .header .nav { height: 88px; }
	body .logo .logo__img,
	body .logo img { height: 68px; }
}

@media (max-width: 560px) {
	body .header .nav { height: 76px; }
	body .logo .logo__img,
	body .logo img { height: 56px; }
}

/* ── 1.10.0 — MOBILNE MENU PEŁNOEKRANOWE ─────────────────────────────────
   Prefiks `body` z tego samego powodu co w bloku 1.8.0: wtyczka
   retrodajnia-strony wnosi własne, globalne definicje `.drawer*` (kopie CSS
   z makiet) i przy innej kolejności arkuszy mogłyby wygrać. */
body.rtd-menu-open { overflow: hidden; }

body .drawer {
	position: fixed;
	inset: 0;
	z-index: 200;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease, visibility .2s ease;
}
body .drawer.open { visibility: visible; opacity: 1; }
body .drawer__bg { position: absolute; inset: 0; background: transparent; }

body .drawer__panel {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	background: #11111F;
	color: #fff;
	padding: 18px 22px calc(22px + env(safe-area-inset-bottom));
	display: flex;
	flex-direction: column;
	gap: 0;
	transform: translateY(-14px);
	transition: transform .25s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
body .drawer.open .drawer__panel { transform: translateY(0); }

body .drawer__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}
body .drawer__logo { display: block; }
body .drawer__logo img { height: 58px; width: auto; display: block; }

body .drawer__close {
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.28);
	background: transparent;
	color: #fff;
	display: grid;
	place-items: center;
	cursor: pointer;
	padding: 0;
	margin: 0;
	align-self: center;
	font-size: 0;
}
body .drawer__close svg { width: 22px; height: 22px; }
body .drawer__close:hover,
body .drawer__close:focus-visible { border-color: var(--orange); color: var(--orange); }

body .drawer__nav { flex: 1 1 auto; padding-top: 8px; }
body .drawer .drawer-menu { list-style: none; margin: 0; padding: 0; }
body .drawer .drawer-menu li { margin: 0; }

body .drawer .drawer-menu a {
	display: flex;
	align-items: center;
	min-height: 64px;
	padding: 12px 4px;
	border-bottom: 1px solid rgba(255,255,255,.10);
	font-family: var(--display);
	font-weight: 600;
	font-size: 25px;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: #fff;
	text-decoration: none;
	transition: color .15s ease, padding-left .15s ease;
}
body .drawer .drawer-menu a:hover,
body .drawer .drawer-menu a:focus-visible { color: var(--orange); padding-left: 10px; }
body .drawer .drawer-menu .current-menu-item > a,
body .drawer .drawer-menu .current_page_item > a { color: var(--orange); }
body .drawer .drawer-menu .current-menu-item > a::before,
body .drawer .drawer-menu .current_page_item > a::before {
	content: "";
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--orange);
	margin-right: 12px;
	flex: 0 0 8px;
}

body .drawer__foot { padding-top: 22px; }
body .drawer__actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body .drawer__action {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 72px;
	padding: 12px 6px;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 14px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	transition: border-color .15s ease, background .15s ease;
}
body .drawer__action svg { width: 21px; height: 21px; }
body .drawer__action:hover,
body .drawer__action:focus-visible { border-color: var(--orange); background: rgba(250,71,0,.10); }
body .drawer__action .badge { top: 8px; right: 10px; }

body .drawer__contact {
	margin: 18px 0 0;
	text-align: center;
	font-size: 13.5px;
	color: rgba(255,255,255,.62);
}
body .drawer__contact a { color: rgba(255,255,255,.85); text-decoration: none; }
body .drawer__contact a:hover { color: var(--orange); }
body .drawer__contact span { margin: 0 8px; }

/* burger zamienia sie w krzyzyk, gdy menu otwarte */
body .header .burger { transition: border-color .15s ease; }
body .header .burger span { transition: transform .25s ease, opacity .2s ease; }
body.rtd-menu-open .header .burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.rtd-menu-open .header .burger span:nth-child(2) { opacity: 0; }
body.rtd-menu-open .header .burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 380px) {
	body .drawer .drawer-menu a { font-size: 22px; min-height: 58px; }
	body .drawer__logo img { height: 50px; }
	body .drawer__action { min-height: 66px; font-size: 12px; }
}

/* ── 1.10.0 — STRONA PRODUKTU NA MOBILE ──────────────────────────────────
   `1fr` to `minmax(auto,1fr)`, a minimum `auto` = min-content elementu.
   Galeria WooCommerce ma min-content ~460 px (stała szerokość slidera),
   więc kolumna nie schodziła poniżej 460 px i rozpychała stronę w poziomie
   na telefonie. `minmax(0,1fr)` pozwala kolumnie zejść poniżej min-content. */
@media (max-width: 900px) {
	body .single-product div.product { grid-template-columns: minmax(0, 1fr); }
	body .single-product div.product .woocommerce-product-gallery { max-width: 100%; }
	body .single-product div.product .woocommerce-product-gallery .flex-viewport { width: 100%; }
	body .single-product div.product .woocommerce-product-gallery img { width: 100%; height: auto; max-height: none; }
	body .single-product div.product .summary { min-width: 0; }
}

/* ── 1.11.0 — wyszukiwarka: stan pustych wyników ───────────────────────── */
.rtd-search__empty {
	padding: 56px 28px;
	text-align: center;
	color: var(--grey-text);
	border: 1px dashed var(--grey-line);
	border-radius: var(--radius);
	background: var(--grey-bg);
}
.rtd-search__empty-ico {
	display: grid;
	place-items: center;
	width: 62px;
	height: 62px;
	margin: 0 auto 18px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--grey-line);
	color: var(--orange);
}
.rtd-search__empty-ico svg { width: 26px; height: 26px; }
.rtd-search__empty h2 {
	font-family: var(--display);
	font-size: clamp(21px, 2.6vw, 27px);
	color: var(--ink);
	margin: 0 0 12px;
}
.rtd-search__empty p { max-width: 620px; margin: 0 auto; font-size: 15.5px; line-height: 1.7; }
.rtd-search__empty-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin: 26px 0 8px;
}
.rtd-search__empty-soc { margin-top: 22px !important; font-size: 14.5px; }
.rtd-search__empty-soc a { color: var(--orange); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.rtd-search__empty-soc a:hover { color: var(--ink); }
.rtd-search__empty-soc span { color: var(--grey-line); margin: 0 4px; }

@media (max-width: 560px) {
	.rtd-search__empty { padding: 40px 18px; }
	.rtd-search__empty-cta .btn { width: 100%; }
}

/* ── 1.12.0 — baner cookies (wtyczka „Prosty Cookie Consent") w stylistyce marki
   Wtyczka jest współdzielona między projektami, więc NIE forkujemy jej pod ten
   sklep — kolory ustawia się w jej panelu, a tutaj dokładamy tylko typografię
   i kształt przycisków, żeby baner wyglądał jak reszta strony. Reguły są
   nieinwazyjne: jeśli wtyczki nie ma, nic się nie dzieje. */
body .pcc-banner {
	font-family: var(--font);
	box-shadow: 0 12px 48px rgba(11,10,10,.22);
}

/* Okno w rogu ekranu (pozycja bottom-left / bottom-right w ustawieniach wtyczki):
   zaokraglony kafel z pomaranczowa krawedzia, bez paska przez cala szerokosc. */
body .pcc-banner.pcc-pos-bottom-left,
body .pcc-banner.pcc-pos-bottom-right,
body .pcc-banner.pcc-pos-center {
	border: 1px solid var(--grey-line);
	border-top: 3px solid var(--orange);
	border-radius: var(--radius);
	overflow: hidden;
}
body .pcc-banner.pcc-pos-bottom-left .pcc-inner,
body .pcc-banner.pcc-pos-bottom-right .pcc-inner,
body .pcc-banner.pcc-pos-center .pcc-inner { padding: 24px; }

/* Pasek na pelna szerokosc (pozycja bottom) - akcent u gory, bez zaokraglen. */
body .pcc-banner.pcc-pos-bottom {
	border-top: 3px solid var(--orange);
	box-shadow: 0 -8px 40px rgba(11,10,10,.14);
}
body .pcc-title {
	font-family: var(--display);
	font-size: 17px;
	letter-spacing: -.01em;
}
body .pcc-message { font-size: 14.5px; line-height: 1.65; }

body .pcc-btn {
	border-radius: 999px;
	font-weight: 600;
	padding: 12px 24px;
	border-width: 2px;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
body .pcc-btn-primary,
body .pcc-btn-save {
	background: var(--orange);
	border-color: var(--orange);
	color: #fff;
}
body .pcc-btn-primary:hover,
body .pcc-btn-save:hover {
	background: var(--ink);
	border-color: var(--ink);
	filter: none;
}
body .pcc-btn-secondary {
	border-color: var(--ink);
	color: var(--ink);
}
body .pcc-btn-secondary:hover { background: var(--ink); color: #fff; }

body .pcc-policy-link { color: var(--orange); font-weight: 600; }
body .pcc-policy-link:hover { color: var(--ink); }

body .pcc-reopen {
	background: var(--ink);
	border: 1px solid rgba(255,255,255,.18);
}
body .pcc-reopen:hover { background: var(--orange); filter: none; }

body .pcc-pref-label { font-family: var(--display); font-weight: 600; }

/* ============================================================
   WooCommerce — potwierdzenie zamowienia (order-received)
   Klasyczny szablon "thankyou" nie byl wczesniej stylowany:
   naglowki szly globalna skala h2 (42 px), etykiety podsumowania
   ladowaly na 11 px, komunikat sukcesu byl golym akapitem.
   ============================================================ */
.woocommerce-order-received .site-main{max-width:960px}

/* komunikat powitalny */
.woocommerce-order-received p.woocommerce-thankyou-order-received{
  position:relative;margin:0 0 30px;padding:24px 26px 24px 78px;
  background:var(--orange-soft);border:1px solid #F7D3C2;border-radius:var(--radius);
  font-family:var(--display);font-size:20px;font-weight:600;line-height:1.35;color:var(--ink)}
.woocommerce-order-received p.woocommerce-thankyou-order-received::before{
  content:"";position:absolute;left:26px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;background:var(--orange)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/17px no-repeat}

/* podsumowanie: numer / data / e-mail / kwota / platnosc */
.woocommerce-order-received ul.order_details{
  list-style:none;margin:0 0 34px;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;
  background:var(--grey-line);border:1px solid var(--grey-line);border-radius:var(--radius);overflow:hidden}
.woocommerce-order-received ul.order_details::before,
.woocommerce-order-received ul.order_details::after{content:none;display:none}
.woocommerce-order-received ul.order_details li{
  margin:0;padding:15px 18px;border:0;float:none;background:#fff;
  font-family:var(--font);font-size:11.5px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:var(--grey-text)}
.woocommerce-order-received ul.order_details li strong{
  display:block;margin-top:7px;font-family:var(--display);font-size:17px;font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--ink);overflow-wrap:anywhere}
.woocommerce-order-received ul.order_details li.email strong{font-size:14px}

/* dane do przelewu */
.woocommerce-order-received .woocommerce-order>p{margin:0 0 14px;color:var(--grey-text)}
.woocommerce-order-received section.woocommerce-bacs-bank-details{
  margin:0 0 34px;padding:22px 24px;background:var(--grey-bg);
  border:1px solid var(--grey-line);border-left:4px solid var(--orange);border-radius:var(--radius)}
.woocommerce-order-received h2.wc-bacs-bank-details-heading{margin:0 0 4px}
.woocommerce-order-received h3.wc-bacs-bank-details-account-name{
  font-family:var(--display);font-size:15px;font-weight:600;margin:0 0 14px;color:var(--grey-text)}
.woocommerce-order-received ul.wc-bacs-bank-details{
  margin:0;background:transparent;border:0;border-radius:0;gap:14px}
.woocommerce-order-received ul.wc-bacs-bank-details li{background:transparent;padding:0}
.woocommerce-order-received ul.wc-bacs-bank-details li strong{
  font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:16px}

/* naglowki sekcji — bez globalnej skali 42 px */
.woocommerce-order-received .woocommerce-order h2{
  font-family:var(--display);font-size:22px;font-weight:600;line-height:1.3;margin:0 0 14px}
.woocommerce-order-received section.woocommerce-order-details,
.woocommerce-order-received section.woocommerce-customer-details{margin:0 0 34px}

/* tabela zamowienia */
.woocommerce-order-received table.shop_table td,
.woocommerce-order-received table.shop_table th{font-size:15px}
.woocommerce-order-received table.shop_table tfoot th{
  font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.04em}

/* adresy — grid zamiast floatow .col2-set (pseudoelementy wygaszone,
   inaczej clearfix motywu robi z nich fantomowe komorki siatki) */
.woocommerce-order-received .woocommerce-columns--addresses{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.woocommerce-order-received .woocommerce-columns--addresses::before,
.woocommerce-order-received .woocommerce-columns--addresses::after{content:none;display:none}
.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column{
  width:auto;float:none;padding:0;margin:0}
.woocommerce-order-received .woocommerce-column h2{font-size:17px;margin:0 0 10px}
.woocommerce-order-received address{
  font-style:normal;line-height:1.75;padding:18px 20px;background:var(--grey-bg);
  border:1px solid var(--grey-line);border-radius:var(--radius)}

/* informacje dodatkowe (pola z retrodajnia-wysylka) */
.woocommerce-order-received .wc-block-order-confirmation-additional-fields-wrapper h2{font-size:17px}
.woocommerce-order-received dl.wc-block-components-additional-fields-list{
  margin:0;padding:16px 20px;background:var(--grey-bg);
  border:1px solid var(--grey-line);border-radius:var(--radius)}
.woocommerce-order-received dl.wc-block-components-additional-fields-list dt{
  font-family:var(--font);font-size:11.5px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:var(--grey-text);margin:0}
.woocommerce-order-received dl.wc-block-components-additional-fields-list dd{
  margin:4px 0 0;font-family:var(--display);font-size:16px;font-weight:600}

@media(max-width:760px){
  .woocommerce-order-received p.woocommerce-thankyou-order-received{padding:22px 20px;font-size:18px}
  .woocommerce-order-received p.woocommerce-thankyou-order-received::before{
    position:static;transform:none;display:block;margin:0 0 12px}
  .woocommerce-order-received .woocommerce-columns--addresses{grid-template-columns:1fr}
}

/* ============================================================
   PayU — mini widget rat 0% oraz siatka WooCommerce
   ("Podobne produkty", archiwa kategorii)

   Widget rat jest wstrzykiwany przez wtyczke PayU po zaladowaniu
   strony i niesie WLASNY styl w atrybucie style= na znaczniku <a>
   (niebieski #1DAFEC, podkreslenie). Atrybut inline wygrywa
   z kazdym arkuszem, wiec reguly dla tego jednego elementu musza
   isc z !important — to jedyny powod jego uzycia w tej sekcji.
   Reszta regul wygrywa zwykla kolejnoscia (theme.css laduje sie
   po woocommerce.css przy rownej specyficznosci).

   Siatka "Podobne produkty" to standardowa petla WooCommerce,
   ktorej motyw nigdy nie stylowal — sklep chodzi na wlasnej
   siatce z retrodajnia-strony. Stad oliwkowa cena #958E09
   z domyslnego woocommerce.css.
   ============================================================ */

/* --- pasek rat: wspolna typografia we wszystkich miejscach --- */
.payu-mini-installments-widget{
  display:block;
  font-family:var(--font);
  font-size:14px;
  line-height:1.45;
  color:var(--grey-text);
}

/* --- pasek rat na stronie produktu: ramka jak przy sekcji zaufania --- */
.single-product .summary .payu-mini-installments-widget{
  background:var(--grey-bg);
  border:1px solid var(--grey-line);
  border-radius:8px;
  padding:10px 14px;
  margin:0 0 18px;
}

/* --- odnosnik "Rata 0% juz od": bije styl inline wtyczki --- */
a.payu-mini-installments-widget-details{
  color:var(--ink) !important;
  font-family:var(--font) !important;
  font-weight:600 !important;
  font-size:inherit !important;
  text-decoration:none !important;
  border-bottom:1px dotted var(--grey-text);
  transition:color .18s,border-color .18s;
}
a.payu-mini-installments-widget-details:hover,
a.payu-mini-installments-widget-details:focus{
  color:var(--orange) !important;
  border-bottom-color:var(--orange);
}
.payu-mini-installments-widget-separator{color:var(--grey-text);}
.payu-mini-installments-widget-amount{
  font-family:var(--display);
  font-weight:700;
  color:var(--ink);
}

/* --- siatka WooCommerce: tytul i cena jak na kaflach sklepu --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--display);
  font-size:16px;
  font-weight:700;
  line-height:1.3;
  color:var(--ink);
  margin:0 0 6px;
  padding:0;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{
  color:var(--orange);
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price bdi,
.woocommerce ul.products li.product .price ins{
  font-family:var(--display);
  font-size:18px;
  font-weight:700;
  color:var(--ink);
  text-decoration:none;
}
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount{
  color:var(--grey-text);
  font-weight:400;
  font-size:15px;
}
.woocommerce ul.products li.product .payu-mini-installments-widget{
  margin:2px 0 10px;
  font-size:13px;
}