.elementor-10175 .elementor-element.elementor-element-0176651:not(.elementor-motion-effects-element-type-background), .elementor-10175 .elementor-element.elementor-element-0176651 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070707;}.elementor-10175 .elementor-element.elementor-element-0176651 > .elementor-container{max-width:1600px;}.elementor-10175 .elementor-element.elementor-element-0176651{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10175 .elementor-element.elementor-element-0176651 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10175 .elementor-element.elementor-element-f498e6d{--e-image-carousel-slides-to-show:10;}.elementor-10175 .elementor-element.elementor-element-f498e6d .swiper-wrapper{display:flex;align-items:center;}.elementor-bc-flex-widget .elementor-10175 .elementor-element.elementor-element-4f2d446.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10175 .elementor-element.elementor-element-4f2d446.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-10175 .elementor-element.elementor-element-4984a22.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10175 .elementor-element.elementor-element-4984a22.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}@media(min-width:768px){.elementor-10175 .elementor-element.elementor-element-4f2d446{width:60%;}.elementor-10175 .elementor-element.elementor-element-4984a22{width:39.957%;}}/* Start custom CSS for html, class: .elementor-element-a500044 */.cal-widget {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 2px 18px rgba(0,0,0,.11);
      padding: 28px 28px 20px;
      max-width: 400px;
      width: 115%;
      height: 455px;
      user-select: none;
      font-family: Arial, sans-serif;
      box-sizing: border-box;
    }
    .cal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 18px;
    }
    .cal-nav-btn {
      background: #E31E24!important;
      color: #fff!important;
      border: none!important;
      border-radius: 7px!important;
      width: 36px!important;
      height: 36px!important;
      font-size: 1em!important;
      cursor: pointer!important;
      transition: background .2s!important;
      flex-shrink: 0!important;
      padding: 0!important
    }
    .cal-nav-btn:hover { background: #BF8923; }
    .cal-title { font-weight: 700; font-size: 1.1em; color: #333; min-width: 160px; text-align: center; }
    .cal-subtitle { font-size: .72em; color: #d0676a; margin-top: 2px; text-align: center; }
    .cal-grid {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 3px;
    }
    .cal-day-name { text-align:center; font-weight:700; font-size:.78em; color:#aaa; padding:5px 0 7px; }
    .cal-day {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      aspect-ratio: 1;
      border-radius: 50%;
      font-size: .9em;
      color: #333;
      cursor: default;
      transition: background .15s;
    }
    .cal-day.today { background: #dca9aa; font-weight: 700; color: black; }
    .cal-day.marked { cursor: pointer; }
    .cal-day.marked:hover { background: #dca9aa; }
    .cal-day.marked .cal-ring {
      position: absolute; inset: 2px; border-radius: 50%;
      border: 2.5px solid #dca9aa; pointer-events: none;
    }
    .cal-day.marked .cal-dot {
      position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);
      width: 5px; height: 5px; border-radius: 50%; background: #E31E24;
    }
    .cal-legend {
      margin-top: 16px; display: flex; align-items: center; gap: 8px;
      justify-content: center; font-size: .75em; color: #aaa;
    }
    .cal-legend-dot {
      display: inline-block; width: 14px; height: 14px;
      border-radius: 50%; border: 2px solid #E31E24; flex-shrink: 0;
    }

    /* ─── MODAL STYLES ──────────────────────────── */
    .cal-overlay {
      display: none;
      position: fixed; inset: 0; z-index: 9999;
      background: rgba(0,0,0,.50);
      align-items: center; justify-content: center; padding: 16px;
    }
    .cal-overlay.active { display: flex; }
    .cal-modal {
      background: #fff!important; border-radius: 16px!important; box-shadow: 0 8px 40px rgba(0,0,0,.18)!important;
      overflow: hidden!important; width: 100%!important; max-width: 420px!important;
      animation: calFadeIn .18s ease!important;
    }
    @keyframes calFadeIn {
      from { opacity:0; transform:scale(.93); }
      to   { opacity:1; transform:scale(1); }
    }
    .cal-modal-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: 16px 22px; background: #E31E24;
    }
    .cal-modal-head-title { color:#fff; font-weight:700; font-size:1.1em; display:flex; align-items:center; gap:8px; }
    .cal-modal-close {
      background: none!important; border: none!important; color:#fff!important; cursor:pointer!important;
      font-size: 1.5em!important; line-height:1!important; opacity:.85!important; transition: opacity .15s!important;
    }
    .cal-modal-close:hover { opacity:1; }
    .cal-modal-body { padding: 20px 22px; display: flex; flex-direction: column; gap: 12px; }
    .cal-modal-row {
      display: flex; align-items: center; gap: 14px;
      border: solid black 1px;
      border-radius: 12px; padding: 14px;
    }
    .cal-modal-icon {
      flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%;
      background: #E31E24; display: flex; align-items: center; justify-content: center;
      color: #fff;
    }
    .cal-modal-icon svg { width:20px; height:20px; }
    .cal-modal-label { font-size:.72em; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:black; }
    .cal-modal-value { font-size:.97em; font-weight:700; color:#222; margin-top:2px; }
    .cal-modal-value.desc { font-weight:400; line-height:1.5; }
    .cal-modal-footer { padding: 0 22px 20px; }
    .cal-modal-btn {
      width:100%!important; padding:12px!important; border:none!important; border-radius:12px!important;
      background:#E31E24!important; color:#fff!important; font-size:1em!important; font-weight:700!important;
      cursor:pointer!important; transition:background .2s!important;
    }
    .cal-modal-btn:hover { background:#E31E24; }
    .countdown-section {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 400px;
}

.countdown-box {
  background: #fff;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 2px 18px rgba(0,0,0,.11);
  text-align: center;
}

.countdown-box h3 {
  margin-bottom: 8px;
  color: #333;
}

.countdown {
  font-weight: 700;
  font-size: 1.1em;
  color: #E31E24;
  margin-top: 6px;
}
.dashboard {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.left {
  flex: 1;
  min-width: 320px;
}

.right {
  flex: 1;
  min-width: 280px;
}

.countdown-section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.countdown-box {
  background: #fff;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 2px 18px rgba(0,0,0,.11);
  text-align: center;
}

.countdown {
  font-weight: 700;
  font-size: 1.1em;
  color: #E31E24;
}
div#box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}
.countdown-section {
    margin-left: 100px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f565edd */div#kalendarz {
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31b499c */#chart-app {
  --accent: #E31E24;
  --accent-dark: #c4181e;
  max-width: 720px;
  margin: 40px auto;
  padding: 32px;
  background: #fff;
  border: 1px solid rgba(227, 30, 36, 0.14);
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.08);
}

#chart-app::before {
  content: "";
  display: block;
  height: 4px;
  margin: -32px -32px 28px -32px;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(90deg, var(--accent), var(--accent-dark));
}

.chart-container {
  position: relative;
  width: 100%;
  padding: 12px;
  background: #fff4f4;
  border: 1px solid rgba(227, 30, 36, 0.08);
  border-radius: 14px;
  box-sizing: border-box;
}

.chart-container canvas {
  width: 100% !important;
  height: auto !important;
  max-height: 420px;
}

@media (max-width: 600px) {
  #chart-app {
    padding: 20px;
    margin: 20px 12px;
  }
  #chart-app::before {
    margin: -20px -20px 20px -20px;
  }
}/* End custom CSS */