/* ==========================================================================
   modern.css v2  —  redesign w stylu x-kom.pl  (nakladka na wynik.css)
   Skorka-kopia rwd_shoper_2. Usuniecie linku = powrot do oryginalu.
   ========================================================================== */
:root{
  --xk-navy:#12263a;
  --xk-navy2:#1b3350;
  --xk-green:#8bbe1f;
  --xk-green-d:#79a718;
  --xk-orange:#f47b20;
  --xk-orange-d:#dd6a12;
  --xk-ink:#1c2530;
  --xk-muted:#6b7683;
  --xk-border:#e4e7ec;
  --xk-bg:#eef0f3;
  --xk-card:#ffffff;
  --xk-radius:12px;
  --xk-shadow:0 1px 3px rgba(18,38,58,.07),0 1px 2px rgba(18,38,58,.05);
  --xk-shadow-h:0 12px 30px rgba(18,38,58,.14);
  --xk-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---------- baza ---------- */
body{
  background:var(--xk-bg)!important;
  color:var(--xk-ink);
  font-family:var(--xk-font)!important;
  -webkit-font-smoothing:antialiased;
}
a{transition:color .15s ease}
a:hover{color:var(--xk-orange)}
img{max-width:100%}

/* szeroki, bialy pas naglowka na cala szerokosc (za elementami row/container) */
body>.login-bar, body>.logo-bar, body>.search-form,
.login-bar.row.container, .logo-bar.row.container{ position:relative; }

/* ---------- GORNY PASEK (login-bar): cienki, granatowy, na cala szer. ---------- */
.login-bar.row.container{
  max-width:none!important; width:100%!important; margin:0!important;
  background:var(--xk-navy);
  padding:6px 20px!important;
  min-height:0;
}
.login-bar .links, .login-bar a, .login-bar li, .login-bar span, .login-bar i{ color:#cdd6e0!important; }
.login-bar a:hover{ color:#fff!important; }
.login-bar .fa-2x{ font-size:1.15em!important; }
.login-bar .top-ikonki{ display:flex; align-items:center; gap:14px; }

/* ---------- NAGLOWEK (logo-bar): bialy, logo + koszyk + przycisk kategorii ---------- */
.logo-bar.row.container{
  max-width:none!important; width:100%!important; margin:0!important;
  background:var(--xk-card);
  box-shadow:var(--xk-shadow);
  padding:14px 20px!important;
  display:flex; align-items:center; gap:22px;
}
.logo-bar .link-logo-img img{ height:52px!important; width:auto!important; }
/* "Wszystkie produkty" -> zielony przycisk kategorii (jak Menu w x-kom) */
.inline11 .pokaz_all{
  background:var(--xk-green)!important; color:#fff!important;
  border:none!important; border-radius:10px!important;
  padding:12px 20px!important; font-weight:700!important; font-size:14px!important;
  cursor:pointer; transition:background .15s ease; height:auto!important;
}
.inline11 .pokaz_all:hover{ background:var(--xk-green-d)!important; }
/* koszyk po prawej */
.logo-bar .basket.right{ margin-left:auto!important; float:none!important; }
.logo-bar .basket .countlabel{ color:var(--xk-ink)!important; font-weight:600; }
.logo-bar .basket .icon-custom-cart, .logo-bar .basket .fa{ color:var(--xk-navy)!important; }

/* ---------- SZUKAJKA: duza, wyeksponowana ---------- */
.search-form.mini-search{
  max-width:none!important; width:100%!important; margin:0!important;
  background:var(--xk-card); padding:0 20px 16px!important;
  box-shadow:var(--xk-shadow);
}
.search-form fieldset{ display:flex!important; max-width:1000px; margin:0 auto!important; border:0; padding:0; }
.search-form .search-input,
.search-form input[type="text"], .search-form input.text{
  flex:1 1 auto;
  border:2px solid var(--xk-border)!important; border-right:0!important;
  border-radius:12px 0 0 12px!important;
  height:52px!important; padding:0 18px!important; font-size:16px!important;
  box-shadow:none!important; background:#fff!important;
}
.search-form input[type="text"]:focus, .search-form input.text:focus{
  border-color:var(--xk-orange)!important; outline:none!important;
}
.search-form .search-btn.btn-red, .search-form .btn-red{
  background:var(--xk-orange)!important; border:2px solid var(--xk-orange)!important;
  border-radius:0 12px 12px 0!important; height:52px!important; min-width:64px;
  color:#fff!important; transition:background .15s;
}
.search-form .btn-red:hover{ background:var(--xk-orange-d)!important; border-color:var(--xk-orange-d)!important; }

/* ---------- PASEK MENU / naglowek H1 ---------- */
.menu.row{
  max-width:none!important; width:100%!important; margin:0 0 20px!important;
  background:var(--xk-navy); padding:0!important;
}
.menu.row .glowny{
  max-width:1200px; margin:0 auto!important; padding:12px 20px!important;
  color:#fff!important; font-size:15px!important; font-weight:600!important;
}
.menu-list.large.standard{ max-width:1200px; margin:0 auto; }
.menu-list.large.standard>li>a{ color:#eaf0f6!important; font-weight:600; }
.menu-list.large.standard>li>a:hover{ color:var(--xk-green)!important; }

/* ---------- KONTENER TRESCI ---------- */
.main.row{ background:transparent; }
.innermain.container{ max-width:1240px!important; margin:0 auto!important; padding:0 20px!important; }
.centercol{ background:transparent!important; }
.innerbreadcrumbs.row.container{ max-width:1240px!important; margin:6px auto!important; padding:0 20px!important; }
.path a, .path{ color:var(--xk-muted)!important; }

/* ---------- NAGLOWKI SEKCJI (box) ---------- */
.box{ background:transparent!important; border:0!important; box-shadow:none!important; margin-bottom:8px; }
.boxhead, .box>.boxhead h2, .box .boxhead{
  font-size:22px!important; font-weight:800!important; color:var(--xk-ink)!important;
  padding:6px 0 12px!important; margin-bottom:16px!important;
  border-bottom:3px solid var(--xk-green);
  display:inline-block;
}

/* ---------- KARTY PRODUKTOW (glowny akcent, styl x-kom) ---------- */
.products.viewphot.s-row{ display:flex!important; flex-wrap:wrap; }
.product.product-main-wrap{ padding:8px!important; }
.product-inner-wrap{
  background:var(--xk-card);
  border:1px solid var(--xk-border);
  border-radius:var(--xk-radius);
  padding:16px 16px 18px;
  box-shadow:var(--xk-shadow);
  height:100%; display:flex; flex-direction:column;
  transition:box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.product.product-main-wrap:hover .product-inner-wrap{
  box-shadow:var(--xk-shadow-h); transform:translateY(-4px); border-color:#d7dbe2;
}
.product-inner-wrap .prodimage{
  display:flex; align-items:center; justify-content:center;
  min-height:210px; margin-bottom:12px;
}
.product-inner-wrap .img-wrap img{ max-width:100%; height:auto; border-radius:8px; transition:transform .2s ease; }
.product.product-main-wrap:hover .img-wrap img{ transform:scale(1.045); }
.product-inner-wrap .evaluation{ margin:0 0 8px; min-height:12px; }
.product-inner-wrap .productname{ margin:0 0 12px; flex:1 0 auto; }
.product-inner-wrap .productname .prodname{
  color:var(--xk-ink)!important; font-weight:600!important; font-size:14px!important;
  line-height:1.4!important; text-decoration:none!important;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.product-inner-wrap .productname .prodname:hover{ color:var(--xk-orange)!important; }
.product-inner-wrap .price{
  margin-top:auto; color:var(--xk-navy)!important;
  font-weight:800!important; font-size:23px!important; letter-spacing:-.4px;
}

/* ---------- przyciski ogolne ---------- */
.btn{ border-radius:10px!important; font-weight:600!important; transition:background .15s,transform .08s; }
.btn-red:not(.search-btn){ background:var(--xk-orange)!important; border-color:var(--xk-orange)!important; }
.btn-red:not(.search-btn):hover{ background:var(--xk-orange-d)!important; }
.btn-green,.btn.green{ background:var(--xk-green)!important; border-color:var(--xk-green)!important; color:#fff!important; }
.btn:active{ transform:translateY(1px); }

/* ---------- STOPKA ---------- */
.footer, footer, .innerfooter{ background:var(--xk-navy)!important; color:#c6d0da!important; }
.footer a, footer a{ color:#c6d0da!important; }
.footer a:hover, footer a:hover{ color:#fff!important; }
.menu.dol{ background:transparent!important; }