.sb24-zgody {
position: fixed; z-index: 100000; left: 16px; right: 16px; bottom: 16px; max-width: 640px; margin: 0 auto;
max-height: calc(100vh - 32px); overflow-y: auto;
background: #fff; color: #222; border-top: 4px solid #c9bd80; border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .25); padding: 1.4rem 1.6rem; font-size: .92rem; line-height: 1.5;
display: none;
}
.sb24-zgody--widoczne { display: block; }
.sb24-zgody__tytul { font-size: 1.15rem; font-weight: 700; margin: 0 0 .5rem; color: #111; }
.sb24-zgody p { margin: 0 0 .8rem; }
.sb24-zgody a { color: #8b7b3f; text-decoration: underline; }
.sb24-zgody__przyciski { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; justify-content: flex-end; margin-top: 1rem; }
.sb24-zgody__btn {
background: #111; color: #fff; border: 1px solid #111; border-radius: 4px; padding: .65rem 1.1rem; font-weight: 600; cursor: pointer; font-size: .9rem;
}
.sb24-zgody__btn:hover { background: #c9bd80; border-color: #c9bd80; color: #111; }
.sb24-zgody__btn--jasny { background: #fff; color: #111; }
.sb24-zgody__link { background: none; border: 0; color: #111; text-decoration: underline; cursor: pointer; padding: .65rem .4rem; font-size: .9rem; margin-right: auto; }
.sb24-zgody__kat { display: flex; gap: .75rem; align-items: flex-start; padding: .7rem 0; border-top: 1px solid #eee; cursor: pointer; }
.sb24-zgody__kat input { margin-top: .3rem; accent-color: #c9bd80; width: 18px; height: 18px; flex: none; }
.sb24-zgody__kat strong { display: block; color: #111; }
.sb24-zgody__kat small { display: block; color: #555; font-size: .85rem; }
@media (max-width: 600px) {
.sb24-zgody { left: 8px; right: 8px; bottom: 8px; padding: 1.1rem; }
.sb24-zgody__przyciski { justify-content: stretch; }
.sb24-zgody__btn { flex: 1 1 100%; }
.sb24-zgody__link { margin-right: 0; }
}.sb24-kup-w-salonie {
margin: 1.5rem 0; padding: 1.4rem 1.5rem; border: 1px solid #e8e1c8; border-left: 3px solid #8b7b3f;
background: #fcfbf7; border-radius: 3px;
}
.sb24-kup-w-salonie p { margin: 0 0 .6rem; }
.sb24-kup-w-salonie .sb24-kup-tytul { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.45rem; font-weight: 600; color: #111; }
.sb24-kup-w-salonie a.sb24-kup-zadzwon {
display: inline-block; margin: .4rem 0 .9rem; padding: .8rem 1.6rem; background: #111; color: #c9bd80;
text-decoration: none; letter-spacing: .05em; font-weight: 600; border-radius: 2px; transition: background .2s, color .2s;
}
.sb24-kup-w-salonie a.sb24-kup-zadzwon:hover { background: #8b7b3f; color: #fff; }
.sb24-kup-w-salonie .sb24-kup-adres { font-size: .9rem; color: #666; margin: 0; }
.sb24-kup-w-salonie .sb24-kup-adres a { color: #8b7b3f; }
.product .summary .sb24-kup-w-salonie p { margin: 0 0 .6rem; }
.product .summary .sb24-kup-w-salonie p.sb24-kup-adres { margin: 0; } .sb24-salon { max-width: 1100px; margin: 0 auto; }
.sb24-salon section { margin: 0 0 3rem; }
.sb24-salon-wstep { max-width: 760px; margin: 0 auto 3rem !important; text-align: center; font-size: 1.1rem; line-height: 1.8; }
.sb24-salon-nadtytul { color: #8b7b3f; font-size: .8rem; letter-spacing: .22em; text-transform: uppercase; margin-bottom: .6rem; }
.sb24-salon-karty { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.sb24-salon-karta { padding: 1.8rem 1.6rem; border: 1px solid #e8e1c8; border-top: 3px solid #c9bd80; background: #fff; border-radius: 3px; text-align: center; }
.sb24-salon h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; margin: 0 0 1rem; color: #111; }
.sb24-salon-karta p { margin: 0 0 1.2rem; line-height: 1.9; }
.sb24-salon-karta a:not(.sb24-salon-przycisk) { color: #333; text-decoration: none; }
.sb24-salon-karta a:not(.sb24-salon-przycisk):hover { color: #8b7b3f; }
.sb24-salon-godziny { width: 100%; max-width: 260px; margin: 0 auto; border: 0; font-size: .95rem; }
.sb24-salon-godziny td { border: 0; border-bottom: 1px dotted #e8e1c8; padding: .3rem 0; text-align: left; background: none; }
.sb24-salon-godziny td + td { text-align: right; font-weight: 600; }
.sb24-salon-godziny tr:last-child td { border-bottom: 0; color: #999; }
a.sb24-salon-przycisk { display: inline-block; padding: .7rem 1.6rem; background: #111; color: #c9bd80; text-decoration: none; letter-spacing: .06em; font-size: .9rem; font-weight: 600; border-radius: 2px; transition: background .2s, color .2s; }
a.sb24-salon-przycisk:hover { background: #8b7b3f; color: #fff; }
.sb24-salon-media { display: grid; grid-template-columns: 3fr 2fr; gap: 1.5rem; }
.sb24-salon-media img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; border-radius: 3px; display: block; }
.sb24-salon-media iframe { width: 100%; height: 100%; min-height: 320px; border: 0; border-radius: 3px; }
.sb24-salon-uslugi h2 { text-align: center; }
a.sb24-salon-usluga { display: block; padding: 1.5rem; background: #111; color: #e9e2cf; text-decoration: none; border-radius: 3px; transition: transform .25s, box-shadow .25s; }
a.sb24-salon-usluga strong { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.4rem; color: #c9bd80; margin-bottom: .3rem; }
a.sb24-salon-usluga span { font-size: .9rem; }
a.sb24-salon-usluga:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(17, 17, 17, .18); }
@media (max-width: 860px) {
.sb24-salon-karty, .sb24-salon-media { grid-template-columns: 1fr; }
} .sb24-salon-media:has(.sb24-kontakt-dane) { grid-template-columns: 2fr 3fr; }
.sb24-kontakt-dane { display: flex; flex-direction: column; justify-content: center; }
.sb24-kontakt-konto { font-size: .95rem; letter-spacing: .02em; }
.product .summary .sb24-kup-w-salonie p.sb24-kup-tel2 { margin: -.4rem 0 .9rem; font-size: .95rem; }
.sb24-kup-w-salonie .sb24-kup-tel2 a { color: #111; font-weight: 600; text-decoration: none; } .sb24-salon-napisz { max-width: 760px; margin-left: auto !important; margin-right: auto !important; padding: 2.2rem 2.4rem; background: #fcfbf7; border: 1px solid #e8e1c8; border-radius: 3px; }
.sb24-salon-napisz > h2, .sb24-salon-napisz > p { text-align: center; }
.sb24-salon-napisz > p { color: #666; margin: 0 0 1.5rem; }
.sb24-formularz p { margin: 0 0 1rem; }
.sb24-formularz label { display: block; font-size: .85rem; font-weight: 600; letter-spacing: .03em; margin-bottom: .3rem; color: #333; }
.sb24-formularz input[type=text], .sb24-formularz input[type=email], .sb24-formularz input[type=tel], .sb24-formularz select, .sb24-formularz textarea {
width: 100%; padding: .7rem .85rem; border: 1px solid #ddd5bd; border-radius: 3px; background: #fff; font-size: 1rem; box-shadow: none;
}
.sb24-formularz :is(input, select, textarea):focus { border-color: #8b7b3f; outline: none; box-shadow: 0 0 0 2px rgba(201, 189, 128, .35); }
.sb24-formularz-pola { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.2rem; }
.sb24-formularz .sb24-formularz-zgoda label { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; letter-spacing: 0; line-height: 1.5; }
.sb24-formularz-zgoda input { margin-top: .25rem; flex: none; }
.sb24-formularz-zgoda a { color: #8b7b3f; }
.sb24-formularz button.sb24-salon-przycisk { display: block; width: 100%; padding: .9rem 1.6rem; background: #111; color: #c9bd80; border: 0; letter-spacing: .06em; font-size: .95rem; font-weight: 600; border-radius: 2px; cursor: pointer; transition: background .2s, color .2s; }
.sb24-formularz button.sb24-salon-przycisk:hover { background: #8b7b3f; color: #fff; }
.sb24-formularz-pulapka { position: absolute !important; left: -9999px; }
.sb24-formularz-ok { padding: 1rem 1.2rem; background: #eef6ee; border-left: 3px solid #13612e; color: #13612e; }
.sb24-formularz-bledy { margin: 0 0 1.2rem; padding: 1rem 1.2rem 1rem 2.4rem; background: #fbeeee; border-left: 3px solid #a33; color: #a33; }
@media (max-width: 600px) {
.sb24-formularz-pola { grid-template-columns: 1fr; }
.sb24-salon-napisz { padding: 1.6rem 1.2rem; }
} .sb24-salon-karta h2 { margin-top: 0; }
.sb24-salon-ikona { display: block; width: 44px; height: 44px; margin: 0 auto 1rem; color: #8b7b3f; }
.sb24-salon-karty.sb24-salon-karty-2 { grid-template-columns: repeat(2, 1fr); }
.sb24-salon-karty.sb24-salon-karty-4 { grid-template-columns: repeat(4, 1fr); }
.sb24-salon-karta.sb24-salon-karta-lewo { text-align: left; }
.sb24-salon-karta.sb24-salon-karta-lewo .sb24-salon-ikona { margin-left: 0; }
.sb24-salon-karta .sb24-salon-cena { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2rem; font-weight: 600; color: #8b7b3f; line-height: 1.2; margin: 0 0 .4rem; }
.sb24-salon-karta .sb24-salon-podpis { font-size: .9rem; color: #666; line-height: 1.6; }
.sb24-salon-uwaga { max-width: 760px; margin: 0 auto 3rem; padding: 1.1rem 1.4rem; background: #fcfbf7; border: 1px solid #e8e1c8; border-left: 3px solid #c9bd80; border-radius: 3px; line-height: 1.7; }
.sb24-salon-uwaga a { color: #8b7b3f; font-weight: 600; white-space: nowrap; }
.sb24-salon-tekst { max-width: 760px; margin-left: auto !important; margin-right: auto !important; line-height: 1.8; }
.sb24-salon-tekst h2 { text-align: center; }
.sb24-salon-tekst a { color: #8b7b3f; }
.sb24-salon-cennik { width: 100%; border-collapse: collapse; margin: 0 0 1rem; font-size: 1rem; }
.sb24-salon-cennik th, .sb24-salon-cennik td { padding: .8rem 1rem; border: 0; border-bottom: 1px solid #e8e1c8; text-align: left; background: none; }
.sb24-salon-cennik th { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #8b7b3f; font-weight: 600; }
.sb24-salon-cennik td + td { text-align: right; font-weight: 600; white-space: nowrap; }
.sb24-salon-cennik th + th { text-align: right; }
.sb24-salon-kroki { list-style: none; counter-reset: krok; max-width: 760px; margin: 0 auto !important; padding: 0; }
.sb24-salon-kroki li { counter-increment: krok; position: relative; padding: 0 0 1.8rem 4.2rem; line-height: 1.8; }
.sb24-salon-kroki li::before { content: counter(krok); position: absolute; left: 0; top: 0; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: #111; color: #c9bd80; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.4rem; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.sb24-salon-kroki li:not(:last-child)::after { content: ''; position: absolute; left: 1.4rem; top: 3rem; bottom: .3rem; border-left: 1px dashed #c9bd80; }
.sb24-salon-kroki strong { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.35rem; color: #111; }
.sb24-salon-konto { font-size: 1.15rem; letter-spacing: .04em; white-space: nowrap; }
@media (max-width: 860px) {
.sb24-salon-karty.sb24-salon-karty-2, .sb24-salon-karty.sb24-salon-karty-4 { grid-template-columns: 1fr; }
.sb24-salon-konto { white-space: normal; }
}
@media (min-width: 861px) and (max-width: 1100px) {
.sb24-salon-karty.sb24-salon-karty-4 { grid-template-columns: repeat(2, 1fr); }
}