.elementor-2822 .elementor-element.elementor-element-8635219{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2822 .elementor-element.elementor-element-8635219.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2822 .elementor-element.elementor-element-054dd31{columns:1;color:#DBDADA;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}@media(max-width:767px){.elementor-2822 .elementor-element.elementor-element-054dd31{text-align:center;}}@media(min-width:768px){.elementor-2822 .elementor-element.elementor-element-8635219{--width:98.582%;}}/* Start custom CSS for text-editor, class: .elementor-element-054dd31 */.kategorie-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 600px;
  margin: 0 auto;
}

.kategoria-link {
  text-decoration: none;
  color: inherit;
}

.kategoria-box {
  background-color: #1a1a1a;
  border: 1px solid rgba(255, 215, 0, 0.2);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition: 0.3s;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.kategoria-box:hover {
  background-color: #2a2a2a;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.2);
}/* End custom CSS */