:root{--odbn-green:#123f36;--odbn-gold:#9b712f;--odbn-line:#dfe5e1;--odbn-paper:#fbfaf6;--odbn-text:#24312d}
.odbn-page{max-width:1180px;margin:0 auto;padding:56px 24px 90px;color:var(--odbn-text)}
.odbn-kicker{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.16em;color:var(--odbn-gold);margin-bottom:16px}
.odbn-hero{max-width:920px;padding:30px 0 48px;border-bottom:1px solid var(--odbn-line)}
.odbn-hero h1,.odbn-human h2,.odbn-signup h2,.odbn-archive h2{font-family:Georgia,"Times New Roman",serif;color:var(--odbn-green);font-weight:400;letter-spacing:-.025em}
.odbn-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:0 0 24px}
.odbn-lead{font:400 clamp(18px,2vw,24px)/1.55 Georgia,serif;max-width:840px;margin:0}
.odbn-three{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--odbn-line)}
.odbn-three article{padding:38px 34px 42px;border-right:1px solid var(--odbn-line)}.odbn-three article:first-child{padding-left:0}.odbn-three article:last-child{border-right:0}
.odbn-three span{font:700 10px Arial;color:#187160}.odbn-three h2{font:400 25px Georgia;color:var(--odbn-green);margin:18px 0 12px}.odbn-three p,.odbn-human p,.odbn-signup p{line-height:1.8;text-align:justify;hyphens:auto}
.odbn-human{max-width:900px;padding:62px 0}.odbn-human h2,.odbn-signup h2,.odbn-archive h2{font-size:clamp(31px,4vw,48px);margin:0 0 24px}
.odbn-signup{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--odbn-paper);padding:50px;border:1px solid var(--odbn-line)}
.odbn-form label{display:block}.odbn-form label>span:first-child{display:block;font:700 12px Arial;margin-bottom:8px}
.odbn-form input[type=email]{width:100%;box-sizing:border-box;padding:16px;border:1px solid #bfc9c4;background:white;font-size:16px}
.odbn-consent{display:flex!important;gap:10px;margin:16px 0;font:400 12px/1.55 Arial,sans-serif}.odbn-consent input{margin-top:3px}
.odbn-form button,.odbn-card-cta{display:inline-flex;align-items:center;gap:14px;background:var(--odbn-green);color:white!important;border:0;text-decoration:none;padding:14px 18px;font:700 12px Arial;letter-spacing:.04em;cursor:pointer}
.odbn-form small{display:block;margin-top:10px;color:#66716d}
.odbn-notice{padding:16px 18px;margin:22px 0;background:#edf5f1;border-left:3px solid #187160}.odbn-error{background:#f8eeee;border-color:#8b3030}
.odbn-archive{padding:64px 0}.odbn-issues{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.odbn-issues article{border-top:1px solid var(--odbn-green);padding:20px 0}.odbn-issues time{font:700 10px Arial;color:#71807a}.odbn-issues h3{font:400 22px/1.2 Georgia;margin:12px 0}.odbn-issues a{color:var(--odbn-green);text-decoration:none}
.odbn-footer-link{max-width:1180px;margin:0 auto;padding:18px 24px;text-align:left}.odbn-footer-link a{font:700 12px Arial;color:var(--odbn-green);text-decoration:none;letter-spacing:.03em}
.odbn-card{position:fixed;z-index:99990;left:0;top:50%;width:310px;box-sizing:border-box;padding:28px 26px 24px;background:#fbfaf6;border:1px solid var(--odbn-line);border-left:0;box-shadow:0 18px 48px rgba(16,48,41,.15);transform:translate(-104%,-50%);transition:transform .55s cubic-bezier(.2,.8,.2,1);color:var(--odbn-text)}
.odbn-card.is-visible{transform:translate(0,-50%)}.odbn-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:24px;color:#53615c;cursor:pointer}
.odbn-card-mark{font:700 9px Arial;letter-spacing:.15em;color:var(--odbn-gold);padding-right:24px}.odbn-card h2{font:400 29px/1.05 Georgia;color:var(--odbn-green);margin:16px 0}.odbn-card p{font:400 14px/1.55 Arial;margin:0 0 18px}.odbn-card small{display:block;margin-top:12px;font:400 10px/1.45 Arial;color:#73807b}
@media(max-width:782px){.odbn-card{display:none!important}.odbn-page{padding:28px 18px 60px}.odbn-three,.odbn-signup,.odbn-issues{grid-template-columns:1fr}.odbn-three article{padding:26px 0;border-right:0;border-bottom:1px solid var(--odbn-line)}.odbn-signup{padding:28px;gap:24px}.odbn-hero h1{font-size:42px}}

/* Newsletter 1.0.1: link korzysta z istniejącego menu stopki, bez tworzenia drugiej stopki. */


/* 1.0.2: strona Newslettera ma własny nagłówek, dlatego usuwamy zdublowany tytuł strony
   generowany przez motyw. Usuwamy też wyłącznie nazwę witryny z domyślnej stopki motywu.
   Właściwa stopka Obserwatorium pozostaje nietknięta. */
.od-newsletter-page .wp-block-post-title,
.od-newsletter-page .entry-title,
.od-newsletter-page .page-title,
.od-newsletter-page .page-header,
.od-newsletter-page main > header.entry-header {
    display:none !important;
}
.od-newsletter-page footer .wp-block-site-title,
.od-newsletter-page footer .site-title,
.od-newsletter-page footer .wp-block-site-logo + .wp-block-site-title {
    display:none !important;
}

/* Kasujemy pustą przestrzeń pozostawioną przez sekcję tytułu niektórych motywów. */
.od-newsletter-page .wp-site-blocks > main,
.od-newsletter-page main.site-main,
.od-newsletter-page #primary {
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Teksty redakcyjne i informacyjne konsekwentnie wyjustowane. */
.od-newsletter-page .odbn-page p {
    text-align:justify;
    text-justify:inter-word;
    hyphens:auto;
    -webkit-hyphens:auto;
    overflow-wrap:normal;
}


/* 1.0.4: kompaktowa karta Newslettera. Tylko desktop, lewa krawędź, pamięć zamknięcia 72 h obsługuje JS. */
.odbn-card{
    width:286px !important;
    padding:24px 22px 20px !important;
    border-radius:0 10px 10px 0;
}
.odbn-card h2{
    font-size:25px !important;
    line-height:1.08 !important;
    margin:14px 0 10px !important;
}
.odbn-card p{
    font-size:13px !important;
    line-height:1.55 !important;
    text-align:left !important;
}
.odbn-card-cta{
    padding:12px 15px !important;
}
@media(max-width:782px){
    .odbn-card{display:none !important;}
}

/* 1.0.5: karta wymuszona ponad warstwami motywu. */
#odbn-card.odbn-card{
  display:none;
  visibility:visible !important;
  opacity:1 !important;
  position:fixed !important;
  z-index:2147483000 !important;
  left:0 !important;
  top:50% !important;
}
#odbn-card.odbn-card.is-visible{
  display:block !important;
  transform:translate(0,-50%) !important;
}
@media(min-width:783px){
  #odbn-card.odbn-card{pointer-events:auto !important;}
}
@media(max-width:782px){
  #odbn-card.odbn-card{display:none !important;}
}

/* 1.0.6: karta newslettera w proporcji zbliżonej do karty płatniczej */
#odbn-card.odbn-card{
    box-sizing:border-box !important;
    width:var(--odbn-card-width,390px) !important;
    min-height:245px !important;
    max-width:calc(100vw - 40px) !important;
    padding:27px 30px 25px !important;
    background:#fbfaf6 !important;
    border:1px solid rgba(13,67,56,.18) !important;
    border-left:0 !important;
    border-radius:0 18px 18px 0 !important;
    box-shadow:0 18px 45px rgba(12,35,31,.16) !important;
    overflow:hidden !important;
}
#odbn-card.odbn-card[data-position="right"]{
    left:auto !important;
    right:0 !important;
    border-left:1px solid rgba(13,67,56,.18) !important;
    border-right:0 !important;
    border-radius:18px 0 0 18px !important;
}
#odbn-card .odbn-card-mark{
    max-width:78%;
    font-size:10px !important;
    line-height:1.2 !important;
    letter-spacing:.16em !important;
}
#odbn-card h2{
    max-width:290px !important;
    margin:18px 0 10px !important;
    font-size:30px !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
}
#odbn-card p{
    max-width:315px !important;
    margin:0 0 18px !important;
    font-size:13px !important;
    line-height:1.48 !important;
}
#odbn-card .odbn-card-cta{
    display:inline-flex !important;
    width:auto !important;
    min-width:126px !important;
    justify-content:space-between !important;
    gap:20px !important;
    padding:11px 15px !important;
    font-size:12px !important;
}
#odbn-card .odbn-close{
    top:14px !important;
    right:16px !important;
}

/* 1.0.7: karta pozioma w proporcji ISO/IEC 7810 ID-1, 85.60 x 53.98 mm = 1.586 */
#odbn-card.odbn-card{
  width:var(--odbn-card-width,420px) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1.586 / 1 !important;
  padding:24px 27px 22px !important;
  border-radius:0 20px 20px 0 !important;
  display:none;
  flex-direction:column !important;
  justify-content:center !important;
}
#odbn-card.odbn-card.is-visible{display:flex !important;}
#odbn-card.odbn-card[data-position="right"]{border-radius:20px 0 0 20px !important;}
#odbn-card h2{font-size:27px !important;line-height:1.02 !important;margin:13px 0 7px !important;max-width:325px !important;}
#odbn-card p{font-size:12px !important;line-height:1.4 !important;margin:0 0 14px !important;max-width:335px !important;}
#odbn-card .odbn-card-cta{padding:9px 13px !important;min-width:116px !important;}


/* 1.0.8: uporządkowana kompozycja karty */
#odbn-card.odbn-card{
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px 34px 22px !important;
}
#odbn-card .odbn-card-mark{
  width:100% !important;
  max-width:none !important;
  text-align:center !important;
}
#odbn-card h2{
  width:100% !important;
  max-width:330px !important;
  margin:13px auto 8px !important;
  text-align:center !important;
}
#odbn-card p{
  width:100% !important;
  max-width:330px !important;
  margin:0 auto 16px !important;
  text-align:center !important;
  text-wrap:balance;
}
#odbn-card .odbn-card-cta{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  align-self:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:9px 16px !important;
  margin:0 auto !important;
  font-size:11.5px !important;
  line-height:1 !important;
}
#odbn-card .odbn-card-cta::after{
  margin-left:2px !important;
}

/* 1.0.9: profesjonalna, spokojniejsza typografia strony Newslettera */
.od-newsletter-page .odbn-page{
    max-width:1120px !important;
    padding:44px 24px 78px !important;
}
.od-newsletter-page .odbn-hero{
    max-width:860px !important;
    padding:22px 0 38px !important;
}
.od-newsletter-page .odbn-kicker{
    font-size:10px !important;
    line-height:1.35 !important;
    letter-spacing:.15em !important;
    margin-bottom:13px !important;
}
.od-newsletter-page .odbn-hero h1{
    font-size:clamp(38px,4.25vw,54px) !important;
    line-height:1.06 !important;
    letter-spacing:-.022em !important;
    margin:0 0 18px !important;
    max-width:820px !important;
}
.od-newsletter-page .odbn-lead{
    font-size:clamp(17px,1.55vw,20px) !important;
    line-height:1.55 !important;
    max-width:780px !important;
}
.od-newsletter-page .odbn-three article{
    padding:30px 28px 34px !important;
}
.od-newsletter-page .odbn-three article:first-child{
    padding-left:0 !important;
}
.od-newsletter-page .odbn-three article:last-child{
    padding-right:0 !important;
}
.od-newsletter-page .odbn-three h2{
    font-size:22px !important;
    line-height:1.18 !important;
    margin:14px 0 10px !important;
}
.od-newsletter-page .odbn-three p,
.od-newsletter-page .odbn-human p,
.od-newsletter-page .odbn-signup p,
.od-newsletter-page .odbn-issues p{
    font-size:15px !important;
    line-height:1.7 !important;
}
.od-newsletter-page .odbn-human{
    max-width:850px !important;
    padding:50px 0 !important;
}
.od-newsletter-page .odbn-human h2,
.od-newsletter-page .odbn-signup h2,
.od-newsletter-page .odbn-archive h2{
    font-size:clamp(29px,3vw,38px) !important;
    line-height:1.1 !important;
    letter-spacing:-.018em !important;
    margin:0 0 18px !important;
}
.od-newsletter-page .odbn-human p{
    margin:0 0 14px !important;
}
.od-newsletter-page .odbn-signup{
    gap:54px !important;
    padding:40px 42px !important;
}
.od-newsletter-page .odbn-signup h2{
    max-width:440px !important;
}
.od-newsletter-page .odbn-form input[type=email]{
    padding:13px 14px !important;
    font-size:15px !important;
}
.od-newsletter-page .odbn-consent{
    font-size:11.5px !important;
    line-height:1.5 !important;
    margin:14px 0 !important;
}
.od-newsletter-page .odbn-form button{
    padding:11px 15px !important;
    font-size:11.5px !important;
}
.od-newsletter-page .odbn-form small{
    font-size:12px !important;
}
.od-newsletter-page .odbn-archive{
    padding:52px 0 10px !important;
}
.od-newsletter-page .odbn-issues h3{
    font-size:20px !important;
    line-height:1.25 !important;
}
@media(max-width:782px){
    .od-newsletter-page .odbn-page{padding:30px 18px 58px !important;}
    .od-newsletter-page .odbn-hero{padding:14px 0 30px !important;}
    .od-newsletter-page .odbn-hero h1{font-size:38px !important;}
    .od-newsletter-page .odbn-lead{font-size:17px !important;}
    .od-newsletter-page .odbn-three article,
    .od-newsletter-page .odbn-three article:first-child,
    .od-newsletter-page .odbn-three article:last-child{padding:24px 0 !important;}
    .od-newsletter-page .odbn-human{padding:38px 0 !important;}
    .od-newsletter-page .odbn-human h2,
    .od-newsletter-page .odbn-signup h2,
    .od-newsletter-page .odbn-archive h2{font-size:30px !important;}
    .od-newsletter-page .odbn-signup{padding:28px 24px !important;gap:26px !important;}
}

/* 1.0.10: karta Newslettera jako wyrazisty element identyfikacji Obserwatorium.
   Zachowujemy proporcję ID-1 i ustawienia administratora. Zmieniamy wyłącznie warstwę wizualną. */
#odbn-card.odbn-card{
    --odbn-card-ivory:#f7f2e8;
    --odbn-card-gold:#c7a05a;
    --odbn-card-deep:#0f4036;
    --odbn-card-deep-2:#0b352d;
    color:var(--odbn-card-ivory) !important;
    background:
        radial-gradient(circle at 87% 20%, transparent 0 50px, rgba(199,160,90,.20) 51px 52px, transparent 53px),
        radial-gradient(circle at 87% 20%, transparent 0 72px, rgba(247,242,232,.07) 73px 74px, transparent 75px),
        linear-gradient(135deg, rgba(255,255,255,.025), rgba(255,255,255,0) 48%),
        linear-gradient(145deg,var(--odbn-card-deep) 0%,var(--odbn-card-deep-2) 100%) !important;
    border:1px solid rgba(199,160,90,.48) !important;
    border-left:0 !important;
    border-radius:0 16px 16px 0 !important;
    box-shadow:0 16px 38px rgba(5,31,26,.24), inset 0 0 0 1px rgba(247,242,232,.035) !important;
    padding:27px 36px 25px !important;
    isolation:isolate !important;
}
#odbn-card.odbn-card[data-position="right"]{
    border-left:1px solid rgba(199,160,90,.48) !important;
    border-right:0 !important;
    border-radius:16px 0 0 16px !important;
}
#odbn-card.odbn-card::before{
    content:"";
    position:absolute;
    z-index:-1;
    right:34px;
    top:34px;
    width:52px;
    height:52px;
    opacity:.17;
    background:
        linear-gradient(90deg, transparent 46%, var(--odbn-card-gold) 46% 54%, transparent 54%),
        linear-gradient(0deg, transparent 46%, var(--odbn-card-gold) 46% 54%, transparent 54%);
    pointer-events:none;
}
#odbn-card .odbn-card-mark{
    color:var(--odbn-card-gold) !important;
    font-size:9px !important;
    line-height:1.25 !important;
    letter-spacing:.19em !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
}
#odbn-card h2{
    color:var(--odbn-card-ivory) !important;
    font-size:25px !important;
    line-height:1.06 !important;
    letter-spacing:-.018em !important;
    margin:13px auto 8px !important;
    max-width:320px !important;
    text-wrap:balance;
}
#odbn-card p{
    color:rgba(247,242,232,.82) !important;
    font-size:12.5px !important;
    line-height:1.45 !important;
    max-width:310px !important;
    margin:0 auto 17px !important;
    text-align:center !important;
    text-wrap:balance;
}
#odbn-card .odbn-card-cta{
    min-width:0 !important;
    width:auto !important;
    padding:9px 14px !important;
    gap:9px !important;
    border:1px solid rgba(247,242,232,.76) !important;
    border-radius:2px !important;
    background:var(--odbn-card-ivory) !important;
    color:var(--odbn-card-deep) !important;
    box-shadow:none !important;
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease !important;
}
#odbn-card .odbn-card-cta:hover,
#odbn-card .odbn-card-cta:focus-visible{
    background:var(--odbn-card-gold) !important;
    border-color:var(--odbn-card-gold) !important;
    color:#092f28 !important;
    transform:translateY(-1px);
}
#odbn-card .odbn-close{
    top:12px !important;
    right:14px !important;
    width:28px !important;
    height:28px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:rgba(247,242,232,.72) !important;
    font:400 20px/1 Arial,sans-serif !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    box-shadow:none !important;
}
#odbn-card .odbn-close:hover,
#odbn-card .odbn-close:focus-visible{
    color:var(--odbn-card-gold) !important;
    background:rgba(247,242,232,.06) !important;
    outline:none !important;
}
@media (prefers-reduced-motion:reduce){
    #odbn-card.odbn-card,
    #odbn-card .odbn-card-cta{transition:none !important;}
}

/* 1.0.11: finalna karta według zaakceptowanego kierunku.
   Symbol po lewej, zamknięcie po prawej, głębszy zielony gradient i subtelne światło. */
#odbn-card.odbn-card{
    --odbn-card-ivory:#f7f2e8;
    --odbn-card-gold:#c9a45f;
    --odbn-card-deep:#073d34;
    --odbn-card-mid:#075442;
    --odbn-card-rich:#0a654d;
    overflow:hidden !important;
    background:
        radial-gradient(ellipse at 7% 112%, rgba(214,181,101,.44) 0%, rgba(214,181,101,.20) 14%, rgba(214,181,101,0) 38%),
        radial-gradient(ellipse at 98% 112%, rgba(211,176,93,.38) 0%, rgba(211,176,93,.15) 15%, rgba(211,176,93,0) 40%),
        radial-gradient(circle at 74% 34%, rgba(17,124,89,.34) 0%, rgba(17,124,89,.14) 25%, rgba(17,124,89,0) 52%),
        linear-gradient(118deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 34%),
        linear-gradient(137deg,var(--odbn-card-deep) 0%,var(--odbn-card-mid) 48%,#064436 100%) !important;
    border-color:rgba(201,164,95,.56) !important;
    box-shadow:0 18px 42px rgba(3,31,25,.27), inset 0 0 0 1px rgba(247,242,232,.035) !important;
    padding:28px 38px 26px !important;
}
#odbn-card.odbn-card::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    left:-42px !important;
    bottom:-78px !important;
    top:auto !important;
    right:auto !important;
    width:220px !important;
    height:170px !important;
    opacity:.20 !important;
    border:1px solid rgba(201,164,95,.48) !important;
    border-radius:50% !important;
    background:none !important;
    transform:rotate(18deg) !important;
    pointer-events:none !important;
}
#odbn-card.odbn-card::after{
    content:"";
    position:absolute;
    z-index:0;
    right:-52px;
    bottom:-86px;
    width:245px;
    height:170px;
    opacity:.16;
    border:1px solid rgba(201,164,95,.58);
    border-radius:50%;
    transform:rotate(-14deg);
    pointer-events:none;
}
#odbn-card > *{
    position:relative;
    z-index:2;
}
#odbn-card .odbn-card-symbol{
    position:absolute !important;
    z-index:3 !important;
    left:27px !important;
    top:18px !important;
    width:46px !important;
    height:46px !important;
    display:block !important;
    opacity:.92 !important;
    pointer-events:none !important;
}
#odbn-card .odbn-card-symbol svg{
    width:100% !important;
    height:100% !important;
    display:block !important;
    overflow:visible !important;
}
#odbn-card .odbn-symbol-outline{
    fill:none !important;
    stroke:rgba(201,164,95,.68) !important;
    stroke-width:1.15 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
#odbn-card .odbn-symbol-cross{
    fill:none !important;
    stroke:var(--odbn-card-gold) !important;
    stroke-width:2.15 !important;
    stroke-linecap:round !important;
}
#odbn-card .odbn-card-mark{
    color:var(--odbn-card-gold) !important;
    padding:0 42px !important;
    margin-top:4px !important;
    font-size:9px !important;
    letter-spacing:.18em !important;
    text-align:center !important;
}
#odbn-card h2{
    color:var(--odbn-card-ivory) !important;
    font-size:25px !important;
    line-height:1.07 !important;
    margin:15px auto 9px !important;
    max-width:330px !important;
    text-shadow:0 1px 0 rgba(0,0,0,.12) !important;
}
#odbn-card p{
    color:rgba(247,242,232,.86) !important;
    font-size:12.5px !important;
    line-height:1.45 !important;
    max-width:315px !important;
    margin:0 auto 18px !important;
}
#odbn-card .odbn-card-cta{
    padding:10px 17px !important;
    border-radius:3px !important;
    background:var(--odbn-card-ivory) !important;
    border-color:rgba(247,242,232,.88) !important;
    color:#0a493b !important;
    box-shadow:0 5px 16px rgba(3,29,24,.12) !important;
    font-size:11px !important;
}
#odbn-card .odbn-close{
    z-index:4 !important;
    top:12px !important;
    right:14px !important;
    color:rgba(247,242,232,.78) !important;
}
#odbn-card .odbn-close:hover,
#odbn-card .odbn-close:focus-visible{
    color:var(--odbn-card-gold) !important;
    background:rgba(247,242,232,.07) !important;
}


/* 1.0.12: rzeczywisty znak Obserwatorium i złote CTA.
   Logo pochodzi z identyfikacji Obserwatorium. Biały przycisk zastąpiono złotym,
   aby karta była spójna z zielono-złotą identyfikacją i nie wyglądała jak formularz systemowy. */
#odbn-card .odbn-card-symbol{display:none !important;}
#odbn-card .odbn-card-brand{
    position:absolute !important;
    z-index:3 !important;
    left:24px !important;
    top:15px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    max-width:185px !important;
    color:#d8b66e !important;
    text-align:left !important;
    pointer-events:none !important;
}
#odbn-card .odbn-card-brand img{
    display:block !important;
    width:39px !important;
    height:35px !important;
    object-fit:contain !important;
    flex:0 0 auto !important;
    filter:none !important;
}
#odbn-card .odbn-card-brand span{
    display:block !important;
    color:#d8b66e !important;
    font:700 7.5px/1.28 Arial,sans-serif !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
}
#odbn-card .odbn-card-mark{
    margin-top:18px !important;
    padding:0 38px !important;
    color:#d8b66e !important;
}
#odbn-card .odbn-card-cta{
    min-width:112px !important;
    padding:10px 17px !important;
    border:1px solid rgba(248,224,159,.88) !important;
    border-radius:3px !important;
    background:linear-gradient(180deg,#e6c675 0%,#d1a34b 52%,#c5963d 100%) !important;
    color:#073d34 !important;
    box-shadow:0 5px 14px rgba(2,26,21,.22), inset 0 1px 0 rgba(255,255,255,.30) !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.025em !important;
    text-shadow:none !important;
}
#odbn-card .odbn-card-cta:hover,
#odbn-card .odbn-card-cta:focus-visible{
    background:linear-gradient(180deg,#efd58e 0%,#dcb25c 55%,#cda04a 100%) !important;
    border-color:#f0d58b !important;
    color:#052f28 !important;
    box-shadow:0 7px 18px rgba(2,26,21,.28), inset 0 1px 0 rgba(255,255,255,.38) !important;
    transform:translateY(-1px) !important;
    outline:none !important;
}
#odbn-card .odbn-close{
    color:#d8b66e !important;
}
#odbn-card .odbn-close:hover,
#odbn-card .odbn-close:focus-visible{
    color:#f0d58b !important;
    background:rgba(247,242,232,.06) !important;
}

/* 1.0.13: korekta przycisku zamknięcia.
   Reguła #odbn-card > * z wersji 1.0.11 nadpisywała position:absolute,
   dlatego X trafiał do układu flex i wizualnie przesuwał się do środka.
   Poniższa reguła jednoznacznie kotwiczy zamknięcie w prawym górnym rogu. */
#odbn-card.odbn-card .odbn-close{
    position:absolute !important;
    z-index:20 !important;
    top:12px !important;
    right:14px !important;
    bottom:auto !important;
    left:auto !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 28px !important;
    color:#d8b66e !important;
    background:transparent !important;
    border:0 !important;
    border-radius:50% !important;
    box-shadow:none !important;
    font:400 20px/1 Arial,sans-serif !important;
    text-align:center !important;
    cursor:pointer !important;
}
#odbn-card.odbn-card .odbn-close:hover,
#odbn-card.odbn-card .odbn-close:focus-visible{
    position:absolute !important;
    top:12px !important;
    right:14px !important;
    left:auto !important;
    transform:none !important;
    color:#f0d58b !important;
    background:rgba(247,242,232,.06) !important;
    outline:1px solid rgba(240,213,139,.28) !important;
    outline-offset:1px !important;
}

/* 1.0.15: nazwa marki jest edytowalna, prezentujemy ją konsekwentnie kapitalikami w etykietach. */
.od-newsletter-page .odbn-kicker, #odbn-card .odbn-card-mark { text-transform: uppercase; }

/* 1.1.2: profesjonalny stan po wysłaniu formularza double opt in. */
.od-newsletter-page .odbn-pending,
.od-newsletter-page .odbn-status{
    position:relative;
    margin:34px 0 10px;
    border:1px solid #d8e1dc;
    background:linear-gradient(145deg,#fbfaf6 0%,#ffffff 58%,#f2f7f4 100%);
    box-shadow:0 18px 44px rgba(16,48,41,.08);
    overflow:hidden;
}
.od-newsletter-page .odbn-pending::before,
.od-newsletter-page .odbn-status::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:linear-gradient(180deg,#b88b3c 0%,#0b5a49 100%);
}
.od-newsletter-page .odbn-pending-main{
    padding:42px 48px 30px;
    max-width:760px;
}
.od-newsletter-page .odbn-pending-icon,
.od-newsletter-page .odbn-status-icon{
    width:54px;
    height:54px;
    border:1px solid rgba(11,79,65,.22);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 22px;
    color:#0b4f41;
    background:#f7faf8;
}
.od-newsletter-page .odbn-pending-icon span{
    position:relative;
    width:25px;
    height:17px;
    border:1.7px solid currentColor;
    border-radius:2px;
    box-sizing:border-box;
}
.od-newsletter-page .odbn-pending-icon span::before,
.od-newsletter-page .odbn-pending-icon span::after{
    content:"";
    position:absolute;
    top:3px;
    width:14px;
    height:1.7px;
    background:currentColor;
}
.od-newsletter-page .odbn-pending-icon span::before{left:0;transform:rotate(32deg);transform-origin:left center;}
.od-newsletter-page .odbn-pending-icon span::after{right:0;transform:rotate(-32deg);transform-origin:right center;}
.od-newsletter-page .odbn-pending h2,
.od-newsletter-page .odbn-status h2{
    margin:0 0 14px;
    font:400 clamp(31px,4vw,46px)/1.08 Georgia,"Times New Roman",serif;
    letter-spacing:-.025em;
    color:#123f36;
}
.od-newsletter-page .odbn-pending-main > p,
.od-newsletter-page .odbn-status > p{
    max-width:760px;
    margin:0;
    font:400 16px/1.72 Arial,sans-serif;
    color:#394a44;
    text-align:left !important;
}
.od-newsletter-page .odbn-pending-email{
    display:inline-flex;
    align-items:center;
    margin:2px 0 18px;
    padding:9px 13px;
    border:1px solid #d7dfda;
    background:#fff;
    color:#123f36;
    font:700 13px/1.2 Arial,sans-serif;
    letter-spacing:.02em;
}
.od-newsletter-page .odbn-pending-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid #dfe5e1;
    border-bottom:1px solid #dfe5e1;
    background:rgba(255,255,255,.72);
}
.od-newsletter-page .odbn-pending-steps > div{
    min-height:132px;
    padding:26px 30px;
    border-right:1px solid #dfe5e1;
    box-sizing:border-box;
}
.od-newsletter-page .odbn-pending-steps > div:last-child{border-right:0;}
.od-newsletter-page .odbn-pending-steps b{
    display:block;
    margin:0 0 14px;
    color:#a7772f;
    font:700 10px/1 Arial,sans-serif;
    letter-spacing:.12em;
}
.od-newsletter-page .odbn-pending-steps strong{
    display:block;
    margin:0 0 7px;
    color:#123f36;
    font:700 14px/1.3 Arial,sans-serif;
}
.od-newsletter-page .odbn-pending-steps span{
    display:block;
    color:#61706b;
    font:400 12px/1.55 Arial,sans-serif;
}
.od-newsletter-page .odbn-pending-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:20px 30px 22px 48px;
    background:#f7f8f5;
}
.od-newsletter-page .odbn-pending-foot p{
    margin:0;
    max-width:760px;
    color:#66736f;
    font:400 12px/1.6 Arial,sans-serif;
    text-align:left !important;
}
.od-newsletter-page .odbn-pending-foot a{
    flex:0 0 auto;
    color:#0b4f41;
    font:700 11px/1.3 Arial,sans-serif;
    text-decoration:none;
    border-bottom:1px solid rgba(11,79,65,.35);
    padding-bottom:2px;
}
.od-newsletter-page .odbn-status{
    padding:42px 48px;
    max-width:900px;
}
.od-newsletter-page .odbn-status-icon{
    font:700 24px/1 Arial,sans-serif;
}
.od-newsletter-page .odbn-status-note{
    margin-top:16px !important;
    padding-top:16px;
    border-top:1px solid #dfe5e1;
    color:#68736f !important;
    font-size:13px !important;
}
.od-newsletter-page .odbn-status-success{
    background:linear-gradient(145deg,#f6faf7 0%,#ffffff 70%);
}
.od-newsletter-page .odbn-status-neutral{
    background:linear-gradient(145deg,#fbfaf6 0%,#ffffff 70%);
}
@media(max-width:782px){
    .od-newsletter-page .odbn-pending-main,
    .od-newsletter-page .odbn-status{padding:30px 26px;}
    .od-newsletter-page .odbn-pending-steps{grid-template-columns:1fr;}
    .od-newsletter-page .odbn-pending-steps > div{min-height:0;border-right:0;border-bottom:1px solid #dfe5e1;padding:20px 26px;}
    .od-newsletter-page .odbn-pending-steps > div:last-child{border-bottom:0;}
    .od-newsletter-page .odbn-pending-foot{display:block;padding:20px 26px;}
    .od-newsletter-page .odbn-pending-foot a{display:inline-block;margin-top:14px;}
}

/* 1.1.4: spójna typografia komunikatów publicznych i stanów subskrypcji. */
.od-newsletter-page .odbn-status,
.od-newsletter-page .odbn-pending{
    color:#2f3f3a !important;
}
.od-newsletter-page .odbn-status{
    max-width:920px !important;
    padding:38px 44px !important;
}
.od-newsletter-page .odbn-status.odbn-status-compact{
    padding:32px 38px !important;
    margin:32px 0 18px !important;
}
.od-newsletter-page .odbn-status h2,
.od-newsletter-page .odbn-pending h2{
    font-size:clamp(30px,3.4vw,40px) !important;
    line-height:1.1 !important;
    margin:0 0 14px !important;
}
.od-newsletter-page .odbn-status > p,
.od-newsletter-page .odbn-pending-main > p,
.od-newsletter-page .odbn-pending-foot p,
.od-newsletter-page .odbn-pending-steps span{
    font-size:15px !important;
    line-height:1.68 !important;
    color:#455650 !important;
}
.od-newsletter-page .odbn-status > p,
.od-newsletter-page .odbn-pending-main > p{
    max-width:760px !important;
    text-align:justify !important;
    text-justify:inter-word !important;
}
.od-newsletter-page .odbn-pending-steps strong{
    font-size:15px !important;
    line-height:1.35 !important;
}
.od-newsletter-page .odbn-pending-steps span{
    font-size:13px !important;
    line-height:1.58 !important;
}
.od-newsletter-page .odbn-pending-foot p{
    font-size:13px !important;
    line-height:1.6 !important;
}
.od-newsletter-page .odbn-pending-foot a{
    display:inline-flex !important;
    align-items:center !important;
    min-height:34px !important;
    padding:0 12px !important;
    border:1px solid #cfd8d3 !important;
    border-radius:3px !important;
    color:#0b4f41 !important;
    background:#fff !important;
    text-decoration:none !important;
    font-size:11.5px !important;
    line-height:1 !important;
}
.od-newsletter-page .odbn-pending-foot a:hover,
.od-newsletter-page .odbn-pending-foot a:focus-visible{
    border-color:#0b4f41 !important;
    outline:none !important;
}
.od-newsletter-page .odbn-status-warning::before{
    background:linear-gradient(180deg,#b88b3c 0%,#8f5f22 100%) !important;
}
.od-newsletter-page .odbn-status-warning{
    background:linear-gradient(145deg,#fffaf1 0%,#ffffff 72%) !important;
}
.od-newsletter-page .odbn-three p,
.od-newsletter-page .odbn-human p,
.od-newsletter-page .odbn-signup p,
.od-newsletter-page .odbn-issues p,
.od-newsletter-page .odbn-form input[type=email],
.od-newsletter-page .odbn-form label > span:not(.screen-reader-text){
    font-size:15px !important;
    line-height:1.68 !important;
}
.od-newsletter-page .odbn-form .odbn-consent,
.od-newsletter-page .odbn-form .odbn-consent span{
    font-size:12px !important;
    line-height:1.55 !important;
}
.od-newsletter-page .odbn-form small{
    font-size:12px !important;
    line-height:1.55 !important;
}
@media(max-width:782px){
    .od-newsletter-page .odbn-status,
    .od-newsletter-page .odbn-status.odbn-status-compact{padding:28px 24px !important;}
    .od-newsletter-page .odbn-status h2,
    .od-newsletter-page .odbn-pending h2{font-size:30px !important;}
}

/* 1.1.5: spójna typografia komunikatów publicznych */
.od-newsletter-page .odbn-status > p,
.od-newsletter-page .odbn-pending-main > p,
.od-newsletter-page .odbn-pending-foot p,
.od-newsletter-page .odbn-signup > div > p,
.od-newsletter-page .odbn-human p,
.od-newsletter-page .odbn-three p{
    text-align:justify !important;
    text-justify:inter-word;
    hyphens:auto;
    -webkit-hyphens:auto;
}


/* 1.1.6: żywa sekcja korzyści. Ruch prowadzi wzrok, ale nie konkuruje z treścią. */
.od-newsletter-page .odbn-benefits{
    position:relative;
    margin:6px 0 0 !important;
    padding:46px 0 18px !important;
    isolation:isolate;
}
.od-newsletter-page .odbn-benefits-head{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
    gap:54px;
    align-items:end;
    margin-bottom:26px;
}
.od-newsletter-page .odbn-benefits-head .odbn-kicker{margin-bottom:10px !important;}
.od-newsletter-page .odbn-benefits-head h2{
    margin:0 !important;
    color:var(--odbn-green) !important;
    font:400 clamp(29px,3vw,40px)/1.08 Georgia,"Times New Roman",serif !important;
    letter-spacing:-.025em !important;
}
.od-newsletter-page .odbn-benefits-head > p{
    margin:0 !important;
    font:400 14.5px/1.72 Arial,sans-serif !important;
    color:#53635d !important;
    text-align:justify !important;
}
.od-newsletter-page .odbn-three{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    border:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
.od-newsletter-page .odbn-three article,
.od-newsletter-page .odbn-three article:first-child,
.od-newsletter-page .odbn-three article:last-child{
    --odbn-card-accent:#b9914b;
    position:relative !important;
    min-height:302px !important;
    box-sizing:border-box !important;
    padding:26px 25px 24px !important;
    border:1px solid #dce4df !important;
    border-radius:16px !important;
    background:
        radial-gradient(circle at 88% 12%,rgba(185,145,75,.09),transparent 27%),
        linear-gradient(145deg,#ffffff 0%,#fbfaf6 100%) !important;
    box-shadow:0 8px 24px rgba(20,63,54,.045) !important;
    overflow:hidden !important;
    transform:translateY(0) scale(1) !important;
    transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,border-color .55s ease,background .55s ease !important;
    cursor:default;
    outline:none;
}
.od-newsletter-page .odbn-three article::before{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    top:0;
    height:3px;
    background:linear-gradient(90deg,#9b712f,#d8b96e,#187160);
    opacity:.9;
}
.od-newsletter-page .odbn-three article::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-76px;
    bottom:-88px;
    border:1px solid rgba(24,113,96,.11);
    border-radius:50%;
    box-shadow:0 0 0 24px rgba(24,113,96,.025),0 0 0 49px rgba(185,145,75,.018);
    transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .55s ease;
    opacity:.55;
}
.od-newsletter-page .odbn-three article.is-active{
    border-color:rgba(155,113,47,.52) !important;
    background:
        radial-gradient(circle at 88% 12%,rgba(204,165,88,.16),transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#f8f4e9 100%) !important;
    box-shadow:0 18px 44px rgba(18,63,54,.13) !important;
    transform:translateY(-7px) scale(1.012) !important;
    z-index:2;
}
.od-newsletter-page .odbn-three article.is-active::before{
    right:0;
    animation:odbnBenefitProgress 4.2s linear both;
}
.od-newsletter-page .odbn-three article.is-active::after{transform:translate(-10px,-10px) scale(1.08);opacity:1;}
.od-newsletter-page .odbn-benefit-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;}
.od-newsletter-page .odbn-benefit-number{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border:1px solid #d7dfda;
    border-radius:50%;
    font:700 9px/1 Arial,sans-serif !important;
    color:#187160 !important;
    background:rgba(255,255,255,.72);
    transition:border-color .45s ease,background .45s ease,color .45s ease;
}
.od-newsletter-page .odbn-benefit-icon{
    display:grid !important;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:50%;
    color:#806126 !important;
    background:rgba(185,145,75,.08);
    border:1px solid rgba(185,145,75,.22);
    transition:transform .55s cubic-bezier(.2,.8,.2,1),background .45s ease;
}
.od-newsletter-page .odbn-benefit-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}
.od-newsletter-page .odbn-three article.is-active .odbn-benefit-icon{transform:rotate(-3deg) scale(1.08);background:rgba(185,145,75,.14);}
.od-newsletter-page .odbn-three article.is-active .odbn-benefit-number{border-color:#b9914b;background:#b9914b;color:#fff !important;}
.od-newsletter-page .odbn-benefit-label{
    min-height:28px;
    color:#8c6a2e;
    font:700 9px/1.4 Arial,sans-serif;
    letter-spacing:.12em;
}
.od-newsletter-page .odbn-three h2{
    margin:7px 0 11px !important;
    font:400 24px/1.16 Georgia,"Times New Roman",serif !important;
    color:var(--odbn-green) !important;
    letter-spacing:-.015em !important;
}
.od-newsletter-page .odbn-three p{
    min-height:76px;
    margin:0 !important;
    font:400 14px/1.62 Arial,sans-serif !important;
    color:#43534d !important;
    text-align:left !important;
    hyphens:auto;
}
.od-newsletter-page .odbn-benefit-state{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    color:#66746f;
    font:700 9px/1.2 Arial,sans-serif;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.od-newsletter-page .odbn-benefit-state > span{
    display:block !important;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#b9914b;
    box-shadow:0 0 0 0 rgba(185,145,75,.3);
}
.od-newsletter-page .odbn-three article.is-active .odbn-benefit-state > span{animation:odbnPulse 1.8s ease-out infinite;}
.od-newsletter-page .odbn-join-path{
    display:grid;
    grid-template-columns:minmax(245px,.85fr) minmax(420px,1.55fr) auto;
    gap:26px;
    align-items:center;
    margin-top:20px;
    padding:22px 24px;
    border:1px solid #dce4df;
    border-radius:14px;
    background:linear-gradient(110deg,#f7f3e8 0%,#fff 46%,#f2f7f4 100%);
    box-shadow:0 10px 28px rgba(18,63,54,.055);
}
.od-newsletter-page .odbn-join-copy .odbn-kicker{margin:0 0 6px !important;font-size:8.5px !important;}
.od-newsletter-page .odbn-join-copy strong{display:block;color:var(--odbn-green);font:400 19px/1.25 Georgia,"Times New Roman",serif;}
.od-newsletter-page .odbn-join-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:0;padding:0;counter-reset:none;}
.od-newsletter-page .odbn-join-steps li{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding-right:18px;font:600 10.5px/1.35 Arial,sans-serif;color:#53635d;}
.od-newsletter-page .odbn-join-steps li:not(:last-child)::after{content:"";position:absolute;right:7px;top:50%;width:8px;height:1px;background:#b8c6bf;}
.od-newsletter-page .odbn-join-steps b{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #cbd7d1;color:#187160;font:700 9px/1 Arial,sans-serif;}
.od-newsletter-page .odbn-join-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    white-space:nowrap;
    padding:12px 15px;
    border:1px solid #123f36;
    border-radius:3px;
    background:#123f36;
    color:#fff !important;
    text-decoration:none !important;
    font:700 10.5px/1 Arial,sans-serif;
    letter-spacing:.035em;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.od-newsletter-page .odbn-join-cta:hover,.od-newsletter-page .odbn-join-cta:focus-visible{background:#0d332b;transform:translateY(-2px);box-shadow:0 8px 18px rgba(18,63,54,.16);}
.od-newsletter-page .odbn-join-cta span{transition:transform .25s ease;}
.od-newsletter-page .odbn-join-cta:hover span{transform:translateX(3px);}
@keyframes odbnBenefitProgress{from{right:100%;}to{right:0;}}
@keyframes odbnPulse{0%{box-shadow:0 0 0 0 rgba(185,145,75,.32)}70%{box-shadow:0 0 0 8px rgba(185,145,75,0)}100%{box-shadow:0 0 0 0 rgba(185,145,75,0)}}
@media(max-width:980px){
    .od-newsletter-page .odbn-benefits-head{grid-template-columns:1fr;gap:14px;}
    .od-newsletter-page .odbn-join-path{grid-template-columns:1fr;gap:18px;}
    .od-newsletter-page .odbn-join-cta{justify-self:start;}
}
@media(max-width:782px){
    .od-newsletter-page .odbn-benefits{padding:34px 0 12px !important;}
    .od-newsletter-page .odbn-three{grid-template-columns:1fr !important;gap:12px !important;}
    .od-newsletter-page .odbn-three article,
    .od-newsletter-page .odbn-three article:first-child,
    .od-newsletter-page .odbn-three article:last-child{min-height:0 !important;padding:22px 20px !important;transform:none !important;}
    .od-newsletter-page .odbn-three article.is-active{transform:none !important;}
    .od-newsletter-page .odbn-three article::before{display:none;}
    .od-newsletter-page .odbn-three p{min-height:0;text-align:justify !important;}
    .od-newsletter-page .odbn-benefit-top{margin-bottom:18px;}
    .od-newsletter-page .odbn-join-path{padding:20px;}
    .od-newsletter-page .odbn-join-steps{grid-template-columns:1fr;gap:10px;}
    .od-newsletter-page .odbn-join-steps li::after{display:none;}
    .od-newsletter-page .odbn-join-cta{width:100%;box-sizing:border-box;}
}
@media(prefers-reduced-motion:reduce){
    .od-newsletter-page .odbn-three article,
    .od-newsletter-page .odbn-three article::before,
    .od-newsletter-page .odbn-benefit-icon,
    .od-newsletter-page .odbn-benefit-state > span,
    .od-newsletter-page .odbn-join-cta,
    .od-newsletter-page .odbn-join-cta span{animation:none !important;transition:none !important;}
}

/* 1.1.7: droga zapisu. Osobny język wizualny od kart korzyści: cztery stacje, żywa linia i wyraźny rytm. */
.od-newsletter-page .odbn-join-journey{
    --odbn-journey-progress:0%;
    position:relative;
    margin-top:28px;
    padding:30px 30px 26px;
    border:1px solid #d9e2dd;
    border-radius:18px;
    background:
        radial-gradient(circle at 8% 8%,rgba(185,145,75,.12),transparent 28%),
        radial-gradient(circle at 94% 100%,rgba(24,113,96,.09),transparent 34%),
        linear-gradient(135deg,#fbfaf5 0%,#ffffff 52%,#f5f9f7 100%);
    box-shadow:0 16px 38px rgba(18,63,54,.07);
    overflow:hidden;
}
.od-newsletter-page .odbn-join-journey::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-125px;
    top:-140px;
    border:1px solid rgba(185,145,75,.18);
    border-radius:50%;
    box-shadow:0 0 0 28px rgba(185,145,75,.025),0 0 0 56px rgba(24,113,96,.018);
    pointer-events:none;
}
.od-newsletter-page .odbn-join-head{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
    gap:42px;
    align-items:end;
    margin-bottom:32px;
}
.od-newsletter-page .odbn-join-head .odbn-kicker{margin:0 0 8px !important;}
.od-newsletter-page .odbn-join-head h3{
    margin:0 !important;
    max-width:590px;
    color:var(--odbn-green) !important;
    font:400 clamp(25px,2.4vw,33px)/1.08 Georgia,"Times New Roman",serif !important;
    letter-spacing:-.022em !important;
}
.od-newsletter-page .odbn-join-head > p{
    margin:0 !important;
    color:#53635d !important;
    font:400 14px/1.68 Arial,sans-serif !important;
    text-align:justify !important;
    hyphens:auto;
}
.od-newsletter-page .odbn-journey-route{
    position:relative;
    z-index:2;
    padding:16px 2px 8px;
}
.od-newsletter-page .odbn-journey-line{
    position:absolute;
    z-index:0;
    left:6.4%;
    right:6.4%;
    top:42px;
    height:2px;
    overflow:visible;
    background:#d8e1dc;
}
.od-newsletter-page .odbn-journey-line::after{
    content:"";
    position:absolute;
    left:var(--odbn-journey-progress);
    top:50%;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#b9914b;
    box-shadow:0 0 0 6px rgba(185,145,75,.13),0 0 18px rgba(185,145,75,.28);
    transform:translate(-50%,-50%);
    transition:left .72s cubic-bezier(.2,.8,.2,1);
}
.od-newsletter-page .odbn-journey-line > span{
    display:block;
    width:var(--odbn-journey-progress);
    height:100%;
    border-radius:2px;
    background:linear-gradient(90deg,#b9914b 0%,#d6b96e 48%,#187160 100%);
    transition:width .72s cubic-bezier(.2,.8,.2,1);
}
.od-newsletter-page .odbn-journey-steps{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    list-style:none;
    margin:0;
    padding:0;
}
.od-newsletter-page .odbn-journey-steps li{
    min-width:0;
    text-align:center;
    outline:none;
    cursor:default;
}
.od-newsletter-page .odbn-journey-node{
    position:relative;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    margin:0 auto 18px;
    border:1px solid #cfdad4;
    border-radius:50%;
    background:#fff;
    color:#187160;
    box-shadow:0 4px 12px rgba(18,63,54,.055);
    transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s ease,border-color .45s ease,color .45s ease,box-shadow .45s ease;
}
.od-newsletter-page .odbn-journey-node b{
    font:700 10px/1 Arial,sans-serif;
    letter-spacing:.04em;
}
.od-newsletter-page .odbn-journey-node::after{
    content:"";
    position:absolute;
    inset:-1px;
    border:1px solid rgba(185,145,75,0);
    border-radius:50%;
}
.od-newsletter-page .odbn-journey-steps li.is-done .odbn-journey-node{
    border-color:rgba(24,113,96,.38);
    background:#eef6f2;
    color:#0f5d4d;
}
.od-newsletter-page .odbn-journey-steps li.is-active .odbn-journey-node{
    transform:translateY(-4px) scale(1.1);
    border-color:#b9914b;
    background:#b9914b;
    color:#fff;
    box-shadow:0 9px 22px rgba(132,96,36,.20);
}
.od-newsletter-page .odbn-journey-steps li.is-active .odbn-journey-node::after{animation:odbnJourneyRing 1.9s ease-out infinite;}
.od-newsletter-page .odbn-journey-content{
    min-height:148px;
    padding:16px 13px 14px;
    border:1px solid transparent;
    border-radius:12px;
    transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .45s cubic-bezier(.2,.8,.2,1);
}
.od-newsletter-page .odbn-journey-steps li.is-active .odbn-journey-content{
    transform:translateY(-2px);
    border-color:rgba(185,145,75,.24);
    background:rgba(255,255,255,.72);
    box-shadow:0 10px 24px rgba(18,63,54,.055);
}
.od-newsletter-page .odbn-journey-label{
    display:block;
    min-height:14px;
    margin-bottom:7px;
    color:#8c6a2e;
    font:700 8.5px/1.35 Arial,sans-serif;
    letter-spacing:.12em;
}
.od-newsletter-page .odbn-journey-content strong{
    display:block;
    margin:0 0 8px;
    color:var(--odbn-green);
    font:400 19px/1.18 Georgia,"Times New Roman",serif;
}
.od-newsletter-page .odbn-journey-content p{
    margin:0 !important;
    color:#53635d !important;
    font:400 12.5px/1.55 Arial,sans-serif !important;
    text-align:center !important;
    hyphens:auto;
}
.od-newsletter-page .odbn-join-action{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #dce4df;
}
.od-newsletter-page .odbn-join-action p{
    margin:0 !important;
    color:#60706a !important;
    font:400 12.5px/1.55 Arial,sans-serif !important;
}
.od-newsletter-page .odbn-join-action p strong{color:#274a41;font-weight:700;}
.od-newsletter-page .odbn-join-journey.is-complete .odbn-join-cta{
    box-shadow:0 0 0 0 rgba(18,63,54,.18);
    animation:odbnJourneyCta 1.35s ease-out 1;
}
@keyframes odbnJourneyRing{
    0%{inset:-1px;border-color:rgba(185,145,75,.55);opacity:.85}
    75%{inset:-12px;border-color:rgba(185,145,75,0);opacity:0}
    100%{inset:-12px;border-color:rgba(185,145,75,0);opacity:0}
}
@keyframes odbnJourneyCta{
    0%{box-shadow:0 0 0 0 rgba(18,63,54,.24)}
    70%{box-shadow:0 0 0 10px rgba(18,63,54,0)}
    100%{box-shadow:0 0 0 0 rgba(18,63,54,0)}
}
@media(max-width:980px){
    .od-newsletter-page .odbn-join-head{grid-template-columns:1fr;gap:12px;}
    .od-newsletter-page .odbn-journey-content{padding-left:8px;padding-right:8px;}
    .od-newsletter-page .odbn-journey-content strong{font-size:17px;}
}
@media(max-width:782px){
    .od-newsletter-page .odbn-join-journey{
        margin-top:20px;
        padding:26px 20px 22px;
        border-radius:16px;
    }
    .od-newsletter-page .odbn-join-head{margin-bottom:22px;}
    .od-newsletter-page .odbn-join-head h3{font-size:29px !important;line-height:1.08 !important;}
    .od-newsletter-page .odbn-join-head > p{font-size:15px !important;line-height:1.65 !important;}
    .od-newsletter-page .odbn-journey-route{padding:2px 0 0;}
    .od-newsletter-page .odbn-journey-line{
        left:27px;
        right:auto;
        top:28px;
        bottom:28px;
        width:2px;
        height:auto;
    }
    .od-newsletter-page .odbn-journey-line::after{
        left:50%;
        top:var(--odbn-journey-progress);
        transition:top .72s cubic-bezier(.2,.8,.2,1);
    }
    .od-newsletter-page .odbn-journey-line > span{
        width:100%;
        height:var(--odbn-journey-progress);
        background:linear-gradient(180deg,#b9914b 0%,#d6b96e 48%,#187160 100%);
        transition:height .72s cubic-bezier(.2,.8,.2,1);
    }
    .od-newsletter-page .odbn-journey-steps{grid-template-columns:1fr;gap:8px;}
    .od-newsletter-page .odbn-journey-steps li{
        display:grid;
        grid-template-columns:56px minmax(0,1fr);
        gap:16px;
        align-items:start;
        text-align:left;
        min-height:132px;
    }
    .od-newsletter-page .odbn-journey-node{
        width:54px;
        height:54px;
        margin:0;
    }
    .od-newsletter-page .odbn-journey-node b{font-size:11px;}
    .od-newsletter-page .odbn-journey-content{
        min-height:0;
        padding:14px 15px 15px;
        border-radius:12px;
    }
    .od-newsletter-page .odbn-journey-label{font-size:9px;margin-bottom:6px;}
    .od-newsletter-page .odbn-journey-content strong{font-size:21px;line-height:1.16;margin-bottom:7px;}
    .od-newsletter-page .odbn-journey-content p{
        font-size:14px !important;
        line-height:1.55 !important;
        text-align:left !important;
    }
    .od-newsletter-page .odbn-join-action{
        display:grid;
        grid-template-columns:1fr;
        gap:15px;
        margin-top:14px;
        padding-top:18px;
    }
    .od-newsletter-page .odbn-join-action p{font-size:13px !important;}
    .od-newsletter-page .odbn-join-cta{width:100%;box-sizing:border-box;padding:14px 16px;font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
    .od-newsletter-page .odbn-journey-line::after,
    .od-newsletter-page .odbn-journey-line > span,
    .od-newsletter-page .odbn-journey-node,
    .od-newsletter-page .odbn-journey-node::after,
    .od-newsletter-page .odbn-journey-content,
    .od-newsletter-page .odbn-join-journey .odbn-join-cta{animation:none !important;transition:none !important;}
}


/* 1.1.10: półprzezroczysta karta w stylu zielonego szkła.
   Zachowujemy układ, typografię i złote akcenty. Zmieniamy wyłącznie materiał karty:
   niższe krycie zieleni, rozmycie tła, delikatne światło na powierzchni i lżejszy cień. */
#odbn-card.odbn-card{
    --odbn-glass-deep:rgba(5,61,52,.70);
    --odbn-glass-mid:rgba(7,84,66,.58);
    --odbn-glass-light:rgba(16,113,86,.36);
    background:
        radial-gradient(ellipse at 8% 112%, rgba(214,181,101,.22) 0%, rgba(214,181,101,.09) 17%, rgba(214,181,101,0) 42%),
        radial-gradient(ellipse at 98% 112%, rgba(211,176,93,.18) 0%, rgba(211,176,93,.07) 16%, rgba(211,176,93,0) 43%),
        radial-gradient(circle at 76% 28%, rgba(39,151,116,.18) 0%, rgba(39,151,116,.07) 27%, rgba(39,151,116,0) 56%),
        linear-gradient(122deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.025) 29%, rgba(255,255,255,0) 48%),
        linear-gradient(137deg,var(--odbn-glass-deep) 0%,var(--odbn-glass-mid) 50%,rgba(5,68,54,.56) 100%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(128%) !important;
    backdrop-filter:blur(18px) saturate(128%) !important;
    border-color:rgba(224,194,126,.46) !important;
    box-shadow:
        0 18px 42px rgba(2,28,23,.18),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 0 0 1px rgba(247,242,232,.035) !important;
}
#odbn-card.odbn-card[data-position="right"]{
    border-left-color:rgba(224,194,126,.46) !important;
}
#odbn-card.odbn-card::before{
    opacity:.14 !important;
    border-color:rgba(226,195,126,.42) !important;
}
#odbn-card.odbn-card::after{
    opacity:.11 !important;
    border-color:rgba(226,195,126,.44) !important;
}
#odbn-card h2{
    color:rgba(250,247,238,.98) !important;
    text-shadow:0 1px 2px rgba(0,28,23,.22) !important;
}
#odbn-card p{
    color:rgba(250,247,238,.90) !important;
    text-shadow:0 1px 1px rgba(0,28,23,.16) !important;
}
#odbn-card .odbn-card-brand,
#odbn-card .odbn-card-brand span,
#odbn-card .odbn-card-mark,
#odbn-card.odbn-card .odbn-close{
    color:#e0bd71 !important;
}
#odbn-card .odbn-card-cta{
    box-shadow:0 5px 14px rgba(2,26,21,.16), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* Fallback dla przeglądarek bez backdrop-filter: karta pozostaje czytelna, lecz nadal mniej ciężka. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
    #odbn-card.odbn-card{
        background:linear-gradient(137deg,rgba(7,61,52,.90) 0%,rgba(7,84,66,.86) 50%,rgba(5,68,54,.88) 100%) !important;
    }
}


/* 1.1.13: neutralne szkło z subtelnym zielonym podtonem.
   Usuwamy błotnisty szarozielony odcień. Karta pozostaje półprzezroczysta,
   ale ma czytelniejszą taflę, wyraźniejszą krawędź i spokojniejszy kontrast. */
#odbn-card.odbn-card{
    --odbn-glass-a:rgba(177,187,178,.74);
    --odbn-glass-b:rgba(158,171,162,.69);
    --odbn-glass-c:rgba(169,180,170,.72);
    --odbn-ink:#123c34;
    --odbn-ink-soft:#183a32;
    --odbn-gold:#a87324;
    background:
        radial-gradient(ellipse at 4% 112%, rgba(181,137,67,.15) 0%, rgba(181,137,67,.05) 22%, rgba(181,137,67,0) 46%),
        radial-gradient(circle at 88% 4%, rgba(255,255,255,.28) 0%, rgba(255,255,255,.08) 29%, rgba(255,255,255,0) 58%),
        linear-gradient(124deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 38%, rgba(255,255,255,0) 66%),
        linear-gradient(137deg,var(--odbn-glass-a) 0%,var(--odbn-glass-b) 56%,var(--odbn-glass-c) 100%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(88%) contrast(98%) !important;
    backdrop-filter:blur(18px) saturate(88%) contrast(98%) !important;
    border:1px solid rgba(69,92,83,.28) !important;
    box-shadow:
        0 20px 48px rgba(23,48,41,.22),
        0 4px 14px rgba(23,48,41,.08),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 0 0 1px rgba(255,255,255,.07) !important;
}
#odbn-card.odbn-card[data-position="right"]{
    border-left-color:rgba(69,92,83,.30) !important;
}
#odbn-card.odbn-card::before{
    opacity:.10 !important;
    border-color:rgba(168,123,43,.30) !important;
}
#odbn-card.odbn-card::after{
    opacity:.07 !important;
    border-color:rgba(168,123,43,.22) !important;
}
#odbn-card .odbn-card-brand{
    left:24px !important;
    top:15px !important;
    gap:9px !important;
    max-width:350px !important;
    color:var(--odbn-ink) !important;
}
#odbn-card .odbn-card-brand img{
    width:42px !important;
    height:37px !important;
}
#odbn-card .odbn-card-brand span{
    color:var(--odbn-ink) !important;
    font:700 9.2px/1 Arial,sans-serif !important;
    letter-spacing:.09em !important;
    white-space:nowrap !important;
}
#odbn-card .odbn-card-mark{
    color:var(--odbn-gold) !important;
    margin-top:20px !important;
}
#odbn-card h2{
    color:var(--odbn-ink) !important;
    text-shadow:0 1px 0 rgba(255,255,255,.20) !important;
}
#odbn-card p{
    color:rgba(24,58,50,.93) !important;
    text-shadow:0 1px 0 rgba(255,255,255,.15) !important;
}
#odbn-card.odbn-card .odbn-close{
    color:#8b672a !important;
}
#odbn-card.odbn-card .odbn-close:hover,
#odbn-card.odbn-card .odbn-close:focus-visible{
    color:#5f4518 !important;
    background:rgba(18,60,52,.08) !important;
}
#odbn-card .odbn-card-cta{
    border-color:rgba(168,123,43,.62) !important;
    background:linear-gradient(180deg,#d8b35e 0%,#c8983e 56%,#b98430 100%) !important;
    color:#123a32 !important;
    box-shadow:0 5px 14px rgba(54,46,29,.16), inset 0 1px 0 rgba(255,255,255,.30) !important;
}
#odbn-card .odbn-card-cta:hover,
#odbn-card .odbn-card-cta:focus-visible{
    background:linear-gradient(180deg,#e0bc69 0%,#d0a34a 56%,#bf8f35 100%) !important;
    color:#0d302a !important;
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
    #odbn-card.odbn-card{
        background:linear-gradient(137deg,rgba(190,198,190,.94) 0%,rgba(171,183,174,.93) 56%,rgba(180,191,182,.94) 100%) !important;
    }
}
@media(max-width:520px){
    #odbn-card .odbn-card-brand span{
        font-size:8.1px !important;
        letter-spacing:.065em !important;
    }
    #odbn-card .odbn-card-brand img{
        width:38px !important;
        height:34px !important;
    }
}

/* 1.1.14: przydymione szkło, większa czytelność i neutralniejszy materiał.
   Poprzednia szarozielona tafla była zbyt błotnista. Nowa warstwa jest bardziej neutralna,
   pozostaje transparentna i korzysta z jasnej typografii, dzięki czemu działa również nad zdjęciem. */
#odbn-card.odbn-card{
    --odbn-smoke-a:rgba(48,63,58,.66);
    --odbn-smoke-b:rgba(67,78,73,.56);
    --odbn-smoke-c:rgba(42,61,54,.62);
    --odbn-card-cream:#fbf7ef;
    --odbn-card-cream-soft:rgba(250,247,239,.90);
    --odbn-card-gold-new:#dfbc70;
    background:
        radial-gradient(circle at 82% 0%,rgba(255,255,255,.20) 0%,rgba(255,255,255,.06) 31%,rgba(255,255,255,0) 59%),
        radial-gradient(ellipse at 8% 110%,rgba(206,163,83,.11) 0%,rgba(206,163,83,.035) 22%,rgba(206,163,83,0) 47%),
        linear-gradient(123deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.025) 39%,rgba(255,255,255,0) 64%),
        linear-gradient(138deg,var(--odbn-smoke-a) 0%,var(--odbn-smoke-b) 54%,var(--odbn-smoke-c) 100%) !important;
    -webkit-backdrop-filter:blur(20px) saturate(82%) brightness(.97) !important;
    backdrop-filter:blur(20px) saturate(82%) brightness(.97) !important;
    border:1px solid rgba(240,229,203,.38) !important;
    box-shadow:
        0 20px 46px rgba(20,39,34,.24),
        0 4px 13px rgba(20,39,34,.10),
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
#odbn-card.odbn-card[data-position="right"]{border-left-color:rgba(240,229,203,.38) !important;}
#odbn-card.odbn-card::before{opacity:.08 !important;border-color:rgba(223,188,112,.26) !important;}
#odbn-card.odbn-card::after{opacity:.06 !important;border-color:rgba(223,188,112,.20) !important;}
#odbn-card .odbn-card-brand{
    color:#f3ead9 !important;
    gap:9px !important;
    max-width:360px !important;
}
#odbn-card .odbn-card-brand img{width:43px !important;height:38px !important;}
#odbn-card .odbn-card-brand span{
    color:#f3ead9 !important;
    font:700 10px/1 Arial,sans-serif !important;
    letter-spacing:.075em !important;
    text-shadow:0 1px 3px rgba(0,0,0,.15) !important;
}
#odbn-card .odbn-card-mark{
    color:var(--odbn-card-gold-new) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.10) !important;
}
#odbn-card h2{
    color:var(--odbn-card-cream) !important;
    text-shadow:0 2px 8px rgba(0,0,0,.18) !important;
}
#odbn-card p{
    color:var(--odbn-card-cream-soft) !important;
    text-shadow:0 1px 3px rgba(0,0,0,.16) !important;
}
#odbn-card.odbn-card .odbn-close{
    color:#e4c37b !important;
}
#odbn-card.odbn-card .odbn-close:hover,
#odbn-card.odbn-card .odbn-close:focus-visible{
    color:#f1d58f !important;
    background:rgba(255,255,255,.08) !important;
}
#odbn-card .odbn-card-cta{
    border-color:rgba(243,215,148,.70) !important;
    background:linear-gradient(180deg,#e0bd6a 0%,#cfa34c 56%,#ba8730 100%) !important;
    color:#173a32 !important;
    box-shadow:0 5px 14px rgba(29,28,22,.18),inset 0 1px 0 rgba(255,255,255,.30) !important;
}
#odbn-card .odbn-card-cta:hover,
#odbn-card .odbn-card-cta:focus-visible{
    background:linear-gradient(180deg,#e8c979 0%,#d8ae56 56%,#c49338 100%) !important;
    color:#0f302a !important;
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
    #odbn-card.odbn-card{
        background:linear-gradient(138deg,rgba(48,63,58,.94) 0%,rgba(67,78,73,.92) 54%,rgba(42,61,54,.94) 100%) !important;
    }
}
@media(max-width:520px){
    #odbn-card .odbn-card-brand span{font-size:8.4px !important;letter-spacing:.055em !important;}
}


/* 1.1.15: karta odsunięta od krawędzi, w pełni widoczna i ustawiona pod delikatnym kątem.
   Zachowujemy proporcje karty, ale pokazujemy ją jak fizyczny obiekt stojący lekko pod kątem.
   Dodatkowo ukrywamy kartę na telefonach i mniejszych ekranach. */
#odbn-card.odbn-card{
    left:22px !important;
    right:auto !important;
    top:50% !important;
    width:min(var(--odbn-card-width,420px), calc(100vw - 92px)) !important;
    max-width:calc(100vw - 92px) !important;
    border:1px solid rgba(232,224,205,.72) !important;
    border-radius:18px !important;
    border-left:1px solid rgba(232,224,205,.72) !important;
    box-shadow:
        0 24px 58px rgba(7,28,24,.26),
        0 10px 24px rgba(7,28,24,.12),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
    transform-origin:left center !important;
    transform:translate(calc(-100% - 44px), -50%) perspective(1600px) rotateY(15deg) rotateX(1.6deg) rotateZ(0.9deg) !important;
    will-change:transform !important;
}
#odbn-card.odbn-card.is-visible{
    display:flex !important;
    transform:translate(0, -50%) perspective(1600px) rotateY(15deg) rotateX(1.6deg) rotateZ(0.9deg) !important;
}
#odbn-card.odbn-card[data-position="right"]{
    left:auto !important;
    right:22px !important;
    border:1px solid rgba(232,224,205,.72) !important;
    border-radius:18px !important;
    transform-origin:right center !important;
    transform:translate(calc(100% + 44px), -50%) perspective(1600px) rotateY(-15deg) rotateX(1.6deg) rotateZ(-0.9deg) !important;
}
#odbn-card.odbn-card[data-position="right"].is-visible{
    transform:translate(0, -50%) perspective(1600px) rotateY(-15deg) rotateX(1.6deg) rotateZ(-0.9deg) !important;
}
#odbn-card .odbn-card-brand{
    left:25px !important;
    top:16px !important;
}
#odbn-card .odbn-card-mark{
    margin-top:16px !important;
}
#odbn-card .odbn-close{
    right:12px !important;
    top:10px !important;
}
@media(max-width:900px){
    #odbn-card.odbn-card{display:none !important;}
    #odbn-card.odbn-card.is-visible{display:none !important;}
}
@media (prefers-reduced-motion:reduce){
    #odbn-card.odbn-card,
    #odbn-card.odbn-card.is-visible,
    #odbn-card.odbn-card[data-position="right"],
    #odbn-card.odbn-card[data-position="right"].is-visible{
        transform:translate(0,-50%) !important;
    }
}

/* 1.1.22: original fish proportions on the existing dark newsletter card. */
html body #odbn-card .odbn-card-brand img.odbn-brand-logo{width:48px!important;height:48px!important;object-fit:contain!important;aspect-ratio:1!important;background:transparent!important;box-shadow:none!important;border:0!important;filter:brightness(0) invert(1)!important}
.odbn-admin-preview-brand img.odbn-brand-logo{object-fit:contain;aspect-ratio:1;filter:none;background:transparent}