:root { --och-granat: #0a3272; --och-noc: #041d44; --och-blekit: #1a4a8a; --och-tekst: #1f2937; --och-szary: #5b6472; --och-jasny: #f1f4f8; --och-linia: #e1e6ee; --och-pomarancz: #e07b2e; --och-pomarancz-c: #c4661e; --och-pismo: var(--font, Montserrat, system-ui, sans-serif); --och-r: 10px; --och-cien: 0 12px 32px rgba(4, 29, 68, .12); } body { color: var(--och-tekst); line-height: 1.55; } h1, h2, h3, .och-h2 { font-family: var(--och-pismo); color: var(--och-granat); letter-spacing: -.01em; } h2, .och-h2 { font-size: 26px; line-height: 1.15; font-weight: 800; margin: 0 0 12px; } .och-nad { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--och-pomarancz); margin: 0 0 10px; } .och-nad::before { content: ""; display: inline-block; width: 22px; height: 3px; background: var(--och-pomarancz); vertical-align: middle; margin-right: 8px; border-radius: 2px; } .och-top { background: var(--och-granat); color: #fff; position: relative; z-index: 30; } .och-pas { display: flex; align-items: center; gap: 10px; min-height: var(--header-h, 64px); padding: 8px 0; } .och-logo { display: flex; align-items: center; flex: 0 0 auto; min-width: 0; } .och-logo__link { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; } .och-logo__link img { display: block; height: auto; max-height: 42px; width: auto; } .och-marka { display: flex; flex-direction: column; line-height: 1.05; } .och-marka__nazwa { font-family: var(--och-pismo); font-size: 18px; font-weight: 800; letter-spacing: -.01em; } .och-marka__haslo { display: none; font-size: 11px; font-weight: 500; color: #c5cfe0; margin-top: 3px; } .och-szukaj { display: none; } .och-tel { display: none; } .och-akcje { margin-left: auto; display: flex; align-items: center; gap: 2px; } .och-ikona { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; color: #fff; background: transparent; border: 0; cursor: pointer; text-decoration: none; position: relative; } .och-ikona:hover { background: rgba(255, 255, 255, .12); color: #fff; } .och-ikona svg { width: 24px; height: 24px; } .och-ikona .cart-count { position: absolute; top: 3px; right: 3px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--och-pomarancz); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; } .och-ikona .cart-count:empty, .och-ikona .cart-count[data-zero="1"] { display: none; } .och-hamburger { display: inline-flex; } .och-hamburger .hamburger-bars, .och-hamburger .hamburger-bars::before, .och-hamburger .hamburger-bars::after { display: block; width: 22px; height: 2px; background: currentColor; border-radius: 2px; content: ""; position: relative; } .och-hamburger .hamburger-bars::before { position: absolute; top: -7px; } .och-hamburger .hamburger-bars::after { position: absolute; top: 7px; } .och-szukaj-tel { display: none; padding: 0 0 10px; } body.search-open .och-szukaj-tel { display: block; } .och-szukajka { display: flex; align-items: center; background: #fff; border-radius: 999px; padding: 4px 4px 4px 18px; box-shadow: inset 0 0 0 1px rgba(4, 29, 68, .08); } .och-szukajka input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 15px; color: var(--och-tekst); outline: none; } .och-szukajka button { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; min-width: 40px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--och-pomarancz); color: #fff; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; } .och-szukajka button span { display: none; } .och-szukajka button svg { width: 18px; height: 18px; } .och-szukajka button:hover { background: var(--och-pomarancz-c); } .och-menu { background: var(--och-noc); border-bottom: 3px solid var(--och-pomarancz); } .och-menu .sume-menu__item--top > a, .och-menu .sume-menu > ul > li > a { color: #fff; } .och-top .cat-menu a { color: #fff; } @media (min-width: 768px) { .och-szukajka button span { display: inline; } } @media (min-width: 1024px) { .och-pas { gap: 26px; padding: 10px 0; } .och-logo__link img { max-height: 60px; } .och-marka__nazwa { font-size: 22px; } .och-marka__haslo { display: block; } .och-szukaj { display: block; flex: 1 1 auto; max-width: 520px; } .och-szukaj-tel, body.search-open .och-szukaj-tel { display: none; } .och-ikona--szukaj, .och-hamburger { display: none; } .och-tel { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; margin-left: auto; } .och-tel__ikona { display: inline-flex; width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, .12); align-items: center; justify-content: center; } .och-tel__ikona:empty { display: none; } .och-tel__ikona svg { width: 22px; height: 22px; } .och-tel__tekst { display: flex; flex-direction: column; line-height: 1.15; } .och-tel__numer { font-family: var(--och-pismo); font-size: 20px; font-weight: 800; } .och-tel__godziny { font-size: 12px; color: #c5cfe0; } .och-tel:hover .och-tel__numer { color: var(--och-pomarancz); } .och-akcje { margin-left: 0; gap: 4px; } .och-ikona { width: 46px; height: 46px; } } .karuzela { margin-bottom: 0; } .karuzela .karuzela__tekst, .karuzela__napisy { font-family: var(--och-pismo); } .karuzela h1, .karuzela h2 { color: #fff; font-size: 26px; font-weight: 800; line-height: 1.1; text-shadow: 0 2px 12px rgba(4, 29, 68, .6); margin: 0 0 8px; } .karuzela p { color: #fff; font-size: 14px; text-shadow: 0 1px 8px rgba(4, 29, 68, .7); margin: 0; } .karuzela__kropka[aria-current="true"], .karuzela__kropka--aktywna, .karuzela .kropka--aktywna { background: var(--och-pomarancz); } @media (min-width: 768px) { .karuzela h1, .karuzela h2 { font-size: 40px; } .karuzela p { font-size: 17px; max-width: 640px; } } @media (min-width: 1024px) { .karuzela h1, .karuzela h2 { font-size: 52px; } } .bloki-strona { padding-block: 0 12px; } .bloki-wiersz { margin-bottom: 28px; } .bloki-tekst { max-width: none; } .bloki-tekst > :first-child { margin-top: 0; } .och-atuty { list-style: none; margin: 0 calc(50% - 50vw) 0; padding: 14px calc(50vw - 50%); background: var(--och-noc); color: #fff; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; } .och-atuty li { display: flex; gap: 10px; align-items: center; min-width: 0; } .och-atut__ikona { display: block; width: 30px; height: 30px; flex: 0 0 30px; background: center / contain no-repeat; } .och-atuty b { display: block; font-family: var(--och-pismo); font-size: 13px; font-weight: 700; line-height: 1.2; } .och-atuty span { display: block; font-size: 12px; color: #c5cfe0; } .och-atut__ikona--wysylka { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e07b2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3z'/%3E%3Cpath d='M14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='1.8' fill='%23041d44'/%3E%3Ccircle cx='17.5' cy='18' r='1.8' fill='%23041d44'/%3E%3C/svg%3E"); } .och-atut__ikona--zegar { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e07b2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E"); } .och-atut__ikona--miarka { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e07b2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='8' rx='1.5'/%3E%3Cpath d='M7 8v3M10.5 8v4.5M14 8v3M17.5 8v4.5'/%3E%3C/svg%3E"); } .och-atut__ikona--telefon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e07b2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h3l1.5 4-2 1.5a11 11 0 0 0 6 6l1.5-2 4 1.5v3a2 2 0 0 1-2 2A15.5 15.5 0 0 1 4.5 5.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); } .och-mozaika { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 150px; gap: 10px; } .och-kafel { position: relative; display: block; border-radius: var(--och-r); overflow: hidden; text-decoration: none; color: #fff; background: var(--och-noc); } .och-kafel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .och-kafel:hover img { transform: scale(1.06); } .och-kafel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4, 29, 68, 0) 40%, rgba(4, 29, 68, .9) 100%); } .och-kafel__plakietka { position: absolute; z-index: 1; left: 10px; top: 10px; padding: 4px 9px; border-radius: 999px; background: var(--och-pomarancz); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .och-kafel__nazwa { position: absolute; z-index: 1; left: 12px; right: 12px; bottom: 10px; font-family: var(--och-pismo); font-size: 17px; font-weight: 800; line-height: 1.1; } .och-kafel__nazwa small { display: block; font-size: 11px; font-weight: 500; color: #dbe4f3; margin-top: 3px; } .och-kafel--duzy { grid-column: span 2; grid-row: span 2; } .och-kafel--duzy .och-kafel__nazwa { font-size: 24px; } .och-os { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; counter-reset: krok; } .och-os li { position: relative; padding: 16px 16px 16px 70px; border-radius: var(--och-r); background: var(--och-jasny); } .och-os li::before { counter-increment: krok; content: counter(krok); position: absolute; left: 16px; top: 16px; width: 40px; height: 40px; border-radius: 50%; background: var(--och-pomarancz); color: #fff; font-family: var(--och-pismo); font-weight: 800; font-size: 18px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 6px #fff; } .och-os b { display: block; font-family: var(--och-pismo); font-size: 16px; color: var(--och-granat); margin-bottom: 4px; } .och-os span { font-size: 14px; color: var(--och-tekst); } .bloki-naglowek-towarow { font-size: 22px; } .bloki-towary { gap: 14px; } .och-opowiesc { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border-radius: calc(var(--och-r) + 4px); overflow: hidden; box-shadow: var(--och-cien); } .och-opowiesc__tekst { background: var(--och-granat); color: #fff; padding: 22px; } .och-opowiesc__tekst h2 { color: #fff; font-size: 22px; } .och-opowiesc__tekst h2::after { content: ""; display: block; width: 44px; height: 3px; background: var(--och-pomarancz); margin: 12px 0 0; border-radius: 2px; } .och-opowiesc__tekst p { color: #dbe4f3; font-size: 15px; margin: 0 0 10px; } .och-opowiesc__tekst p:last-child { margin-bottom: 0; } .och-opowiesc__foto { min-height: 220px; background: var(--och-jasny); } .och-opowiesc__foto img { width: 100%; height: 100%; object-fit: cover; display: block; } .och-kolory { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; } .och-kolor { display: flex; gap: 14px; padding: 16px; border: 1px solid var(--och-linia); border-radius: var(--och-r); background: #fff; } .och-kolor__probka { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; box-shadow: inset 0 0 0 4px #fff, 0 0 0 1px var(--och-linia); } .och-kolor__probka--szary { background: #9aa3ad; } .och-kolor__probka--niebieski { background: #1e63c9; } .och-kolor__probka--zielony { background: #2f8f46; } .och-kolor__probka--bezowy { background: #d6b98c; } .och-kolor b { display: block; font-family: var(--och-pismo); font-size: 15px; color: var(--och-granat); margin-bottom: 4px; } .och-kolor p { margin: 0; font-size: 13.5px; color: var(--och-szary); } .och-faq { display: grid; gap: 8px; } .och-faq details { border: 1px solid var(--och-linia); border-radius: var(--och-r); background: #fff; overflow: hidden; } .och-faq summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; font-family: var(--och-pismo); font-weight: 700; font-size: 15px; color: var(--och-granat); } .och-faq summary::-webkit-details-marker { display: none; } .och-faq summary::after { content: "+"; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--och-jasny); color: var(--och-pomarancz); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; } .och-faq details[open] summary::after { content: "–"; } .och-faq details[open] summary { background: var(--och-jasny); } .och-faq details > p, .och-faq details > div { margin: 0; padding: 12px 16px 16px; font-size: 14.5px; color: var(--och-tekst); } .och-galeria { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 120px; gap: 8px; } .och-galeria > * { display: block; border-radius: 8px; overflow: hidden; background: var(--och-jasny); } .och-galeria img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; } .och-galeria > *:hover img { transform: scale(1.06); } .och-galeria > *:nth-child(1), .och-galeria > *:nth-child(6) { grid-row: span 2; } .och-kontakt { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: center; padding: 24px; border-radius: calc(var(--och-r) + 4px); background: var(--och-pomarancz); color: #fff; } .och-kontakt h2 { color: #fff; margin: 0 0 6px; font-size: 24px; } .och-kontakt p { margin: 0; color: #fff3e8; font-size: 15px; } .och-kontakt a { color: #fff; } .och-kontakt__numer { font-family: var(--och-pismo); font-size: 28px; font-weight: 800; text-decoration: none; display: inline-block; margin: 6px 0 2px; } .och-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; background: var(--och-noc); color: #fff; font-family: var(--och-pismo); font-weight: 700; font-size: 15px; text-decoration: none; transition: background .2s, transform .2s; justify-self: start; } .och-btn:hover { background: var(--och-granat); color: #fff; transform: translateY(-1px); } @media (min-width: 768px) { h2, .och-h2 { font-size: 32px; } .och-atuty { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-block: 16px; } .och-mozaika { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 170px; gap: 12px; } .och-kafel__nazwa { font-size: 18px; } .och-os { grid-template-columns: repeat(3, minmax(0, 1fr)); } .och-os li { padding: 70px 18px 18px 18px; } .och-os li::before { left: 18px; top: 18px; } .och-os li:not(:last-child)::after { content: ""; position: absolute; top: 37px; left: 70px; right: -14px; height: 2px; background: var(--och-linia); } .och-opowiesc { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); } .och-opowiesc--odwrot .och-opowiesc__foto { order: -1; } .och-opowiesc__tekst { padding: 32px; } .och-opowiesc__foto { min-height: 320px; } .och-kolory { grid-template-columns: repeat(2, minmax(0, 1fr)); } .och-galeria { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 150px; } .och-kontakt { grid-template-columns: minmax(0, 1fr) auto; padding: 32px 36px; } } @media (min-width: 1024px) { .bloki-strona { padding-block: 0 24px; } .bloki-wiersz { margin-bottom: 44px; } .och-mozaika { grid-auto-rows: 190px; } .och-kafel--duzy .och-kafel__nazwa { font-size: 28px; } .och-opowiesc__tekst { padding: 40px; } .och-opowiesc__tekst h2 { font-size: 28px; } .och-kolory { grid-template-columns: repeat(4, minmax(0, 1fr)); } .och-kolor { flex-direction: column; } } @media (min-width: 768px) { .bloki-strona .bloki-towary { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1024px) { .bloki-strona .bloki-towary { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } } body[data-page-kind="category"] h1 { font-size: 28px; } .cat-side { border-radius: var(--och-r); overflow: hidden; } .filters .filter-group h3 { font-family: var(--och-pismo); } .filtry-pokaz { border-radius: 999px; } .product-card, .karta, .kafel { border-radius: var(--och-r); } body[data-page-kind="product"] h1 { font-size: 28px; } .breadcrumb a:hover { color: var(--och-pomarancz); } body[data-page-kind="product"] .rozwin__tekst h1, body[data-page-kind="product"] .rozwin__tekst h2, body[data-page-kind="product"] .rozwin__tekst h3, body[data-page-kind="product"] .product-intro h1, body[data-page-kind="product"] .product-intro h2, body[data-page-kind="product"] .product-intro h3, body[data-page-kind="product"] [data-opis] h1, body[data-page-kind="product"] [data-opis] h2, body[data-page-kind="product"] [data-opis] h3 { font-family: var(--och-pismo); font-size: 17px; font-weight: 600; line-height: 1.35; margin: 0 0 6px; color: var(--och-granat); } body[data-page-kind="product"] .rozwin__tekst p:empty, body[data-page-kind="product"] .product-intro p:empty, body[data-page-kind="product"] [data-opis] p:empty, body[data-page-kind="product"] .rozwin__tekst h2:empty, body[data-page-kind="product"] .product-intro h2:empty, body[data-page-kind="product"] [data-opis] h2:empty { display: none; } .och-stopka { background: var(--och-noc); color: #c5cfe0; margin-top: 32px; } .och-stopka__obietnice { list-style: none; margin: 0; padding: 14px 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; border-bottom: 1px solid rgba(255, 255, 255, .12); } .och-stopka__obietnice li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #fff; } .och-stopka__obietnice li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--och-pomarancz); flex: 0 0 10px; } .och-stopka__kol { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 0 24px; } .och-stopka h3, .och-stopka .foot-h { font-family: var(--och-pismo); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--och-pomarancz); margin: 0 0 12px; } .och-stopka ul { list-style: none; margin: 0; padding: 0; } .och-stopka li { margin: 0 0 8px; } .och-stopka a { color: #e8edf5; text-decoration: none; } .och-stopka a:hover { color: #fff; text-decoration: underline; } .och-stopka__marka { font-family: var(--och-pismo); font-size: 22px; font-weight: 800; color: #fff; margin: 0 0 8px; } .och-stopka__opis { font-size: 14px; max-width: 360px; margin: 0 0 14px; } .och-stopka__tel { font-family: var(--och-pismo); font-size: 22px; font-weight: 800; color: #fff; display: inline-block; margin: 2px 0; } .och-stopka__godziny { font-size: 13px; } .och-stopka__dol { border-top: 1px solid rgba(255, 255, 255, .12); padding: 16px 0 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; } .och-stopka .foot-sume { display: inline-flex; align-items: center; gap: 8px; } .och-stopka .foot-sume a { display: inline-flex; align-items: center; gap: 8px; } .och-stopka .sume-mark { height: 22px; width: auto; } .och-stopka .sume-by, .och-stopka .sume-tag { font-size: 12px; color: #9fb0cc; } @media (min-width: 768px) { .och-stopka__obietnice { grid-template-columns: repeat(3, minmax(0, 1fr)); } .och-stopka__kol { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 32px; padding: 40px 0 28px; } } .och-marka__nazwa { display: none !important; } .sume-menu .sume-menu__tab:hover > .sume-menu__tab-link, .sume-menu .sume-menu__tab:focus-within > .sume-menu__tab-link, .sume-menu .sume-menu__tab.is-current > .sume-menu__tab-link { color: var(--akcent); box-shadow: inset 0 -3px 0 var(--akcent); } .och-mozaika__zdanie { grid-column: 1 / -1; grid-row: span 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; padding: 18px 20px; background: var(--och-jasny); border: 1px solid var(--och-linia); border-radius: var(--och-r); color: var(--och-tekst); } .och-mozaika__zdanie .och-nad { margin: 0; } .och-mozaika__zdanie p { margin: 0; font-family: var(--och-pismo); font-size: 17px; line-height: 1.3; font-weight: 700; color: var(--och-granat); } .och-mozaika__zdanie p b { color: var(--och-pomarancz); } .och-mozaika__zdanie .och-btn { min-height: 42px; padding: 0 18px; } @media (min-width: 768px) { .och-mozaika__zdanie { grid-column: span 2; grid-row: span 1; } } @media (min-width: 1024px) { .och-mozaika__zdanie { padding: 20px 24px; } .och-mozaika__zdanie p { font-size: 19px; } } .sume-menu__drawer .sume-menu__item--header > a, .sume-menu__drawer .sume-menu__item--header > span { color: #0a3272; font-weight: 600; } .sume-menu__drawer .sume-menu__sub .sume-menu__item a, .sume-menu__drawer .sume-menu__sub .sume-menu__item > span { color: #1f2937; } .sume-menu__drawer .sume-menu__sub .sume-menu__item a::before { color: var(--och-pomarancz, #e07b2e); } .sume-menu__drawer .sume-menu__item.is-current > a { color: var(--och-pomarancz, #e07b2e); background: rgba(224, 123, 46, .12); } .sume-menu__drawer .sume-menu__item.is-current > a::before { color: var(--och-pomarancz, #e07b2e); } .sume-menu__drawer .sume-menu__toggle::before, .sume-menu__drawer .sume-menu__sub-toggle::before { width: 12px; height: 12px; margin: -8px 0 0 -6px; border-width: 0 3px 3px 0; border-style: solid; border-radius: 1px; } .sume-menu__drawer .sume-menu__toggle::before { border-color: #ffffff; } .sume-menu__drawer .sume-menu__sub-toggle::before { border-color: var(--och-pomarancz, #e07b2e); } .sume-menu__drawer .sume-menu__toggle[aria-expanded="true"]::before, .sume-menu__drawer .sume-menu__sub-toggle[aria-expanded="true"]::before { margin-top: -3px; border-color: var(--och-pomarancz, #e07b2e); } .sume-menu__drawer .sume-menu__toggle[aria-expanded="true"] { background: rgba(224, 123, 46, .18); } .sume-menu__drawer .sume-menu__sub-toggle[aria-expanded="true"] { background: rgba(224, 123, 46, .14); } .sume-menu__drawer .sume-menu__toggle, .sume-menu__drawer .sume-menu__sub-toggle { width: 56px; } .bbar-ico { width: 27px; height: 27px; } .bbar-ico svg, .bbar-ico .ico { width: 27px; height: 27px; } .bbar-item { font-size: 12.5px; gap: 4px; padding: 8px 4px 7px; } .bbar-label { font-size: 12.5px; } .rozwin__srodek .zdj-tresci-ramka { margin-top: 22px; } .rozwin__guzik { margin-top: 14px; } .wstawka { margin: 40px 0 28px; } .wstawka__naglowek { margin-top: 0; } .product-intro { margin-top: 20px; } .och-stopka ul.och-stopka__obietnice { padding: 22px 0 18px; margin-bottom: 6px; } :root,body{--tekst:#1f2937!important;--szary:#5b6472!important;--linia:#e1e6ee!important;--granat:#0a3272!important;--sct-granat:#0a3272!important;--sct-granat-2:color-mix(in srgb,#0a3272 82%,#000)!important;--zolty:#e07b2e!important;--akcent:#e07b2e!important;--zolty-hover:color-mix(in srgb,#e07b2e 88%,#000)!important;--karta:#ffffff!important;--zdjecie-tlo:#f1f4f8!important;--pas:#f1f4f8!important;--cena:#0a3272!important;--sct-kwota:#0a3272!important;--promocja:#e07b2e!important}.card{background:var(--karta)!important}.card .thumb{background:var(--zdjecie-tlo)!important}.card .price,.product-price,.cart-line,.cart-total-row strong{color:var(--cena)!important}.cena-znizka{background:var(--promocja)!important}