:root {--header-height: 80px;}body {background: url('../images/tlo.jpg') fixed center;background-size: cover;}body.mobile-menu-open {overflow: hidden;}.header-area {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: var(--header-height);background: transparent;box-shadow: none;z-index: 9999;transition: transform 0.35s ease, opacity 0.35s ease, background 0.25s ease, box-shadow 0.25s ease;}.header-area.background-header {transform: translateY(-100%);opacity: 0;visibility: hidden;pointer-events: none;}.header-area:has(.menu-trigger.active) {background: #fff !important;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}.header-area > .logo {display: none;text-decoration: none;}.header-area .main-nav {position: static;width: 100%;height: 100%;background: transparent;}.header-area .main-nav .menu-trigger {display: block;position: fixed;top: 20px;left: 20px;width: 32px;height: 40px;margin: 0;padding: 0;cursor: pointer;z-index: 10005;text-indent: -9999px;background: transparent;border: 0;}.header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span::before, .header-area .main-nav .menu-trigger span::after {position: absolute;left: 0;display: block;width: 30px;height: 2px;background: #000;content: "";transition: all 0.3s ease;}.header-area .main-nav .menu-trigger span {top: 19px;}.header-area .main-nav .menu-trigger span::before {top: -9px;}.header-area .main-nav .menu-trigger span::after {top: 9px;}.header-area .main-nav .menu-trigger.active span {background: transparent;}.header-area .main-nav .menu-trigger.active span::before {top: 0;transform: rotate(45deg);}.header-area .main-nav .menu-trigger.active span::after {top: 0;transform: rotate(-45deg);}.header-area .main-nav > ul.nav {display: block !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100vw !important;height: 100vh !important;min-height: 100vh !important;margin: 0 !important;padding: 80px 0 0 0 !important;box-sizing: border-box !important;background: #fff !important;overflow-x: hidden;overflow-y: auto;list-style: none;z-index: 10000;transform: translateX(-100%);opacity: 0;visibility: hidden;pointer-events: none;transition: transform 0.4s ease, opacity 0.25s ease, visibility 0s linear 0.4s;}.header-area .main-nav > ul.nav.menu-open {transform: translateX(0);opacity: 1;visibility: visible;pointer-events: auto;transition: transform 0.4s ease, opacity 0.25s ease, visibility 0s linear 0s;}.header-area .main-nav > ul.nav > li {display: block;width: 100%;margin: 0;padding: 0;border: 0;border-bottom: 1px solid #eee;background: #fff;list-style: none;text-align: left;}.header-area .main-nav > ul.nav > li > a {position: relative;display: block;width: 100%;min-height: 55px;margin: 0;padding: 17px 25px;box-sizing: border-box;background: #fff;color: #000;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 16px;font-weight: 700;line-height: 1.4;letter-spacing: 0;text-align: left;text-decoration: none;border: 0;transition: all 0.2s ease;}.header-area .main-nav > ul.nav > li > a:hover {background: #f5f5f5;color: var(--kolorek);}.header-area .main-nav > ul.nav > li > a::before {display: none !important;}.header-area .main-nav > ul.nav > li.bg-primary > a {background: var(--kolorek);color: #fff;}.header-area .main-nav > ul.nav > li.bg-primary > a:hover {background: var(--kolorek3);color: #fff;}.header-area .main-nav li.submenu {position: relative;}.header-area .main-nav li.submenu::after {position: absolute;top: 19px;right: 25px;font-family: "Font Awesome 6 Free";content: "\f107";color: #000;font-size: 13px;font-weight: 900;pointer-events: none;}.header-area .main-nav li.submenu > ul {position: relative;top: auto;left: auto;width: 100%;height: 0;margin: 0;padding: 0;overflow: hidden;visibility: visible;opacity: 1;transform: none;box-shadow: none;list-style: none;}.header-area .main-nav li.submenu > ul.active {height: auto;}.header-area .main-nav li.submenu > ul > li {display: block;width: 100%;margin: 0;padding: 0;border: 0;list-style: none;}.header-area .main-nav li.submenu > ul > li > a {display: block;width: 100%;margin: 0;padding: 14px 25px 14px 45px;box-sizing: border-box;background: var(--kolorek);color: #fff;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 14px;font-weight: 600;line-height: 1.4;text-align: left;text-decoration: none;border: 0;}.header-area .main-nav li.submenu > ul > li > a:hover {background: var(--kolorek3);color: #fff;}.header-area > .moje-ikony-row {display: none;}@media (min-width: 769px) {.header-area > .logo {display: none !important;}.logopc, .logomobile {display: none !important;}.header-area > .menu-ikonki {display: flex !important;position: fixed;top: 0;right: 25px;width: auto;height: 80px;margin: 0;padding: 0;align-items: center;justify-content: flex-end;gap: 10px;background: transparent;z-index: 10004;}.header-area > .menu-ikonki > div {display: none;}.header-area > .menu-ikonki > .popup-icon2:nth-child(1) {display: block;}.header-area > .menu-ikonki > .popup-icon2:nth-child(2) {display: block;}.header-area > .menu-ikonki > .popup-icon2 a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin: 0;padding: 0;box-sizing: border-box;border-radius: 50%;color: #fff;text-decoration: none;}.header-area > .menu-ikonki > .popup-icon2 i {display: block;font-style: normal;line-height: 1;color: #fff;}}@media (max-width: 768px) {.header-area > .menu-ikonki {display: none !important;}.header-area > .logo {display: block;position: fixed;top: 0;left: 65px;width: auto;height: 80px;margin: 0;padding: 0;line-height: 80px;text-align: left;z-index: 10004;}.header-area > .logo .logopc {display: none !important;}.header-area > .logo .logomobile {display: block !important;width: auto;max-width: 150px;max-height: 60px;margin-top: 10px;}.header-area > .moje-ikony-row {display: flex !important;position: fixed;top: 0;right: 10px;width: auto;height: 80px;margin: 0;padding: 0;align-items: center;justify-content: flex-end;gap: 5px;background: transparent;z-index: 10004;}.header-area > .moje-ikony-row .mobile-icon-item {display: block;width: auto;margin: 0;padding: 0;border: 0;background: transparent;}.header-area > .moje-ikony-row .mobile-icon-item a {display: flex;align-items: center;justify-content: center;width: 34px;height: 34px;margin: 0;padding: 0;box-sizing: border-box;border-radius: 50%;background: var(--kolorek);color: #fff;font-size: 12px;text-decoration: none;}.header-area > .moje-ikony-row .mobile-icon-item a:hover {background: var(--kolorek3);color: #fff;}.header-area .main-nav > ul.nav {top: 0 !important;left: 0 !important;width: 100vw !important;height: 100vh !important;min-height: 100vh !important;padding: 80px 0 0 0 !important;box-sizing: border-box !important;}}@media (max-width: 400px) {.header-area > .logo {left: 60px;}.header-area > .logo .logomobile {max-width: 120px;}.header-area > .moje-ikony-row {right: 7px;gap: 3px;}.header-area > .moje-ikony-row .mobile-icon-item a {width: 30px;height: 30px;font-size: 11px;}}.strona {padding-top: 180px;padding-left: 150px;padding-right: 150px;}.stronahome {padding-left: 150px;padding-right: 150px;}@media (max-width: 768px) {.strona {padding-top: 80px;padding-left: 0;padding-right: 0;}.stronahome {padding-left: 0;padding-right: 0;}}```css .header-area > .moje-ikony-row {display: flex;position: fixed;top: 0;right: 15px;width: auto;height: 80px;margin: 0;padding: 0;align-items: center;justify-content: flex-end;gap: 12px;background: transparent !important;z-index: 10005;}.header-area > .moje-ikony-row .mobile-icon-item {display: block;width: auto;height: auto;margin: 0;padding: 0;border: 0;background: transparent !important;}.header-area > .moje-ikony-row .mobile-icon-item a {display: flex;align-items: center;justify-content: center;position: relative;width: 34px;height: 34px;margin: 0;padding: 0;background: transparent !important;border: 0;border-radius: 0;text-decoration: none;}.header-area > .moje-ikony-row .mobile-icon-item a img {display: block;width: 24px;height: 24px;max-width: 24px;max-height: 24px;margin: 0;padding: 0;object-fit: contain;background: transparent !important;}.header-area > .moje-ikony-row .mobile-icon-item a:hover, .header-area > .moje-ikony-row .mobile-icon-item a:focus, .header-area > .moje-ikony-row .mobile-icon-item a:active {background: transparent !important;box-shadow: none !important;}.header-area > .moje-ikony-row .wishlist-badge {position: absolute;top: -5px;right: -6px;min-width: 15px;height: 15px;padding: 0 3px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--kolorek);color: #fff;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 9px;font-weight: 700;line-height: 15px;z-index: 2;}@media (max-width: 768px) {.header-area > .moje-ikony-row {right: 15px;gap: 12px;}}@media (max-width: 400px) {.header-area > .moje-ikony-row {right: 10px;gap: 8px;}.header-area > .moje-ikony-row .mobile-icon-item a {width: 30px;height: 30px;}.header-area > .moje-ikony-row .mobile-icon-item a img {width: 21px;height: 21px;max-width: 21px;max-height: 21px;}}@media (min-width: 769px) {.header-area > .moje-ikony-row {display: none !important;}}.bottom-navbar {position: fixed;bottom: 0;left: 0;width: 100%;background-color: var(--kolorek);padding: 18px 0;z-index: 9999;box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.2);}.bottom-nav-inner {display: flex;justify-content: space-around;align-items: center;width: 100%;}.bottom-nav-item {display: flex;align-items: center;gap: 12px;text-decoration: none;color: #e5d2b8;font-size: 13px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;white-space: nowrap;transition: opacity 0.2s ease, transform 0.2s ease;}.bottom-nav-item:hover {opacity: 0.85;transform: translateY(-2px);}.bottom-nav-item img {width: 32px;height: 32px;object-fit: contain;}body {padding-bottom: 85px;}@media (max-width: 768px) {.bottom-navbar {padding: 14px 0;}.bottom-nav-item span {display: none;}.bottom-nav-item img {width: 28px;height: 28px;}}