.lb-hdr, .lb-hdr * { box-sizing: border-box; }
.lb-hdr { --orange:#ffad00; --orange-d:#f7a802; --band:#0056a2; --grey:#4f4f4f; --line:#dbdbdb;
width: 100%; max-width: 1200px; margin: 0 auto; background: #fff; overflow: hidden;
font-family: 'Roboto', Arial, Tahoma, Verdana, sans-serif; color: var(--grey);
display: grid; grid-template-columns: 100px minmax(0, 1fr); grid-template-rows: 77px minmax(24px, auto) auto;
grid-template-areas: "logo zone" "logo band" "contact contact"; }
.lb-hdr img { display: block; }
.lb-hdr a { text-decoration: none; color: inherit; }
.lb-logo { grid-area: logo; display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--line); background: #fff; }
.lb-logo img { width: 88px; height: auto; }
.lb-zone { grid-area: zone; background: linear-gradient(#fff, #f6f6f6); }
.lb-slots, .lb-labels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lb-zone .lb-slots { height: 100%; }
.lb-slot { display: flex; align-items: flex-end; justify-content: center; padding: 0 2px 6px; min-width: 0; }
.lb-slot img { filter: drop-shadow(0 1px 2px rgba(0,0,0,.28)); width: auto; max-width: 100%; object-fit: contain; transition: transform .25s cubic-bezier(.2,.9,.25,1); }
.lb-slot:nth-child(1) img { height: 30px !important; } .lb-slot:nth-child(2) img { height: 38px !important; }
.lb-slot:nth-child(3) img { height: 48px !important; } .lb-slot:nth-child(4) img { height: 22px !important; }
.lb-slot:hover img, .lb-slot.lb-on img { transform: translateY(-3px); }
.lb-rule { display: none; }
.lb-band { grid-area: band; background: var(--band); color: #fff; display: flex; align-items: center; padding: 2px 0; font-size: 9px; letter-spacing: 0; text-transform: uppercase; }
.lb-labels { flex: 1; }
.lb-labels a { position: relative; text-align: center; white-space: normal; line-height: 1.15; padding: 3px 1px; color: #fff; }
.lb-labels a::after { content: ""; position: absolute; left: 22%; right: 22%; bottom: -1px; height: 2px; background: #fff; transform: scaleX(0); transition: transform .35s cubic-bezier(.22,.61,.36,1); }
.lb-labels a:hover::after, .lb-labels a.lb-on::after { transform: scaleX(1); }
.lb-city { display: none; }
.lb-long { display: none; }
.lb-contact { grid-area: contact; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: #f6f6f6; border-top: 1px solid var(--line); }
.lb-shop { padding: 8px 10px 10px; font-size: 11.5px; line-height: 1.4; }
.lb-shop + .lb-shop { border-left: 1px solid var(--line); }
.lb-shop b { display: block; color: var(--band); font-size: 12px; font-weight: 700; }
.lb-shop a { display: inline-block; }
.lb-ttl { transition: color .2s; }
.lb-ttl:hover { color: #0033b8; text-decoration: underline; text-underline-offset: 3px; }
.lb-addr { color: var(--grey); border-bottom: 1px dotted #9a9a9a; transition: color .2s, border-color .2s; }
.lb-addr:hover { color: var(--band); border-bottom-color: var(--band); }
.lb-tel { color: var(--grey); font-weight: 700; font-size: 13px; padding: 2px 0; transition: color .2s; }
.lb-tel:hover { color: var(--band); }
.lb-hdr a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (min-width: 600px) and (max-width: 899px) {
.lb-hdr { grid-template-columns: 140px minmax(0, 1fr); grid-template-rows: 104px minmax(30px, auto) auto; }
.lb-logo img { width: 120px; }
.lb-slot { padding-bottom: 8px; }
.lb-slot:nth-child(1) img { height: 44px !important; } .lb-slot:nth-child(2) img { height: 54px !important; }
.lb-slot:nth-child(3) img { height: 70px !important; } .lb-slot:nth-child(4) img { height: 32px !important; }
.lb-band { font-size: 12px; letter-spacing: .03em; }
.lb-shop { font-size: 13px; padding: 10px 16px 12px; }
.lb-shop b { font-size: 14px; }
.lb-tel { font-size: 14px; }
}
@media (min-width: 900px) {
.lb-hdr { grid-template-columns: 196px minmax(0, 1fr) 330px; grid-template-rows: 1fr 33px; height: 130px;
grid-template-areas: "logo zone contact" "logo band band"; }
.lb-logo img { width: 172px; }
.lb-zone { padding: 0 10px 0 20px; }
.lb-slot { padding-bottom: 12px; }
.lb-slot:nth-child(1) img { height: 66px !important; } .lb-slot:nth-child(2) img { height: 74px !important; }
.lb-slot:nth-child(3) img { height: 86px !important; } .lb-slot:nth-child(4) img { height: 50px !important; }
.lb-band { padding: 0; font-size: 12.5px; letter-spacing: .05em; }
.lb-labels { flex: 0 0 calc(100% - 360px); margin-left: 20px; }
.lb-labels a { white-space: nowrap; padding: 4px 0; }
.lb-city { display: block; flex: 1; text-align: right; padding-right: 20px; font-weight: 700; letter-spacing: .34em; font-size: 14px; }
.lb-short { display: none; } .lb-long { display: inline; }
.lb-contact { display: flex; align-items: center; gap: 24px; padding: 0 20px 0 10px; background: linear-gradient(#fff, #f6f6f6); border-top: 0; }
.lb-shop { padding: 0; font-size: 13.5px; line-height: 1.45; }
.lb-shop + .lb-shop { border-left: 0; }
.lb-shop b { font-size: 14.5px; }
.lb-tel { font-size: 13.5px; font-weight: 400; padding: 0; }
}
@media (min-width: 900px) and (max-width: 1100px) {
.lb-band { font-size: 10.5px; letter-spacing: 0; }
.lb-labels a { white-space: normal; line-height: 1.15; }
}
Strona główna » Zapytanie o produkt Proxima FOTOKOMÓRKA PFA z lampą LED pomarańcz
Producenci
-- wybierz -- - - -- 5Tech ACO Acumax. AG TermoPasty ALARMTEC. AMIO ATTE POWER Baseus BCS BCS BASIC BCS LINE BCS POINT BCS ULTRA BCS VIEW BOSCH Brak Cabletech Commax CYNEL Dahua EBS Energizer Eura EUROPOWER EWIMAR EXTRALINK Ezviz GENEVO Gorke Electronic HANLONG HIKVISION KNIPEX KOZICKI GRZEGORZ Kruger&Matz Kyoritsu Mi-Light Miwi-Urmet nextec Noxon OPTEX OXT Panasonic Peiying PROXIMA Pulsar PYRONIX ReviZoom RGB Technology RISCO Roger Satel Scott Seagate Signal SUNON Tech Light Televes Tesa TOPMET TYTAN UNIT Vidicon VIPOW Western Digital Wisva XBLITZ YATO ZDZ ŁÓDŹ _
Zapytanie o produkt Proxima FOTOKOMÓRKA PFA z lampą LED pomarańcz
