/* ============================================================================
   Kratex Classic 1.1 - motyw potomny (parent: classic)
   Styl: premium / kontrastowy (grafit + akcent rozowy + zielen dostepnosci).
   Obejmuje: strona glowna, kategorie (listing), karta produktu, koszyk, stopka.
   Funkcje: sticky header, pasek ogloszen, nowoczesne karty + szybki podglad,
            mega menu, przycisk do gory, sekcja opinii Google, telefon mobile.
   Kolory zmieniasz w :root ponizej.
   ============================================================================ */

:root {
  --kx-page:    #f4f3f0;   /* tlo strony (cieple jasne) */
  --kx-surface: #ffffff;   /* karty, panele */
  --kx-ink:     #1f2329;   /* grafit: naglowek, stopka, belki */
  --kx-ink2:    #2b313a;
  --kx-text:    #2a2f36;   /* tekst */
  --kx-muted:   #6b7178;   /* tekst drugorzedny */
  --kx-border:  #e7e5e0;
  --kx-accent:  #fd6282;   /* akcent / CTA */
  --kx-accent2: #ec4e70;   /* hover akcentu */
  --kx-green:   #5a9e74;   /* dostepnosc / do koszyka */
  --kx-green2:  #4a8a63;
  --kx-radius:  12px;
  --kx-radius-s:8px;
  --kx-shadow:  0 6px 24px rgba(20,22,26,.08);
  --kx-shadow-s:0 2px 10px rgba(20,22,26,.06);
  --kx-maxw:    1500px;
}

/* ---------- BAZA / TYPOGRAFIA ---------- */
body { background: var(--kx-page); color: var(--kx-text); }
#wrapper { background: transparent; box-shadow: none; padding-top: 1rem; }
#main .page-content, #content-wrapper .page-content,
#products .page-content { background: var(--kx-surface); border-radius: var(--kx-radius); }
h1,h2,h3,h4,h5,.h1,.h2,.h3 { color: var(--kx-ink); font-weight: 600; }
a { color: var(--kx-ink); }
a:hover { color: var(--kx-accent); }

/* uklad plynny */
.container, #header .container, #footer .container, #wrapper .container {
  width: 94%; max-width: var(--kx-maxw);
}
@media (min-width:1650px){ .container{ width:90%; } }

/* ---------- PASEK OGLOSZEN ---------- */
.kx-announce {
  background: var(--kx-ink2); color: #f1f1ef;
  font-size: 13px; letter-spacing:.2px;
}
.kx-announce .container {
  display:flex; align-items:center; justify-content:center; gap:28px;
  min-height:38px; flex-wrap:wrap; text-align:center;
}
.kx-announce a { color:#fff; }
.kx-announce .kx-an-item { display:inline-flex; align-items:center; gap:6px; }
.kx-announce .kx-an-item i, .kx-announce .material-icons { font-size:16px; color:var(--kx-accent); }
@media (max-width:767px){ .kx-announce .kx-an-hide-mobile{ display:none; } }

/* ---------- STICKY HEADER ---------- */
#header { background: var(--kx-surface); box-shadow: var(--kx-shadow-s); }
.kx-sticky #header .header-top {
  position: sticky; top:0; z-index:1000;
  background: var(--kx-surface);
  box-shadow: 0 4px 18px rgba(20,22,26,.10);
  transition: padding .2s ease;
}
.kx-scrolled #header .header-top { padding-top:8px; padding-bottom:8px; }
.kx-scrolled #_desktop_logo img, .kx-scrolled .logo { max-height:48px; transition:max-height .2s ease; }

#header .header-nav { background: var(--kx-ink); padding:4px 0; }
#header .header-nav, #header .header-nav a, #header .header-nav .expand-more { color:#e7e7e4; }
#header .header-nav a:hover { color: var(--kx-accent); }
#header .header-top { padding:16px 0; }
#_desktop_logo img,.logo { max-height:72px; width:auto; transition:max-height .2s ease; }

/* wyszukiwarka - pigulka */
#search_widget form input[type=text]{
  border:1px solid var(--kx-border); border-radius:30px;
  background:#f6f5f3; padding:10px 18px; height:auto;
}
#search_widget form input[type=text]:focus{ border-color:var(--kx-accent); box-shadow:0 0 0 3px rgba(253,98,130,.15); }
#search_widget form button[type=submit] .search,
#search_widget form button[type=submit]{ color:var(--kx-accent); }

/* koszyk / konto */
.cart-products-count{ background:var(--kx-accent); color:#fff; border-radius:50%; }
.blockcart.active{ background:transparent; }
.blockcart .header, #_desktop_user_info .user-info a{ color:var(--kx-ink); }
.blockcart.active .header,#_desktop_user_info .user-info a:hover{ color:var(--kx-accent); }

/* ---------- MENU + MEGA MENU ---------- */
.main-menu,#_desktop_top_menu{ background:transparent; }
#header .top-menu .top-menu, .top-menu{ }
.top-menu > li > a, #top-menu > li > a{
  color:var(--kx-ink); font-weight:600; padding:14px 16px; border-radius:8px;
  text-transform:none; letter-spacing:.2px;
}
.top-menu > li > a:hover,#top-menu > li > a:hover,
.top-menu > li:hover > a{ color:var(--kx-accent); background:#f6f5f3; }
/* mega: szerokie submenu w kolumnach */
.top-menu .sub-menu, .menu .sub-menu{
  border-top:3px solid var(--kx-accent); box-shadow:var(--kx-shadow);
  border-radius:0 0 var(--kx-radius-s) var(--kx-radius-s); padding:18px 22px;
}
.top-menu .sub-menu ul{ display:flex; flex-wrap:wrap; gap:6px 36px; }
.top-menu .sub-menu .collapse{ display:block; }
.top-menu .sub-menu a{ color:var(--kx-text); padding:6px 0; }
.top-menu .sub-menu a:hover{ color:var(--kx-accent); }
/* podswietlenie pozycji NOWOSC/promo */
.top-menu a[href*="lamel"], .top-menu a[href*="outlet"]{ color:var(--kx-accent); }

/* ---------- PRZYCISKI ---------- */
.btn-primary,.btn-primary:focus{
  background:var(--kx-accent); border-color:var(--kx-accent); color:#fff;
  border-radius:30px; font-weight:600; padding:10px 22px; box-shadow:none;
}
.btn-primary:hover,.btn-primary:active{ background:var(--kx-accent2)!important; border-color:var(--kx-accent2)!important; }
.btn-secondary,.btn-outline-secondary{
  border-radius:30px; border-color:var(--kx-border); color:var(--kx-ink); background:var(--kx-surface);
}
.btn-secondary:hover,.btn-outline-secondary:hover{ background:#f6f5f3; color:var(--kx-accent); }
.add-to-cart,.product-add-to-cart .add-to-cart{
  background:var(--kx-green); border-color:var(--kx-green); border-radius:30px; font-weight:600;
}
.add-to-cart:hover,.product-add-to-cart .add-to-cart:hover{ background:var(--kx-green2)!important; border-color:var(--kx-green2)!important; }

/* ---------- KARTY PRODUKTU (home + kategorie) ---------- */
.products{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:22px; }
.products .product, .products .product-miniature{ width:auto; margin:0; }
.product-miniature .thumbnail-container{
  background:var(--kx-surface); border:1px solid var(--kx-border); border-radius:var(--kx-radius);
  box-shadow:none; overflow:hidden; height:auto;
  transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.product-miniature .thumbnail-container:hover{ box-shadow:var(--kx-shadow); transform:translateY(-4px); border-color:#dcd9d2; }
.product-miniature .product-thumbnail img{ border-radius:var(--kx-radius) var(--kx-radius) 0 0; width:100%; }
.product-miniature .product-description{ padding:14px 16px 18px; border:0; }
.product-miniature .product-title a{ color:var(--kx-ink); font-weight:600; }
.product-miniature .product-title a:hover{ color:var(--kx-accent); }
.product-price-and-shipping .price,.product-miniature .price{ color:var(--kx-accent); font-weight:700; font-size:1.18rem; }
.product-miniature .regular-price{ color:var(--kx-muted); text-decoration:line-through; }

/* plakietki */
.product-flags li .product-flag, .product-flag{
  background:var(--kx-accent); border-radius:30px; font-weight:600; padding:5px 12px; box-shadow:none;
}
.product-flag.new{ background:var(--kx-green); }
.product-flag.on-sale,.product-flag.discount{ background:var(--kx-accent); }
.product-availability{ color:var(--kx-green); font-weight:600; }

/* szybki podglad */
.quick-view{
  color:var(--kx-ink); background:rgba(255,255,255,.92); border-radius:30px;
  padding:6px 14px; font-weight:600; box-shadow:var(--kx-shadow-s);
}
.product-miniature:hover .quick-view{ opacity:1; }
.quick-view:hover{ color:var(--kx-accent); }

/* naglowki sekcji */
.featured-products h2, .products-section-title, h2.products-section-title{
  text-align:center; color:var(--kx-ink); font-weight:600; text-transform:none;
  margin:2.2rem 0 1.6rem; padding-bottom:12px;
}
.featured-products h2::after, .products-section-title::after{
  content:""; display:block; width:64px; height:3px; background:var(--kx-accent);
  margin:12px auto 0; border-radius:3px;
}

/* ---------- LISTING KATEGORII ---------- */
#category #wrapper .container, body#category #content-wrapper{ }
.block-category, #js-product-list-header, .category-top{
  background:var(--kx-surface); border-radius:var(--kx-radius); padding:20px 24px; box-shadow:var(--kx-shadow-s);
}
.block-category h1, #js-product-list-header h1{ color:var(--kx-ink); font-weight:700; }
.category-cover img{ border-radius:var(--kx-radius); }
/* filtry (faceted search) */
#search_filters{ background:var(--kx-surface); border:1px solid var(--kx-border); border-radius:var(--kx-radius); box-shadow:var(--kx-shadow-s); }
#search_filters .facet-title,#search_filters .h6{ color:var(--kx-ink); font-weight:600; }
#search_filters .facet .facet-label a{ color:var(--kx-text); }
#search_filters .facet .facet-label:hover a{ color:var(--kx-accent); }
.active_filters{ background:#f6f5f3; border-radius:var(--kx-radius-s); }
.active_filters .