* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Arial, sans-serif; background: #f2f4f7; color: #222; }
a { color: #1565c0; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; }

/* --- top --- */
.top { background: #0d47a1; color: #fff; position: sticky; top: 0; z-index: 50; }
.top-in { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 16px; padding: 10px 14px; }
.logo { color: #fff; font-size: 22px; font-weight: 700; }
.logo b { color: #ffd54f; }
.menu { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-left: auto; }
.menu > a, .kat-menu > a { color: #e3ecff; padding: 8px 10px; border-radius: 6px; white-space: nowrap; }
.menu > a:hover, .kat-menu > a:hover { background: rgba(255,255,255,.12); text-decoration: none; }
.burger { display: none; background: none; border: 0; color: #fff; font-size: 26px; cursor: pointer; }
.kat-menu { position: relative; }
.kat-lista { display: none; position: absolute; right: 0; top: 100%; background: #fff; min-width: 240px; max-height: 70vh; overflow: auto; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.25); z-index: 60; }
.kat-lista a { display: block; color: #222; padding: 9px 14px; }
.kat-lista a:hover { background: #eef3fb; }
.kat-menu:hover .kat-lista, .kat-menu:focus-within .kat-lista { display: block; }

/* --- przyciski --- */
.btn { display: inline-block; background: #1565c0; color: #fff !important; border: 0; padding: 10px 18px; border-radius: 8px; cursor: pointer; font-size: 15px; }
.btn:hover { background: #0d47a1; text-decoration: none; }
.btn-alt { background: #2e7d32; }
.btn-alt:hover { background: #1b5e20; }
.btn-maly { padding: 7px 12px; font-size: 13px; }
.btn-szary { background: #607d8b; }
.btn-szary.akt { background: #1565c0; }
.btn-danger { background: #c62828; }
/* karty rozliczeniowe + karma + odznaki */
.karta-rozl { border: 1px solid #dfe7f2; border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; background: #fff; }
.karta-rozl.st-rozliczono { border-color: #a5d6a7; box-shadow: 0 0 14px rgba(46, 125, 50, .35); }
.karta-rozl.st-oczekuje { border-color: #ffe082; box-shadow: 0 0 14px rgba(249, 168, 37, .40); }
.karta-rozl.st-problem { border-color: #ef9a9a; box-shadow: 0 0 14px rgba(198, 40, 40, .45); }
.u-badge { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; font-size: 12px; }
.u-badge .u-odz { vertical-align: middle; }
.kb-z { color: #2e7d32; }
.kb-c { color: #c62828; }
.kb-o { color: #f9a825; }
tr.row-rozliczono { background: #f1f8e9; }
tr.row-oczekuje { background: #fffde7; }
tr.row-problem { background: #ffebee; }

/* --- layout --- */
.tresc { max-width: 1200px; margin: 18px auto; padding: 0 14px; }
.kolumny { display: grid; grid-template-columns: 270px 1fr; gap: 18px; align-items: start; }
.panel { background: #fff; border-radius: 10px; padding: 16px; box-shadow: 0 1px 4px rgba(0,0,0,.08); margin-bottom: 16px; }
.panel h3 { margin-bottom: 10px; font-size: 16px; border-bottom: 1px solid #e5e9f0; padding-bottom: 8px; }

/* --- filtry --- */
.filtry label { display: block; font-size: 14px; padding: 3px 0; cursor: pointer; }
.filtry input[type=checkbox] { margin-right: 6px; }
.filtry select, .filtry input[type=text], .filtry input[type=email], .filtry input[type=password], .filtry input[type=number] {
    width: 100%; padding: 9px 10px; margin: 4px 0 10px; border: 1px solid #c7d0dd; border-radius: 7px; font-size: 14px;
}
.filtry .grupa { margin-bottom: 12px; }
.filtry .grupa > b { display: block; font-size: 13px; text-transform: uppercase; color: #607d8b; margin-bottom: 4px; }
.par-nazwa { display: block; font-size: 12px; color: #607d8b; margin: 10px 0 2px; }
.filtr-nag { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
/* strona glowna: 4 puste linki + miejsce na banner */
.home-linki { display: flex; gap: 12px; margin-bottom: 12px; }
.home-linki a { flex: 1; min-height: 38px; display: block; background: #fff; border: 1px dashed #c7d0dd; border-radius: 8px; }
.home-banner { min-height: 220px; margin-bottom: 16px; background: #fff; border: 2px dashed #c7d0dd; border-radius: 12px; }
.filtr-nag select { padding: 8px 10px; border: 1px solid #c7d0dd; border-radius: 7px; }

/* --- oferty --- */
.oferta { display: flex; gap: 14px; background: #fff; border-radius: 10px; padding: 14px; margin-bottom: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.07); }
.oferta.demo { border-left: 4px dashed #ffb300; }
.oferta.wyr-kolor { background: #fff9c4; border: 1px solid #f9a825; box-shadow: 0 1px 6px rgba(249, 168, 37, .35); }
.wyr-sekcja { font-weight: 700; color: #546e7a; font-size: 14px; margin: 14px 0 8px; padding-bottom: 4px; border-bottom: 2px solid #eceff1; }
#filtry-reset.off { background: #90a4ae; }
.of-cialo h3 a { font-weight: 400; }
.of-cialo h3 a.wyr-pogrub { font-weight: 800; }
.of-logo { flex: 0 0 64px; }
.of-logo img { width: 64px; height: 64px; object-fit: cover; border-radius: 10px; }
.brak-logo { display: block; width: 64px; height: 64px; border-radius: 10px; background: #e3ecff; color: #0d47a1; font-size: 28px; font-weight: 700; text-align: center; line-height: 64px; }
.of-cialo { flex: 1; min-width: 0; }
.of-cialo h3 { font-size: 17px; margin-bottom: 5px; }
.typ { font-size: 11px; padding: 2px 8px; border-radius: 20px; vertical-align: middle; }
.typ.zleceniodawca { background: #e3f2fd; color: #0d47a1; }
.typ.zleceniobiorca { background: #e8f5e9; color: #1b5e20; }
.typ.demo-t { background: #fff8e1; color: #b26a00; }
.typ.pilne { background: #ff5252; color: #fff; font-weight: 700; }
.typ.koniec { background: #eceff1; color: #546e7a; }
.of-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; color: #5c6b7a; margin: 3px 0; }
.stawka { color: #1b5e20; font-weight: 600; }
.of-opis { font-size: 14px; color: #444; margin-top: 6px; }

/* --- paginacja --- */
.paginacja { display: flex; gap: 6px; flex-wrap: wrap; margin: 14px 0; }
.paginacja a, .paginacja b, .paginacja span { padding: 7px 12px; border-radius: 7px; background: #fff; border: 1px solid #d5dde8; font-size: 14px; }
.paginacja b { background: #0d47a1; color: #fff; border-color: #0d47a1; }
.paginacja span { border: 0; background: none; }

/* --- info o czynie (wyskakujace powiadomienia innerHTML) --- */
#info-czyn { position: fixed; top: 14px; left: 50%; transform: translateX(-50%); z-index: 999; width: min(480px, 92vw); pointer-events: none; }
.czyn { pointer-events: auto; background: #263238; color: #fff; padding: 12px 16px; border-radius: 10px; margin-bottom: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.3); animation: wjazd .25s ease; font-size: 14px; }
.czyn.ok { background: #2e7d32; }
.czyn.blad { background: #c62828; }
@keyframes wjazd { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }

/* --- formularze --- */
.form-wiersz { margin-bottom: 12px; }
.form-wiersz label { display: block; font-size: 13px; color: #546e7a; margin-bottom: 4px; }
input[type=text], input[type=email], input[type=password], input[type=number], input[type=file], select, textarea {
    width: 100%; padding: 10px; border: 1px solid #c7d0dd; border-radius: 8px; font-size: 15px; font-family: inherit;
}
textarea { resize: vertical; min-height: 110px; }
.radio-wiersz label, .check-wiersz label { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; padding: 4px 0; font-size: 14px; }

/* --- profil / zdjecia --- */
.profil-top { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.profil-top .logo-podglad img { width: 110px; height: 110px; object-fit: cover; border-radius: 14px; }
.zdjecia-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
.zdjecia-grid img { width: 100%; height: 90px; object-fit: cover; border-radius: 8px; }
.zdjecia-grid .puste { height: 90px; border: 2px dashed #c7d0dd; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #90a4ae; font-size: 26px; cursor: pointer; }
.licznik-znakow { font-size: 12px; color: #78909c; text-align: right; }

/* --- tabele admin --- */
table.tabela { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; }
.tabela th, .tabela td { padding: 9px 10px; border-bottom: 1px solid #e5e9f0; text-align: left; }
.tabela th { background: #eef3fb; font-size: 12px; text-transform: uppercase; color: #546e7a; }
.tabela input[type=number] { width: 90px; padding: 6px; }
.tabela-wrap { overflow-x: auto; }

/* --- zakladki --- */
.zakladki { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.zakladki a { padding: 9px 16px; background: #fff; border-radius: 8px; border: 1px solid #d5dde8; font-size: 14px; }
.zakladki a.aktywna { background: #0d47a1; color: #fff; border-color: #0d47a1; }

/* --- szczegoly oferty --- */
.oferta-full h1 { font-size: 22px; margin-bottom: 8px; }
.dane-kontaktowe { background: #fffde7; border: 1px solid #ffe082; border-radius: 10px; padding: 12px 14px; margin: 12px 0; }
.zgloszenie-wiersz { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid #eef1f5; flex-wrap: wrap; }

.stopka { text-align: center; color: #90a4ae; font-size: 13px; padding: 24px 10px; }

/* --- responsywnosc --- */
@media (max-width: 900px) {
    .kolumny { grid-template-columns: 1fr; }
    .filtry-kolumna { order: 2; }
    .burger { display: block; margin-left: auto; }
    .menu { display: none; width: 100%; flex-direction: column; align-items: stretch; }
    .menu.otwarte { display: flex; }
    .kat-lista { position: static; box-shadow: none; max-height: none; border: 1px solid #d5dde8; margin: 4px 0; }
    .kat-menu:hover .kat-lista { display: none; }
    .kat-menu.otwarte .kat-lista { display: block; }
    .oferta { flex-direction: column; }
    .of-logo img, .brak-logo { width: 52px; height: 52px; line-height: 52px; font-size: 22px; }
}

/* combo miasto: naglowek = pole wpisywania (bez ramki, lupa+linia sygnalizuja edycje) + X + strzalka; lista ponizej */
.miasto-box { position: relative; background: #fff; font-size: 14px; border: 1px solid #c7d0dd; border-radius: 7px; }
.miasto-head { display: flex; align-items: center; gap: 2px; padding: 0 4px; }
.miasto-box .miasto-head input { flex: 1; width: 100%; min-width: 0; border: 0; padding: 10px 0 10px 20px; font-size: 14px; outline: none; color: #333; box-shadow: none; }
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%2390a4ae' stroke-width='1.5' fill='none'/%3E%3Cline x1='9.5' y1='9.5' x2='13' y2='13' stroke='%2390a4ae' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat left center; }
.miasto-head input::placeholder { color: #90a4ae; font-style: italic; }
.miasto-x { color: #b0bec5; font-size: 16px; line-height: 1; padding: 2px 4px; cursor: pointer; }
.miasto-x:hover { color: #e53935; }
.zdj-kb { position: absolute; left: 4px; bottom: 4px; background: rgba(0,0,0,.55); color: #fff;
    font-size: 10px; padding: 1px 5px; border-radius: 6px; }
.zdj-suma { font-size: 12px; color: #78909c; margin-top: 6px; }

.miasto-body { display: none; position: absolute; top: 100%; left: -1px; right: -1px; background: #fff;
    border: 1px solid #dfe7f2; border-radius: 0 0 8px 8px; z-index: 40; max-height: 215px; overflow: auto; }
.miasto-box.open .miasto-body { display: block; }
.miasto-body select { width: 100%; border: 0; margin: 0; font-size: 13px; outline: none; }
.miasto-body select option { padding: 4px 8px; }
option.miasto-prio { color: #e67e22; }
/* checkbox "zapamietaj panstwo" w niebieskim menu */
.zapam-panstwo { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #cfe3ff; cursor: pointer; white-space: nowrap; font-weight: 400; }
.zapam-panstwo input { margin: 0; accent-color: #ffd54f; }

/* drzewo kategorii w lewej kolumnie indexu � glowne zawsze rozwiniete, glebiej tylko aktywna galea */
.kat-box h3 { margin-bottom: 8px; }
ul.kat-drzewo, ul.kat-sub { list-style: none; margin: 0; padding: 0; }
ul.kat-sub { margin-left: 14px; padding-left: 8px; border-left: 1px dotted #c7d0dd; }
ul.kat-drzewo li > a, ul.kat-sub li > a { display: block; padding: 3px 6px; border-radius: 5px; font-size: 13px; color: #37474f; text-decoration: none; }
ul.kat-drzewo > li > a { font-weight: 600; font-size: 14px; color: #263238; }
ul.kat-drzewo li > a:hover { background: #eef3f9; color: #1565c0; }
ul.kat-drzewo li > a.akt, ul.kat-sub li > a.akt { background: #e3f0fb; color: #0d47a1; font-weight: 600; }
.kat-ile { color: #90a4ae; font-weight: 400; font-size: 12px; }
/* kaskadowe selecty kategorii w formularzu oferty */
#kat-kaskada { display: flex; gap: 8px; flex-wrap: wrap; }
#kat-kaskada select.kat-poziom { flex: 1; min-width: 150px; padding: 9px; border: 1px solid #c7d0dd; border-radius: 7px; background: #fff; }


/* ================= AUKCJE ================= */
.panel-nawig { display: flex; gap: 4px; margin-bottom: 10px; }
.panel-nawig > a { padding: 9px 18px; background: #eceff4; border-radius: 8px 8px 0 0; font-weight: 700; font-size: 14px; color: #546e7a; text-decoration: none; }
.panel-nawig > a.akt { background: #1565c0; color: #fff; }
.panel-nawig.pod { margin-top: -4px; }
.panel-nawig.pod > a { padding: 6px 14px; background: #f4f7fb; border-radius: 7px; font-weight: 500; font-size: 13px; }
.panel-nawig.pod > a.akt { background: #e3f0fb; color: #0d47a1; }

/* strona aukcji: 3 kolumny — kategorie | tresc | zakup (wg makiet wzorkupteraz/wzorlicytacjazkupteraz) */
.aukcja { display: grid; grid-template-columns: 270px 1fr 335px; gap: 14px; align-items: start; }
.aukcja .auk-lewa { min-width: 0; }
.aukcja .auk-glowne { min-width: 0; }
.aukcja .auk-bok { min-width: 0; }
.auk-zdjecia img#auk-gl { width: 100%; max-height: 440px; object-fit: contain; display: block; margin: 0 auto 10px; background: #fff; }
.auk-miniatury { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.auk-miniatury img { width: 100%; aspect-ratio: 1; object-fit: cover; cursor: pointer; border: 1px solid #d8d8d8; background: #fff; }
.auk-miniatury img:hover { border-color: #ff5e04; }
.auk-miniatury img.auk-min-brak { object-fit: contain; cursor: default; opacity: .75; }
.auk-brak-foto { background: #eceff4; border-radius: 8px; padding: 60px 0; text-align: center; color: #90a4ae; }
.auk-par { margin: 0; }
.auk-akcja { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 6px 0; }
.auk-podobny { padding: 8px 0; border-bottom: 1px solid #eef2f7; font-size: 14px; }
.auk-podobny:last-child { border-bottom: 0; }
.auk-podobny a { color: #008673; font-size: 14px; }
.auk-podobny .stawka { color: #3a4e56; font-weight: 700; }
.auk-podobny img.auk-bronz { height: 15px; vertical-align: -3px; }

/* banner "BEZPIECZNE I PEWNE ZAKUPY 24H/7" — rozeta + pastelowe litery */
.auk-banner { display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 13px 0; margin: 14px 0; font-size: 23px; font-weight: 600; letter-spacing: 1px;
  background: linear-gradient(90deg, #fdfaf2 0%, #ffffff 55%, #eef9f0 100%); }
.auk-banner img { height: 44px; }
.auk-banner .b1 { color: #9db4cc; }
.auk-banner .b2 { color: #a9a9a9; }
.auk-banner .b3 { color: #97cc97; }

/* tabela atrybutow: 2 kolumny, zebra #f7f7f7, label ciemny / wartosc szara prawo */
.auk-atr2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; }
.auk-atr2 .tab-mini tr:nth-child(odd) { background: #f7f7f7; }
.auk-atr2 .tab-mini td { padding: 8px 12px; border: 0; }
.auk-atr2 .an { color: #4a4a4a; font-weight: 400; width: 52%; }
.auk-atr2 .aw { text-align: right; color: #7f7f7f; }
.auk-atr2 .aw b { font-weight: 400; color: #7f7f7f; }
table.tab-mini { width: 100%; border-collapse: collapse; font-size: 13px; }
.tab-mini td { padding: 4px 6px; border-bottom: 1px solid #eef2f7; }
.tab-mini td:last-child { font-weight: 600; }

/* naglowki Parametry/Opis + chipy z obramowaniem 1px #ff5e04 */
.auk-nagl { margin: 22px 0 10px; font-size: 23px; font-weight: 500; color: #3d3d3d; }
.auk-wykres { float: right; height: 50px; }
.auk-chipy { display: flex; flex-wrap: wrap; gap: 8px; }
.auk-chip { border: 1px solid #ff5e04; border-radius: 3px; padding: 7px 10px; background: #fff; min-width: 92px; font-size: 13px; }
.auk-chip i { display: block; font-style: normal; color: #707070; font-size: 11px; margin-bottom: 2px; }
.auk-chip b { color: #3d3d3d; font-weight: 600; }

/* prawa kolumna — top: HIT DNIA + ikonki + obs + lupa */
.auk-toprow { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 8px; min-height: 20px; }
.auk-hit { height: 42px; }
.auk-toprow-r { display: flex; align-items: center; gap: 7px; font-size: 12px; white-space: nowrap; }
.auk-toprow-r img { height: 17px; }
.auk-toprow-r img:last-child { height: 22px; }
.auk-obs { color: #f0a55a !important; font-size: 12px; }
.auk-tytul { font-size: 26px; font-weight: 600; color: #3a4e56; line-height: 1.25; margin: 0 0 8px; }
/* sprzedawca: nazwa + karma | poleca + odznaka (wyrownane do prawej) */
.auk-sprzed { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; font-size: 14px; margin-bottom: 12px; }
.auk-sprzed b { color: #5c6b7a; }
.auk-stars { display: flex; align-items: center; gap: 7px; }
.auk-stars img { height: 19px; }
.auk-stars img.auk-bronz { height: 15px; }
.auk-poleca { color: #008673 !important; font-size: 12px; }

/* ceny */
.auk-cena-duza { font-size: 33px; font-weight: 700; color: #3a4e56; line-height: 1.1; }
.auk-cena-duza small { font-size: 17px; font-weight: 600; }
/* cena jak cena.png: tysiace spacja, grosze mniejsze i uniesione, zl mniejsze */
/* ",00" w flow = baza kontenera (podloga wspolna ze zlotowkami);
   "zl" absolutnie nad kolumna: dol krawedzi = sufit ",00", minus lekkie
   opuszczenie — sufit "zl" wypada na wysokosci sufitu cyfr */
.cen-praw { position: relative; display: inline-flex; flex-direction: column-reverse;
            align-items: flex-end; line-height: 1.05; vertical-align: baseline; margin-left: .1em; }
.cen-praw .cen-jed { position: absolute; right: 0; bottom: 100%;
                     margin-bottom: -.36em; white-space: nowrap; }
.cen-gr { font-size: .58em; font-weight: 600; vertical-align: .42em; }
.cen-jed { font-size: .5em; font-weight: 600; color: inherit; margin-right: 2px; }
/* duza cena na aukcji — "zl" o 4px mniejsze */
.auk-cena-duza .cen-jed { font-size: calc(.5em - 4px); }
.auk-sz .cen-gr { font-size: .6em; }
.auk-sz { color: #7f7f7f; font-size: 17px; font-weight: 400; }
.auk-kt { color: #ff0702; font-weight: 800; font-size: 14px; }
.auk-akt { background: #ff7900; color: #fff; border-radius: 3px; padding: 2px 9px; font-size: 11px; font-weight: 700; }
.auk-meta2 { margin: 5px 0 9px; font-size: 13px; }
.auk-zob { color: #008000 !important; font-size: 12px; }
.auk-ktrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0 8px; }
.auk-ktrow-r { text-align: right; }
/* spinner ilosci */
.auk-qty { display: inline-flex; align-items: center; margin: 8px 0; }
.auk-qty button { width: 32px; height: 38px; border: 1px solid #ccc; background: #f9f9f9; font-size: 17px; color: #666; cursor: pointer; }
.auk-qty button:hover { background: #eee; }
.auk-qty input { width: 50px; height: 38px; border: 1px solid #ccc; border-left: 0; border-right: 0; text-align: center; font-size: 15px; padding: 0; }
.auk-qty span { margin-left: 9px; font-size: 12px; }
/* przyciski */
.auk-btn-kt { display: block; width: 100%; height: 40px; border: 0; border-radius: 4px;
  background: #58cc67; color: #fff; font-size: 15px; font-weight: 800; letter-spacing: 1px; cursor: pointer; margin-top: 6px; }
.auk-btn-kt:hover { background: #4cb75b; }
.auk-btn-licyt { display: block; width: 100%; height: 40px; border: 0; border-radius: 4px;
  background: #33bef2; color: #fff; font-size: 15px; font-weight: 800; letter-spacing: 1px; cursor: pointer; }
.auk-btn-licyt:hover { background: #1fabe4; }
.auk-licyt { margin: 8px 0; }
.auk-licyt input { width: 100%; box-sizing: border-box; margin-bottom: 8px; height: 36px;
  border: 1px solid #ccc; border-radius: 3px; color: #ff7900; font-weight: 700; font-size: 15px; padding: 0 10px; }
.auk-licyt input::placeholder { color: #f0b27a; font-weight: 400; }
/* inne modele — kwadraty 55px z pomaranczowa ramka */
.auk-modele { border-top: 1px solid #eceff4; margin-top: 12px; padding-top: 10px; }
.auk-modele-h { display: flex; justify-content: space-between; align-items: baseline; font-size: 12px; }
.auk-mw { color: #909090; }
.auk-mn { color: #546e7a; font-weight: 700; }
.auk-modele-sq { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.auk-sq { width: 55px; height: 55px; border: 2px solid #ff5a00; border-radius: 4px; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center; background: #fff; }
.auk-sq img { width: 100%; height: 100%; object-fit: cover; }
.auk-rozmiar { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  color: #3d3d3d; font-weight: 700; font-size: 15px; padding: 2px; text-align: center; overflow: hidden; }
/* kontakt */
.auk-kontakty { border-top: 1px solid #eceff4; margin-top: 12px; padding-top: 11px; font-size: 13px; line-height: 2.1; }
.auk-kontakty a { color: #008673 !important; display: block; }
.auk-kontakty img { height: 14px; vertical-align: -3px; margin-right: 7px; }
/* dostawa / zwrot — wiersze z ikona i pomaranczowa strzalka */
.auk-wiersz { display: flex; align-items: center; gap: 9px; border-top: 1px solid #eceff4;
  padding: 9px 0; font-size: 13px; color: #4a4a4a; }
img.auk-w-ico { height: 22px; width: auto; }
.auk-wiersz > span:nth-child(2) { flex: 1; }
.auk-free { color: #58cc67; }
.auk-w-strz { color: #ff6a00; font-size: 20px; font-weight: 700; }
/* odliczanie + budzik + data */
.auk-do-konca { border-top: 1px solid #eceff4; margin-top: 6px; padding-top: 11px; text-align: center; }
.auk-timer { display: flex; align-items: center; justify-content: center; gap: 14px; }
.auk-timer .odlicz { font-size: 30px; font-weight: 800; color: #008000; }
.auk-timer img { height: 58px; }
.auk-data-k { color: #ff7900; font-size: 11px; }
/* ean / kod — pomarancz label + szara wartosc + pomaranczowa linia */
.auk-ean { display: flex; justify-content: space-between; align-items: baseline; font-size: 13px;
  margin: 12px 4px 0; padding-bottom: 7px; border-bottom: 2px solid #ff5e04; }
.auk-ean b { color: #ff5e04; }
.auk-ean .v { color: #7f7f7f; }
/* zapytaj — lewa kolumna */
.auk-zapytaj h3 { display: flex; align-items: center; gap: 7px; }
.auk-ico-h { height: 20px; }
.auk-pytaj { display: flex; align-items: center; border: 1px solid #d5dde8; border-radius: 6px; overflow: hidden; }
.auk-pytaj input { flex: 1; min-width: 0; border: 0; padding: 9px 10px; font-size: 13px; }
.auk-pytaj button { background: none; border: 0; padding: 4px 8px; cursor: pointer; }
.auk-pytaj button img { height: 22px; }

.zdj-grid { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0 12px; }
.zdj-kwadrat { width: 88px; height: 88px; border: 2px dashed #b0bec5; border-radius: 8px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: #f7fafc; }
.zdj-kwadrat.plus { font-size: 34px; color: #90a4ae; cursor: pointer; }
.zdj-kwadrat.plus:hover { border-color: #1565c0; color: #1565c0; }
.zdj-kwadrat img { width: 100%; height: 100%; object-fit: cover; }
.zdj-x { position: absolute; top: 2px; right: 5px; background: rgba(255,255,255,.85); border-radius: 50%; width: 18px; height: 18px; text-align: center; line-height: 17px; cursor: pointer; color: #e53935; font-weight: 700; }

.par-wiersz { display: flex; gap: 8px; margin-bottom: 6px; }
.par-wiersz input { flex: 1; }

.auk-pole { border: 1px solid #dfe6ee; border-radius: 8px; padding: 10px 12px; margin: 10px 0; }
.auk-pole .rodz { display: block; padding: 3px 0; font-weight: 400; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ok-txt { color: #2e7d32; font-weight: 600; }
.blad-txt { color: #c62828; }
.szary { color: #78909c; }
.typ.promo { background: #e53935; }

/* wezsze okno desktopu: nadal 3 kolumny, tylko wezsze boki */
@media (max-width: 1100px) {
  .aukcja { grid-template-columns: 220px 1fr 300px; }
}
/* tablet: lewa kolumna pod spodem */
@media (max-width: 920px) {
  .aukcja { grid-template-columns: 1fr 315px; }
  .aukcja .auk-lewa { order: 3; grid-column: 1 / -1; }
}
@media (max-width: 800px) {
  .aukcja { grid-template-columns: 1fr; }
  .aukcja .auk-bok { order: 2; }
  .auk-atr2 { grid-template-columns: 1fr; }
  .auk-banner { font-size: 17px; }
  .auk-ktrow { flex-wrap: wrap; }
  .grid-2 { grid-template-columns: 1fr; }
}


.zdj-e { position: absolute; bottom: 2px; right: 5px; background: rgba(255,255,255,.85); border-radius: 50%; width: 18px; height: 18px; text-align: center; line-height: 17px; cursor: pointer; color: #1565c0; font-size: 11px; }
.oplata-info { font-size: 13px; color: #546e7a; margin: 6px 0 10px; }
.oplata-info b { color: #0d47a1; }

/* koleko postepu kaskady kategorii w wystaw-przedmiot */
.kat-prog { position: relative; width: 44px; height: 44px; flex: 0 0 44px; }
.kat-prog svg { display: block; transform: rotate(-90deg); }
.kat-prog .kp-tlo { fill: none; stroke: #e3eaf2; stroke-width: 4; }
.kat-prog .kp-pel { fill: none; stroke: #1976d2; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 100.5; stroke-dashoffset: 100.5; transition: stroke-dashoffset .3s, stroke .3s; }
.kat-prog .kp-pel.ok { stroke: #2e7d32; }
.kat-prog span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: #546e7a; }

/* segmenty kreatora wystawiania — okragly wskaznik % przy naglowku */
.seg { margin-top: 16px; }
.seg-head { display: flex; align-items: center; gap: 8px; }
.seg-pct { position: relative; display: inline-block; width: 36px; height: 36px; vertical-align: middle; }
.seg-pct svg { display: block; transform: rotate(-90deg); }
.seg-pct .kp-tlo { fill: none; stroke: #e3eaf2; stroke-width: 4; }
.seg-pct .kp-pel { fill: none; stroke: #1976d2; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 100.5; stroke-dashoffset: 100.5; transition: stroke-dashoffset .3s, stroke .3s; }
.seg-pct .kp-pel.ok { stroke: #2e7d32; }
.seg-pct .seg-pt { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; color: #546e7a; }

/* przyciski rodzaju aukcji na gorze indexu — wlaczone jak zaznaczony checkbox */
.rodz-btns { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.rodz-btn { display: inline-block; }
.rodz-btn input { display: none; }
.rodz-btn span { display: inline-block; padding: 5px 13px; border: 1px solid #c7d0dd; border-radius: 8px; cursor: pointer; font-size: 13px; color: #546e7a; background: #fff; user-select: none; }
.rodz-btn span:hover { border-color: #90a4ae; }
.rodz-btn input:checked + span { background: #1976d2; border-color: #1976d2; color: #fff; font-weight: 600; }

/* katalog produktow — proponowana pozycja i miniatury */
.kat-prop { background: #fff; border: 1px solid #c9dff5; border-radius: 8px; padding: 10px; }
.kat-prop-ok { border-color: #a5d6a7; background: #f1f8f1; }
.kat-minis { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0; }
.kat-minis img { width: 52px; height: 52px; object-fit: cover; border-radius: 6px; border: 1px solid #e0e0e0; }

/* pasek zuzycia limitu (LIMITY w KONTO + admin) */
.lim-pasek{height:8px;background:#e6ebf1;border-radius:4px;overflow:hidden;max-width:240px;margin:2px 0}
.lim-pasek>div{height:100%;border-radius:4px}

/* autocomplete szukajki: podpowiedzi pod polem #fraza */
.ac-box{position:absolute;left:0;right:0;top:100%;z-index:9990;background:#fff;border:1px solid #c9dff5;border-top:0;border-radius:0 0 10px 10px;box-shadow:0 10px 26px rgba(20,50,80,.18);max-height:280px;overflow:auto}
.ac-box a{display:block;padding:8px 12px;color:#16324f;text-decoration:none;font-size:14px;border-top:1px solid #eef3f8}
.ac-box a:hover{background:#eef5fc}
.ac-box a em{color:#546e7a;font-style:normal;font-size:12.5px}


/* --- plywajacy koszyk (gosc + zalogowany), prawy gorny rog --- */
#gk-widget{position:fixed;top:64px;right:12px;z-index:9000;width:272px;max-width:86vw;background:#fff;border:1px solid #dfe8f0;border-radius:12px;box-shadow:0 6px 24px rgba(20,50,80,.18);font-size:13px}
#gk-widget.gk-zwin{background:transparent;border:0;box-shadow:none;width:auto}
.gk-piwo{width:46px;height:46px;border-radius:50%;background:#1565c0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;position:relative;box-shadow:0 3px 12px rgba(20,50,80,.3)}
.gk-piwo b{position:absolute;top:-4px;right:-4px;background:#ffd54f;color:#16324f;border-radius:10px;font-size:11px;padding:1px 6px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.gk-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eef2f6}
.gk-x{text-decoration:none;color:#78909c;font-size:18px;padding:0 4px;line-height:1}
.gk-x:hover{text-decoration:none;color:#37474f}
.gk-lista{max-height:280px;overflow:auto}
.gk-w{display:flex;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid #f2f5f8}
.gk-w img{width:34px;height:34px;object-fit:cover;border-radius:5px;flex-shrink:0}
.gk-brak{width:34px;height:34px;background:#eef2f6;border-radius:5px;display:inline-block;flex-shrink:0}
.gk-t{flex:1;min-width:0}
.gk-t a{display:block;color:#16324f;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.gk-t small{color:#607d8b}
.gk-us{color:#b71c1c;text-decoration:none;font-size:17px;padding:0 2px}
.gk-us:hover{text-decoration:none}
.gk-stop{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}
@media (max-width:600px){#gk-widget{top:auto;bottom:12px;right:10px}}