/**
 * Desktop Menu Styles
 */

.korg-desktop-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  font-family: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.korg-desktop-menu.menu-hidden {
  transform: translateY(-100%);
}

.korg-menu-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  height: 70px;
  border-radius: 50px;
  border: 1px solid #434352;
  background: #010402;
}

/* Logo Section */
.korg-menu-logo img {
  max-height: 50px;
  width: auto;
}

.korg-logo-placeholder {
  font-weight: bold;
  font-size: 24px;
  color: #333;
  font-family: "Instrument Sans", sans-serif;
}

/* Navigation */
.korg-menu-nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

.korg-nav-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 40px;
}

.korg-nav-link {
  text-decoration: none;
  color: #fff;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  padding: 25px 0;
  display: block;
  transition: color 0.3s ease;
  position: relative;
  outline: unset !important;
}

/* Keep the link white on hover/focus (theme reset.css sets a:hover to #336) */
.korg-nav-link:hover,
.korg-nav-link:focus,
.korg-nav-link:active,
.korg-nav-item.dropdown-active .korg-nav-link {
  color: #fff;
}

.korg-nav-link:after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  transition: 0.3s ease;
}

.korg-nav-link:hover:after,
.korg-nav-item.dropdown-active .korg-nav-link:after {
  background-color: #fff; /* Highlight color */
}

/* Widget Container */
.korg-menu-widgets {
  min-width: 150px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 19px;
}

.korg-widget-placeholder {
  color: #999;
  font-size: 12px;
  padding: 8px 12px;
  border: 1px dashed #ddd;
  border-radius: 4px;
}

/* Theme Toggle Button (Figma Node 797:1738) */
.theme-switch-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-toggle-btn {
  border: 1px solid #ffffff;
  border-radius: 50px;
  padding: 4px;
  width: 60px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.3s ease;
  position: relative;
  outline: none;
}

.theme-toggle-btn:hover {
  transform: scale(1.04);
}

.theme-toggle-btn .theme-toggle-option {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

.theme-toggle-btn .theme-toggle-option svg {
  width: 16px;
  height: 16px;
  display: block;
}

/* Light Mode / Default State */
.theme-toggle-btn .theme-toggle-sun {
  background: #ffffff;
  color: #010402;
}

.theme-toggle-btn .theme-toggle-moon {
  background: transparent;
  color: #ffffff;
}

/* Dark Mode Active State */
body.real-dark-mode-enabled .theme-toggle-btn .theme-toggle-sun {
  background: transparent;
  color: #ffffff;
}

body.real-dark-mode-enabled .theme-toggle-btn .theme-toggle-moon {
  background: #ffffff;
  color: #010402;
}

/* Polylang / Language Switcher text styling */
.korg-menu-widgets .pll-switcher,
.korg-menu-widgets select,
.korg-menu-widgets a {
  color: #ffffff;
  font-family: "Instrument Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  text-decoration: none;
}

/* Dropdown Menu */
.korg-dropdown-menu {
  position: absolute;
  top: calc(100% - 10px);
  padding-top: 31px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 9999;
  width: 100%;
  min-height: 544px;
  pointer-events: none;
}

.korg-dropdown-menu.show-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.korg-dropdown-container {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 544px;
  width: 100%;
  position: relative;
  z-index: 1;
  background: white;
  padding: 20px;
  border-radius: 8px;
}

/* Column 1: Menu Navigation */
.korg-dropdown-column {
  flex: 1;
  border-radius: 10px;
}

.korg-dropdown-menu-nav {
  background: #1a1a1a;
  padding: 16px;
  min-width: 250px;
  width: 100%;
  max-width: 308px;
  box-sizing: border-box;
}

.korg-dropdown-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.korg-dropdown-nav-item {
  border-bottom: 1px solid #333;
}

.korg-dropdown-nav-item:last-child {
  border-bottom: none;
}

.korg-dropdown-nav-link {
  display: block;
  color: #ffffff;
  text-decoration: none;
  padding: 20px 16px;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.16px;
  position: relative;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.korg-dropdown-nav-link::before {
  content: "";
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
  border-radius: 50px;
}

/* Icons for each menu item */
.korg-dropdown-nav-item[data-target="Systemy"] .korg-dropdown-nav-link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 17.5L4.16667 12.5M4.16667 12.5C5.08714 12.5 5.83333 11.7538 5.83333 10.8333C5.83333 9.91286 5.08714 9.16667 4.16667 9.16667C3.24619 9.16667 2.5 9.91286 2.5 10.8333C2.5 11.7538 3.24619 12.5 4.16667 12.5ZM4.16667 5.83333V2.5M10 17.5V12.5M10 5.83333V2.5M10 5.83333C9.07953 5.83333 8.33333 6.57953 8.33333 7.5C8.33333 8.42047 9.07953 9.16667 10 9.16667C10.9205 9.16667 11.6667 8.42047 11.6667 7.5C11.6667 6.57953 10.9205 5.83333 10 5.83333ZM15.8333 17.5V14.1667M15.8333 14.1667C16.7538 14.1667 17.5 13.4205 17.5 12.5C17.5 11.5795 16.7538 10.8333 15.8333 10.8333C14.9129 10.8333 14.1667 11.5795 14.1667 12.5C14.1667 13.4205 14.9129 14.1667 15.8333 14.1667ZM15.8333 7.5V2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.korg-dropdown-nav-item[data-target="Strony"] .korg-dropdown-nav-link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.6665 11.6667L18.3332 11.6667M6.6665 17.5H13.3332M5.6665 15H14.3332C15.7333 15 16.4334 15 16.9681 14.7275C17.4386 14.4878 17.821 14.1054 18.0607 13.635C18.3332 13.1002 18.3332 12.4001 18.3332 11V6.5C18.3332 5.09987 18.3332 4.3998 18.0607 3.86502C17.821 3.39462 17.4386 3.01217 16.9681 2.77248C16.4334 2.5 15.7333 2.5 14.3332 2.5H5.6665C4.26637 2.5 3.56631 2.5 3.03153 2.77248C2.56112 3.01217 2.17867 3.39462 1.93899 3.86502C1.6665 4.3998 1.6665 5.09987 1.6665 6.5V11C1.6665 12.4001 1.6665 13.1002 1.93899 13.635C2.17867 14.1054 2.56112 14.4878 3.03153 14.7275C3.56631 15 4.26637 15 5.6665 15Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.korg-dropdown-nav-item[data-target="Sklepy"] .korg-dropdown-nav-link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.6665 1.66663H2.75497C2.95999 1.66663 3.0625 1.66663 3.14499 1.70433C3.21769 1.73755 3.27929 1.79098 3.32246 1.85825C3.37145 1.93458 3.38595 2.03606 3.41494 2.23901L3.80936 4.99996M3.80936 4.99996L4.68594 11.4428C4.79718 12.2604 4.85279 12.6692 5.04825 12.9769C5.22049 13.2481 5.46741 13.4637 5.7593 13.5978C6.09056 13.75 6.50312 13.75 7.32826 13.75H14.4598C15.2453 13.75 15.638 13.75 15.959 13.6086C16.242 13.484 16.4847 13.2832 16.6601 13.0285C16.8589 12.7396 16.9324 12.3538 17.0794 11.5823L18.1824 5.79137C18.2342 5.5198 18.26 5.38401 18.2225 5.27788C18.1897 5.18477 18.1248 5.10636 18.0395 5.05664C17.9422 4.99996 17.804 4.99996 17.5275 4.99996H3.80936ZM8.33317 17.5C8.33317 17.9602 7.96007 18.3333 7.49984 18.3333C7.0396 18.3333 6.6665 17.9602 6.6665 17.5C6.6665 17.0397 7.0396 16.6666 7.49984 16.6666C7.96007 16.6666 8.33317 17.0397 8.33317 17.5ZM14.9998 17.5C14.9998 17.9602 14.6267 18.3333 14.1665 18.3333C13.7063 18.3333 13.3332 17.9602 13.3332 17.5C13.3332 17.0397 13.7063 16.6666 14.1665 16.6666C14.6267 16.6666 14.9998 17.0397 14.9998 17.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.korg-dropdown-nav-item[data-target="Aplikacje"]
  .korg-dropdown-nav-link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.4998 1.66663V2.83329C12.4998 3.3 12.4998 3.53336 12.409 3.71162C12.3291 3.86842 12.2016 3.9959 12.0448 4.0758C11.8666 4.16663 11.6332 4.16663 11.1665 4.16663H8.83317C8.36646 4.16663 8.1331 4.16663 7.95485 4.0758C7.79804 3.9959 7.67056 3.86842 7.59067 3.71162C7.49984 3.53336 7.49984 3.3 7.49984 2.83329V1.66663M6.83317 18.3333H13.1665C14.0999 18.3333 14.5666 18.3333 14.9232 18.1516C15.2368 17.9918 15.4917 17.7369 15.6515 17.4233C15.8332 17.0668 15.8332 16.6 15.8332 15.6666V4.33329C15.8332 3.39987 15.8332 2.93316 15.6515 2.57664C15.4917 2.26304 15.2368 2.00807 14.9232 1.84828C14.5666 1.66663 14.0999 1.66663 13.1665 1.66663H6.83317C5.89975 1.66663 5.43304 1.66663 5.07652 1.84828C4.76292 2.00807 4.50795 2.26304 4.34816 2.57664C4.1665 2.93316 4.1665 3.39987 4.1665 4.33329V15.6666C4.1665 16.6 4.1665 17.0668 4.34816 17.4233C4.50795 17.7369 4.76292 17.9918 5.07652 18.1516C5.43304 18.3333 5.89975 18.3333 6.83317 18.3333Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.korg-dropdown-nav-item[data-target="Design"] .korg-dropdown-nav-link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.49982 9.35183L10.648 12.5M6.64554 17.479C5.50651 18.6181 3.33317 18.3333 1.6665 18.3333C2.52075 16.6666 1.38172 14.4933 2.52075 13.3543C3.65978 12.2152 5.50651 12.2152 6.64554 13.3543C7.78457 14.4933 7.78457 16.34 6.64554 17.479ZM9.9345 13.2705L17.5488 5.0471C18.2194 4.32279 18.1978 3.19797 17.4998 2.49998C16.8018 1.80199 15.677 1.78036 14.9527 2.45101L6.72928 10.0653C6.30434 10.4587 6.09186 10.6555 5.96794 10.8653C5.67079 11.3684 5.65883 11.9904 5.93643 12.5046C6.05219 12.719 6.25695 12.9238 6.66646 13.3333C7.07597 13.7428 7.28072 13.9476 7.49515 14.0633C8.00934 14.3409 8.63135 14.329 9.13448 14.0318C9.3443 13.9079 9.54104 13.6954 9.9345 13.2705Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.korg-dropdown-nav-item[data-target="Audyt i Doradztwo"]
  .korg-dropdown-nav-link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6668 8.74996V5.66663C16.6668 4.26649 16.6668 3.56643 16.3943 3.03165C16.1547 2.56124 15.7722 2.17879 15.3018 1.93911C14.767 1.66663 14.067 1.66663 12.6668 1.66663H7.3335C5.93336 1.66663 5.2333 1.66663 4.69852 1.93911C4.22811 2.17879 3.84566 2.56124 3.60598 3.03165C3.3335 3.56643 3.3335 4.26649 3.3335 5.66663V14.3333C3.3335 15.7334 3.3335 16.4335 3.60598 16.9683C3.84566 17.4387 4.22811 17.8211 4.69852 18.0608C5.2333 18.3333 5.93336 18.3333 7.3335 18.3333H9.5835M18.3335 18.3333L17.0835 17.0833M17.9168 15C17.9168 16.6108 16.611 17.9166 15.0002 17.9166C13.3893 17.9166 12.0835 16.6108 12.0835 15C12.0835 13.3891 13.3893 12.0833 15.0002 12.0833C16.611 12.0833 17.9168 13.3891 17.9168 15Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.korg-dropdown-nav-item:hover .korg-dropdown-nav-link,
.korg-dropdown-nav-item.active .korg-dropdown-nav-link {
  background: #ffffff;
  color: #010402;
}

.korg-dropdown-nav-item:hover .korg-dropdown-nav-link:before,
.korg-dropdown-nav-item.active .korg-dropdown-nav-link:before {
  background-color: #3b5dff;
}

/* Column 2 & 3: Content Items */
.korg-dropdown-content {
  flex: 2;
  padding: 0px;
  position: relative;
  overflow: hidden;
}

.korg-dropdown-items {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 16px;
  right: 0px;
  transition: all 0.3s ease;
  transform: translateX(20px);
  height: 100%;
}
.korg-dropdown-item path {
  transition: 0.3s;
}

.korg-dropdown-menu.show-menu .korg-dropdown-items {
  opacity: 0;
  visibility: hidden;
  transform: translateX(20px);
}

.korg-dropdown-menu.show-menu .korg-dropdown-items.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition-delay: 0.1s;
}

.korg-dropdown-items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 16px;
  height: 100%;
}

.korg-dropdown-item {
  background: #ffffff;
  padding: 28px 20px;
  border-radius: 10px;
  border: 1px solid var(--Lavender-gray, #cecedb);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
}

.korg-dropdown-item-background,
.korg-simple-dropdown-item-background {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.korg-dropdown-item:hover .korg-dropdown-item-background,
.korg-simple-dropdown-item:hover .korg-simple-dropdown-item-background {
  opacity: 1;
}

.korg-dropdown-item:hover {
  box-shadow: 0 6px 30px 0 rgba(17, 29, 88, 0.14);
}

.korg-dropdown-item:hover .korg-dropdown-item-title {
  color: #3b5dff;
}

.korg-dropdown-item:hover .korg-dropdown-item-svg {
  background-color: #3b5dff;
}

.korg-dropdown-item:hover svg path {
  stroke: #ffffff;
}

.korg-dropdown-item-title {
  margin: 0;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}

.korg-dropdown-item-description {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .korg-menu-container {
    padding: 0 15px;
  }

  .korg-nav-list {
    gap: 25px;
  }

  .korg-dropdown-container {
    padding: 0 15px;
  }
}

/* Animation for dropdown appearance */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.korg-dropdown-menu.show-menu .korg-dropdown-menu-nav {
  animation: fadeInUp 0.3s ease forwards;
}

.korg-dropdown-menu.show-menu .korg-dropdown-content {
  animation: fadeInUp 0.4s ease 0.2s forwards;
}

/* Simple Dropdown Styles */
.korg-simple-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 9999;
  width: 100%;
  min-height: 544px;
  pointer-events: none;
}

.korg-simple-dropdown.show-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.korg-simple-dropdown-container {
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  min-height: 544px;
  display: flex;
  align-items: stretch;
  background: white;
  padding: 20px;
  border-radius: 8px;
}

.korg-simple-dropdown-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  padding: 0;
  width: 100%;
  min-height: 544px;
  align-items: stretch;
  will-change: auto;
  transform: translateZ(0);
}

.korg-simple-dropdown-item {
  padding: 40px 32px;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: center;
  position: relative;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 10px;
  border: 1px solid #cecedb;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

.korg-simple-dropdown-item .korg-simple-dropdown-item-icon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #e9edff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.korg-simple-dropdown-item:hover .korg-simple-dropdown-item-icon {
  background: #3b5dff;
}
.korg-simple-dropdown-item:hover .korg-simple-dropdown-item-icon path {
  stroke: #fff;
}

.korg-simple-dropdown-item:hover {
  box-shadow: 0 6px 30px 0 rgba(17, 29, 88, 0.14);
}

.korg-simple-dropdown-item-title {
  margin: 20px 0 15px 0;
  font-family: "Instrument Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #333;
  display: block;
  order: 2;
  text-align: start;
}

.korg-simple-dropdown-item-description {
  margin: 0;
  font-size: 15px;
  color: #666;
  line-height: 1.5;
  order: 3;
  text-align: start;
}
.korg-dropdown-item-icon {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
  padding-right: 24px;
  position: relative;
}

.korg-dropdown-item-icon:after,
.korg-simple-dropdown-item-icon:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M6.6665 16.0003H25.3332M25.3332 16.0003L15.9998 6.66699M25.3332 16.0003L15.9998 25.3337' stroke='%233B5DFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.korg-simple-dropdown-item-icon:after {
  top: 44px;
  right: 30px;
  transform: unset;
}

.korg-dropdown-item:hover .korg-dropdown-item-icon:after,
.korg-simple-dropdown-item:hover .korg-simple-dropdown-item-icon:after {
  opacity: 1;
}

.korg-dropdown-item-svg {
  border-radius: 50px;
  background: #e9edff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Background decorative circles for simple dropdown items */
.korg-simple-dropdown-item::before,
.korg-simple-dropdown-item::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none'%3E%3Cg filter='url(%23filter0_f_601_138)'%3E%3Ccircle cx='75' cy='75' r='45' fill='url(%23paint0_radial_601_138)' fill-opacity='0.7'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_601_138' x='0' y='0' width='150' height='150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='15' result='effect1_foregroundBlur_601_138'/%3E%3C/filter%3E%3CradialGradient id='paint0_radial_601_138' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(75 75) rotate(90) scale(45)'%3E%3Cstop offset='0.514423' stop-color='white'/%3E%3Cstop offset='0.817308' stop-color='%23647FFF'/%3E%3Cstop offset='1' stop-color='%230603B5' stop-opacity='0.87451'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  pointer-events: none;
}

/* W CZYM POMAGAMY - 4 items */
/* Item 1: left bottom, size 223px */
.korg-nav-item:nth-child(2) .korg-simple-dropdown-item:nth-child(1)::before {
  left: -76px;
  bottom: -98px;
  width: 223px;
  height: 223px;
}

/* Item 2: right bottom, size 177px */
.korg-nav-item:nth-child(2) .korg-simple-dropdown-item:nth-child(2)::before {
  right: -76px;
  bottom: -98px;
  width: 177px;
  height: 177px;
}

/* Item 3: left bottom, size 177px */
.korg-nav-item:nth-child(2) .korg-simple-dropdown-item:nth-child(3)::before {
  left: -76px;
  bottom: -98px;
  width: 177px;
  height: 177px;
}

/* Item 4: right bottom, size 197px + middle bottom, size 81px */
.korg-nav-item:nth-child(2) .korg-simple-dropdown-item:nth-child(4)::before {
  right: -76px;
  bottom: -98px;
  width: 197px;
  height: 197px;
}

.korg-nav-item:nth-child(2) .korg-simple-dropdown-item:nth-child(4)::after {
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  width: 81px;
  height: 81px;
}

/* O NAS - 2 items */
/* Item 1: 86px from left, 61px from bottom, size 73px + bottom middle 98px + right 32px bottom -63px size 197px */
.korg-nav-item:nth-child(3) .korg-simple-dropdown-item:nth-child(1)::before {
  left: 86px;
  bottom: 61px;
  width: 73px;
  height: 73px;
}

.korg-nav-item:nth-child(3) .korg-simple-dropdown-item:nth-child(1)::after {
  left: 50%;
  transform: translateX(-50%);
  bottom: -49px;
  width: 98px;
  height: 98px;
}

/* Add third circle for O NAS item 1 using a new pseudo element approach */
.korg-nav-item:nth-child(3) .korg-simple-dropdown-item:nth-child(1) {
  position: relative;
}

.korg-nav-item:nth-child(3)
  .korg-simple-dropdown-item:nth-child(1)
  .korg-simple-dropdown-item-title::before {
  content: "";
  position: absolute;
  right: 32px;
  bottom: -63px;
  width: 197px;
  height: 197px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none'%3E%3Cg filter='url(%23filter0_f_601_138)'%3E%3Ccircle cx='75' cy='75' r='45' fill='url(%23paint0_radial_601_138)' fill-opacity='0.7'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_601_138' x='0' y='0' width='150' height='150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='15' result='effect1_foregroundBlur_601_138'/%3E%3C/filter%3E%3CradialGradient id='paint0_radial_601_138' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(75 75) rotate(90) scale(45)'%3E%3Cstop offset='0.514423' stop-color='white'/%3E%3Cstop offset='0.817308' stop-color='%23647FFF'/%3E%3Cstop offset='1' stop-color='%230603B5' stop-opacity='0.87451'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  pointer-events: none;
}

/* Item 2: left -56px, bottom 81px, size 175px + right -85px bottom -122px size 275px */
.korg-nav-item:nth-child(3) .korg-simple-dropdown-item:nth-child(2)::before {
  left: -56px;
  bottom: 81px;
  width: 175px;
  height: 175px;
}

.korg-nav-item:nth-child(3) .korg-simple-dropdown-item:nth-child(2)::after {
  right: -85px;
  bottom: -122px;
  width: 275px;
  height: 275px;
}

/* REALIZACJE - 2 items */
/* Item 1: left 87px, bottom -166px, size 275px + right 63px, bottom 44px, size 90px */
.korg-nav-item:nth-child(4) .korg-simple-dropdown-item:nth-child(1)::before {
  left: 87px;
  bottom: -166px;
  width: 275px;
  height: 275px;
}

.korg-nav-item:nth-child(4) .korg-simple-dropdown-item:nth-child(1)::after {
  right: 63px;
  bottom: 44px;
  width: 90px;
  height: 90px;
}

/* Item 2: right -68px, bottom 42px, size 201px */
.korg-nav-item:nth-child(4) .korg-simple-dropdown-item:nth-child(2)::before {
  right: -68px;
  bottom: 42px;
  width: 201px;
  height: 201px;
}

/* The dropdown wrapper spans the full viewport width - only the visible panel
   (and the gap between the bar and the panel) should count as "inside" the
   menu, so moving the cursor out to the sides closes it */
@media (min-width: 1025px) {
  .korg-dropdown-menu.show-menu {
    pointer-events: none;
  }

  .korg-dropdown-menu.show-menu > .korg-dropdown-container,
  .korg-dropdown-menu.show-menu > .korg-simple-dropdown-container {
    pointer-events: auto;
  }

  /* Hover bridge between the menu bar and the panel */
  .korg-dropdown-menu.show-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: max(0px, calc((100% - 1280px) / 2));
    right: max(0px, calc((100% - 1280px) / 2));
    height: 31px;
    pointer-events: auto;
  }
}

/* ==========================================================================
   MOBILE MENU STYLES (Figma Node 798:3047)
   ========================================================================== */

/* Desktop view: Hide mobile hamburger & mobile overlay */
@media (min-width: 1025px) {
  .korg-mobile-hamburger-btn {
    display: none !important;
  }
  .korg-mobile-menu-overlay {
    display: none !important;
  }
}

/* Mobile & Tablet view: <= 1024px */
@media (max-width: 1024px) {
  /* Prevent background scrolling when mobile menu is open */
  body.korg-mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
  }

  /* Main navbar container becomes a compact floating pill on mobile */
  .korg-desktop-menu {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
  }

  .korg-menu-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 56px !important;
    margin: 12px auto !important;
    padding: 0 18px !important;
    border-radius: 50px !important;
    border: 1px solid #434352 !important;
    background: #010402 !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    box-sizing: border-box !important;
  }

  .korg-menu-logo {
    display: flex !important;
    align-items: center !important;
  }

  .korg-menu-logo img {
    max-height: 32px;
    width: auto;
  }

  .korg-menu-logo svg {
    height: 20px;
    width: auto;
  }

  /* Hide desktop menu links and desktop widget area on mobile */
  .korg-menu-nav,
  .korg-menu-widgets {
    display: none !important;
  }

  /* Mobile hamburger button */
  .korg-mobile-hamburger-btn {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
  }

  .korg-mobile-hamburger-btn .korg-hamburger-line {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    min-height: 2px !important;
    background-color: #ffffff !important;
    border-radius: 2px !important;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }

  .korg-mobile-hamburger-btn.is-active .korg-hamburger-line:first-child {
    transform: translateY(4px) rotate(45deg);
  }

  .korg-mobile-hamburger-btn.is-active .korg-hamburger-line:last-child {
    transform: translateY(-4px) rotate(-45deg);
  }

  /* ========================================================================
     Full-Screen Mobile Menu Overlay
     ======================================================================== */
  .korg-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: #010402;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                visibility 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    font-family: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    box-sizing: border-box;
  }

  .korg-mobile-menu-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Top Floating Pill Navbar inside Overlay */
  .korg-mobile-navbar-bar {
    width: 100%;
    padding: 12px 16px 8px 16px;
    flex-shrink: 0;
    box-sizing: border-box;
    z-index: 10;
  }

  .korg-mobile-navbar-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    border-radius: 50px;
    border: 1px solid #434352;
    background: #010402;
    padding: 0 18px;
    box-sizing: border-box;
  }

  .korg-mobile-logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }

  .korg-mobile-logo img {
    max-height: 32px;
    width: auto;
  }

  .korg-mobile-logo svg {
    height: 20px;
    width: auto;
  }

  .korg-mobile-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #ffffff;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .korg-mobile-close-btn:hover {
    transform: scale(1.08);
  }

  .korg-mobile-close-btn svg {
    width: 22px;
    height: 22px;
  }

  /* Sliding Panels Container */
  .korg-mobile-panels-wrapper {
    position: relative;
    flex: 1;
    width: 100%;
    overflow: hidden;
    display: flex;
  }

  /* Base Mobile Panel */
  .korg-mobile-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #010402;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.3s ease;
  }

  /* Main Panel Specifics */
  .korg-mobile-panel-main {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
    justify-content: space-between;
    z-index: 2;
  }

  /* When a subpanel is active, slide main panel to the left */
  .korg-mobile-panels-wrapper.has-subpanel-active .korg-mobile-panel-main {
    transform: translateX(-25%);
    opacity: 0;
    pointer-events: none;
  }

  .korg-mobile-main-inner {
    padding: 16px 24px;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .korg-mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
  }

  .korg-mobile-nav-item {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .korg-mobile-nav-item:last-child {
    border-bottom: none;
  }

  .korg-mobile-nav-trigger,
  .korg-mobile-nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    background: transparent;
    border: none;
    color: #ffffff;
    font-family: "Instrument Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    transition: color 0.2s ease;
    box-sizing: border-box;
  }

  .korg-mobile-nav-trigger:hover,
  .korg-mobile-nav-link:hover,
  .korg-mobile-nav-trigger:active,
  .korg-mobile-nav-link:active {
    color: #647fff;
  }

  .korg-mobile-arrow {
    flex-shrink: 0;
    transition: transform 0.2s ease;
  }

  .korg-mobile-nav-trigger:hover .korg-mobile-arrow,
  .korg-mobile-nav-link:hover .korg-mobile-arrow {
    transform: translateX(4px);
  }

  /* Bottom info row on main panel (PL + LinkedIn) */
  .korg-mobile-bottom-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
  }

  .korg-mobile-lang,
  .korg-mobile-lang span,
  .korg-mobile-lang a {
    color: #ffffff;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
  }

  .korg-mobile-social a {
    color: #ffffff;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .korg-mobile-social a:hover {
    color: #647fff;
  }

  /* Subpanels Specifics */
  .korg-mobile-panel-sub {
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    z-index: 5;
  }

  .korg-mobile-panel-sub.is-active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }

  /* Subpanel Header with Blue Radial Glow (Figma Ellipse 5) */
  .korg-mobile-sub-header {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 20px 18px 20px;
    text-align: center;
    position: relative;
    background: radial-gradient(
      ellipse 320px 130px at 50% 0%,
      rgba(59, 93, 255, 0.45) 0%,
      rgba(6, 3, 181, 0.18) 55%,
      transparent 80%
    );
  }

  .korg-mobile-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Instrument Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 6px 12px;
    margin-bottom: 4px;
    border-radius: 20px;
    transition: color 0.2s ease, background-color 0.2s ease;
  }

  .korg-mobile-back-btn:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
  }

  .korg-mobile-back-btn svg {
    width: 16px;
    height: 16px;
  }

  .korg-mobile-panel-title {
    margin: 0;
    color: #ffffff;
    font-family: "Instrument Sans", sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

  /* White Bottom Sheet */
  .korg-mobile-sheet {
    flex: 1;
    background: #ffffff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 20px 16px 36px 16px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  /* USŁUGI Accordion Layout */
  .korg-mobile-accordion-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .korg-mobile-accordion-item {
    border-radius: 16px;
    background: #f6f7f9;
    border: 1px solid #ebecef;
    overflow: hidden;
    transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  }

  .korg-mobile-accordion-item.is-expanded {
    background: #ffffff;
    border-color: #d8dbe2;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  }

  .korg-mobile-accordion-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
  }

  .korg-mobile-service-main {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .korg-mobile-cat-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: #3b5dff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .korg-mobile-cat-icon svg {
    width: 20px;
    height: 20px;
  }

  .korg-mobile-cat-title {
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #010402;
    letter-spacing: -0.2px;
  }

  .korg-mobile-accordion-toggle {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e4e9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s ease, border-color 0.2s ease;
  }

  .korg-mobile-accordion-toggle .korg-icon-plus {
    display: block;
  }

  .korg-mobile-accordion-toggle .korg-icon-minus {
    display: none;
  }

  .korg-mobile-accordion-item.is-expanded .korg-mobile-accordion-toggle .korg-icon-plus {
    display: none;
  }

  .korg-mobile-accordion-item.is-expanded .korg-mobile-accordion-toggle .korg-icon-minus {
    display: block;
  }

  /* Accordion Body */
  .korg-mobile-accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .korg-mobile-subitems-list {
    list-style: none;
    margin: 0;
    padding: 6px 12px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-top: 1px solid #f0f1f4;
  }

  .korg-mobile-subitem {
    display: block;
  }

  .korg-mobile-subitem-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 10px;
    text-decoration: none;
    transition: background-color 0.15s ease;
  }

  .korg-mobile-subitem-link:hover,
  .korg-mobile-subitem-link:active {
    background-color: #f1f4fb;
  }

  .korg-mobile-subitem-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    background: rgba(59, 93, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .korg-mobile-subitem-icon svg {
    width: 18px;
    height: 18px;
  }

  .korg-mobile-subitem-title {
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #1e2229;
    line-height: 1.35;
  }

  /* W czym pomagamy? / O nas / Realizacje list cards */
  .korg-mobile-items-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .korg-mobile-item-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f6f7f9;
    border: 1px solid #ebecef;
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .korg-mobile-item-card:hover,
  .korg-mobile-item-card:active {
    background: #ffffff;
    border-color: #d8dbe2;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
  }

  .korg-mobile-item-left {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .korg-mobile-item-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: rgba(59, 93, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .korg-mobile-item-icon svg {
    width: 22px;
    height: 22px;
  }

  .korg-mobile-item-title {
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #010402;
    letter-spacing: -0.2px;
  }

  .korg-mobile-item-arrow {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e4e9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  }

  .korg-mobile-item-card:hover .korg-mobile-item-arrow {
    background-color: #3b5dff;
    border-color: #3b5dff;
    transform: translateX(2px);
  }

  .korg-mobile-item-card:hover .korg-mobile-item-arrow svg path {
    stroke: #ffffff;
  }
}