/* Pro Pedis: wygląd banera UNIVERSY Cookies w stylu serwisu (03.11.2026). Rdzeń universy-cookies.css bez zmian.
   Układ jak na footmedica.pl (ADR-005 FM, decyzja Krzysztofa 03.11): karta w lewym dolnym rogu, najpierw „Akceptuję”,
   potem „Odrzucam” białe z obwódką, ten sam rozmiar i rząd. Kolory i krój Pro Pedis: granat #173460 / #08224A,
   czerwień #D40A32 (przełączniki), Poppins. Ten sam plik na propedis.pl i w sklepie /sklep/. */
.ucc-root{
  --ucc-accent:#D40A32;--ucc-accent-strong:#B90D2F;--ucc-radius:16px;
  --ucc-ink:#173460;--ucc-text:#3F4B5E;--ucc-muted:#5D6878;--ucc-line:#DCE3EE;
  --ucc-primary-bg:#173460;--ucc-primary-bg-hover:#08224A;
  --ucc-shadow:0 18px 50px -18px rgba(8,34,74,.38),0 2px 10px -6px rgba(8,34,74,.18);
  font-family:'Poppins','Segoe UI',system-ui,Arial,sans-serif;
}
.ucc-root[data-ucc-size="compact"] .ucc-title::before,
.ucc-root[data-ucc-size="compact"][data-ucc-pos="bar"] .ucc-desc::before{content:none}
.ucc-root .ucc-title{font-weight:700;color:#173460}
.ucc-root .ucc-link{color:#173460;text-decoration:underline;text-underline-offset:2px}
.ucc-root .ucc-btn,.ucc-root[data-ucc-size="compact"] .ucc-btn{text-transform:none;letter-spacing:0;font-weight:600;border-radius:999px;font-size:.9rem;padding:11px 16px}
.ucc-root .ucc-banner:focus{outline:none}
/* komputer: karta w lewym dolnym rogu (położenie rdzenia), bez pustego odstępu nad przyciskami */
.ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-banner{gap:0}
.ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions{margin-top:14px}
/* karta: „Akceptuję” pierwsze, „Odrzucam” białe z granatową obwódką, ten sam rozmiar i rząd */
.ucc-root .ucc-banner .ucc-actions .ucc-btn-primary{order:-1}
.ucc-root .ucc-banner .ucc-btn-ghost{background:#FFFFFF;color:#173460;border-color:#173460;box-shadow:inset 0 0 0 1px #173460}
/* okno „Wybieram”: oba przyciski granatowe */
.ucc-root .ucc-modal-foot .ucc-btn-ghost{background:#173460;color:#FFFFFF;border-color:#173460;box-shadow:0 1px 1px rgba(8,34,74,.05),0 8px 20px -12px rgba(8,34,74,.55)}
.ucc-root .ucc-banner .ucc-btn-ghost:hover,.ucc-root .ucc-banner .ucc-btn-primary:hover,
.ucc-root .ucc-modal-foot .ucc-btn:hover{background:#08224A;border-color:#08224A;color:#FFFFFF;box-shadow:none}
.ucc-root .ucc-btn-link{color:#173460;font-weight:600}
.ucc-root .ucc-modal-title{color:#173460;font-weight:700}
/* telefon: niski pasek, oba przyciski w jednym rzędzie, „Wybieram” pod nimi */
@media (max-width:640px){
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-banner{left:0;right:0;bottom:0;max-width:none;border-width:1px 0 0;border-radius:16px 16px 0 0;padding:14px 16px calc(8px + env(safe-area-inset-bottom,0px));gap:8px}
  .ucc-root[data-ucc-size="compact"] .ucc-title{display:none}
  .ucc-root[data-ucc-size="compact"] .ucc-desc{font-size:.8rem;line-height:1.4}
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions{margin-top:2px;gap:6px 8px}
  .ucc-root .ucc-banner .ucc-actions .ucc-btn-ghost,
  .ucc-root .ucc-banner .ucc-actions .ucc-btn-primary{flex:1 1 0}
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions .ucc-btn-link{flex:1 1 100%;padding:2px;margin-top:0}
  /* nad dolnym paskiem przycisków strony (pp-pasek-dol, do ~66 px), żeby go nie zasłaniać */
  .ucc-root .ucc-reopen{left:10px;bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:9px}
}