/*
 * Przywrócenie znaczenia atrybutu hidden.
 *
 * Reguła przeglądarki chowająca [hidden] pochodzi z arkusza wbudowanego,
 * więc przegrywa z każdym naszym display:flex na tej samej klasie. Nakładka
 * wyniku miała display:flex i przez to wisiała nad każdą licytacją od
 * pierwszego wejścia — przyciemniona strona z samym młotkiem pośrodku.
 * Ta jedna linijka zamyka całą klasę takich błędów, nie tylko ten jeden.
 */
[hidden]{display:none !important;}
/* Znacznik kompilacji arkusza: własność przeżywa minifikację i UCSS,
   więc getComputedStyle(document.body).getPropertyValue(--hmb-build)
   mówi, który CSS naprawdę dojechał do przeglądarki. */
body{--hmb-build:"2026-10-01d";}

/* ============================================================
   WSPÓLNE
   ============================================================ */
.hmb-katalog,.hmb-live,.hmb-moje-orders{
  --kresa:rgba(240,228,208,.10);--kresa-mocna:rgba(240,228,208,.18);
  --miod:#E8A33D;--miod-jasny:#F6C978;--koniak:#B4551C;
  --mleczny:#F0E4D0;--mleczny-cichy:#B5A48C;--przygaszony:#8A7860;
  --zielen:#8FA05B;--alarm:#D4593A;--noc:#14100C;--noc-2:#191309;
  --maks:1240px;--gutter:clamp(20px,5vw,72px);
}
.hmb-katalog,.hmb-moje-orders{padding-block:clamp(40px,7vh,84px) clamp(56px,10vh,120px);}
.hmb-katalog > *,.hmb-moje-orders > *{max-width:var(--maks);margin-left:auto;margin-right:auto;margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter);padding-inline:var(--gutter);}

/* ============================================================
   KATALOG — nagłówek i filtry
   ============================================================ */
.hmb-katalog h2{font-size:clamp(28px,4.2vw,44px);letter-spacing:-.028em;margin:0 0 8px;}
.hmb-results-count{font-size:13.5px;color:var(--przygaszony);margin:0 0 clamp(22px,3vh,34px);}

.hmb-filtry{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  padding:14px 16px;border-radius:16px;margin-bottom:clamp(22px,3vh,34px);
  background:rgba(33,26,19,.55);border:1px solid var(--kresa);
  position:sticky;top:76px;z-index:20;backdrop-filter:blur(14px);
}
.hmb-filtr-grupa{display:flex;gap:6px;flex-wrap:wrap;}
.hmb-pigulka{
  padding:8px 16px;border-radius:100px;font-size:13.5px;font-weight:600;text-decoration:none;
  border:1px solid var(--kresa);color:var(--mleczny-cichy);white-space:nowrap;transition:.25s;
}
.hmb-pigulka:hover{border-color:rgba(232,163,61,.45);color:var(--mleczny);}
.hmb-pigulka--wybrana{background:var(--miod);border-color:var(--miod);color:#20150A;}
.hmb-filtr-pole select,.hmb-filtr-pole input{
  padding:9px 14px;border-radius:100px;font-size:13.5px;font-family:inherit;
  background:rgba(20,16,12,.7);border:1px solid var(--kresa);color:var(--mleczny);
}
.hmb-filtr-pole select:focus,.hmb-filtr-pole input:focus{outline:none;border-color:var(--miod);}
.hmb-filtr-szukaj{margin-left:auto;}

/* ============================================================
   KATALOG — karty
   ============================================================ */
.hmb-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:clamp(14px,2vw,22px);}

.hmb-lot{
  position:relative;border-radius:18px;overflow:hidden;
  border:1px solid var(--kresa);background:rgba(33,26,19,.42);
  transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s,box-shadow .4s;
}
.hmb-lot::before{
  /* Lewy pasek stanu. Widać go w siatce kątem oka. */
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;z-index:2;
  background:transparent;transition:background .4s;
}
.hmb-lot:hover{transform:translateY(-6px);border-color:rgba(232,163,61,.32);box-shadow:0 24px 56px rgba(0,0,0,.5);}
.hmb-lot--licytowany::before{background:var(--zielen);}
.hmb-lot--licytowany{border-color:rgba(143,160,91,.34);}
.hmb-lot--sprzedany::before{background:var(--miod);}
.hmb-lot--niesprzedany{opacity:.62;}
.hmb-lot--niesprzedany:hover{opacity:1;}

.hmb-lot-link{text-decoration:none;color:inherit;display:block;}
.hmb-lot-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:#100D09;}
.hmb-lot-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,0,.2,1);}
.hmb-lot:hover .hmb-lot-photo img{transform:scale(1.05);}
.hmb-lot-missing-photo{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 44%,rgba(232,163,61,.16),transparent 66%),#181209;
}
.hmb-lot--sprzedany .hmb-lot-photo img{filter:saturate(.55) brightness(.8);}

.hmb-znacznik{
  position:absolute;top:12px;left:12px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  padding:6px 11px;border-radius:100px;backdrop-filter:blur(10px);
  background:rgba(16,13,9,.8);border:1px solid var(--kresa-mocna);color:var(--mleczny-cichy);
}
.hmb-znacznik--licytowany{color:var(--zielen);border-color:rgba(143,160,91,.45);}
.hmb-znacznik--licytowany::before{
  content:"";width:6px;height:6px;border-radius:50%;background:currentColor;
  animation:hmb-puls-znak 1.8s infinite;
}
@keyframes hmb-puls-znak{0%,100%{opacity:1;}50%{opacity:.3;}}
.hmb-znacznik--sprzedany{color:var(--miod);border-color:rgba(232,163,61,.4);}

.hmb-lot-tresc{padding:16px 18px 18px;}
.hmb-lot-pracownia{
  font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--koniak);
}
.hmb-lot-tresc h3{
  font-family:var(--font-display,Georgia,serif);font-size:16px;font-weight:600;
  margin:7px 0 6px;color:var(--mleczny);line-height:1.36;letter-spacing:-.015em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hmb-lot-category{font-size:11.5px;color:var(--przygaszony);}
.hmb-lot-stopka{
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
  padding-top:14px;margin-top:13px;border-top:1px solid var(--kresa);
}
.hmb-lot-etyk{
  display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--przygaszony);margin-bottom:4px;
}
.hmb-lot-cena{
  font-family:var(--font-dane,monospace);font-size:21px;font-weight:700;
  color:var(--miod);line-height:1;letter-spacing:-.02em;
}
.hmb-lot--licytowany .hmb-lot-cena{color:var(--zielen);}
.hmb-lot-bids{font-size:11.5px;color:var(--przygaszony);white-space:nowrap;}

.hmb-stronicowanie{display:flex;gap:7px;justify-content:center;margin-top:clamp(30px,5vh,52px);flex-wrap:wrap;}
.hmb-str{
  min-width:40px;padding:10px 15px;border-radius:10px;font-size:14px;text-decoration:none;text-align:center;
  border:1px solid var(--kresa);color:var(--mleczny-cichy);transition:.25s;
}
.hmb-str:hover{border-color:var(--miod);color:var(--miod);}
.hmb-str--aktywna{background:var(--miod);border-color:var(--miod);color:#20150A;font-weight:700;}

/* ============================================================
   LICYTACJA — układ
   ============================================================ */
.hmb-live{padding:0 0 clamp(48px,8vh,96px);}
.hmb-live-uklad{
  max-width:var(--maks);margin:0 auto;padding:clamp(20px,3vh,36px) var(--gutter) 0;
  display:grid;grid-template-columns:minmax(0,1.62fr) minmax(340px,1fr);
  gap:clamp(16px,2.2vw,26px);align-items:start;
}

.hmb-stream{position:relative;border-radius:18px 18px 0 0;overflow:hidden;border:1px solid var(--kresa);border-bottom:none;background:#0C0906;}
.hmb-stream-belka{
  display:flex;align-items:center;gap:14px;padding:15px 18px;flex-wrap:wrap;
  border:1px solid var(--kresa);border-radius:0 0 18px 18px;background:rgba(33,26,19,.6);
}
.hmb-stream-kto b{display:block;font-size:15px;color:var(--mleczny);}
.hmb-stream-kto span{font-size:12px;color:var(--przygaszony);}
.hmb-stream-kolejka{margin-left:auto;text-align:right;}
.hmb-stream-kolejka b{display:block;font-family:var(--font-dane,monospace);font-size:16px;color:var(--miod);}
.hmb-stream-kolejka span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--przygaszony);}

.hmb-biezacy{
  margin-top:16px;padding:clamp(18px,2.4vw,26px);border-radius:18px;
  border:1px solid var(--kresa);background:linear-gradient(168deg,rgba(43,34,25,.55),rgba(25,19,9,.32));
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;
}
.hmb-biezacy-foto{
  width:clamp(104px,13vw,164px);aspect-ratio:1;border-radius:14px;overflow:hidden;
  background:#100D09;border:1px solid var(--kresa);flex-shrink:0;
}
.hmb-biezacy-foto img{width:100%;height:100%;object-fit:cover;}
.hmb-biezacy-nr{
  display:inline-block;padding:3px 9px;border-radius:8px;margin:0 0 6px;
  background:rgba(232,163,61,.16);color:#F0B45A;font-weight:800;font-size:12px;letter-spacing:.04em;
}
.hmb-biezacy h2{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(20px,2.6vw,30px);
  margin:9px 0;line-height:1.14;color:#fff;letter-spacing:-.024em;
}
.hmb-biezacy p{font-size:14px;color:var(--mleczny-cichy);margin:0;}

/* ---------- panel licytacji ---------- */
/* The right column stays in view, but a sticky block must never be taller
   than the screen: once pinned it would stop scrolling and its lower panels
   would ride over the price card. It is bounded to the viewport, scrolls
   inside itself, and on short screens it does not stick at all (07.09). */
/*
 * The right column is a GRID, not a flex stack (client, 09.09 — third report
 * of the same overlap). Each panel gets its own row sized to its content, so
 * one panel physically cannot be drawn over the one above it, whatever a
 * theme rule or an inner element does. Flex allowed it; grid rows do not
 * share space.
 */
.hmb-live-prawa{
  position:sticky;top:96px;align-self:start;z-index:1;
  display:grid;grid-template-columns:100%;grid-auto-rows:min-content;
  align-content:start;gap:14px;min-width:0;
  max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain;
}
/* Every panel keeps its full height — nothing is squeezed to fit the cap.
   When the column exceeds the viewport it scrolls inside itself instead.
   A squeezed panel let the price card's notice ride over the event log's
   header on the owner's desktop view (client, 09.09). */
.hmb-live-prawa > *{min-width:0;position:relative!important;top:auto!important;}
/* Each panel clips its own content, so nothing can spill onto its neighbour. */
.hmb-live-prawa > * > .hmb-feed{overflow:hidden;}
@media(max-height:820px){
  /* Not enough vertical room to pin anything without covering something. */
  .hmb-live-prawa{position:static;max-height:none;}
}
.hmb-live-lewa{min-width:0;}
.hmb-panel-przebieg{
  border-radius:20px;overflow:hidden;border:1px dashed rgba(232,163,61,.3);
  background:linear-gradient(172deg,rgba(30,24,16,.9),rgba(16,13,9,.96));
}
.hmb-panel-przebieg .hmb-feed-lista{max-height:150px;}
.hmb-panel-przebieg .hmb-feed-glowa span{color:#C9A227;}
.hmb-panel-feed{
  border-radius:20px;overflow:hidden;border:1px solid rgba(232,163,61,.24);
  background:linear-gradient(172deg,rgba(38,29,19,.92),rgba(18,14,10,.97));
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.hmb-feed--panel{border-top:none;}
.hmb-panel-lic{
  border-radius:20px;overflow:hidden;
  border:1px solid rgba(232,163,61,.24);
  background:linear-gradient(172deg,rgba(52,39,25,.9),rgba(21,16,11,.96));
  box-shadow:0 26px 70px rgba(0,0,0,.55);
}
/* Bez pierścienia i bez drżenia — decyzja klienta (23.08): kołowy postęp
   wyglądał jak przewijanie wstecz. Cyfra i sekundy w pionie, postęp
   pokazuje wyłącznie pasek pod spodem. */
.hmb-zegar{display:flex;flex-direction:column;align-items:center;margin:20px auto 6px;}
/* BEFORE THE START (client, 22.09): the waiting card fills the space the timer
   and price will use, in the same palette — a pulse, the message, the countdown. */
.hmb-przedstart{
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  margin:18px 18px 16px;padding:24px 18px 22px;border-radius:18px;
  background:radial-gradient(120% 140% at 50% 0%,rgba(240,180,90,.14) 0%,rgba(240,180,90,0) 60%),rgba(255,255,255,.03);
  border:1px solid rgba(240,180,90,.25);
}
.hmb-przedstart[hidden]{display:none;}
.hmb-przedstart-znak{
  width:12px;height:12px;border-radius:50%;background:#F0B45A;
  box-shadow:0 0 0 0 rgba(240,180,90,.55);animation:hmb-przedstart-puls 2s ease-out infinite;
}
@keyframes hmb-przedstart-puls{0%{box-shadow:0 0 0 0 rgba(240,180,90,.55)}70%{box-shadow:0 0 0 14px rgba(240,180,90,0)}100%{box-shadow:0 0 0 0 rgba(240,180,90,0)}}
.hmb-przedstart-tytul{font-size:17px;line-height:1.35;color:#F7E9CE;font-weight:700;max-width:26ch;}
.hmb-przedstart-etyk{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--przygaszony,#a39a8a);margin-top:4px;}
.hmb-przedstart-czas{
  font-family:var(--font-dane,monospace);font-size:clamp(30px,4.2vw,42px);font-weight:800;line-height:1;
  color:#F0B45A;letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
.hmb-przerwa-info{
  display:block;min-height:1.4em;margin:18px 0 10px;text-align:center;
  font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F0B45A;
  animation:hmb-przerwa-puls 1.6s ease-in-out infinite;
}
.hmb-przerwa-info[hidden]{display:none;}
@keyframes hmb-przerwa-puls{0%,100%{opacity:1;}50%{opacity:.55;}}
@media (prefers-reduced-motion:reduce){ .hmb-przerwa-info{animation:none;} }
.hmb-zegar[hidden],.hmb-cena[hidden],.hmb-faza-pasek[hidden],.hmb-panel-przebieg[hidden],.hmb-feed-lista[hidden],.hmb-akcja[hidden],.hmb-panel-feed[hidden]{display:none!important;}
.hmb-feed-czeka{margin:0;padding:14px 16px 16px;font-size:13px;line-height:1.5;color:var(--przygaszony,#a39a8a);text-align:center;}
.hmb-feed-czeka[hidden]{display:none;}
@media (max-width:640px){
  .hmb-przedstart{margin:12px 12px 12px;padding:18px 14px 16px;border-radius:16px;}
  .hmb-przedstart-tytul{font-size:15.5px;}
}
@media (prefers-reduced-motion:reduce){ .hmb-przedstart-znak{animation:none;} }
.hmb-zegar-czas{font-family:var(--font-dane,monospace);font-size:35px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em;}
.hmb-zegar--pilne .hmb-zegar-czas{color:#F0A48A;}
.hmb-zegar-etyk{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--przygaszony);margin-top:8px;}

.hmb-cena{text-align:center;padding:0 22px 18px;}
.hmb-cena-etyk{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--przygaszony);margin-bottom:8px;}
.hmb-cena-kwota{
  font-family:var(--font-dane,monospace);font-size:clamp(32px,4.4vw,46px);font-weight:700;
  color:var(--miod);line-height:1;letter-spacing:-.03em;
}
.hmb-cena-kto{font-size:12.5px;color:var(--przygaszony);margin:10px 0 0;}
.hmb-cena-kto b{color:var(--mleczny-cichy);}
.hmb-prowadzisz{color:var(--zielen)!important;font-weight:700;}

.hmb-akcja{padding:0 22px 22px;}
.hmb-btn-licytuj{
  width:100%;padding:18px 22px;border-radius:15px;font-size:16.5px;font-weight:700;
  background:linear-gradient(135deg,var(--miod-jasny),var(--miod) 52%,var(--koniak));
  color:#1E1206;border:none;cursor:pointer;font-family:inherit;text-decoration:none;
  display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 12px 34px rgba(232,163,61,.3);
  transition:transform .2s,box-shadow .25s,filter .25s;
}
.hmb-btn-licytuj:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(232,163,61,.44);}
.hmb-btn-licytuj:active{transform:translateY(0);}
.hmb-btn-licytuj[disabled]{filter:grayscale(.65) brightness(.7);cursor:not-allowed;transform:none;box-shadow:none;}
.hmb-btn-licytuj--gosc{background:none;border:1px solid var(--kresa-mocna);color:var(--mleczny);box-shadow:none;}
.hmb-btn-kwota{font-family:var(--font-dane,monospace);font-size:14.5px;opacity:.78;}
.hmb-nota{font-size:11.5px;color:var(--przygaszony);text-align:center;margin:12px 0 0;}
.hmb-nota b{color:var(--miod);font-family:var(--font-dane,monospace);}
.hmb-komunikat-lic{margin-top:13px;padding:11px 14px;border-radius:11px;font-size:13px;text-align:center;font-weight:600;}
.hmb-komunikat-lic--ok{background:rgba(143,160,91,.16);color:#C3D18E;}
.hmb-komunikat-lic--blad{background:rgba(212,89,58,.16);color:#F0A48A;}

/* ---------- feed ofert ---------- */
.hmb-feed{border-top:1px solid var(--kresa);}
.hmb-feed-glowa{
  display:flex;justify-content:space-between;padding:14px 22px 10px;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--przygaszony);font-weight:700;
}
.hmb-feed-lista{list-style:none;margin:0;padding:0 12px 14px;max-height:252px;overflow-y:auto;scrollbar-width:thin;}
/* A row cut in half at the panel edge reads as broken rather than scrollable;
   the fade says "there is more below" (client, 15.09). */
.hmb-panel-przebieg,.hmb-panel-feed{position:relative;}
.hmb-panel-przebieg::after,.hmb-panel-feed::after{
  content:"";position:absolute;left:1px;right:1px;bottom:1px;height:26px;pointer-events:none;
  border-radius:0 0 19px 19px;
  background:linear-gradient(to bottom,rgba(20,16,12,0),rgba(20,16,12,.92));
}
/* Wiersze, ktore JUZ byly w historii, nie odtwarzaja wjazdu przy
   przebudowie listy — wjezdza tylko naprawde nowy wpis. */
.hmb-feed-lista li.hmb-feed--bez-wejscia{animation:none!important;}

.hmb-feed-lista li{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:10px 10px;border-radius:10px;font-size:13.5px;
  animation:hmb-wejscie .45s cubic-bezier(.16,1,.3,1);
}
.hmb-feed-lista li:nth-child(odd){background:rgba(240,228,208,.025);}
.hmb-feed-lista li:first-child{background:rgba(232,163,61,.11);}
.hmb-feed-ja{background:rgba(143,160,91,.16)!important;}
/* A truncated row hid which item an event referred to; two lines are allowed
   before it is shortened, and the full text is in the tooltip (09.09). */
.hmb-feed-kto{color:var(--mleczny-cichy);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;}
.hmb-feed-lista li{align-items:flex-start;}
.hmb-feed-kwota{font-family:var(--font-dane,monospace);font-weight:700;color:var(--miod);flex-shrink:0;}
.hmb-feed-lista li:first-child .hmb-feed-kwota{color:var(--miod-jasny);}
@keyframes hmb-wejscie{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:none;}}

/* ---------- panel prowadzącego ---------- */
.hmb-operator{
  margin-top:16px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(180,85,28,.38);
  background:linear-gradient(150deg,rgba(180,85,28,.13),rgba(25,19,9,.88));
}
.hmb-operator-glowa{
  display:flex;align-items:center;gap:10px 12px;padding:16px 20px;flex-wrap:wrap;
  border-bottom:1px solid var(--kresa);
  background:linear-gradient(180deg,rgba(232,163,61,.05),transparent);
}
/* Tytuł oddaje miejsce plakietkom, ale nigdy nie łamie się w środku słowa
   ani nie wjeżdża pod nie — dłuższe angielskie napisy schodzą do
   następnego wiersza w całości. */
.hmb-operator-glowa b{font-size:14.5px;color:#fff;flex:1 1 auto;min-width:max-content;}
.hmb-tylko-ty{white-space:nowrap;}

.hmb-tylko-ty{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--koniak);
  border:1px solid rgba(180,85,28,.5);padding:4px 10px;border-radius:100px;font-weight:700;
}
.hmb-operator-stan{
  margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-dane,monospace);font-size:12px;color:var(--zielen);
}
/* Zielona kropka oddycha, dopóki licytacja przyjmuje oferty. */
.hmb-operator-stan::before{
  content:"";width:7px;height:7px;border-radius:50%;background:currentColor;
  animation:hmb-stan-puls 1.8s ease-in-out infinite;
}
@keyframes hmb-stan-puls{0%,100%{opacity:1;}50%{opacity:.35;}}
@media(prefers-reduced-motion:reduce){.hmb-operator-stan::before{animation:none;}}
.hmb-operator-przyciski{display:flex;gap:10px;padding:16px;flex-wrap:wrap;}
.hmb-btn-op{
  flex:1;min-width:118px;padding:13px 16px;border-radius:12px;font-size:14px;font-weight:600;
  border:1px solid var(--kresa-mocna);background:rgba(16,13,9,.6);color:var(--mleczny);cursor:pointer;
  font-family:inherit;transition:.25s;
}
.hmb-btn-op:hover{border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.1);transform:translateY(-2px);}

.hmb-polaczenie{
  position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:95;
  padding:11px 20px;border-radius:100px;font-size:13px;font-weight:600;
  background:rgba(212,89,58,.94);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.45);
}

/* ============================================================
   ZAMÓWIENIA
   ============================================================ */
.hmb-moje-orders h2{font-size:clamp(26px,3.8vw,40px);margin:0 0 clamp(22px,3vh,34px);letter-spacing:-.028em;}

.hmb-zamowienie{
  border-radius:20px;border:1px solid var(--kresa);background:rgba(33,26,19,.42);
  margin-bottom:18px;overflow:hidden;
}
.hmb-zamowienie-glowa{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:20px 24px;border-bottom:1px solid var(--kresa);background:rgba(20,16,12,.34);
}
.hmb-zamowienie-pracownia{color:#fff;font-weight:600;font-size:16px;}
.hmb-plakietka{
  display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;padding:5px 12px;border-radius:100px;
  border:1px solid var(--kresa-mocna);color:var(--przygaszony);white-space:nowrap;
}
.hmb-plakietka--oplacone{color:var(--zielen);border-color:rgba(143,160,91,.42);background:rgba(143,160,91,.1);}
.hmb-plakietka--wyslane{color:#8FB2C8;border-color:rgba(143,178,200,.4);background:rgba(143,178,200,.1);}
.hmb-plakietka--pakowane,.hmb-plakietka--czeka{color:var(--miod);border-color:rgba(232,163,61,.36);background:rgba(232,163,61,.08);}

.hmb-zamowienie-pozycje{list-style:none;margin:0;padding:8px 24px;}
.hmb-zamowienie-pozycje li{
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  padding:13px 0;border-bottom:1px solid rgba(240,228,208,.06);font-size:14.5px;
}
.hmb-zamowienie-pozycje li:last-child{border-bottom:none;}

.hmb-zamowienie-stopka{padding:18px 24px 24px;border-top:1px solid var(--kresa);}
.hmb-zamowienie-razem{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:17px;margin-bottom:18px;color:var(--mleczny);
}
.hmb-zamowienie-razem .hmb-kwota{font-size:24px;}

/* Dane do przelewu są powodem, dla którego kupujący tu wchodzi. */
.hmb-dane-przelewu{
  display:grid;grid-template-columns:auto 1fr;gap:10px 20px;align-items:center;
  padding:18px 20px;border-radius:14px;margin-bottom:14px;
  background:rgba(232,163,61,.07);border:1px solid rgba(232,163,61,.22);
}
.hmb-dane-przelewu dt{
  color:var(--przygaszony);font-size:10.5px;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;
}
.hmb-dane-przelewu dd{
  margin:0;color:#fff;font-family:var(--font-dane,monospace);font-size:14.5px;
  display:flex;align-items:center;gap:10px;word-break:break-all;
}
.hmb-kopiuj{
  flex-shrink:0;padding:5px 11px;border-radius:8px;cursor:pointer;
  font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:inherit;
  background:rgba(232,163,61,.14);border:1px solid rgba(232,163,61,.3);color:var(--miod);
  transition:background .2s,color .2s;
}
.hmb-kopiuj:hover{background:var(--miod);color:#20150A;}
.hmb-kopiuj--zrobione{background:rgba(143,160,91,.2);border-color:rgba(143,160,91,.45);color:var(--zielen);}

.hmb-kwota{font-family:var(--font-dane,monospace);font-weight:700;color:var(--miod);white-space:nowrap;}
.hmb-tytul{color:var(--mleczny);font-weight:500;}
.hmb-pusty{padding:clamp(48px,9vh,90px) 20px;text-align:center;color:var(--przygaszony);font-size:15px;}

/* ============================================================
   KONTA — układ dzielony
   ============================================================ */
/*
 * HMB-22 wyciąga .hmb-konto na pełną szerokość okna, bo tam jest opakowaniem
 * strony. Tutaj leży WEWNĄTRZ kolumny formularza, więc ta sama reguła
 * rozciągała go na 100vw i wypychała pola poza ekran. Pełną szerokość
 * przejmuje .hmb-auth, a formularz wraca do zwykłego bloku.
 */
body.hmb-strona .hmb-auth{
  --hmb-szer:calc(100vw - var(--hmb-sb, 0px));
  width:var(--hmb-szer);max-width:var(--hmb-szer);
  margin-left:calc(50% - var(--hmb-szer) / 2);
  margin-right:calc(50% - var(--hmb-szer) / 2);
}
/* Menu telefonu jest position:fixed na cały ekran; nie wolno go poszerzać regułą 100vw (UX-04). */
body.hmb-strona .hmb-menu-mobilne{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
body.hmb-strona .hmb-menu-mobilne .hmb-lang{font-size:15px!important;padding:10px 14px!important;border-bottom:0!important;}
body.hmb-strona .hmb-menu-mobilne .hmb-menu-mail{font-size:14px!important;padding:8px 0!important;border-bottom:0!important;word-break:break-all;padding-right:72px!important;}
body.hmb-strona .hmb-auth .hmb-konto{
  width:100%;max-width:none;margin:0;padding:0;min-height:0;background:none;
}
.hmb-auth{
  --kresa:rgba(240,228,208,.10);--kresa-mocna:rgba(240,228,208,.18);
  --miod:#E8A33D;--miod-jasny:#F6C978;--koniak:#B4551C;
  --mleczny:#F0E4D0;--mleczny-cichy:#B5A48C;--przygaszony:#8A7860;
  --zielen:#8FA05B;--noc:#14100C;--noc-2:#191309;
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
  min-height:min(88vh,860px);background:var(--noc);
}
.hmb-auth *{box-sizing:border-box;}
.hmb-auth-scena,.hmb-auth-panel{min-width:0;}

/* ---------- strona z animacją ---------- */
.hmb-auth-scena{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;gap:clamp(22px,3.4vh,38px);
  padding:clamp(32px,5vw,64px);
  background:linear-gradient(158deg,#241B12 0%,#14100C 58%,#100C08 100%);
  border-right:1px solid var(--kresa);
}
.hmb-auth-poswiata{
  position:absolute;top:-24%;left:-14%;width:76%;aspect-ratio:1;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(232,163,61,.17),transparent 66%);
  animation:hmb-auth-oddech 9s ease-in-out infinite;
}
@keyframes hmb-auth-oddech{0%,100%{transform:scale(1);opacity:.85;}50%{transform:scale(1.14);opacity:1;}}

.hmb-auth-slowa{margin-top:auto;}
.hmb-auth-slowa h2{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(25px,3.2vw,38px);
  font-weight:600;color:#fff;margin:0;line-height:1.1;letter-spacing:-.026em;max-width:15ch;
}
.hmb-auth-slowa p{
  margin:14px 0 0;font-size:15.5px;color:#D8CBB4;max-width:44ch;line-height:1.62;
}

/* ---------- miniatura licytacji ---------- */
.hmb-auth-mock{
  border-radius:18px;overflow:hidden;
  border:1px solid var(--kresa-mocna);
  background:linear-gradient(168deg,rgba(32,25,17,.92),rgba(17,13,9,.96));
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.hmb-auth-lot{
  display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--kresa);
}
.hmb-auth-foto{
  width:42px;height:42px;border-radius:10px;flex-shrink:0;
  background:radial-gradient(circle at 36% 32%,#F6C978,#E8A33D 44%,#8E3F12);
  box-shadow:0 0 20px rgba(232,163,61,.28);
}
.hmb-auth-lot-tekst{flex:1;min-width:0;}
.hmb-auth-lot-tekst b{display:block;font-size:13.5px;color:#fff;}
.hmb-auth-lot-tekst small{display:block;font-size:11.5px;color:#A5947C;margin-top:2px;}
.hmb-auth-zywo{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--zielen);
}
.hmb-auth-zywo i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:hmb-auth-migaj 1.8s infinite;}
@keyframes hmb-auth-migaj{0%,100%{opacity:1;}50%{opacity:.25;}}

.hmb-auth-srodek{display:flex;align-items:center;gap:20px;padding:20px 16px;}
.hmb-auth-zegar{position:relative;width:84px;height:84px;flex-shrink:0;}
.hmb-auth-zegar svg{width:100%;height:100%;transform:rotate(-90deg);}
.hmb-auth-tor{fill:none;stroke:rgba(232,163,61,.13);stroke-width:6;}
.hmb-auth-postep{
  fill:none;stroke:var(--miod);stroke-width:6;stroke-linecap:round;
  stroke-dasharray:327;animation:hmb-auth-zegar 3s linear infinite;
}
@keyframes hmb-auth-zegar{from{stroke-dashoffset:0;}to{stroke-dashoffset:327;}}
.hmb-auth-sekundy{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;line-height:1;
}
.hmb-auth-sekundy b{font-family:var(--font-dane,monospace);font-size:19px;font-weight:700;color:#fff;}
.hmb-auth-sekundy small{font-size:10px;color:var(--przygaszony);margin-top:3px;}

.hmb-auth-cena{flex:1;min-width:0;}
.hmb-auth-cena-etyk{
  display:block;font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#A5947C;margin-bottom:7px;
}
/* Cena wspina się w czterech krokach, tak jak progi postąpień. */
.hmb-auth-cena-rolka{position:relative;display:block;height:34px;}
.hmb-auth-cena-rolka b{
  position:absolute;left:0;top:0;opacity:0;
  font-family:var(--font-dane,monospace);font-size:29px;font-weight:700;
  color:var(--miod);letter-spacing:-.03em;line-height:1.16;
  animation:12s linear infinite;
}
/*
 * ONE CLOCK FOR THE PRICE AND THE BIDS (23.09). The demo is a 12-second loop
 * in four 3-second steps: at step k the headline shows bid k and the list
 * shows bids 1..k. Before, the price and the rows ran on different timings:
 * every 3 s the price vanished for a third of a second (the blank gap the
 * client caught on the recovery page), and the headline could read 480 while
 * the list already showed 580. Now each price cross-fades straight into the
 * next — there is always one on screen — and a row appears at the same moment
 * its amount becomes the headline, so the headline is always the highest bid.
 */
.hmb-auth-cena-rolka b:nth-child(1){animation-name:hmb-auth-cena-1;opacity:1;}
.hmb-auth-cena-rolka b:nth-child(2){animation-name:hmb-auth-cena-2;}
.hmb-auth-cena-rolka b:nth-child(3){animation-name:hmb-auth-cena-3;}
.hmb-auth-cena-rolka b:nth-child(4){animation-name:hmb-auth-cena-4;}
@keyframes hmb-auth-cena-1{0%,24%{opacity:1;}25.5%,98.5%{opacity:0;}100%{opacity:1;}}
@keyframes hmb-auth-cena-2{0%,24%{opacity:0;}25.5%,49%{opacity:1;}50.5%,100%{opacity:0;}}
@keyframes hmb-auth-cena-3{0%,49%{opacity:0;}50.5%,74%{opacity:1;}75.5%,100%{opacity:0;}}
@keyframes hmb-auth-cena-4{0%,74%{opacity:0;}75.5%,98.5%{opacity:1;}100%{opacity:0;}}

.hmb-auth-feed{list-style:none;margin:0;padding:0 10px 12px;display:grid;gap:5px;}
.hmb-auth-feed li{
  display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;
  background:rgba(240,228,208,.03);opacity:0;
  animation:12s cubic-bezier(.16,1,.3,1) infinite;
}
.hmb-auth-feed li:nth-child(1){animation-name:hmb-auth-wiersz-1;}
.hmb-auth-feed li:nth-child(2){animation-name:hmb-auth-wiersz-2;}
.hmb-auth-feed li:nth-child(3){animation-name:hmb-auth-wiersz-3;}
.hmb-auth-feed li:nth-child(4){animation-name:hmb-auth-wiersz-4;}
/* Row k arrives when its amount becomes the headline; all rows leave together at the end of the loop. */
@keyframes hmb-auth-wiersz-1{0%{opacity:0;transform:translateY(-8px);}2.5%,95%{opacity:1;transform:none;}100%{opacity:0;transform:none;}}
@keyframes hmb-auth-wiersz-2{0%,24%{opacity:0;transform:translateY(-8px);}26.5%,95%{opacity:1;transform:none;}100%{opacity:0;transform:none;}}
@keyframes hmb-auth-wiersz-3{0%,49%{opacity:0;transform:translateY(-8px);}51.5%,95%{opacity:1;transform:none;}100%{opacity:0;transform:none;}}
@keyframes hmb-auth-wiersz-4{0%,74%{opacity:0;transform:translateY(-8px);}76.5%,95%{opacity:1;transform:none;}100%{opacity:0;transform:none;}}
.hmb-auth-awatar{
  width:24px;height:24px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:10.5px;font-weight:700;color:#2A1806;
  background:radial-gradient(circle at 34% 30%,var(--miod),var(--koniak));
}
.hmb-auth-kto{flex:1;min-width:0;font-size:13px;color:#E4D8C4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hmb-auth-kwota{font-family:var(--font-dane,monospace);font-size:12.5px;font-weight:700;color:var(--miod);}

.hmb-auth-punkty{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.hmb-auth-punkty li{
  display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#C9BAA1;
}
.hmb-auth-punkty .hmb-obietnica-znak{
  width:15px;height:15px;border-radius:50%;flex-shrink:0;position:relative;
  background:rgba(143,160,91,.16);border:1px solid rgba(143,160,91,.4);
}
.hmb-auth-punkty .hmb-obietnica-znak::after{
  content:"";position:absolute;left:4px;top:3.4px;width:4px;height:7px;
  border:solid var(--zielen);border-width:0 1.6px 1.6px 0;transform:rotate(42deg);
}

/* ---------- panel licytacji dopasowany do aktualnego wyglądu (karty, duży zegar, wiersze „Podbicie") ---------- */
.hmb-auth-mock{
  border-radius:16px;border:1px solid var(--kresa);background:var(--zywica,#211A13);box-shadow:none;
}
.hmb-auth-lot{padding:14px 18px;border-bottom:1px solid var(--kresa);}
.hmb-auth-foto{
  width:44px;height:44px;border-radius:8px;border:1px solid var(--kresa);box-shadow:none;
  background:var(--noc-2,#191309) url(/wp-content/uploads/2026/09/zdjecie-2-7.jpg) center/cover no-repeat;
}
.hmb-auth-lot-tekst b{font-size:14px;font-weight:600;color:var(--mleczny,#F0E4D0);}
.hmb-auth-lot-tekst small{color:var(--mleczny-cichy,#B5A48C);}
.hmb-auth-srodek{flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 18px 10px;text-align:center;}
.hmb-auth-zegar{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;}
.hmb-auth-zegar svg{display:none;}
.hmb-auth-zegar::before{content:"Pozostało";font-size:11px;color:var(--przygaszony,#8A7860);margin-bottom:2px;}
.hmb-auth-sekundy{position:static;inset:auto;flex-direction:column;align-items:center;}
.hmb-auth-sekundy b{font-family:var(--font-dane,monospace);font-size:56px;font-weight:800;line-height:1;color:var(--miod-jasny,#F6C978);font-variant-numeric:tabular-nums;}
.hmb-auth-sekundy small{display:none;}
.hmb-auth-cena{flex:none;width:100%;}
.hmb-auth-cena-etyk{font-size:11px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--przygaszony,#8A7860);margin-bottom:4px;}
.hmb-auth-cena-rolka{height:36px;}
.hmb-auth-cena-rolka b{left:0;right:0;text-align:center;font-size:30px;}
.hmb-auth-feed{padding:2px 14px 16px;gap:8px;}
.hmb-auth-feed li{
  justify-content:space-between;padding:9px 12px;border-radius:8px;
  background:var(--noc-2,#191309);border:1px solid var(--kresa);
}
.hmb-auth-awatar{display:none;}
.hmb-auth-kto{flex:1;font-size:12px;color:var(--mleczny-cichy,#B5A48C);}
.hmb-auth-kwota{font-size:14px;color:var(--miod,#E8A33D);}

/* ---------- strona z formularzem ---------- */
.hmb-auth-panel{
  display:flex;align-items:center;justify-content:center;
  padding:clamp(34px,6vw,72px) clamp(24px,5vw,64px);background:var(--noc);
}
.hmb-auth-panel-in{width:100%;max-width:412px;min-width:0;}
.hmb-auth .hmb-konto{max-width:none;margin:0;padding:0;background:none;}
.hmb-auth .hmb-konto h2{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(24px,3vw,32px);
  font-weight:600;color:#fff;margin:0 0 26px;letter-spacing:-.026em;
}
.hmb-auth .hmb-pole{margin-bottom:16px;}
.hmb-auth .hmb-pole label{
  display:block;font-size:12.5px;font-weight:600;letter-spacing:.03em;
  color:#EFE6D6;margin-bottom:8px;
}
.hmb-auth .hmb-pole input{
  width:100%;padding:14px 16px;border-radius:11px;font-family:inherit;font-size:15px;
  background:rgba(240,228,208,.05);border:1px solid rgba(240,228,208,.22);color:#fff;
  transition:border-color .25s,background .25s,box-shadow .25s;
}
.hmb-auth .hmb-pole input::placeholder{color:#8A7860;}
.hmb-auth .hmb-pole input:focus{
  outline:none;border-color:var(--miod);background:rgba(240,228,208,.055);
  box-shadow:0 0 0 3px rgba(232,163,61,.13);
}
.hmb-auth .hmb-pole-pomoc{font-size:12px;color:#A5947C;margin:7px 0 0;}

.hmb-auth .hmb-zgoda{
  display:flex;gap:11px;align-items:flex-start;
  font-size:13.5px;color:#C9BAA1;line-height:1.58;margin-bottom:20px;
}
.hmb-auth .hmb-zgoda input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:var(--miod);}
.hmb-auth .hmb-zgoda a{color:var(--miod);}

.hmb-auth .hmb-btn{
  width:100%;padding:15px 24px;border-radius:11px;font-size:15.5px;font-weight:700;
  border:1px solid var(--kresa-mocna);background:rgba(240,228,208,.04);color:var(--mleczny);
  cursor:pointer;font-family:inherit;text-decoration:none;
  display:flex;align-items:center;justify-content:center;gap:9px;
  transition:transform .2s,box-shadow .25s,background .25s,color .25s;
}
.hmb-auth .hmb-btn--glowny{
  background:linear-gradient(135deg,var(--miod-jasny),var(--miod) 52%,var(--koniak));
  border-color:transparent;color:#1E1206;box-shadow:0 10px 28px rgba(232,163,61,.24);
}
.hmb-auth .hmb-btn--glowny:hover{
  background:linear-gradient(135deg,#E8A33D,#B4551C 55%,#8E3F12);color:#fff;
  transform:translateY(-2px);box-shadow:0 16px 38px rgba(232,163,61,.36);
}

.hmb-auth .hmb-komunikat{padding:12px 15px;border-radius:11px;font-size:13.5px;margin-bottom:16px;}
.hmb-auth .hmb-komunikat--ok{background:rgba(143,160,91,.14);color:#C3D18E;border:1px solid rgba(143,160,91,.32);}
.hmb-auth .hmb-komunikat--blad{background:rgba(212,89,58,.14);color:#F0A48A;border:1px solid rgba(212,89,58,.32);}

.hmb-auth .hmb-konto-stopka{
  font-size:14px;color:#C9BAA1;text-align:center;margin:22px 0 0;
  padding-top:20px;border-top:1px solid var(--kresa);
}
.hmb-auth .hmb-konto-stopka a{color:var(--miod);text-decoration:none;font-weight:600;}
.hmb-auth .hmb-konto-stopka a:hover{text-decoration:underline;}

@media(max-width:900px){
  .hmb-auth{grid-template-columns:1fr;min-height:0;}
  /* Na telefonie formularz idzie pierwszy — po to tu przyszli. */
  .hmb-auth-scena{order:2;border-right:none;border-top:1px solid var(--kresa);}
  .hmb-auth-scena .hmb-marka{display:none;}
  .hmb-auth-slowa{margin-top:0;order:-1;}
  .hmb-auth-panel{min-height:auto;}
}
@media(max-width:520px){
  .hmb-auth-srodek{flex-direction:column;align-items:flex-start;gap:14px;}
  .hmb-auth-punkty{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .hmb-auth-poswiata,.hmb-auth-postep,.hmb-auth-zywo i{animation:none!important;}
  .hmb-auth-cena-rolka b,.hmb-auth-feed li{animation:none!important;opacity:1!important;transform:none!important;}
  /* Bez animacji cztery ceny leżałyby na sobie; zostaje ostatnia. */
  .hmb-auth-cena-rolka b:not(:last-child){display:none;}
  .hmb-auth-cena-rolka b:last-child{position:static;}
}

/* ============================================================
   MENU PROFILU W NAGŁÓWKU
   ============================================================ */
.hmb-profil{position:relative;}
.hmb-profil > summary{
  display:flex;align-items:center;gap:9px;padding:6px 12px 6px 6px;border-radius:100px;
  cursor:pointer;list-style:none;border:1px solid rgba(240,228,208,.14);
  transition:border-color .25s,background .25s;
}
.hmb-profil > summary::-webkit-details-marker{display:none;}
.hmb-profil > summary:hover{border-color:rgba(232,163,61,.45);background:rgba(232,163,61,.07);}
.hmb-profil-imie{
  font-size:13.5px;font-weight:600;color:#fff;max-width:120px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hmb-profil-strzalka{
  width:8px;height:8px;flex-shrink:0;border-right:1.6px solid #E8A33D;border-bottom:1.6px solid #E8A33D;
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s;
}
.hmb-profil[open] > summary{border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.09);}
.hmb-profil[open] .hmb-profil-strzalka{transform:rotate(-135deg) translate(-2px,-2px);}

.hmb-profil-panel{
  position:absolute;right:0;top:calc(100% + 12px);width:264px;z-index:95;
  border-radius:16px;overflow:hidden;
  border:1px solid rgba(240,228,208,.16);
  background:rgba(22,17,11,.98);backdrop-filter:blur(18px);
  box-shadow:0 26px 64px rgba(0,0,0,.6);
  animation:hmb-profil-wejscie .22s cubic-bezier(.16,1,.3,1);
}
@keyframes hmb-profil-wejscie{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}

.hmb-profil-glowa{
  display:flex;align-items:center;gap:12px;padding:16px;
  border-bottom:1px solid rgba(240,228,208,.1);
}
.hmb-profil-glowa b{display:block;font-size:14px;color:#fff;}
.hmb-profil-glowa small{
  display:block;font-size:11.5px;color:#fff;opacity:.6;margin-top:2px;
  max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hmb-profil-menu{display:flex;flex-direction:column;padding:8px;}
.hmb-profil-menu a{
  padding:11px 12px;border-radius:9px;font-size:14px;color:#fff;opacity:.86;
  text-decoration:none;transition:background .2s,color .2s,opacity .2s;
}
.hmb-profil-menu a:hover{background:rgba(232,163,61,.12);color:#E8A33D;opacity:1;}
.hmb-profil-wyloguj{
  display:block;padding:13px 20px;font-size:13.5px;font-weight:600;text-decoration:none;
  color:#fff;opacity:.7;border-top:1px solid rgba(240,228,208,.1);transition:opacity .2s,color .2s;
}
.hmb-profil-wyloguj:hover{color:#E8A33D;opacity:1;}

/* ============================================================
   KONTO KUPUJĄCEGO
   ============================================================ */
.hmb-acc{
  --kresa:rgba(240,228,208,.10);--kresa-mocna:rgba(240,228,208,.18);
  --miod:#E8A33D;--miod-jasny:#F6C978;--koniak:#B4551C;
  --zielen:#8FA05B;--alarm:#D4593A;--noc:#14100C;
  --acc-maks:1080px;
  padding:clamp(34px,6vh,64px) clamp(20px,5vw,56px) clamp(56px,9vh,110px);
  color:#fff;
}
/*
 * The section itself runs full width so its background reaches the edges of
 * the window. Setting max-width here as well fought the full-width rule in
 * HMB-22 and left the whole page off-centre, so the reading width is applied
 * to the children instead.
 */
.hmb-acc > *{max-width:var(--acc-maks);margin-left:auto;margin-right:auto;margin-inline:auto;}
.hmb-acc *{box-sizing:border-box;}

.hmb-acc-glowa{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.hmb-acc-glowa h1{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(24px,3.4vw,34px);
  font-weight:600;color:#fff;margin:0;letter-spacing:-.026em;
}
.hmb-acc-glowa-tekst p{margin:4px 0 0;font-size:13.5px;color:#fff;opacity:.6;}
.hmb-acc-puls{
  margin-left:auto;display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;border-radius:100px;text-decoration:none;
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--zielen);background:rgba(143,160,91,.12);border:1px solid rgba(143,160,91,.4);
}

.hmb-acc-alert{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:15px 20px;border-radius:14px;margin-bottom:22px;text-decoration:none;
  background:rgba(232,163,61,.1);border:1px solid rgba(232,163,61,.32);
  color:#fff;font-size:14.5px;transition:background .25s;
}
.hmb-acc-alert:hover{background:rgba(232,163,61,.16);}
.hmb-acc-alert b{color:var(--miod);font-family:var(--font-dane,monospace);}
.hmb-acc-alert em{font-style:normal;font-weight:700;color:var(--miod);font-size:13.5px;white-space:nowrap;}

.hmb-acc-zakladki{
  display:flex;gap:4px;border-bottom:1px solid var(--kresa);
  margin-bottom:26px;overflow-x:auto;scrollbar-width:none;
}
.hmb-acc-zakladki::-webkit-scrollbar{display:none;}
.hmb-acc-zakladka{
  display:inline-flex;align-items:center;gap:8px;padding:13px 18px;
  font-size:14.5px;font-weight:600;color:#fff;opacity:.55;
  background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;
  font-family:inherit;white-space:nowrap;transition:opacity .25s,color .25s,border-color .25s;
}
.hmb-acc-zakladka:hover{opacity:.85;}
.hmb-acc-zakladka--wybrana{color:var(--miod);opacity:1;border-bottom-color:var(--miod);}
.hmb-acc-licznik{
  min-width:20px;padding:2px 7px;border-radius:100px;font-size:11px;font-weight:700;
  background:var(--miod);color:#20150A;
}

.hmb-acc-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:30px;}
.hmb-acc-karta{
  padding:20px;border-radius:15px;border:1px solid var(--kresa);
  background:linear-gradient(165deg,rgba(43,34,25,.5),rgba(25,19,9,.28));
}
.hmb-acc-karta b{
  display:block;font-family:var(--font-dane,monospace);font-size:clamp(21px,2.8vw,27px);
  font-weight:700;color:var(--miod);line-height:1.1;letter-spacing:-.02em;
}
.hmb-acc-karta span{
  display:block;margin-top:7px;font-size:11px;letter-spacing:.11em;
  text-transform:uppercase;color:#fff;opacity:.55;
}

.hmb-acc-tytul{
  font-family:var(--font-display,Georgia,serif);font-size:19px;font-weight:600;
  color:#fff;margin:0 0 14px;
}
.hmb-acc-lista{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px;}
.hmb-acc-lot{
  display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:15px;
  border:1px solid var(--kresa);background:rgba(33,26,19,.4);
  transition:border-color .3s,background .3s;
}
.hmb-acc-lot:hover{border-color:rgba(232,163,61,.3);}
/* Wiersz, w którym kupujący został przebity, jest jedynym, na który
   może jeszcze zareagować — dlatego jako jedyny ma czerwoną krawędź. */
.hmb-acc-lot--przebity{border-color:rgba(212,89,58,.4);background:rgba(212,89,58,.06);}

.hmb-acc-foto{
  width:56px;height:56px;border-radius:11px;flex-shrink:0;overflow:hidden;
  background:radial-gradient(circle at 36% 32%,rgba(232,163,61,.34),rgba(20,16,12,.9));
}
.hmb-acc-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.hmb-acc-lot-tekst{flex:1;min-width:0;}
.hmb-acc-lot-tekst b{
  display:block;font-size:14.5px;color:#fff;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hmb-acc-lot-tekst small{display:block;font-size:12px;color:#fff;opacity:.55;margin-top:3px;}

.hmb-acc-stan{flex-shrink:0;}
.hmb-acc-znacznik{
  display:inline-block;padding:5px 12px;border-radius:100px;white-space:nowrap;
  font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:#fff;opacity:.6;border:1px solid var(--kresa-mocna);
}
.hmb-acc-znacznik--prowadzi{
  color:var(--zielen);opacity:1;border-color:rgba(143,160,91,.45);background:rgba(143,160,91,.12);
}
.hmb-acc-znacznik--przebity{
  color:#F0A48A;opacity:1;border-color:rgba(212,89,58,.45);background:rgba(212,89,58,.13);
}

.hmb-acc-kwoty{text-align:right;flex-shrink:0;}
.hmb-acc-kwoty small{
  display:block;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;
  color:#fff;opacity:.5;margin-bottom:3px;
}
.hmb-acc-kwoty b{font-family:var(--font-dane,monospace);font-size:17px;font-weight:700;color:var(--miod);}
.hmb-acc-kwoty em{display:block;font-style:normal;font-size:11.5px;color:#fff;opacity:.55;margin-top:3px;}

.hmb-acc-btn{
  flex-shrink:0;padding:10px 18px;border-radius:100px;font-size:13px;font-weight:600;
  text-decoration:none;white-space:nowrap;
  border:1px solid var(--kresa-mocna);color:#fff;transition:border-color .25s,background .25s,color .25s;
}
.hmb-acc-btn:hover{border-color:var(--miod);background:rgba(232,163,61,.1);color:var(--miod);}

.hmb-acc-zacheta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:22px 24px;border-radius:16px;
  border:1px dashed var(--kresa-mocna);background:rgba(33,26,19,.3);
}
.hmb-acc-zacheta b{display:block;font-size:15.5px;color:#fff;margin-bottom:4px;}
.hmb-acc-zacheta span{font-size:13.5px;color:#fff;opacity:.6;}
.hmb-acc-zacheta .hmb-btn{
  padding:11px 22px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;
  border:1px solid var(--kresa-mocna);color:#fff;white-space:nowrap;
}
.hmb-acc-zacheta .hmb-btn:hover{border-color:var(--miod);color:var(--miod);}

.hmb-acc-pusto{
  text-align:center;padding:clamp(46px,9vh,88px) 24px;border-radius:20px;
  border:1px dashed var(--kresa-mocna);background:rgba(33,26,19,.24);
}
.hmb-acc-pusto h2{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(21px,2.8vw,27px);
  font-weight:600;color:#fff;margin:0 0 10px;
}
.hmb-acc-pusto p{font-size:14px;color:#fff;opacity:.6;max-width:46ch;margin:0 auto 24px;line-height:1.6;}
.hmb-acc-pusto .hmb-btn{
  display:inline-flex;padding:13px 26px;border-radius:100px;font-size:14.5px;font-weight:600;
  text-decoration:none;border:1px solid var(--kresa-mocna);color:#fff;
}
.hmb-acc-pusto .hmb-btn--glowny{
  background:linear-gradient(135deg,var(--miod-jasny),var(--miod) 52%,var(--koniak));
  border-color:transparent;color:#1E1206;
}
.hmb-acc-pusto .hmb-btn--glowny:hover{
  background:linear-gradient(135deg,#E8A33D,#B4551C 55%,#8E3F12);color:#fff;
}

.hmb-acc-panel{
  max-width:440px;padding:26px;border-radius:18px;
  border:1px solid var(--kresa);background:rgba(33,26,19,.4);
}
.hmb-acc-nota{font-size:13px;color:#fff;opacity:.6;margin:0 0 20px;line-height:1.6;}
.hmb-acc-panel .hmb-pole{margin-bottom:16px;}
.hmb-acc-panel label{display:block;font-size:12.5px;font-weight:600;color:#fff;margin-bottom:7px;}
.hmb-acc-panel input,.hmb-acc-panel select{
  width:100%;padding:13px 15px;border-radius:11px;font-family:inherit;font-size:14.5px;
  background:rgba(240,228,208,.05);border:1px solid var(--kresa-mocna);color:#fff;
}
.hmb-acc-panel input:focus,.hmb-acc-panel select:focus{
  outline:none;border-color:var(--miod);box-shadow:0 0 0 3px rgba(232,163,61,.13);
}
.hmb-acc-panel input[disabled]{opacity:.45;cursor:not-allowed;}
.hmb-acc-panel .hmb-btn{
  width:100%;padding:14px;border-radius:11px;font-size:15px;font-weight:700;
  border:none;cursor:pointer;font-family:inherit;
  background:linear-gradient(135deg,var(--miod-jasny),var(--miod) 52%,var(--koniak));color:#1E1206;
}
.hmb-acc-panel .hmb-btn:hover{background:linear-gradient(135deg,#E8A33D,#B4551C 55%,#8E3F12);color:#fff;}

/* Zamówienia renderują się własnym shortcode'em — tutaj tylko zdejmujemy
   jego zewnętrzne odstępy, żeby nie dublowały odstępów zakładki. */
.hmb-acc [data-hmb-sekcja="orders"] .hmb-moje-orders{padding:0;margin:0;width:auto;max-width:none;min-height:0;}
.hmb-acc [data-hmb-sekcja="orders"] .hmb-moje-orders > *{padding-inline:0;}

@media(max-width:900px){
  .hmb-profil-imie{display:none;}
  .hmb-profil-panel{width:240px;}
}
@media(max-width:680px){
  .hmb-acc-lot{flex-wrap:wrap;}
  .hmb-acc-lot-tekst{flex:1 1 100%;order:-1;}
  .hmb-acc-kwoty{text-align:left;margin-left:auto;}
  .hmb-acc-karty{grid-template-columns:1fr 1fr;}
}
@media(prefers-reduced-motion:reduce){
  .hmb-profil-panel{animation:none;}
  .hmb-acc-lot,.hmb-acc-btn,.hmb-acc-zakladka{transition:none!important;}
}

/* ============================================================
   PANEL SPRZEDAWCY
   ============================================================ */
.hmb-panel{
  --kresa:rgba(240,228,208,.10);--kresa-mocna:rgba(240,228,208,.18);
  --miod:#E8A33D;--miod-jasny:#F6C978;--koniak:#B4551C;
  --zielen:#8FA05B;--alarm:#D4593A;--noc:#14100C;
  --panel-maks:1180px;
  padding:clamp(32px,5vh,60px) clamp(20px,5vw,56px) clamp(56px,9vh,110px);
  color:#fff;
}
/* Same reasoning as .hmb-acc above: full-width band, constrained children. */
.hmb-panel > *{max-width:var(--panel-maks);margin-left:auto;margin-right:auto;margin-inline:auto;}
.hmb-panel *{box-sizing:border-box;}

.hmb-panel-glowa{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:22px 24px;border-radius:20px;margin-bottom:18px;
  border:1px solid var(--kresa);
  background:linear-gradient(140deg,rgba(58,44,28,.62),rgba(22,16,10,.4));
}
.hmb-panel-awatar{
  width:60px;height:60px;border-radius:50% 50% 47% 53%/53% 47% 50% 50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display,Georgia,serif);font-size:19px;font-weight:600;color:#2A1806;
  background:radial-gradient(circle at 34% 30%,var(--miod-jasny),var(--miod) 46%,var(--koniak));
  box-shadow:0 0 26px rgba(232,163,61,.32);
}
.hmb-panel-kto{flex:1;min-width:0;}
.hmb-panel-kto h1{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(21px,3vw,30px);
  font-weight:600;color:#fff;margin:0;letter-spacing:-.026em;
}
.hmb-panel-kto p{
  margin:6px 0 0;font-size:13.5px;color:#fff;opacity:.6;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.hmb-panel-live{
  display:flex;align-items:center;gap:11px;padding:11px 18px;border-radius:100px;
  text-decoration:none;border:1px solid rgba(143,160,91,.42);background:rgba(143,160,91,.12);
}
.hmb-panel-live b{
  display:block;font-size:10px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--zielen);
}
.hmb-panel-live em{
  display:block;font-style:normal;font-size:13px;color:#fff;margin-top:2px;
  max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.hmb-panel-alerty{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px;}
.hmb-panel-alert{
  padding:9px 17px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;
  font-family:inherit;color:#fff;
  border:1px solid var(--kresa-mocna);background:rgba(240,228,208,.05);
  transition:border-color .25s,background .25s;
}
.hmb-panel-alert:hover{border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.1);}
.hmb-panel-alert--uwaga{
  color:#F0A48A;border-color:rgba(212,89,58,.45);background:rgba(212,89,58,.11);
}

.hmb-panel-zakladki{
  display:flex;gap:4px;border-bottom:1px solid var(--kresa);
  margin-bottom:26px;overflow-x:auto;scrollbar-width:none;
}
.hmb-panel-zakladki::-webkit-scrollbar{display:none;}
.hmb-panel .hmb-zakladka{
  display:inline-flex;align-items:center;gap:8px;padding:13px 18px;
  font-size:14.5px;font-weight:600;color:#fff;opacity:.55;
  background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;
  font-family:inherit;white-space:nowrap;transition:opacity .25s,color .25s,border-color .25s;
}
.hmb-panel .hmb-zakladka:hover{opacity:.85;}
.hmb-panel .hmb-zakladka--wybrana{color:var(--miod);opacity:1;border-bottom-color:var(--miod);}
.hmb-zakladka-licznik{
  min-width:20px;padding:2px 7px;border-radius:100px;font-size:11px;font-weight:700;
  background:var(--alarm);color:#fff;
}

.hmb-panel .hmb-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:20px;}
.hmb-panel .hmb-karta{
  padding:20px;border-radius:16px;border:1px solid var(--kresa);
  background:linear-gradient(165deg,rgba(48,37,25,.55),rgba(22,16,10,.3));
}
.hmb-panel .hmb-karta-etyk{
  display:block;font-size:10px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:#fff;opacity:.5;
}
.hmb-panel .hmb-karta-wart{
  display:block;margin-top:10px;font-family:var(--font-dane,monospace);
  font-size:clamp(20px,2.6vw,26px);font-weight:700;color:var(--miod);line-height:1.1;letter-spacing:-.02em;
}
.hmb-karta-nota{display:block;margin-top:6px;font-size:11.5px;color:#fff;opacity:.45;}

.hmb-panel-blok{
  padding:22px 24px;border-radius:18px;margin-bottom:16px;
  border:1px solid var(--kresa);background:rgba(33,26,19,.4);
}
.hmb-panel-blok-glowa{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin-bottom:18px;flex-wrap:wrap;
}
.hmb-panel-blok-glowa h3{
  font-family:var(--font-display,Georgia,serif);font-size:17px;font-weight:600;color:#fff;margin:0;
}

.hmb-panel-wykres{width:100%;height:190px;display:block;}
.hmb-panel-siatka{stroke:rgba(240,228,208,.09);stroke-width:1;stroke-dasharray:3 5;}
.hmb-panel-slupek{fill:var(--miod);opacity:.72;transition:opacity .15s;}
.hmb-panel-slupek:hover{opacity:1;}

.hmb-panel-lista{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.hmb-panel-lista li{
  display:flex;align-items:center;gap:13px;padding:12px 0;
  border-bottom:1px solid rgba(240,228,208,.06);font-size:14px;
}
.hmb-panel-lista li:last-child{border-bottom:none;}
.hmb-panel-lista-nr{
  font-family:var(--font-dane,monospace);font-size:11px;font-weight:700;color:var(--koniak);flex-shrink:0;
}
.hmb-panel-lista-tytul{
  flex:1;min-width:0;color:#fff;opacity:.85;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.hmb-panel-nota{font-size:13px;color:#fff;opacity:.58;margin:0 0 20px;line-height:1.6;max-width:62ch;}

/* Dane wypłaty odcinamy wizualnie — to jedyne pole na tym ekranie,
   które źle wpisane wysyła pieniądze kupujących w złe miejsce. */
.hmb-panel-wrazliwe{
  margin:22px 0;padding:18px 20px;border-radius:14px;
  border:1px solid rgba(232,163,61,.26);background:rgba(232,163,61,.06);
}
.hmb-panel-wrazliwe-etyk{
  display:block;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--miod);margin-bottom:16px;
}

.hmb-panel .hmb-pole{margin-bottom:15px;}
.hmb-panel .hmb-pole label{display:block;font-size:12.5px;font-weight:600;color:#fff;margin-bottom:7px;}
.hmb-panel .hmb-pole input,
.hmb-panel .hmb-pole select,
.hmb-panel .hmb-pole textarea{
  width:100%;padding:13px 15px;border-radius:11px;font-family:inherit;font-size:14.5px;
  background:rgba(240,228,208,.05);border:1px solid var(--kresa-mocna);color:#fff;
  transition:border-color .25s,box-shadow .25s;
}
.hmb-panel .hmb-pole input:focus,
.hmb-panel .hmb-pole select:focus,
.hmb-panel .hmb-pole textarea:focus{
  outline:none;border-color:var(--miod);box-shadow:0 0 0 3px rgba(232,163,61,.13);
}
.hmb-panel .hmb-pole-pomoc{font-size:11.5px;color:#fff;opacity:.5;margin:6px 0 0;}
.hmb-panel .hmb-pole-siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 14px;}

.hmb-panel .hmb-btn--glowny{
  padding:14px 28px;border-radius:11px;font-size:15px;font-weight:700;
  border:none;cursor:pointer;font-family:inherit;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--miod-jasny),var(--miod) 52%,var(--koniak));color:#1E1206;
  box-shadow:0 10px 26px rgba(232,163,61,.22);transition:background .25s,color .25s,transform .2s;
}
.hmb-panel .hmb-btn--glowny:hover{
  background:linear-gradient(135deg,#E8A33D,#B4551C 55%,#8E3F12);color:#fff;transform:translateY(-2px);
}

@media(max-width:900px){
  .hmb-panel-live{width:100%;}
}
@media(max-width:560px){
  .hmb-panel .hmb-karty{grid-template-columns:1fr 1fr;}
  .hmb-panel-glowa{padding:18px;}
}
@media(prefers-reduced-motion:reduce){
  .hmb-panel .hmb-zakladka,.hmb-panel-alert,.hmb-panel .hmb-btn--glowny{transition:none!important;}
}

/* ============================================================
   BŁĘDY PRZY POLACH
   ============================================================ */
.hmb-pole--blad input,
.hmb-pole--blad textarea,
.hmb-pole--blad select{
  border-color:#D4593A!important;
  background:rgba(212,89,58,.07)!important;
  box-shadow:0 0 0 3px rgba(212,89,58,.14)!important;
}
.hmb-pole--blad label{color:#F0A48A!important;}
.hmb-pole-blad{
  margin:7px 0 0;font-size:12.5px;font-weight:600;color:#F0A48A;
  display:flex;align-items:flex-start;gap:7px;line-height:1.5;
}
.hmb-pole-blad::before{
  content:"!";flex-shrink:0;
  width:15px;height:15px;border-radius:50%;margin-top:1px;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;background:#D4593A;color:#fff;
}
/* Zgoda nie jest polem .hmb-pole, wiec obramowanie zamiast tla. */
.hmb-zgoda.hmb-pole--blad{
  padding:10px 12px;border-radius:10px;
  border:1px solid rgba(212,89,58,.45);background:rgba(212,89,58,.07);
}
.hmb-zgoda.hmb-pole--blad .hmb-pole-blad{margin-top:8px;}

/* ============================================================
   POTWIERDZENIE PO WYSŁANIU
   ============================================================ */
.hmb-potw{
  position:fixed;inset:0;z-index:120;
  display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(10,8,5,.74);backdrop-filter:blur(10px);
  opacity:0;transition:opacity .28s ease;
}
.hmb-potw--widoczna{opacity:1;}
.hmb-potw-karta{
  width:100%;max-width:430px;text-align:center;
  padding:clamp(30px,5vw,44px) clamp(24px,4vw,38px);
  border-radius:22px;position:relative;overflow:hidden;
  border:1px solid rgba(232,163,61,.26);
  background:
    radial-gradient(120% 80% at 50% 0%,rgba(232,163,61,.16),transparent 62%),
    linear-gradient(170deg,#241B12,#14100C);
  box-shadow:0 40px 110px rgba(0,0,0,.66);
  transform:translateY(16px) scale(.97);
  transition:transform .38s cubic-bezier(.16,1,.3,1);
}
.hmb-potw--widoczna .hmb-potw-karta{transform:none;}

/* Znak potwierdzenia rysuje się sam, bez pliku graficznego. */
.hmb-potw-znak{
  display:block;width:62px;height:62px;margin:0 auto 22px;border-radius:50%;position:relative;
  background:linear-gradient(135deg,#F6C978,#E8A33D 52%,#B4551C);
  box-shadow:0 0 34px rgba(232,163,61,.42);
  animation:hmb-potw-puls .55s cubic-bezier(.16,1,.3,1);
}
.hmb-potw-znak::after{
  content:"";position:absolute;left:22px;top:15px;width:14px;height:26px;
  border:solid #20150A;border-width:0 3px 3px 0;transform:rotate(42deg);
}
@keyframes hmb-potw-puls{
  from{transform:scale(.4);opacity:0;}
  to{transform:scale(1);opacity:1;}
}

.hmb-potw-karta h2{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(21px,3vw,27px);
  font-weight:600;color:#fff;margin:0 0 12px;letter-spacing:-.024em;
}
.hmb-potw-karta p{
  font-size:14.5px;color:#fff;opacity:.68;line-height:1.6;margin:0 0 26px;
}
.hmb-potw-karta .hmb-btn{
  width:100%;padding:15px 24px;border-radius:12px;font-size:15.5px;font-weight:700;
  border:none;cursor:pointer;font-family:inherit;
  background:linear-gradient(135deg,#F6C978,#E8A33D 52%,#B4551C);color:#1E1206;
  transition:background .25s,color .25s,transform .2s;
}
.hmb-potw-karta .hmb-btn:hover{
  background:linear-gradient(135deg,#E8A33D,#B4551C 55%,#8E3F12);
  color:#fff;transform:translateY(-2px);
}

/* ============================================================
   PRZYCISKI WYSYŁKI — BIAŁY NAPIS PRZY NAJECHANIU
   ============================================================ */
.hmb-konto .hmb-btn--glowny:hover,
.hmb-auth .hmb-btn--glowny:hover,
.hmb-panel .hmb-btn--glowny:hover,
.hmb-acc .hmb-btn--glowny:hover,
[data-hmb-wyslij]:hover,
button[data-hmb-wyslij]:hover{
  background:linear-gradient(135deg,#E8A33D,#B4551C 55%,#8E3F12)!important;
  color:#fff!important;
}
[data-hmb-wyslij]{transition:background .25s,color .25s,transform .2s,box-shadow .25s;}
[data-hmb-wyslij]:hover{transform:translateY(-2px);}
[data-hmb-wyslij][disabled]{transform:none!important;filter:grayscale(.5) brightness(.8);}
.hmb-btn--czeka{opacity:.7;cursor:progress;}

@media(prefers-reduced-motion:reduce){
  .hmb-potw,.hmb-potw-karta,.hmb-potw-znak,[data-hmb-wyslij]{
    transition:none!important;animation:none!important;transform:none!important;
  }
}

/* ============================================================
   WYSYŁKA HURTOWA ZDJĘĆ
   ============================================================ */
.hmb-hurt-strefa{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:clamp(28px,4vw,44px) 24px;border-radius:16px;cursor:pointer;text-align:center;
  border:1.5px dashed rgba(232,163,61,.34);
  background:radial-gradient(120% 90% at 50% 0%,rgba(232,163,61,.07),transparent 66%);
  transition:border-color .3s,background .3s,transform .2s;
}
.hmb-hurt-strefa:hover{
  border-color:rgba(232,163,61,.6);
  background:radial-gradient(120% 90% at 50% 0%,rgba(232,163,61,.13),transparent 66%);
  transform:translateY(-2px);
}
.hmb-hurt-ikona{
  width:44px;height:44px;border-radius:12px;position:relative;
  background:linear-gradient(135deg,#F6C978,#E8A33D 52%,#B4551C);
  box-shadow:0 0 24px rgba(232,163,61,.3);
}
/* Strzałka w górę rysowana bez pliku graficznego. */
.hmb-hurt-ikona::before{
  content:"";position:absolute;left:20px;top:12px;width:4px;height:20px;border-radius:2px;background:#20150A;
}
.hmb-hurt-ikona::after{
  content:"";position:absolute;left:15px;top:14px;width:14px;height:14px;
  border:solid #20150A;border-width:4px 0 0 4px;transform:rotate(45deg);border-radius:2px 0 0 0;
}
.hmb-hurt-tekst{font-size:15.5px;font-weight:600;color:#fff;}
.hmb-hurt-pod{font-size:12.5px;color:#fff;opacity:.55;max-width:46ch;line-height:1.5;}

.hmb-hurt-postep{margin-top:18px;}
.hmb-hurt-pasek{height:6px;border-radius:6px;background:rgba(240,228,208,.09);overflow:hidden;}
.hmb-hurt-pasek i{
  display:block;height:100%;width:0;border-radius:6px;
  background:linear-gradient(90deg,#F6C978,#E8A33D 55%,#B4551C);
  transition:width .3s ease;
}
.hmb-hurt-stan{
  margin:9px 0 0;font-family:var(--font-dane,monospace);font-size:12.5px;
  color:#fff;opacity:.65;text-align:right;
}

/* Pusta lista nie zajmuje miejsca; pojawia sie dopiero z trescia. */
.hmb-hurt-lista:empty{display:none;}
.hmb-hurt-lista{
  list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;
  max-height:280px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;
}
.hmb-hurt-el{
  display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:10px;
  background:rgba(240,228,208,.03);font-size:13px;color:#fff;
  animation:hmb-hurt-wejscie .35s cubic-bezier(.16,1,.3,1);
}
@keyframes hmb-hurt-wejscie{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:none;}}
.hmb-hurt-el img{
  width:34px;height:34px;border-radius:7px;object-fit:cover;flex-shrink:0;
  border:1px solid rgba(240,228,208,.12);
}
.hmb-hurt-el span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hmb-hurt-el--blad{
  background:rgba(212,89,58,.1);color:#F0A48A;
  border:1px solid rgba(212,89,58,.28);
  flex-wrap:wrap;
}
/* An error must be read in full, on a phone too (26.09): it wraps, never cuts. */
.hmb-hurt-el--blad span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;flex:1 1 200px;min-width:0;}
.hmb-hurt-ponow{
  flex-shrink:0;padding:6px 14px;border-radius:8px;cursor:pointer;
  border:1px solid rgba(240,180,90,.45);background:rgba(240,180,90,.1);
  color:#F0B45A;font:inherit;font-size:12.5px;font-weight:600;
}
.hmb-hurt-ponow:hover{background:rgba(240,180,90,.18);}
.hmb-hurt-ponow:disabled{opacity:.5;cursor:default;}
.hmb-hurt-stan--blad{color:#F0A48A;}

@media(prefers-reduced-motion:reduce){
  .hmb-hurt-strefa,.hmb-hurt-pasek i,.hmb-hurt-el{transition:none!important;animation:none!important;}
}

/* ============================================================
   EDYCJA W KOLEJCE I WYBOR TRANSMISJI
   ============================================================ */
.hmb-kolejka-el{flex-wrap:wrap;transition:background .4s;}
.hmb-kolejka-el--zapisany{background:rgba(143,160,91,.14)!important;}

.hmb-kolejka-edycja{
  flex:1 1 100%;margin-top:14px;padding:16px 18px;border-radius:13px;
  border:1px solid rgba(232,163,61,.24);background:rgba(232,163,61,.05);
  animation:hmb-edycja-wejscie .28s cubic-bezier(.16,1,.3,1);
}
@keyframes hmb-edycja-wejscie{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.hmb-kolejka-edycja .hmb-pole{margin-bottom:12px;}
.hmb-kolejka-edycja-akcje{display:flex;gap:9px;flex-wrap:wrap;}
.hmb-btn--maly{padding:9px 18px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;}
.hmb-panel .hmb-btn--maly:not(.hmb-btn--glowny){
  border:1px solid rgba(240,228,208,.18);background:none;color:#fff;
}

.hmb-wybor-transmisji{
  padding:16px 20px;border-radius:15px;margin-bottom:16px;
  border:1px solid rgba(240,228,208,.10);background:rgba(33,26,19,.4);
}
.hmb-wybor-etyk{
  display:block;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;opacity:.5;margin-bottom:12px;
}
.hmb-wybor-pigulki{display:flex;gap:8px;flex-wrap:wrap;}
.hmb-wybor-pigulki .hmb-pigulka{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 17px;border-radius:100px;font-size:13.5px;font-weight:600;text-decoration:none;
  border:1px solid rgba(240,228,208,.14);color:#fff;opacity:.75;
  transition:border-color .25s,opacity .25s,background .25s;
}
.hmb-wybor-pigulki .hmb-pigulka:hover{opacity:1;border-color:rgba(232,163,61,.5);}
.hmb-wybor-pigulki .hmb-pigulka--wybrana{
  background:rgba(232,163,61,.13);border-color:rgba(232,163,61,.5);color:#E8A33D;opacity:1;
}
/* Przerywana krawędź odróżnia tworzenie nowej od przełączania istniejących. */
.hmb-wybor-pigulki .hmb-pigulka--nowa{border-style:dashed;color:#E8A33D;}
.hmb-wybor-pigulki .hmb-kropka{
  width:7px;height:7px;border-radius:50%;background:#8FA05B;
  animation:hmb-puls-znak 1.8s infinite;
}

@media(prefers-reduced-motion:reduce){
  .hmb-kolejka-edycja,.hmb-kolejka-el,.hmb-wybor-pigulki .hmb-pigulka{
    animation:none!important;transition:none!important;
  }
}

/* ============================================================
   LISTY ROZWIJANE
   ============================================================ */
/*
 * Zamknięty select rysuje przeglądarka według naszych reguł, ale rozwiniętą
 * listę rysuje system operacyjny na własnym, jasnym tle. Białe litery
 * odziedziczone z kontrolki stawały się na nim niewidoczne. Kolory trzeba
 * podać wprost na option i optgroup, inaczej nie ma ich skąd wziąć.
 */
.hmb-panel select,
.hmb-acc select,
.hmb-auth select,
.hmb-katalog select,
.hmb-konto select,
.hmb-pole select{
  color:#fff;
  background-color:#1B1510;
  /* Własna strzałka: natywna bywa ciemna na ciemnym. */
  -webkit-appearance:none;appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,#E8A33D 50%),
    linear-gradient(135deg,#E8A33D 50%,transparent 50%);
  background-position:calc(100% - 19px) center,calc(100% - 13px) center;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  padding-right:38px;
}

.hmb-panel select option,
.hmb-acc select option,
.hmb-auth select option,
.hmb-katalog select option,
.hmb-konto select option,
.hmb-pole select option{
  background-color:#1B1510;
  color:#fff;
}

.hmb-panel select optgroup,
.hmb-acc select optgroup,
.hmb-auth select optgroup,
.hmb-katalog select optgroup,
.hmb-konto select optgroup,
.hmb-pole select optgroup{
  background-color:#14100C;
  color:#E8A33D;
  font-weight:700;
  font-style:normal;
}

.hmb-panel select option:checked,
.hmb-acc select option:checked,
.hmb-pole select option:checked{
  background-color:#B4551C;
  color:#fff;
}

/*
 * Windows i część wersji Chrome rysuje listę systemowo i ignoruje powyższe.
 * Wtedy jasne tło jest pewne, więc litery muszą być ciemne, nie białe.
 */
@media (forced-colors: active) {
  .hmb-pole select,
  .hmb-pole select option{
    color:CanvasText;
    background-color:Canvas;
  }
}

/* ============================================================
   NATYCHMIASTOWA ODPOWIEDZ PO DODANIU
   ============================================================ */
.hmb-podglad{
  display:block;margin-top:10px;width:96px;height:96px;object-fit:cover;
  border-radius:11px;border:1px solid rgba(232,163,61,.3);
  animation:hmb-podglad-wejscie .3s cubic-bezier(.16,1,.3,1);
}
@keyframes hmb-podglad-wejscie{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:none;}}

/* Nowy wiersz kolejki wjeżdża i na moment się rozjaśnia, żeby było widać,
   że coś doszło, bez przeładowania strony. */
.hmb-kolejka-el--nowy{
  animation:hmb-wiersz-wejscie .45s cubic-bezier(.16,1,.3,1);
  border-color:rgba(143,160,91,.5)!important;
  background:rgba(143,160,91,.12)!important;
}
@keyframes hmb-wiersz-wejscie{
  from{opacity:0;transform:translateY(-10px);}
  to{opacity:1;transform:none;}
}

@media(prefers-reduced-motion:reduce){
  .hmb-podglad,.hmb-kolejka-el--nowy{animation:none!important;}
}

/* ============================================================
   POLE PLIKU I STAN WYSYLANIA
   ============================================================ */
/*
 * Pole pliku musi istnieć w układzie, żeby etykieta mogła je otworzyć.
 * Atrybut hidden dawał display:none i kliknięcie w strefę nie robiło nic.
 */
.hmb-poza-ekranem{
  position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
.hmb-hurt-strefa{position:relative;}
.hmb-hurt-strefa:focus-within{
  border-color:rgba(232,163,61,.7);
  box-shadow:0 0 0 3px rgba(232,163,61,.16);
}

/* Trwa wysyłanie: strefa przestaje zapraszać do klikania i widać ruch. */
.hmb-hurt-strefa--pracuje{
  cursor:progress;pointer-events:none;
  border-style:solid;border-color:rgba(232,163,61,.5);
  background:radial-gradient(120% 90% at 50% 0%,rgba(232,163,61,.14),transparent 66%);
}
.hmb-hurt-strefa--pracuje .hmb-hurt-ikona{
  animation:hmb-hurt-obrot 1s linear infinite;
  border-radius:50%;
  background:conic-gradient(#E8A33D 0deg,#E8A33D 90deg,rgba(232,163,61,.18) 90deg,rgba(232,163,61,.18) 360deg);
}
/* Strzałka znika na czas pracy, zostaje sam pierścień. */
.hmb-hurt-strefa--pracuje .hmb-hurt-ikona::before,
.hmb-hurt-strefa--pracuje .hmb-hurt-ikona::after{display:none;}
@keyframes hmb-hurt-obrot{to{transform:rotate(360deg);}}

.hmb-hurt-strefa--pracuje .hmb-hurt-tekst{color:#E8A33D;}

/* Pasek postępu ma widoczny ruch nawet przy pierwszym pliku. */
.hmb-hurt-pasek i{min-width:3px;}

@media(prefers-reduced-motion:reduce){
  .hmb-hurt-strefa--pracuje .hmb-hurt-ikona{animation:none;}
}

/* ============================================================
   UCHWYT PRZECIAGANIA
   ============================================================ */
/*
 * Tylko uchwyt jest przeciągalny, więc musi być na tyle duży, żeby dało się
 * go trafić, i wyraźnie odróżniać się od reszty wiersza.
 */
.hmb-kolejka-el .hmb-uchwyt{
  width:22px;height:30px;flex-shrink:0;
  cursor:grab;border-radius:6px;
  background-image:radial-gradient(circle,rgba(240,228,208,.45) 1.4px,transparent 1.4px);
  background-size:6px 6px;background-position:center;
  transition:background-color .2s;
}
.hmb-kolejka-el .hmb-uchwyt:hover{background-color:rgba(232,163,61,.14);}
.hmb-kolejka-el .hmb-uchwyt:active{cursor:grabbing;}
.hmb-ciagniety{opacity:.5;}

/* Ołówek i krzyżyk mają reagować od razu, bez czekania na najechanie. */
.hmb-kolejka-el .hmb-btn--ikona{
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.hmb-kolejka-el .hmb-btn--ikona:hover{
  background:rgba(232,163,61,.14);border-color:rgba(232,163,61,.45);color:#E8A33D;
}

/* ============================================================
   SAMOUCZEK NA STRONIE LICYTACJI
   ============================================================ */
/*
 * Jeden cykl trwa 9 sekund i dzieli się na trzy kroki po 3 sekundy. Każdy
 * element ma tę samą długość animacji i różni się tylko procentami, więc
 * wszystko trzyma się wspólnego rytmu bez żadnego licznika w JavaScripcie.
 *
 *   0–33 %   zegar odlicza
 *   33–66 %  palec stuka, cena przeskakuje, oferta wpada do listy
 *   66–100 % zegar cofa się i pojawia się plakietka przedłużenia
 */
.hmb-tut{
  position:fixed;inset:0;z-index:130;
  display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(8,6,4,.8);backdrop-filter:blur(12px);
  opacity:0;transition:opacity .45s ease;
}
.hmb-tut--widoczny{opacity:1;}
.hmb-tut--znika{opacity:0;}

.hmb-tut-karta{
  width:100%;max-width:840px;display:grid;grid-template-columns:1.05fr 1fr;
  border-radius:24px;overflow:hidden;position:relative;
  border:1px solid rgba(232,163,61,.24);
  background:linear-gradient(150deg,#241B12,#14100C 62%);
  box-shadow:0 50px 130px rgba(0,0,0,.7);
  transform:translateY(20px) scale(.97);
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.hmb-tut--widoczny .hmb-tut-karta{transform:none;}

/* ---------- scena ---------- */
.hmb-tut-scena{
  position:relative;min-height:330px;padding:28px;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 90% at 50% 10%,rgba(232,163,61,.13),transparent 62%);
  border-right:1px solid rgba(240,228,208,.08);
}
.hmb-tut-poswiata{
  position:absolute;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,163,61,.24),transparent 68%);
  animation:hmb-tut-oddech 4s ease-in-out infinite;
}
@keyframes hmb-tut-oddech{0%,100%{transform:scale(1);opacity:.7;}50%{transform:scale(1.18);opacity:1;}}

.hmb-tut-panel{
  position:relative;width:230px;padding:16px;border-radius:16px;
  border:1px solid rgba(240,228,208,.14);
  background:rgba(20,16,12,.92);
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}

.hmb-tut-gora{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;}
.hmb-tut-zywo{
  display:inline-flex;align-items:center;gap:6px;
  font-size:8.5px;font-weight:700;letter-spacing:.14em;color:#8FA05B;
}
.hmb-tut-zywo i{width:6px;height:6px;border-radius:50%;background:#8FA05B;animation:hmb-tut-puls 1.6s infinite;}
@keyframes hmb-tut-puls{0%,100%{opacity:1;}50%{opacity:.3;}}

/* Zegar: odlicza przez dwa kroki, w trzecim skacze do tyłu. */
.hmb-tut-zegar{width:34px;height:34px;transform:rotate(-90deg);}
.hmb-tut-tor{fill:none;stroke:rgba(240,228,208,.12);stroke-width:3;}
.hmb-tut-wskaz{
  fill:none;stroke:#E8A33D;stroke-width:3;stroke-linecap:round;
  stroke-dasharray:119;
  animation:hmb-tut-odliczanie 9s linear infinite;
}
@keyframes hmb-tut-odliczanie{
  0%{stroke-dashoffset:0;stroke:#E8A33D;}
  60%{stroke-dashoffset:100;stroke:#D4593A;}
  66%{stroke-dashoffset:107;stroke:#D4593A;}
  /* przedłużenie: wskazówka wraca */
  72%{stroke-dashoffset:34;stroke:#8FA05B;}
  100%{stroke-dashoffset:96;stroke:#8FA05B;}
}

.hmb-tut-lot{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.hmb-tut-foto{
  width:38px;height:38px;border-radius:9px;flex-shrink:0;
  background:linear-gradient(135deg,#F6C978,#B4551C);
  box-shadow:0 0 18px rgba(232,163,61,.28);
}
.hmb-tut-nazwa{height:8px;flex:1;border-radius:4px;background:rgba(240,228,208,.16);}
.hmb-tut-cena-etyk{display:block;width:44px;height:5px;border-radius:3px;background:rgba(240,228,208,.12);margin-bottom:7px;}

/* Cena: trzy wartości przewijane, zawsze widoczna dokładnie jedna. */
.hmb-tut-rolka{display:block;height:26px;overflow:hidden;position:relative;}
.hmb-tut-rolka b{
  position:absolute;inset:0;
  font-family:var(--font-dane,monospace);font-size:21px;font-weight:700;color:#E8A33D;
  opacity:0;animation:hmb-tut-cena 9s linear infinite;
}
.hmb-tut-rolka b:nth-child(1){animation-delay:0s;}
.hmb-tut-rolka b:nth-child(2){animation-delay:3s;}
.hmb-tut-rolka b:nth-child(3){animation-delay:6s;}
@keyframes hmb-tut-cena{
  0%{opacity:0;transform:translateY(8px);}
  4%,30%{opacity:1;transform:none;}
  34%,100%{opacity:0;transform:translateY(-8px);}
}

.hmb-tut-guzik{
  display:block;height:34px;border-radius:9px;margin:12px 0;
  background:linear-gradient(135deg,#F6C978,#E8A33D 52%,#B4551C);
  animation:hmb-tut-guzik 9s ease-in-out infinite;
}
@keyframes hmb-tut-guzik{
  0%,33%{transform:scale(1);box-shadow:0 0 0 0 rgba(232,163,61,.4);}
  38%{transform:scale(.95);box-shadow:0 0 0 10px rgba(232,163,61,0);}
  44%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(232,163,61,0);}
}

.hmb-tut-feed{display:grid;gap:5px;}
.hmb-tut-oferta{
  height:7px;border-radius:4px;background:rgba(240,228,208,.1);
  opacity:0;animation:hmb-tut-oferta 9s linear infinite;
}
.hmb-tut-oferta:nth-child(1){animation-delay:.2s;}
.hmb-tut-oferta:nth-child(2){animation-delay:3.2s;}
.hmb-tut-oferta:nth-child(3){animation-delay:6.2s;}
@keyframes hmb-tut-oferta{
  0%{opacity:0;transform:translateX(-10px);}
  5%,30%{opacity:1;transform:none;}
  34%,100%{opacity:0;transform:translateX(6px);}
}

/* Palec stuka w drugim kroku. */
.hmb-tut-palec{
  position:absolute;left:calc(50% + 34px);top:56%;
  width:20px;height:20px;border-radius:50%;
  border:2px solid #E8A33D;background:rgba(232,163,61,.2);
  opacity:0;animation:hmb-tut-palec 9s ease-in-out infinite;
}
@keyframes hmb-tut-palec{
  0%,30%{opacity:0;transform:translate(10px,10px) scale(.8);}
  35%{opacity:1;transform:translate(0,0) scale(1);}
  39%{opacity:1;transform:translate(0,0) scale(.75);}
  45%{opacity:1;transform:translate(0,0) scale(1);}
  52%,100%{opacity:0;transform:translate(6px,-6px) scale(.9);}
}

/* Plakietka przedłużenia w trzecim kroku. */
.hmb-tut-plus{
  position:absolute;top:20%;right:14%;
  padding:5px 11px;border-radius:100px;
  font-family:var(--font-dane,monospace);font-size:11.5px;font-weight:700;
  color:#8FA05B;background:rgba(143,160,91,.16);border:1px solid rgba(143,160,91,.45);
  opacity:0;animation:hmb-tut-plus 9s ease-out infinite;
}
@keyframes hmb-tut-plus{
  0%,64%{opacity:0;transform:translateY(8px) scale(.8);}
  70%{opacity:1;transform:translateY(0) scale(1.08);}
  76%,92%{opacity:1;transform:translateY(0) scale(1);}
  100%{opacity:0;transform:translateY(-8px) scale(.95);}
}

/* ---------- treść ---------- */
.hmb-tut-tresc{padding:clamp(28px,4vw,40px);display:flex;flex-direction:column;justify-content:center;}

.hmb-tut-licznik{display:flex;gap:6px;margin-bottom:20px;}
.hmb-tut-licznik i{width:22px;height:3px;border-radius:2px;background:rgba(240,228,208,.16);position:relative;overflow:hidden;}
.hmb-tut-licznik i::after{
  content:"";position:absolute;inset:0;border-radius:2px;background:#E8A33D;
  transform:scaleX(0);transform-origin:left;
  animation:hmb-tut-krok 9s linear infinite;
}
.hmb-tut-licznik i:nth-child(1)::after{animation-delay:0s;}
.hmb-tut-licznik i:nth-child(2)::after{animation-delay:3s;}
.hmb-tut-licznik i:nth-child(3)::after{animation-delay:6s;}
@keyframes hmb-tut-krok{
  0%{transform:scaleX(0);}
  33%{transform:scaleX(1);}
  34%,100%{transform:scaleX(0);}
}

/* Nagłówki i opisy leżą na sobie i zmieniają się razem z krokiem. */
.hmb-tut-tytul,.hmb-tut-opis{position:relative;margin:0;}
.hmb-tut-tytul{height:2.4em;}
.hmb-tut-opis{height:5.2em;margin-top:12px;}
.hmb-tut-tytul span,.hmb-tut-opis span{
  position:absolute;inset:0;opacity:0;
  animation:hmb-tut-tekst 9s ease-in-out infinite;
}
.hmb-tut-tytul span{
  font-family:var(--font-display,Georgia,serif);font-size:clamp(20px,2.6vw,26px);
  font-weight:600;color:#fff;line-height:1.2;letter-spacing:-.022em;
}
.hmb-tut-opis span{font-size:14.5px;color:#fff;opacity:0;line-height:1.6;}
.hmb-tut-tytul span:nth-child(1),.hmb-tut-opis span:nth-child(1){animation-delay:0s;}
.hmb-tut-tytul span:nth-child(2),.hmb-tut-opis span:nth-child(2){animation-delay:3s;}
.hmb-tut-tytul span:nth-child(3),.hmb-tut-opis span:nth-child(3){animation-delay:6s;}
@keyframes hmb-tut-tekst{
  0%{opacity:0;transform:translateY(10px);}
  5%,29%{opacity:1;transform:none;}
  34%,100%{opacity:0;transform:translateY(-8px);}
}
.hmb-tut-opis span{--docelowa:.66;}
@keyframes hmb-tut-tekst-opis{
  0%{opacity:0;}
  5%,29%{opacity:.66;}
  34%,100%{opacity:0;}
}
.hmb-tut-opis span{animation-name:hmb-tut-tekst-opis;}

.hmb-tut-tresc .hmb-btn{
  margin-top:26px;align-self:flex-start;
  padding:14px 30px;border-radius:11px;font-size:15px;font-weight:700;
  border:none;cursor:pointer;font-family:inherit;
  background:linear-gradient(135deg,#F6C978,#E8A33D 52%,#B4551C);color:#1E1206;
  transition:background .25s,color .25s,transform .2s;
}
.hmb-tut-tresc .hmb-btn:hover{
  background:linear-gradient(135deg,#E8A33D,#B4551C 55%,#8E3F12);color:#fff;transform:translateY(-2px);
}

@media(max-width:760px){
  .hmb-tut-karta{grid-template-columns:1fr;max-width:420px;}
  .hmb-tut-scena{min-height:250px;border-right:none;border-bottom:1px solid rgba(240,228,208,.08);}
  .hmb-tut-panel{width:200px;}
  .hmb-tut-tresc .hmb-btn{align-self:stretch;text-align:center;}
}

@media(prefers-reduced-motion:reduce){
  .hmb-tut *{animation:none!important;transition:none!important;}
  /* Bez ruchu pokazujemy pierwszy krok w całości. */
  .hmb-tut-tytul span:nth-child(1){opacity:1;}
  .hmb-tut-opis span:nth-child(1){opacity:.66;}
  .hmb-tut-rolka b:nth-child(1),.hmb-tut-oferta{opacity:1;}
  .hmb-tut-karta{transform:none;}
}

/* ============================================================
   PODGLAD HASLA
   ============================================================ */
.hmb-haslo-otoczka{position:relative;display:block;}
.hmb-haslo-otoczka input{width:100%;padding-right:50px;}

.hmb-haslo-oko{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border:none;background:none;cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;border-radius:9px;
  color:#fff;opacity:.45;
  transition:opacity .2s,background .2s,color .2s;
}
.hmb-haslo-oko:hover{opacity:1;background:rgba(232,163,61,.12);color:#E8A33D;}
.hmb-haslo-oko:focus-visible{outline:2px solid #E8A33D;outline-offset:-2px;opacity:1;}
.hmb-haslo-oko svg{width:20px;height:20px;fill:currentColor;}

/* Kreska przekreslajaca oko: rysowana, gdy haslo jest ukryte. */
.hmb-oko-kreska{
  stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none;
  stroke-dasharray:26;stroke-dashoffset:0;
  transition:stroke-dashoffset .28s cubic-bezier(.22,1,.36,1);
}
/* Haslo widoczne: kreska znika, wiec oko jest otwarte. */
.hmb-haslo-oko--widoczne{opacity:1;color:#E8A33D;}
.hmb-haslo-oko--widoczne .hmb-oko-kreska{stroke-dashoffset:26;}

.hmb-haslo-oko--widoczne .hmb-oko-ksztalt{animation:hmb-oko-mrug .3s ease;}
@keyframes hmb-oko-mrug{50%{transform:scaleY(.6);transform-origin:center;}}

/* Pole z bledem: przycisk nie moze zaslaniac czerwonej ramki. */
.hmb-pole--blad .hmb-haslo-oko{color:#F0A48A;opacity:.8;}

@media(prefers-reduced-motion:reduce){
  .hmb-oko-kreska,.hmb-haslo-oko,.hmb-oko-ksztalt{transition:none;animation:none;}
}

/* ============================================================
   RAPORT Z NIEUDANEJ WYSYLKI
   ============================================================ */
.hmb-hurt-raport{
  margin-top:16px;padding:14px 16px;border-radius:12px;
  border:1px solid rgba(212,89,58,.35);background:rgba(212,89,58,.08);
}
.hmb-hurt-raport p{margin:0 0 10px;font-size:13px;color:#F0A48A;line-height:1.5;}
.hmb-hurt-raport textarea{
  width:100%;box-sizing:border-box;resize:vertical;
  font-family:var(--font-dane,monospace);font-size:11.5px;line-height:1.55;
  padding:10px 12px;border-radius:8px;
  border:1px solid rgba(240,228,208,.16);
  background:rgba(10,8,6,.6);color:#F0E4D0;
}
.hmb-hurt-raport textarea:focus{outline:2px solid rgba(232,163,61,.5);outline-offset:-2px;}

/* ============================================================
   ZAZNACZANIE I USUWANIE ZBIORCZE
   ============================================================ */
.hmb-kolejka-pasek{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:11px 14px;margin-bottom:10px;border-radius:11px;
  border:1px solid rgba(232,163,61,.28);background:rgba(232,163,61,.07);
  animation:hmb-pasek-wejscie .25s cubic-bezier(.16,1,.3,1);
}
@keyframes hmb-pasek-wejscie{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

.hmb-zaznacz-wszystkie{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;color:#fff;}
.hmb-kolejka-licznik{
  margin-right:auto;font-family:var(--font-dane,monospace);
  font-size:12.5px;color:#E8A33D;
}

.hmb-btn--usun{
  border:1px solid rgba(212,89,58,.5);background:rgba(212,89,58,.14);color:#F0A48A;
  transition:background .2s,color .2s,border-color .2s;
}
.hmb-btn--usun:hover{background:#D4593A;color:#fff;border-color:#D4593A;}
.hmb-btn--usun:disabled{opacity:.5;cursor:default;}

/* Pole wyboru w wierszu; ukryty opis zostaje dla czytników. */
.hmb-zaznacz{display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0;}
.hmb-zaznacz input{width:17px;height:17px;cursor:pointer;accent-color:#E8A33D;}

.hmb-kolejka-el--zaznaczony{
  border-color:rgba(232,163,61,.5)!important;
  background:rgba(232,163,61,.08)!important;
}
.hmb-kolejka-el--znika{
  opacity:0;transform:translateX(-16px);
  transition:opacity .25s ease,transform .25s ease;
}

.hmb-ukryte{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}

@media(prefers-reduced-motion:reduce){
  .hmb-kolejka-pasek,.hmb-kolejka-el--znika{animation:none;transition:none;}
}

/* ============================================================
   POWIEKSZENIE ZDJECIA
   ============================================================ */
.hmb-mini-guzik{
  padding:0;border:none;background:none;cursor:zoom-in;
  display:inline-flex;flex-shrink:0;border-radius:7px;line-height:0;
  transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;
}
.hmb-mini-guzik:hover{transform:scale(1.12);box-shadow:0 4px 16px rgba(0,0,0,.5);}
.hmb-mini-guzik:focus-visible{outline:2px solid #E8A33D;outline-offset:2px;}

.hmb-lupa{
  position:fixed;inset:0;z-index:220;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;
  padding:32px;background:rgba(8,6,4,.9);backdrop-filter:blur(10px);
  opacity:0;transition:opacity .22s ease;cursor:zoom-out;
}
.hmb-lupa--widoczna{opacity:1;}
.hmb-lupa img{
  max-width:min(92vw,900px);max-height:78vh;
  border-radius:14px;object-fit:contain;cursor:default;
  box-shadow:0 40px 100px rgba(0,0,0,.7);
  animation:hmb-lupa-wejscie .28s cubic-bezier(.22,1,.36,1);
}
@keyframes hmb-lupa-wejscie{from{opacity:0;transform:scale(.94);}to{opacity:1;transform:none;}}
.hmb-lupa p{
  margin:0;font-size:14.5px;color:#fff;opacity:.75;text-align:center;
  max-width:min(92vw,900px);
}
.hmb-lupa-zamknij{
  position:absolute;top:20px;right:24px;
  width:42px;height:42px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(240,228,208,.2);background:rgba(20,16,12,.8);
  color:#fff;font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s,transform .2s;
}
.hmb-lupa-zamknij:hover{background:#E8A33D;color:#1E1206;transform:rotate(90deg);}

@media(prefers-reduced-motion:reduce){
  .hmb-lupa,.hmb-lupa img,.hmb-mini-guzik,.hmb-lupa-zamknij{animation:none;transition:none;}
}

/* ============================================================
   UKLAD WIERSZA KOLEJKI
   ============================================================ */
/*
 * W wierszu jest teraz siedem rzeczy: uchwyt, pole wyboru, miniatura, numer,
 * tytuł, cena, plakietka i dwa przyciski. Domyślnie element pozwala się
 * ściskać, więc przy węższym panelu ołówek i krzyżyk robiły się kilkupikselowe
 * albo spadały do drugiej linii i trafienie w nie było kwestią szczęścia.
 *
 * Wszystko poza tytułem dostaje stałą szerokość, a tytuł oddaje miejsce jako
 * jedyny. Panel edycji nadal zajmuje całą szerokość pod spodem.
 */
.hmb-kolejka-el > .hmb-uchwyt,
.hmb-kolejka-el > .hmb-zaznacz,
.hmb-kolejka-el > .hmb-mini-guzik,
.hmb-kolejka-el > .hmb-nr,
.hmb-kolejka-el > .hmb-amount,
.hmb-kolejka-el > .hmb-plakietka,
.hmb-kolejka-el > .hmb-btn--ikona,
.hmb-kolejka-el > .hmb-mini,
.hmb-kolejka-el > .hmb-mini--missing{
  flex-shrink:0;
}

/* Jedyny element, który ma się kurczyć. */
.hmb-kolejka-el > .hmb-kolejka-title{
  flex:1 1 auto;min-width:0;
  overflow:hidden;
}
.hmb-kolejka-el > .hmb-kolejka-title small{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Przyciski na tyle duże, żeby dało się w nie trafić także palcem. */
.hmb-kolejka-el .hmb-btn--ikona{
  min-width:34px;min-height:34px;
  display:inline-flex;align-items:center;justify-content:center;
}

/* Panel edycji zawsze pod spodem, na pełną szerokość. */
.hmb-kolejka-el > .hmb-kolejka-edycja{flex:1 1 100%;order:99;}

@media(max-width:640px){
  /* Na wąskim ekranie tytuł dostaje własną linię, reszta zostaje w jednej. */
  .hmb-kolejka-el > .hmb-kolejka-title{flex:1 1 100%;order:5;}
  .hmb-kolejka-el > .hmb-amount{margin-left:auto;}
}

/* ============================================================
   STRONA TRANSMISJI
   ============================================================ */
.hmb-transmisje-hero{
  padding:clamp(38px,7vw,68px) 0 clamp(26px,4vw,40px);
  border-bottom:1px solid rgba(240,228,208,.08);margin-bottom:clamp(26px,4vw,40px);
}
.hmb-transmisje-hero h1{
  font-family:var(--font-display,Georgia,serif);
  font-size:clamp(30px,5.5vw,52px);font-weight:600;letter-spacing:-.03em;
  color:#fff;margin:6px 0 12px;line-height:1.08;
}
.hmb-transmisje-lead{margin:0;max-width:56ch;font-size:15.5px;line-height:1.65;color:#fff;opacity:.62;}

.hmb-transmisje-liczby{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:22px;}
.hmb-transmisje-liczby span{display:flex;align-items:baseline;gap:7px;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.5;}
.hmb-transmisje-liczby b{font-family:var(--font-dane,monospace);font-size:24px;color:#E8A33D;opacity:1;}
.hmb-transmisje-liczby a{
  margin-left:auto;font-size:13.5px;color:#E8A33D;text-decoration:none;
  border-bottom:1px solid rgba(232,163,61,.35);padding-bottom:2px;
  transition:border-color .25s;
}
.hmb-transmisje-liczby a:hover{border-color:#E8A33D;}

.hmb-transmisje-naglowek{
  font-family:var(--font-display,Georgia,serif);
  font-size:clamp(19px,2.6vw,25px);font-weight:600;color:#fff;
  margin:clamp(30px,4vw,44px) 0 18px;letter-spacing:-.02em;
}

.hmb-siatka--transmisje{
  display:grid;gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(268px,1fr));
}

.hmb-transmisja{
  display:flex;flex-direction:column;gap:9px;
  padding:20px;border-radius:16px;text-decoration:none;
  border:1px solid rgba(240,228,208,.1);
  background:linear-gradient(160deg,rgba(36,27,18,.85),rgba(20,16,12,.85));
  transition:border-color .3s,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s;
}
.hmb-transmisja:hover{
  border-color:rgba(232,163,61,.4);transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(0,0,0,.4);
}
.hmb-transmisja h3{
  font-family:var(--font-display,Georgia,serif);
  font-size:19px;font-weight:600;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.25;
}
.hmb-transmisja-kto{margin:0;font-size:13px;color:#fff;opacity:.55;}
.hmb-transmisja-kolejka{margin-top:auto;padding-top:10px;font-size:12px;color:#fff;opacity:.45;}

/* trwa teraz */
.hmb-transmisja-zywo{
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8FA05B;
}
.hmb-transmisja-zywo i{width:6px;height:6px;border-radius:50%;background:#8FA05B;animation:hmb-puls-znak 1.8s infinite;}
.hmb-transmisja--zywo{border-color:rgba(143,160,91,.3);}
.hmb-transmisja--zywo:hover{border-color:rgba(143,160,91,.6);}
.hmb-transmisja-lot{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:11px 13px;border-radius:10px;background:rgba(240,228,208,.04);
}
.hmb-transmisja-title{font-size:13.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hmb-transmisja-lot .hmb-amount{font-family:var(--font-dane,monospace);font-size:16px;color:#E8A33D;flex-shrink:0;}

/* zapowiedziane */
.hmb-transmisja-kiedy{
  align-self:flex-start;padding:6px 12px;border-radius:100px;
  font-family:var(--font-dane,monospace);font-size:12px;font-weight:700;
  color:#E8A33D;background:rgba(232,163,61,.12);border:1px solid rgba(232,163,61,.3);
}
.hmb-transmisja-za{
  font-size:12px;color:#F6C978;opacity:.85;
}
.hmb-transmisja--wkrotce{border-style:dashed;}
.hmb-transmisja--wkrotce:hover{border-style:solid;}

/* zakończone */
.hmb-lista-zakonczonych{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.hmb-lista-zakonczonych li{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  padding:13px 16px;border-radius:10px;background:rgba(240,228,208,.025);
}
.hmb-lista-zakonczonych .hmb-title{font-size:14.5px;color:#fff;opacity:.8;flex:1;min-width:180px;}
.hmb-lista-zakonczonych .hmb-kto{font-size:12.5px;color:#fff;opacity:.45;}
.hmb-lista-zakonczonych .hmb-data{font-family:var(--font-dane,monospace);font-size:12px;color:#fff;opacity:.35;}

@media(max-width:560px){
  .hmb-siatka--transmisje{grid-template-columns:1fr;}
  .hmb-transmisje-liczby a{margin-left:0;width:100%;}
}

@media(prefers-reduced-motion:reduce){
  .hmb-transmisja,.hmb-transmisja-zywo i{transition:none;animation:none;}
}

/* ============================================================
   ZASADY LICYTACJI W FORMULARZU TRANSMISJI
   ============================================================ */
.hmb-zasady{
  padding:15px 18px;border-radius:12px;margin:4px 0 18px;
  border:1px solid rgba(232,163,61,.2);background:rgba(232,163,61,.05);
}
.hmb-zasady-etyk{
  display:block;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#E8A33D;opacity:.8;margin-bottom:10px;
}
.hmb-zasady ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;}
.hmb-zasady li{
  display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  font-size:12.5px;color:#fff;opacity:.55;
}
.hmb-zasady b{
  font-family:var(--font-dane,monospace);font-size:13px;
  color:#F0E4D0;opacity:1;font-weight:700;
}

/* ============================================================
   STRONA LICYTACJI GDY NIC NIE TRWA
   ============================================================ */
.hmb-live--pusta{
  display:flex;align-items:center;justify-content:center;
  min-height:clamp(340px,52vh,540px);padding:clamp(28px,6vw,56px);
}
.hmb-live-pusta-in{max-width:520px;text-align:center;}
.hmb-live-pusta-znak{
  display:block;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#F6C978,#E8A33D 46%,#B4551C);
  box-shadow:0 0 40px rgba(232,163,61,.34);
  animation:hmb-oddech-znak 2.6s ease-in-out infinite;
}
@keyframes hmb-oddech-znak{0%,100%{transform:scale(1);opacity:.85;}50%{transform:scale(1.07);opacity:1;}}

.hmb-live-pusta-in h2{
  font-family:var(--font-display,Georgia,serif);
  font-size:clamp(22px,3.4vw,31px);font-weight:600;color:#fff;
  margin:0 0 12px;letter-spacing:-.02em;
}
.hmb-live-pusta-in p{margin:0;font-size:15px;line-height:1.65;color:#fff;opacity:.6;}

.hmb-live-pusta-akcje{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px;
}
.hmb-live-pusta-akcje .hmb-btn{
  padding:13px 24px;border-radius:11px;font-size:14.5px;font-weight:600;text-decoration:none;
  border:1px solid rgba(240,228,208,.18);color:#F0E4D0;
  transition:background .25s,border-color .25s,color .25s;
}
.hmb-live-pusta-akcje .hmb-btn:hover{background:rgba(240,228,208,.06);border-color:rgba(232,163,61,.4);}
.hmb-live-pusta-akcje .hmb-btn--glowny{
  background:linear-gradient(135deg,#F6C978,#E8A33D 52%,#B4551C);color:#1E1206;border:none;
}
.hmb-live-pusta-akcje .hmb-btn--glowny:hover{filter:brightness(1.06);color:#1E1206;}

.hmb-live-pusta-lista{
  margin-top:32px;padding-top:22px;border-top:1px solid rgba(240,228,208,.09);
  display:grid;gap:6px;text-align:left;
}
.hmb-live-pusta-etyk{
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#E8A33D;opacity:.7;text-align:center;margin-bottom:6px;
}
.hmb-live-pusta-lista a{
  display:flex;align-items:baseline;gap:12px;
  padding:11px 14px;border-radius:10px;text-decoration:none;
  background:rgba(240,228,208,.03);transition:background .25s;
}
.hmb-live-pusta-lista a:hover{background:rgba(232,163,61,.09);}
.hmb-live-pusta-lista b{
  font-family:var(--font-dane,monospace);font-size:12px;color:#E8A33D;flex-shrink:0;
}
.hmb-live-pusta-lista span{font-size:14px;color:#fff;opacity:.75;}

@media(prefers-reduced-motion:reduce){ .hmb-live-pusta-znak{animation:none;} }

/* Prowadzący zamiast przycisków licytacji widzi spokojną notkę. */
.hmb-akcja-prowadzacy{
  margin:0;padding:15px 17px;border-radius:12px;
  font-size:13.5px;line-height:1.55;color:#F0E4D0;opacity:.72;
  border:1px dashed rgba(240,228,208,.22);background:rgba(240,228,208,.03);
}

/* ============================================================
   TRZY FAZY ODLICZANIA
   ============================================================ */
/*
 * Kolory faz wzięte z materiału od klienta: trójka niebieska, dwójka żółta,
 * jedynka czerwona. Cyfra jest większa niż sekundy, bo w transmisji reaguje
 * się na nią, a nie na dokładny odczyt.
 */
.hmb-zegar-faza{
  display:block;
  font-family:var(--font-dane,monospace);
  font-size:clamp(46px,9vw,72px);font-weight:800;line-height:1;
  /* Trójka bursztynowa jak dwójka — paleta klienta (24.08) nie zna
     niebieskiej fazy; jedynka czerwona niżej. */
  color:#E8A33D;
  /* No fade: a phase change is a signal, and red must be red at once (21.09). */
  transition:none;
}
.hmb-zegar--faza2 .hmb-zegar-faza{color:#E8A33D;}
.hmb-zegar--faza1 .hmb-zegar-faza{color:#D4593A;}

.hmb-faza--skok{animation:hmb-faza-skok .34s cubic-bezier(.22,1,.36,1);}
@keyframes hmb-faza-skok{
  0%{transform:scale(1.5);opacity:.4;}
  100%{transform:scale(1);opacity:1;}
}


/*
 * Sekundy schodzą pod cyfrę tylko tam, gdzie cyfra jest. Reguła celuje w
 * sąsiedztwo, żeby zegary bez fazy — na innych stronach — zachowały pełny
 * rozmiar; wcześniejsza wersja zmniejszała je wszystkie.
 */
.hmb-zegar-faza + .hmb-zegar-czas{font-size:14px;font-weight:600;opacity:.55;letter-spacing:0;}
.hmb-zegar:has(.hmb-zegar-faza) .hmb-zegar-etyk{display:none;}

/* Pasek postępu w obrębie fazy, nie całych piętnastu sekund. */
.hmb-faza-pasek{
  height:6px;border-radius:6px;overflow:hidden;margin:14px 0 4px;
  background:rgba(240,228,208,.09);
}
.hmb-faza-pasek i{
  display:block;height:100%;border-radius:6px;
  /* Decyzja klienta (24.08): trójka i dwójka bursztynowe, jedynka
     czerwona — niebieskiej fazy nie ma. */
  background:#E8A33D;
  /* .95s pod sekundowy tik: wypełnienie płynie zamiast skakać. */
  transition:width .95s linear,background .3s;
}
/* Kolory jak w pliku referencyjnym klienta: trójka niebieska, dwójka
   bursztynowa, jedynka czerwona; przerwa odlicza w kolorze wyniku. */
.hmb-faza-pasek--faza2 i{background:#E8A33D;} /* jawnie, dla czytelnosci */
.hmb-faza-pasek--faza1 i{background:#D4593A;}
.hmb-faza-pasek--wynik-sprzedany i{background:#8FA05B;}
.hmb-faza-pasek--wynik-bez i{background:#D4593A;}

.hmb-panel-stempel{margin:26px 0 0;text-align:right;font-size:11px;letter-spacing:.14em;color:#fff;opacity:.28;font-family:ui-monospace,monospace;}

/* Zamowienia spoza wybranej transmisji: notka i znacznik transmisji. */
.hmb-notka-zamowien{margin:0 0 10px;font-size:13px;color:#F6C978;opacity:.9;}
.hmb-zam-transmisja{
  display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;
  font-size:11px;letter-spacing:.04em;background:rgba(232,163,61,.16);
  color:#F6C978;vertical-align:middle;
}

/* Przerwa sklepu: panel z notatka i odliczaniem w oknie transmisji. */
.hmb-pauza-panel{
  position:absolute;inset:0;z-index:7;
  display:flex;align-items:center;justify-content:center;
  background:rgba(8,6,4,.55);
}
.hmb-pauza-panel-in{
  text-align:center;padding:22px 32px;max-width:min(88%,440px);
  background:rgba(12,9,6,.92);border:1px solid rgba(232,163,61,.35);
  border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.5);
}
.hmb-pauza-znak{display:block;font-size:34px;margin-bottom:6px;}
.hmb-pauza-panel-in h2{margin:0 0 6px;font-size:clamp(20px,4vw,30px);color:#F6C978;}
.hmb-pauza-panel-in p{margin:0 0 10px;color:#fff;opacity:.85;font-size:clamp(14px,2.4vw,18px);}
.hmb-pauza-czas{
  font-family:ui-monospace,monospace;font-size:clamp(26px,6vw,44px);
  color:#E8A33D;font-weight:700;font-variant-numeric:tabular-nums;
}
.hmb-pauza-forma{display:inline-flex;gap:6px;align-items:center;}
.hmb-pauza-forma input[type=text]{width:180px;}
.hmb-pauza-forma input[type=number]{width:64px;}
.hmb-btn-op--wznow{background:#8FA05B;border-color:#8FA05B;color:#0C0906;}

/* Poczekalnia: odliczanie do zaplanowanej godziny transmisji. */
.hmb-odliczanie{
  display:flex;align-items:baseline;gap:14px;justify-content:center;
  margin:0 0 14px;padding:14px 18px;border:1px solid rgba(232,163,61,.3);
  border-radius:14px;background:rgba(33,26,19,.55);
}
.hmb-odliczanie-etyk{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.6;}
.hmb-odliczanie-czas{
  font-family:ui-monospace,monospace;font-size:clamp(24px,5vw,40px);
  color:#F6C978;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;
}

/* Odcienie śladów systemowych — semantyka kolorów z pliku referencyjnego,
   w palecie serwisu: bursztyn czeka, zieleń poszło, czerwień bez ofert. */
.hmb-feed--stop span:first-child{color:#E8A33D;}
.hmb-feed--ok span:first-child{color:#8FA05B;}
.hmb-feed--zle span:first-child{color:#D4593A;}

/* Puszczenie na jedynkę pulsuje, póki zatrzymana dwójka na kogoś czeka. */
.hmb-btn-op--czeka{
  border-color:#E8A33D;color:#F6C978;
  animation:hmb-czekanie 1.1s ease-in-out infinite;
}
@keyframes hmb-czekanie{
  0%,100%{box-shadow:0 0 0 0 rgba(232,163,61,.45);}
  55%{box-shadow:0 0 0 9px rgba(232,163,61,0);}
}

/* ============================================================
   POLOWA POSTAPIENIA
   ============================================================ */
.hmb-btn-licytuj--polowa{
  margin-top:8px;
  background:none;border:1px solid rgba(232,163,61,.45);color:#E8A33D;
  font-size:14px;font-weight:600;
}
.hmb-btn-licytuj--polowa:hover:not(:disabled){background:rgba(232,163,61,.12);}
.hmb-btn-licytuj--polowa:disabled{
  opacity:.32;cursor:default;
  border-color:rgba(240,228,208,.14);color:#8A7860;
}

/* ============================================================
   PRZELACZNIK I PUSZCZENIE NA JEDYNKE
   ============================================================ */
/* Przełącznik auto-stopu w transmisji. Własna nazwa, NIE .hmb-przelacznik:
   tamta klasa to pigułka 44x24 z panelu sprzedawcy (HMB-19). Wspólna nazwa
   znaczyła wspólne pudełko — szerokość 44px wyciekała tutaj i ściskała
   etykietę do jednego słowa w wierszu. */
.hmb-autostop{
  position:relative; /* kotwica dla ukrytego pola: fokus rysuje się TU */
  display:flex;align-items:center;gap:12px;cursor:pointer;
  margin:14px 16px 0;padding:13px 15px;border-radius:13px;
  border:1px solid rgba(240,228,208,.12);background:rgba(240,228,208,.03);
  transition:border-color .25s,background .25s,transform .2s;
}
.hmb-autostop:active{transform:scale(.99);}
.hmb-autostop:hover{border-color:rgba(232,163,61,.35);}
.hmb-autostop input{position:absolute;opacity:0;width:0;height:0;}
.hmb-autostop-tor{
  width:40px;height:22px;border-radius:100px;flex-shrink:0;position:relative;
  background:rgba(240,228,208,.14);transition:background .28s;
}
.hmb-autostop-tor i{
  position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;
  background:#F0E4D0;transition:transform .28s cubic-bezier(.22,1,.36,1);
}
.hmb-autostop input:checked + .hmb-autostop-tor{background:#E8A33D;}
.hmb-autostop input:checked + .hmb-autostop-tor i{transform:translateX(18px);background:#1E1206;}
.hmb-autostop input:focus-visible + .hmb-autostop-tor{outline:2px solid #E8A33D;outline-offset:2px;}
.hmb-autostop-tekst{font-size:13.5px;color:#fff;opacity:.75;flex:1 1 0;min-width:0;line-height:1.4;}

.hmb-btn-op--jedynka{
  border-color:rgba(143,160,91,.4);color:#8FA05B;
}
.hmb-btn-op--jedynka:disabled{opacity:.3;cursor:default;}
/* Czeka na sprzedawcę: pulsuje, żeby nie przeoczył momentu. */
.hmb-btn-op--czeka{
  background:#8FA05B!important;color:#14100C!important;border-color:#8FA05B!important;
  animation:hmb-czeka 1.1s ease-in-out infinite;
}
@keyframes hmb-czeka{
  0%,100%{box-shadow:0 0 0 0 rgba(143,160,91,.55);}
  50%{box-shadow:0 0 0 9px rgba(143,160,91,0);}
}

.hmb-operator-krok{
  margin:0;padding:12px 20px 16px;font-size:11.5px;color:#F0E4D0;opacity:.5;
  font-family:var(--font-dane,monospace);letter-spacing:.01em;
}
/* W pasku kupujacego podpis nie potrzebuje bocznego światła panelu. */
.hmb-akcja .hmb-operator-krok{padding:10px 0 0;}

@media(prefers-reduced-motion:reduce){
  .hmb-faza--skok,.hmb-zegar--faza1,.hmb-btn-op--czeka{animation:none;}
  .hmb-autostop-tor i,.hmb-faza-pasek i{transition:none;}
}

/* ============================================================
   PANEL ZALOZYCIELA
   ============================================================ */
.hmb-zalozyciel{max-width:960px;margin:0 auto;padding:34px 20px 70px;}
.hmb-zalozyciel-glowa{margin-bottom:26px;}
.hmb-zalozyciel-odmowa{max-width:560px;margin:60px auto;text-align:center;opacity:.7;}

.hmb-zalozyciel-liczby{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:12px;margin-bottom:34px;
}
.hmb-zalozyciel-liczby article{
  padding:18px 16px;border-radius:16px;
  background:rgba(240,228,208,.045);border:1px solid rgba(240,228,208,.1);
}
.hmb-zalozyciel-liczby b{
  display:block;font-family:var(--font-dane,monospace);font-size:24px;
  font-weight:700;color:#F6C978;letter-spacing:-.02em;margin-bottom:4px;
}
.hmb-zalozyciel-liczby span{font-size:11.5px;color:#F0E4D0;opacity:.6;}
.hmb-zalozyciel-liczby article.hmb-uwaga{border-color:rgba(212,89,58,.5);}
.hmb-zalozyciel-liczby article.hmb-uwaga b{color:#F0A48A;}

.hmb-zalozyciel-naglowek{font-size:15px;margin:30px 0 12px;color:#F0E4D0;}
.hmb-zalozyciel-naglowek.hmb-uwaga{color:#F0A48A;}

.hmb-zalozyciel-wnioski{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.hmb-zalozyciel-wnioski li{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:15px 17px;border-radius:14px;
  background:rgba(232,163,61,.06);border:1px solid rgba(232,163,61,.28);
}
.hmb-wniosek-kto b{display:block;font-size:14px;}
.hmb-wniosek-kto span{font-size:12px;opacity:.6;}
.hmb-wniosek-kto a{font-size:12px;color:#E8A33D;}
.hmb-wniosek-przyciski{display:flex;gap:8px;font-size:18px;}
.hmb-btn-op--tak{background:linear-gradient(135deg,#F6C978,#E8A33D 55%,#B4551C);color:#14100C;border-color:transparent;}
.hmb-wniosek--tak{border-color:rgba(143,160,91,.6);background:rgba(143,160,91,.08);}
.hmb-wniosek--nie{opacity:.45;}

.hmb-zalozyciel-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.hmb-zalozyciel-lista li{
  display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;
  padding:12px 16px;border-radius:12px;font-size:13px;
  background:rgba(240,228,208,.035);border:1px solid rgba(240,228,208,.08);
}
.hmb-zalozyciel-lista b{font-family:var(--font-dane,monospace);font-size:12px;}
.hmb-zalozyciel-lista em{font-style:normal;font-weight:700;color:#F6C978;}
.hmb-zalozyciel-lista i{font-style:normal;font-size:11px;opacity:.6;}
.hmb-zalozyciel-lista li.hmb-nieoplacone i{color:#F0A48A;opacity:1;}
.hmb-zalozyciel-lista a{color:#F0E4D0;text-decoration:none;}
.hmb-zalozyciel-lista a:hover{color:#E8A33D;}

@media(max-width:640px){
  .hmb-zalozyciel-lista li{grid-template-columns:1fr auto;grid-auto-rows:auto;}
}

/* ============================================================
   OBSERWOWANIE PRACOWNI
   ============================================================ */
.hmb-pracownia-glowa{
  position:relative;margin-bottom:22px;padding:30px 28px 24px;border-radius:22px;
  background:
    radial-gradient(560px 200px at 12% 0%,rgba(232,163,61,.13),transparent 65%),
    linear-gradient(160deg,rgba(240,228,208,.055),rgba(240,228,208,.02));
  border:1px solid rgba(240,228,208,.11);
  overflow:hidden;
}
.hmb-pracownia-glowa::after{
  content:"";position:absolute;inset:auto 0 0 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,163,61,.5),transparent);
}
.hmb-pracownia-wizytowka{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.hmb-pracownia-awatar{
  width:76px;height:76px;border-radius:24px;flex:0 0 auto;
  display:grid;place-items:center;
  font-family:var(--font-tytul,serif);font-size:27px;font-weight:700;color:#14100C;
  background:linear-gradient(135deg,#F6C978,#E8A33D 55%,#B4551C);
  box-shadow:0 10px 26px rgba(232,163,61,.3),inset 0 1px 0 rgba(255,255,255,.35);
  text-transform:uppercase;letter-spacing:.02em;
}
.hmb-pracownia-kto{min-width:0;}
.hmb-pracownia-kto h1{margin:2px 0 4px;font-size:clamp(24px,4.4vw,34px);line-height:1.08;}
.hmb-pracownia-city{margin:0;font-size:13px;color:#F0E4D0;opacity:.6;}
.hmb-pracownia-city::before{content:"\2726\00a0";color:#E8A33D;opacity:.9;}
.hmb-pracownia-obserwuj{margin-left:auto;align-self:center;}

.hmb-pracownia-description{
  margin:18px 0 0;max-width:62ch;font-size:14.5px;line-height:1.65;
  color:#F0E4D0;opacity:.78;
}

.hmb-pracownia-pasek{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  margin-top:20px;padding-top:18px;border-top:1px dashed rgba(240,228,208,.14);
}
.hmb-pracownia-liczby{display:flex;gap:26px;margin:0;}
.hmb-pracownia-liczby div{display:flex;align-items:baseline;gap:7px;}
.hmb-pracownia-liczby dt{
  font-family:var(--font-dane,monospace);font-size:19px;font-weight:700;
  color:#F6C978;letter-spacing:-.02em;
}
.hmb-pracownia-liczby dd{margin:0;font-size:11.5px;color:#F0E4D0;opacity:.55;}
.hmb-pracownia-fb{
  margin-left:auto;font-size:12.5px;font-weight:600;color:#E8A33D;text-decoration:none;
  padding:8px 14px;border-radius:100px;border:1px solid rgba(232,163,61,.35);
  transition:background .25s;
}
.hmb-pracownia-fb:hover{background:rgba(232,163,61,.1);}

/* Pracownia wlasnie nadaje: jeden pas, ktorego nie da sie przeoczyc. */
.hmb-pracownia-zywo{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-bottom:26px;padding:16px 20px;border-radius:16px;text-decoration:none;
  background:linear-gradient(120deg,rgba(212,89,58,.16),rgba(232,163,61,.1));
  border:1px solid rgba(212,89,58,.45);
  transition:border-color .25s,transform .25s;
}
.hmb-pracownia-zywo:hover{border-color:#D4593A;transform:translateY(-1px);}
.hmb-pracownia-zywo i{
  width:10px;height:10px;border-radius:50%;background:#D4593A;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(212,89,58,.55);animation:hmb-zywo-puls 1.6s infinite;
}
@keyframes hmb-zywo-puls{
  0%{box-shadow:0 0 0 0 rgba(212,89,58,.55);}
  70%{box-shadow:0 0 0 11px rgba(212,89,58,0);}
  100%{box-shadow:0 0 0 0 rgba(212,89,58,0);}
}
.hmb-pracownia-zywo b{font-size:13px;color:#F0A48A;letter-spacing:.04em;text-transform:uppercase;}
.hmb-pracownia-zywo span{font-size:14px;color:#F0E4D0;opacity:.85;}
.hmb-pracownia-zywo em{margin-left:auto;font-style:normal;font-weight:700;font-size:13.5px;color:#F6C978;}

.hmb-pracownia-naglowek{font-size:15px;margin:0 0 14px;color:#F0E4D0;opacity:.85;}

@media(max-width:640px){
  .hmb-pracownia-glowa{padding:22px 18px 18px;}
  .hmb-pracownia-obserwuj{margin-left:0;width:100%;}
  .hmb-pracownia-liczby{gap:18px;flex-wrap:wrap;}
  .hmb-pracownia-fb{margin-left:0;}
  .hmb-pracownia-zywo em{margin-left:0;width:100%;}
}
@media(prefers-reduced-motion:reduce){.hmb-pracownia-zywo i{animation:none;}}

.hmb-obserwuj{
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 18px;border-radius:100px;cursor:pointer;
  font-size:13.5px;font-weight:600;text-decoration:none;
  color:#E8A33D;border:1px solid rgba(232,163,61,.45);background:none;
  transition:background .25s,border-color .25s,color .25s;
}
.hmb-obserwuj:hover{background:rgba(232,163,61,.1);}
.hmb-obserwuj b{
  font-family:var(--font-dane,monospace);font-size:12px;font-weight:700;
  padding:3px 8px;border-radius:100px;background:rgba(232,163,61,.14);
}
.hmb-obserwuj--tak{
  color:#14100C;background:linear-gradient(135deg,#F6C978,#E8A33D 55%,#B4551C);border-color:transparent;
}
.hmb-obserwuj--tak:hover{background:linear-gradient(135deg,#F6C978,#E8A33D 55%,#B4551C);filter:brightness(1.06);}
.hmb-obserwuj--tak b{background:rgba(20,16,12,.18);}
.hmb-obserwuj--licznik{cursor:default;border-style:dashed;color:#F0E4D0;opacity:.7;}
.hmb-obserwuj:disabled{opacity:.55;cursor:wait;}

@media(max-width:560px){
  .hmb-pracownia-obserwuj{margin-left:0;width:100%;}
  .hmb-obserwuj{width:100%;justify-content:center;}
}

/* Linie systemowe w historii: przygaszony bursztyn, kursywa jak notatka. */
.hmb-feed-system .hmb-feed-kto{color:#E8A33D;opacity:.8;font-style:italic;}
.hmb-feed-system .hmb-feed-amount{opacity:.55;}

/* ============================================================
   PASEK LOTOW
   ============================================================ */
.hmb-loty{margin-top:18px;}
.hmb-loty-etyk{
  display:block;font-size:10px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:#fff;opacity:.45;margin-bottom:9px;
}
.hmb-loty-pas{
  touch-action:pan-x pan-y;overscroll-behavior-x:contain; /* a vertical swipe on the strip scrolls the page (08.09) */
  display:flex;gap:8px;overflow-x:auto;
  /* Pion na wyrost: powiększony trwający lot nie może się przycinać
     o krawędź przewijanego pasa. */
  padding:7px 6px 8px;
  /* Bez scroll-behavior:smooth na kontenerze: przywrócenie przewinięcia po
     przebudowie w tle ma być niewidoczne, a płynność centrowania daje
     scrollTo({behavior:"smooth"}) tam, gdzie jest chciana. */
  scrollbar-width:thin;scrollbar-color:rgba(232,163,61,.4) rgba(240,228,208,.06);
}
.hmb-loty-pas::-webkit-scrollbar{height:5px;}
.hmb-loty-pas::-webkit-scrollbar-track{background:rgba(240,228,208,.06);border-radius:5px;}
.hmb-loty-pas::-webkit-scrollbar-thumb{background:rgba(232,163,61,.4);border-radius:5px;}
.hmb-loty-pas .hmb-lot{
  position:relative;flex:0 0 auto;width:58px;height:58px;border-radius:11px;
  padding:0;border:2px solid rgba(240,228,208,.14);background:rgba(240,228,208,.04);
  overflow:hidden;cursor:default;transition:border-color .25s,opacity .25s;
}
.hmb-loty-pas .hmb-lot img{width:100%;height:100%;object-fit:cover;display:block;}
/* END OF AUCTION (client, 21.09): a closing panel rather than two lines of
   text — a seal, the result in numbers, and the way on. */
.hmb-koniec{
  position:relative;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;
  padding:34px 24px 30px;border-radius:22px;
  background:
    radial-gradient(120% 140% at 50% 0%, rgba(240,180,90,.16) 0%, rgba(240,180,90,0) 58%),
    linear-gradient(180deg, rgba(38,30,20,.92) 0%, rgba(20,16,12,.96) 100%);
  border:1px solid rgba(240,180,90,.28);
  box-shadow:0 22px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.hmb-koniec::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,rgba(240,180,90,0),rgba(240,180,90,.85),rgba(240,180,90,0));
}
.hmb-koniec-znak{
  display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;
  color:#F0B45A;background:rgba(240,180,90,.10);border:1px solid rgba(240,180,90,.32);
  animation:hmb-koniec-pojaw .5s ease-out both;
}
@keyframes hmb-koniec-pojaw{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
.hmb-koniec b{font-size:26px;line-height:1.15;color:#F7E9CE;letter-spacing:.01em;}
.hmb-koniec .hmb-koniec-tekst{opacity:.78;font-size:14px;max-width:44ch;line-height:1.55;}
.hmb-koniec-liczby{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:520px;margin-top:4px;
}
.hmb-koniec-liczby>div{
  flex:1 1 130px;display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
}
.hmb-koniec-liczby b{font-size:24px;color:#F0B45A;}
.hmb-koniec-liczby em{font-style:normal;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.62;}
.hmb-koniec-obrot b{color:#C3D18E;}
.hmb-koniec-akcje{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px;}
.hmb-koniec-akcje .hmb-btn{min-width:172px;}
.hmb-koniec-sklep{
  font-size:13px;color:#F0B45A;text-decoration:none;opacity:.85;border-bottom:1px solid rgba(240,180,90,.3);padding-bottom:1px;
}
.hmb-koniec-sklep:hover{opacity:1;}
@media (max-width:640px){
  .hmb-koniec{padding:26px 16px 24px;border-radius:18px;gap:12px;}
  .hmb-koniec b{font-size:21px;}
  .hmb-koniec-znak{width:54px;height:54px;}
  .hmb-koniec-liczby>div{flex:1 1 100%;padding:12px 10px;}
  .hmb-koniec-akcje{width:100%;}
  .hmb-koniec-akcje .hmb-btn{flex:1 1 100%;min-width:0;}
}
@media (prefers-reduced-motion:reduce){ .hmb-koniec-znak{animation:none;} }
.hmb-katalog-glowa{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid rgba(232,163,61,.25);}
.hmb-katalog-glowa h1{margin:4px 0 6px;font-size:clamp(26px,3.4vw,40px);}
.hmb-katalog-etyk{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#E8A33D;}
.hmb-katalog-kto{opacity:.75;font-size:14px;margin:0;}
.hmb-katalog-kto a{color:#F0B45A;text-decoration:none;}
.hmb-szczegol{display:grid;grid-template-columns:minmax(220px,1fr) 1.4fr;gap:24px;margin:0 0 28px;padding:20px;border-radius:16px;
  background:linear-gradient(160deg,rgba(43,34,25,.7),rgba(20,16,12,.9));border:1px solid rgba(232,163,61,.35);}
@media (max-width:720px){.hmb-szczegol{grid-template-columns:1fr;}}
.hmb-szczegol-foto{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:rgba(20,16,12,.5);}
.hmb-szczegol-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.hmb-szczegol-tresc h2{margin:6px 0 8px;font-size:clamp(22px,2.6vw,32px);}
.hmb-szczegol-opis{opacity:.85;line-height:1.6;}
.hmb-szczegol-cena{margin:14px 0;font-size:15px;}
.hmb-szczegol-cena b{font-size:24px;color:#F0B45A;margin-left:8px;}
.hmb-szczegol-akcje{display:flex;gap:12px;align-items:center;}
.hmb-serce{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,163,61,.5);
  background:rgba(20,16,12,.75);color:#E8D9C0;font-size:20px;line-height:1;cursor:pointer;text-decoration:none;transition:transform .12s;}
.hmb-serce:hover{transform:scale(1.08);}
.hmb-serce--on{color:#E06A4E;border-color:#E06A4E;}
.hmb-lot{position:relative;}
.hmb-lot-serce{position:absolute;top:10px;right:10px;z-index:3;}
.hmb-lot-serce .hmb-serce{width:36px;height:36px;font-size:17px;}
.hmb-acc-ulubione{display:inline-block;margin:6px 0 0;color:#F0B45A;text-decoration:none;font-size:14px;}
.hmb-transmisja--koniec{opacity:.75;}
.hmb-stream-box{position:relative;width:100%;height:100%;}
.hmb-stream-otworz{display:inline-block;margin:8px 0 0;font-size:13px;color:#F0B45A;text-decoration:none;opacity:.85;}
.hmb-link-forma{display:flex;gap:8px;margin:12px 0 0;flex-wrap:wrap;}
.hmb-link-info{display:block;width:100%;margin-top:6px;font-size:13px;}
.hmb-link-info--ok{color:#A9BE6E;}
.hmb-link-info--blad{color:#F0A48A;}
.hmb-link-forma input{flex:1 1 260px;min-width:0;padding:10px 12px;border-radius:9px;border:1px solid rgba(232,163,61,.35);background:rgba(20,16,12,.6);color:#E8E2D6;font:inherit;}
.hmb-acc-naglowek-sekcji{margin:0 0 18px;}
.hmb-acc-naglowek-sekcji p{opacity:.7;margin:4px 0 0;}
.hmb-acc-karta-aukcji{position:relative;}
.hmb-acc-okladka{display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin:0 0 12px;background:linear-gradient(140deg,rgba(43,34,25,.7),rgba(20,16,12,.9));}
.hmb-acc-okladka img{width:100%;height:100%;object-fit:cover;display:block;}
.hmb-acc-idz{display:block;margin:10px 0 0;color:#F0B45A;font-size:13px;font-weight:700;letter-spacing:.04em;}
.hmb-acc-wstecz{display:inline-block;margin:0 0 14px;color:#F0B45A;text-decoration:none;font-size:14px;}
.hmb-acc-aukcja-glowa{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 16px;}
.hmb-acc-aukcja-glowa h2{margin:0 0 4px;}
.hmb-acc-aukcja-akcje{display:flex;gap:8px;flex-wrap:wrap;}
.hmb-acc-aukcja-glowa p{opacity:.7;margin:0;}
.hmb-acc-filtry{display:flex;gap:8px;margin:0 0 14px;}
.hmb-acc-filtr{padding:8px 16px;border-radius:999px;border:1px solid rgba(232,163,61,.35);color:#E8D9C0;text-decoration:none;font-size:13px;font-weight:700;}
.hmb-acc-filtr--wybrany{background:#E8A33D;color:#1E1206;border-color:#E8A33D;}
.hmb-acc-tabela{width:100%;border-collapse:collapse;font-size:14px;}
.hmb-acc-tabela th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;padding:6px 10px;}
.hmb-acc-tabela td{padding:10px;border-top:1px solid rgba(232,163,61,.14);vertical-align:middle;}
.hmb-acc-tabela td a{color:#E8E2D6;text-decoration:none;}
.hmb-acc-miniatura{display:block;width:56px;height:56px;border-radius:9px;overflow:hidden;background:rgba(20,16,12,.6);}
.hmb-acc-miniatura img{width:100%;height:100%;object-fit:cover;display:block;}
.hmb-acc-nr{display:inline-block;padding:3px 8px;border-radius:7px;font-size:12px;background:rgba(232,163,61,.15);}
.hmb-acc-nr--won{background:#2f7a3d;color:#fff;}
.hmb-acc-nr--lost{background:rgba(224,106,78,.25);color:#E06A4E;}
.hmb-acc-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;}
.hmb-acc-status--won{background:#2f7a3d;color:#fff;}
.hmb-acc-status--lost{background:rgba(224,106,78,.2);color:#E06A4E;}
.hmb-acc-status--leading{background:rgba(143,160,91,.25);color:#A9BE6E;}
.hmb-acc-status--outbid{background:rgba(232,163,61,.2);color:#F0B45A;}
.hmb-acc-status--unsold,.hmb-acc-status--reserve_not_met,.hmb-acc-status--queue{background:rgba(240,228,208,.1);color:#B9AE9C;}
.hmb-acc-wiersz--won td{background:rgba(47,122,61,.08);}
.hmb-acc-tabela tfoot td{border-top:2px solid rgba(232,163,61,.35);font-weight:700;}
.hmb-szczegol-cena--sprzedany b{color:#A9BE6E;}
.hmb-szczegol-cena--niesprzedany b{color:#B9AE9C;}
.hmb-szczegol-cena em{opacity:.7;font-style:normal;margin-left:8px;font-size:13px;}
@media(max-width:720px){.hmb-acc-tabela th:nth-child(4),.hmb-acc-tabela td:nth-child(4){display:none;}}
.hmb-dostawa{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:rgba(232,163,61,.07);border:1px solid rgba(232,163,61,.25);}
.hmb-dostawa h4{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
.hmb-dostawa-opcje{display:flex;flex-direction:column;gap:8px;}
.hmb-dostawa-opcja{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(232,163,61,.25);cursor:pointer;}
.hmb-dostawa-opcja span{flex:1;}
.hmb-dostawa-opcja b{color:#F0B45A;}
.hmb-dostawa-opcje .hmb-btn{align-self:flex-start;margin-top:6px;}
.hmb-dostawa-wybrana{display:flex;align-items:center;gap:10px;margin:0;}
.hmb-podsumowanie{margin:14px 0 0;padding:12px 16px;border-radius:12px;background:rgba(20,16,12,.55);}
.hmb-podsumowanie div{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;}
.hmb-podsumowanie-razem{border-top:1px solid rgba(232,163,61,.35);margin-top:4px;padding-top:10px!important;font-size:16px!important;}
.hmb-podsumowanie-razem b{color:#F0B45A;font-size:20px;}
.hmb-dostawa-wiersz{display:grid;grid-template-columns:1fr 130px;gap:8px;margin:0 0 8px;}
.hmb-kontakt summary{list-style:none;display:inline-block;cursor:pointer;}
.hmb-kontakt summary::-webkit-details-marker{display:none;}
.hmb-kontakt-forma{display:flex;flex-direction:column;gap:8px;margin:10px 0 0;padding:12px;border-radius:12px;background:rgba(20,16,12,.6);border:1px solid rgba(232,163,61,.25);min-width:min(420px,90vw);}
.hmb-kontakt-forma input,.hmb-kontakt-forma textarea{padding:10px 12px;border-radius:9px;border:1px solid rgba(232,163,61,.3);background:rgba(20,16,12,.7);color:#E8E2D6;font:inherit;}
.hmb-kontakt-forma .hmb-btn{align-self:flex-start;}
.hmb-kontakt-info{font-size:13px;opacity:.85;}
.hmb-katalog-akcje,.hmb-zamowienie-kontakt{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;}
.hmb-zamowienie-kontakt{margin:12px 0 0;}
.hmb-wiadomosci{display:flex;flex-direction:column;gap:14px;}
.hmb-watek{padding:14px 16px;border-radius:14px;background:rgba(20,16,12,.55);border:1px solid rgba(232,163,61,.2);}
.hmb-watek--nowy{border-color:#E8A33D;}
.hmb-watek header{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 8px;}
.hmb-watek header span{opacity:.7;font-size:13px;}
.hmb-watek header a{color:#F0B45A;text-decoration:none;}
.hmb-watek-nowy{color:#E8A33D;font-style:normal;font-size:12px;font-weight:700;text-transform:uppercase;}
.hmb-watek-tresc{margin:0 0 10px;line-height:1.6;}
.hmb-watek-odp{margin:8px 0 0 18px;padding:10px 12px;border-left:2px solid rgba(232,163,61,.35);line-height:1.6;}
.hmb-watek-odp--moja{border-left-color:#A9BE6E;}
.hmb-watek-odp small{opacity:.6;}
.hmb-kontakt-forma--odp{margin-top:12px;min-width:0;}
.hmb-social{margin:16px 0 8px;text-align:center;}
.hmb-social-lub{display:block;margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;}
.hmb-social .nsl-container{justify-content:center;}
.hmb-live-wybor h2{margin:0 0 18px;font-size:clamp(24px,3vw,34px);}
.hmb-kafel{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(172deg,rgba(43,34,25,.72),rgba(20,16,12,.92));border:1px solid rgba(232,163,61,.22);transition:transform .16s,border-color .16s;}
.hmb-kafel:hover{transform:translateY(-3px);border-color:rgba(232,163,61,.5);}
.hmb-kafel--zywo{border-color:rgba(224,106,78,.55);}
.hmb-kafel-media{position:relative;display:block;aspect-ratio:16/10;background:rgba(20,16,12,.6);overflow:hidden;}
.hmb-kafel-media img{width:100%;height:100%;object-fit:cover;display:block;}
.hmb-kafel-media .hmb-lot-missing-photo{position:absolute;inset:0;}
.hmb-kafel-live{position:absolute;right:12px;bottom:12px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#E06A4E;color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;box-shadow:0 8px 20px rgba(0,0,0,.4);animation:hmb-puls 1.6s infinite;}
@keyframes hmb-puls{0%,100%{box-shadow:0 0 0 0 rgba(224,106,78,.55)}50%{box-shadow:0 0 0 12px rgba(224,106,78,0)}}
.hmb-kafel-kiedy{position:absolute;right:12px;bottom:12px;min-width:58px;height:58px;padding:0 10px;border-radius:29px;display:flex;align-items:center;justify-content:center;text-align:center;background:#F3EEE6;color:#1E1206;font-weight:800;font-size:12px;line-height:1.1;box-shadow:0 8px 20px rgba(0,0,0,.4);}
.hmb-kafel-odlicz{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.hmb-kafel-odlicz > small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;}
.hmb-kafel-zegary{display:flex;gap:8px;}
.hmb-kafel-zegary b{display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:2px solid rgba(232,163,61,.6);font-size:16px;line-height:1;}
.hmb-kafel-zegary b small{font-size:8px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-top:2px;}
.hmb-kafel-tresc{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;}
.hmb-kafel-sklep{display:flex;align-items:center;gap:8px;color:#E8D9C0;text-decoration:none;font-size:13px;}
.hmb-kafel-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#E8A33D;color:#1E1206;font-weight:800;font-size:11px;}
.hmb-kafel-meta{display:flex;justify-content:space-between;gap:10px;margin:0;font-size:12px;opacity:.7;}
.hmb-kafel h3{margin:0;font-size:17px;line-height:1.3;}
.hmb-kafel h3 a{color:inherit;text-decoration:none;}
.hmb-kafel-teraz{margin:0;font-size:13px;opacity:.85;}
.hmb-kafel-teraz b{color:#F0B45A;margin-left:6px;}
.hmb-kafel-akcje{display:flex;gap:8px;margin-top:auto;padding-top:6px;}
.hmb-lot-photo .hmb-znacznik{top:auto;bottom:12px;left:12px;} /* number and heart own the top corners (07.09) */
.hmb-szczegol .hmb-lot-nr{display:inline-block;padding:4px 10px;border-radius:8px;background:rgba(232,163,61,.15);color:#F0B45A;font-weight:800;font-size:13px;}
.hmb-lot-numer{position:absolute;top:10px;left:10px;z-index:3;padding:4px 9px;border-radius:8px;background:rgba(20,16,12,.8);color:#F0B45A;font-weight:800;font-size:12px;letter-spacing:.04em;}
.hmb-katalog-pasek{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:10px 14px;border-radius:14px;background:rgba(20,16,12,.55);border:1px solid rgba(232,163,61,.2);}
.hmb-katalog-grupa{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;}
.hmb-katalog-grupa b{opacity:.7;font-weight:600;margin-right:2px;}
.hmb-siatka--przedmioty{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
.hmb-siatka--przedmioty .hmb-lot-photo{aspect-ratio:1;}
.hmb-widget-schowany{display:none!important;}
.hmb-btn-licytuj--ostatnia{animation:hmb-ostatnia .6s ease-in-out infinite alternate;box-shadow:0 0 0 3px rgba(224,106,78,.55);}
@keyframes hmb-ostatnia{from{filter:brightness(1);}to{filter:brightness(1.25);}}
.hmb-acc-usun{margin:26px 0 0;padding:18px;border-radius:14px;border:1px dashed rgba(224,106,78,.45);background:rgba(224,106,78,.06);}
.hmb-acc-usun h3{margin:0 0 6px;font-size:16px;color:#E06A4E;}
.hmb-acc-usun label{display:block;margin:12px 0 6px;font-size:13px;opacity:.8;}
.hmb-acc-usun input{width:100%;max-width:260px;padding:10px 12px;border-radius:9px;border:1px solid rgba(224,106,78,.4);background:rgba(20,16,12,.6);color:#E8E2D6;font:inherit;}
.hmb-btn--niebezpieczny{margin-top:12px;background:#E06A4E;color:#fff;border:0;}
.hmb-btn--niebezpieczny:hover{filter:brightness(1.08);}
.hmb-suwak{margin:0 0 10px;}
.hmb-suwak-tor{position:relative;height:56px;border-radius:14px;overflow:hidden;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(232,163,61,.16),rgba(232,163,61,.06));border:1px solid rgba(232,163,61,.45);}
.hmb-suwak-napis{position:absolute;left:0;right:0;text-align:center;font-weight:700;letter-spacing:.02em;color:#E8D9C0;
  pointer-events:none;transition:opacity .12s linear;}
.hmb-suwak-napis{padding:0 8px 0 60px;}
.hmb-suwak-uchwyt{position:relative;z-index:2;margin-left:4px;width:48px;height:48px;border-radius:11px;border:0;cursor:grab;
  background:linear-gradient(160deg,#F0B45A,#E8A33D);color:#1E1206;font-size:19px;line-height:1;touch-action:none;
  box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .16s cubic-bezier(.2,.8,.3,1);}
.hmb-suwak-uchwyt--ciagniety{cursor:grabbing;transition:none;}
.hmb-najwyzsza{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:0 0 10px;border-radius:14px;text-align:center;
  background:rgba(143,160,91,.12);border:1px solid rgba(143,160,91,.5);}
.hmb-najwyzsza b{color:#A9BE6E;font-size:15px;}
.hmb-najwyzsza span{opacity:.75;font-size:13px;}
.hmb-loty-pas .hmb-lot-nr{
  position:absolute;left:4px;top:4px;z-index:2;
  font-family:var(--font-dane,monospace);font-size:9px;font-weight:700;
  color:#F0E4D0;background:rgba(10,8,6,.72);padding:2px 5px;border-radius:6px;
}
.hmb-loty-pas .hmb-lot-znak{position:absolute;right:4px;bottom:4px;z-index:2;width:14px;height:14px;border-radius:50%;display:none;}

/*
 * .hmb-lot to TAKŻE karta katalogu z własnym hoverem (translateY, wielki
 * cień) zdefiniowanym wyżej w tym samym arkuszu. Ta sama nazwa, dwa
 * komponenty: bez zawężenia hover katalogu wjeżdżał na kafelki pasa, a na
 * powiększonym trwającym locie transform hovera ZASTĘPOWAŁ skalę — kafel
 * kurczył się pod kursorem. Wszystko poniżej zawężone do wnętrza pasa.
 */
.hmb-loty-pas .hmb-lot:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 14px rgba(0,0,0,.35);
  border-color:rgba(232,163,61,.4);
}

/* Trwający lot ma być widoczny z drugiego końca pokoju: większy,
   z bursztynową obwódką i poświatą, sam wjeżdża na środek pasa. */
.hmb-loty-pas .hmb-lot--teraz,
.hmb-loty-pas .hmb-lot--teraz:hover{
  border-color:#E8A33D;
  transform:scale(1.14);
  box-shadow:0 0 0 3px rgba(232,163,61,.28),0 6px 22px rgba(232,163,61,.3);
  z-index:1;
}
.hmb-loty-pas .hmb-lot--teraz .hmb-lot-nr{background:#E8A33D;color:#1E1206;}
.hmb-loty-pas .hmb-lot--sprzedany{opacity:.3;filter:grayscale(1);}
.hmb-loty-pas .hmb-lot--sprzedany .hmb-lot-znak{
  display:block;background:#8FA05B;
}
.hmb-loty-pas .hmb-lot--sprzedany .hmb-lot-znak::after{
  content:"";position:absolute;left:4px;top:6px;width:6px;height:3px;
  border-left:2px solid #14100C;border-bottom:2px solid #14100C;transform:rotate(-45deg);
}
.hmb-loty-pas .hmb-lot--bez{opacity:.3;filter:grayscale(1);}
.hmb-loty-pas .hmb-lot--bez .hmb-lot-znak{display:block;background:#D4593A;}
.hmb-loty-pas .hmb-lot--bez .hmb-lot-znak::before,
.hmb-loty-pas .hmb-lot--bez .hmb-lot-znak::after{
  content:"";position:absolute;left:6px;top:3px;width:2px;height:8px;background:#14100C;
}
.hmb-loty-pas .hmb-lot--bez .hmb-lot-znak::before{transform:rotate(45deg);}
.hmb-loty-pas .hmb-lot--bez .hmb-lot-znak::after{transform:rotate(-45deg);}

/* Błysk przy ofercie: cena podskakuje, tło mrugnie ciepłem. */
.hmb-cena--skok{animation:hmb-cena-skok .4s cubic-bezier(.2,1.4,.4,1);}
@keyframes hmb-cena-skok{0%{transform:scale(1.22);color:#F6C978;}100%{transform:scale(1);}}
.hmb-live--blysk::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(circle at 50% 40%,rgba(232,163,61,.14),transparent 60%);
  animation:hmb-blysk .45s ease-out forwards;
}
@keyframes hmb-blysk{from{opacity:1;}to{opacity:0;}}
@media(prefers-reduced-motion:reduce){.hmb-cena--skok,.hmb-live--blysk::after{animation:none;}}

/* ============================================================
   TRANSMISJA NA TELEFONIE
   ============================================================ */
/*
 * Szybkie stukanie w przyciski nie może wywoływać przybliżania strony:
 * druga oferta w sekundzie to na licytacji norma, a domyślne podwójne
 * dotknięcie by ją zjadało.
 */
.hmb-btn-licytuj,.hmb-btn-op,.hmb-lot,.hmb-obserwuj,.hmb-przelacznik,.hmb-autostop,.hmb-mini-guzik{
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}

@media(max-width:760px){
  /*
   * Pasek oferty przyklejony do dołu ekranu. Kupujący patrzy na transmisję
   * u góry, a licytuje kciukiem u dołu — bez przewijania, bo trzy sekundy
   * jedynki nie czekają, aż ktoś doscrolluje do przycisku.
   */
  .hmb-akcja--kupujacy{
    position:fixed;left:0;right:0;bottom:0;z-index:2147483000; /* above floating chat/contact widgets (07.09) */
    margin:0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));
    background:rgba(14,10,7,.92);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-top:1px solid rgba(232,163,61,.28);
    box-shadow:0 -14px 34px rgba(0,0,0,.45);
  }
  /* The card holding the phase digit was taking about a third of the viewport
     and pushing everything into a crowded bottom strip (client, 08.09). */
  .hmb-stream{max-height:34vh;}
  .hmb-stream--poziom .hmb-stream-box,.hmb-stream--poziom .hmb-stream-ramka{max-height:34vh;}
  .hmb-panel-lic .hmb-zegar{margin:10px auto 4px;}
  .hmb-faza-cyfra,.hmb-zegar-cyfra{font-size:clamp(56px,17vw,86px);line-height:1;}

  .hmb-akcja--kupujacy .hmb-btn-licytuj{min-height:52px;}
  .hmb-akcja--kupujacy .hmb-suwak{margin-bottom:8px;}
  .hmb-akcja--kupujacy .hmb-suwak-tor{height:50px;}
  .hmb-akcja--kupujacy .hmb-suwak-uchwyt{width:42px;height:42px;}
  .hmb-akcja--kupujacy .hmb-najwyzsza{padding:10px 12px;margin-bottom:0;}
  .hmb-akcja--kupujacy .hmb-najwyzsza b{font-size:14px;}
  .hmb-akcja--kupujacy .hmb-najwyzsza span{font-size:12px;}
  .hmb-akcja--kupujacy .hmb-operator-krok{margin:8px 0 0;font-size:11px;opacity:.55;}

  /* Sterowanie sprzedawcy tak samo pod kciukiem. */
  .hmb-operator-przyciski{
    position:fixed;left:0;right:0;bottom:0;z-index:2147483000; /* above floating chat/contact widgets (07.09) */
    margin:0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));
    background:rgba(14,10,7,.92);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-top:1px solid rgba(232,163,61,.28);
    box-shadow:0 -14px 34px rgba(0,0,0,.45);
  }
  .hmb-btn-op{min-height:48px;}

  /* Space under the pinned bar. Its height is measured at runtime into
     --hmb-pasek, because the bar grows with the slider and the "your bid is
     highest" panel — the old fixed 148px stopped matching (client, 07.09). */
  .hmb-live-uklad{padding-bottom:calc(var(--hmb-pasek, 148px) + 16px + env(safe-area-inset-bottom));}

  /* Toast i wskaźnik połączenia siadają NAD paskiem, nie pod kciukiem. */
  /* The message belongs inside the pinned bar, above the buttons — floating it
     over the panel covered the offers feed (client, 08.09). The bar measures
     itself, so the page padding follows automatically. */
  [data-hmb-komunikat-lic]{
    position:static;margin:0 0 8px;text-align:center;pointer-events:none;
  }
  /* The diagnostic strip belongs above the pinned bar, not across it (07.09). */
  [data-hmb-debug-strip]{bottom:calc(var(--hmb-pasek, 0px) + env(safe-area-inset-bottom))!important;}

  [data-hmb-polaczenie]{
    position:fixed;right:12px;z-index:115;pointer-events:none;
    bottom:calc(var(--hmb-pasek, 128px) + 12px + env(safe-area-inset-bottom));
  }

  /* Obraz transmisji: pełna szerokość, ale nigdy nie zjada całego ekranu. */
  .hmb-stream{aspect-ratio:16/9;max-height:42vh;}
  /* A vertical stream fills the width on a phone; that is its natural shape (09.09). */
  .hmb-stream--pion{aspect-ratio:auto;max-height:none;}
  .hmb-stream--pion .hmb-stream-ramka{aspect-ratio:9/16;max-height:62vh;}
  .hmb-stream--auto{aspect-ratio:auto;max-height:none;}
  .hmb-stream--auto .hmb-stream-box{max-height:none;}
  .hmb-stream--auto .hmb-stream-ramka{aspect-ratio:9/16;max-height:70vh;}
  .hmb-stream-ramka{width:100%;height:100%;}

  /* Zegar odrobinę mniejszy, cyfra wciąż największa na stronie. */
  .hmb-zegar{margin:12px auto 4px;}
  .hmb-zegar-faza{font-size:52px;}

  /* Historia przewija się w sobie zamiast wypychać przyciski. */
  .hmb-feed-lista{max-height:176px;overflow-y:auto;overscroll-behavior:auto;touch-action:pan-y;
    padding-bottom:14px;scroll-padding-bottom:14px;}
  .hmb-live-prawa{padding-bottom:8px;}

  /* Pasek lotów: kafle łapią się siatki przy przewijaniu kciukiem. */
  .hmb-loty-pas{scroll-snap-type:x proximity;padding-bottom:10px;}
  .hmb-loty-pas .hmb-lot{scroll-snap-align:start;width:62px;height:62px;}

  /* Nakładka wyniku czytelna jedną ręką. */
  .hmb-sprzedane h2{
  font-family:var(--font-display,Georgia,serif);font-weight:700;
  margin:0 0 6px;font-size:clamp(22px,4.6vw,34px);letter-spacing:-.02em;line-height:1.05;
  text-shadow:0 2px 18px rgba(0,0,0,.6);
}
  .hmb-sprzedane-in{padding:24px;}
}

@media(max-width:760px) and (orientation:landscape){
  /* W poziomie pasek nie może zjadać połowy wysokości. */
  .hmb-akcja--kupujacy,.hmb-operator-przyciski{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));}
  .hmb-akcja--kupujacy .hmb-btn-licytuj{min-height:44px;}
  .hmb-stream{max-height:56vh;}
}

/* ============================================================
   NAKLADKA WYNIKU MIEDZY PRZEDMIOTAMI
   ============================================================ */
/*
 * Wynik młotka zakrywa TYLKO okno transmisji, i to półprzezroczyście:
 * sprzedawca mówi dalej przez przerwę, więc wideo ma zostać widoczne.
 * Poprzednie position:fixed z ciężką mgłą gasiło cały ekran na cztery
 * sekundy — dosłownie zgłoszone jako złe doświadczenie.
 */
.hmb-sprzedane{
  position:absolute;inset:0;z-index:6;
  display:flex;align-items:center;justify-content:center;
  background:rgba(8,6,4,.44);
  animation:hmb-sprzedane-wejscie .3s ease;
}
@keyframes hmb-sprzedane-wejscie{from{opacity:0;}to{opacity:1;}}

.hmb-sprzedane-in{
  text-align:center;padding:20px 30px;max-width:min(86%,430px);
  background:rgba(12,9,6,.9);border:1px solid rgba(232,163,61,.35);
  border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.5);
}

/* Młotek rysowany bez pliku, żeby uderzenie nie czekało na obrazek. */
.hmb-sprzedane-mlotek{
  display:block;width:64px;height:64px;margin:0 auto 20px;position:relative;
  animation:hmb-mlotek .55s cubic-bezier(.3,1.4,.5,1);
}
.hmb-sprzedane-mlotek::before{
  content:"";position:absolute;left:8px;top:14px;width:48px;height:17px;border-radius:5px;
  background:linear-gradient(135deg,#F6C978,#B4551C);transform:rotate(-32deg);
}
.hmb-sprzedane-mlotek::after{
  content:"";position:absolute;left:28px;top:26px;width:9px;height:34px;border-radius:4px;
  background:linear-gradient(180deg,#E8A33D,#8E3F12);transform:rotate(-32deg);
}
@keyframes hmb-mlotek{
  0%{transform:rotate(-38deg) translateY(-16px);opacity:0;}
  55%{transform:rotate(10deg) translateY(0);opacity:1;}
  100%{transform:rotate(0) translateY(0);}
}

.hmb-sprzedane h2{
  font-family:var(--font-display,Georgia,serif);
  font-size:clamp(34px,7vw,60px);font-weight:700;letter-spacing:-.03em;
  margin:0 0 10px;line-height:1;
}
.hmb-sprzedane--tak h2{color:#8FA05B;}
.hmb-sprzedane--nie h2{color:#D4593A;}
.hmb-sprzedane p{margin:0;font-size:clamp(15px,2.4vw,19px);color:#fff;opacity:.7;}

@media(prefers-reduced-motion:reduce){
  .hmb-sprzedane,.hmb-sprzedane-mlotek{animation:none;}
}

/* ============================================================
   TABELA TRANSMISJI W PRZEGLADZIE
   ============================================================ */
/*
 * Zero poziomego suwaka. Na całej szerokości tabela się mieści, więc
 * otoczka nie przewija; bazowe min-width:560px z HMB-19 jest tu zdjęte,
 * bo to ono wymuszało suwak w wąskiej kolumnie. Poniżej 840px wiersze
 * składają się w pionowe karty — etykieta z data-etyk, wartość obok —
 * i suwak nie jest potrzebny na żadnej szerokości.
 */
.hmb-tabela-otoczka--pelna{overflow:visible;}
.hmb-tabela--panel{min-width:0;}
.hmb-tabela--panel th{white-space:normal;}
.hmb-tabela--panel .hmb-title{font-weight:600;}
/* „Rozpocznij transmisję" na stronie licytacji: JEDYNY kolorowy przycisk
   w sterowaniu, żeby przed startem nie dało się go przeoczyć. */
.hmb-btn-op--start{
  border:none;color:#1E1206;font-weight:700;
  background:linear-gradient(135deg,#F6C978,#E8A33D 52%,#B4551C);
  box-shadow:0 8px 24px rgba(232,163,61,.22);
}
.hmb-btn-op--start:hover:not(:disabled){filter:brightness(1.07);}
.hmb-btn-op--start:disabled{opacity:.55;cursor:default;box-shadow:none;}

/* Na biurku komórka ZOSTAJE komórką tabeli — display:flex na <td> psuje
   układ wierszy. Wyrównanie robi text-align, odstępy marginesy przycisków;
   flex wchodzi dopiero w układzie pionowym, gdzie komórki i tak są blokami. */
.hmb-td-akcje{text-align:right;}
.hmb-td-akcje .hmb-btn{margin:3px 0 3px 8px;}

@media(max-width:840px){
  .hmb-tabela--panel thead{display:none;}
  .hmb-tabela--panel,
  .hmb-tabela--panel tbody{display:block;}
  .hmb-tabela--panel tr{
    display:block;padding:13px 15px;margin-bottom:10px;border-radius:13px;
    border:1px solid rgba(240,228,208,.1);background:rgba(240,228,208,.02);
  }
  .hmb-tabela--panel td{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:6px 0;border:0;text-align:left;
  }
  .hmb-tabela--panel td[data-etyk]::before{
    content:attr(data-etyk);
    font-size:12.5px;color:#fff;opacity:.55;flex-shrink:0;
  }
  .hmb-tabela--panel .hmb-title{
    display:block;padding-bottom:9px;margin-bottom:5px;font-size:15.5px;
    border-bottom:1px solid rgba(240,228,208,.08);
  }
  .hmb-td-akcje{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding-top:10px;}
  .hmb-td-akcje .hmb-btn{margin:0;}
}

/* ============================================================
   RESPONSYWNOŚĆ
   ============================================================ */
@media(max-width:1024px){
  .hmb-live-uklad{grid-template-columns:1fr;}
  .hmb-panel-lic{position:static;}
  /* On a phone the column is plain page flow. The desktop cap (max-height +
     inner scroll + overscroll contain) turned the whole column into a scroll
     box that swallowed vertical swipes — a bidder could only scroll the page
     from the extreme edge of the screen (client, 08.09). */
  .hmb-live-prawa{position:static;max-height:none;overflow:visible;overscroll-behavior:auto;}
}
@media(max-width:860px){
  .hmb-filtry{position:static;}
  .hmb-filtr-szukaj{margin-left:0;width:100%;}
  .hmb-filtr-pole input{width:100%;}
  .hmb-biezacy{grid-template-columns:1fr;text-align:center;}
  .hmb-biezacy-foto{margin:0 auto;}
}
@media(max-width:560px){
  .hmb-siatka{grid-template-columns:1fr 1fr;gap:12px;}
  .hmb-lot-tresc{padding:13px 14px 15px;}
  .hmb-lot-cena{font-size:18px;}
  .hmb-lot-tresc h3{font-size:14px;}
  .hmb-operator-przyciski{flex-direction:column;}
  .hmb-zegar-faza{font-size:46px;}
  .hmb-dane-przelewu{grid-template-columns:1fr;gap:4px 0;}
  .hmb-dane-przelewu dd{margin-bottom:10px;}
}
@media(max-width:380px){.hmb-siatka{grid-template-columns:1fr;}}

@media(prefers-reduced-motion:reduce){
  .hmb-lot,.hmb-lot-photo img,.hmb-btn-licytuj,.hmb-btn-op,.hmb-str{transition:none!important;}
  .hmb-feed-lista li,.hmb-znacznik--licytowany::before,.hmb-zegar--pilne,.hmb-btn-op--czeka{animation:none!important;}
}