:root {
  --main-bg: #6f7070;
  --primary: #00FF66;
  --primary-light: rgba(160, 255, 170, 0.4);
  --accent-blue: #1e88e5;
  --accent-blue-light: #bbdefb;
  --dark: #1a1a1a;
  --text: #2c3e50;
  --light-bg: #ffffff;
  --highlight: #e3f2fd;

  --card-border: rgba(0, 0, 0, 0.05);
  --metric-box-spacing: 1rem;
  --metric-radius: 2px;
  --generic-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);

  --font-main: "Open Sans", sans-serif;
}

body {
  background-color: var(--main-bg);
  color: var(--text);
  font-family: var(--font-main);
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

a {
  color: var(--accent-blue);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: var(--primary);
}

.container-three-column {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 15px;
    box-sizing: border-box;
  }

        /* Основен лейаут на трите колони */
        .recipe-three-column-layout {
          display: flex;
          gap: 10px;
          align-items: flex-start;
          padding: 1rem;
          flex-wrap: nowrap;
          min-height: 100vh;
          box-sizing: border-box;
          background: var(--main-bg);
      }

      /* Странични колони */
      .recipe-side-column {
          width: 18%;
          min-width: 180px;
          background: white;
          border-radius: 2px;
          padding: 15px;
          box-shadow: 0 0 8px rgba(0,0,0,0.1);
          box-sizing: border-box;
          font-family: Arial, sans-serif;
      }

      /* Централна колона (рецепти) */
      .recipe-center-column {
          flex: 1;
          min-width: 300px;
          background: white;
          border-radius: 2px;
          padding: 15px;
          box-shadow: 0 0 8px rgba(0,0,0,0.1);
          box-sizing: border-box;
          font-family: Arial, sans-serif;
      }

      /* Карти рецепти - грид с адаптивен брой */
      .recipe-cards {
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
          gap: 10px;
      }

      /* Карта - стилизиране */
      .recipe-card {
        border: 1px solid var(--card-border);
        border-radius: var(--metric-radius);
          overflow: hidden;
          background-color: var(--light-bg);
          display: flex;
          flex-direction: column;
          transition: transform 0.2s ease, box-shadow 0.2s ease;
          box-shadow: var(--generic-shadow);
          cursor: auto;
      }

      .recipe-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      }

      .recipe-card-top img {
          width: 100%;
          height: 120px;
          object-fit: cover;
          display: block;
      }

      .recipe-card-bottom {
          padding: 10px;
          flex-grow: 1;
          display: flex;
          flex-direction: column;
      }

      .recipe-card-author {
          font-size: 0.85rem;
          color: #666;
          margin-bottom: 5px;
      }

      .recipe-card-title {
          margin: 0 0 8px;
          font-size: 1.1rem;
          color: #222;
      }

      .recipe-card-description {
          flex-grow: 1;
          font-size: 0.9rem;
          color: #444;
          margin-bottom: 10px;
      }

      .recipe-card-stats {
          font-size: 0.85rem;
          color: #888;
          display: flex;
          justify-content: space-between;
      }

      /* Филтри - всички с префикс .recipe- */
      .recipe-categories-filter,
      .recipe-author-filter,
      .recipe-rating-filter {
          background: #fafafa;
          border: 1px solid #ccc;
          border-radius: 2px;
          padding: 12px;
          margin-bottom: 20px;
      }

      .recipe-categories-filter h3,
      .recipe-author-filter h3,
      .recipe-rating-filter h3 {
          margin-top: 0;
          margin-bottom: 10px;
          font-size: 1.2rem;
          border-bottom: 1px solid #ddd;
          padding-bottom: 5px;
      }

      .recipe-categories-filter label,
      .recipe-author-filter label,
      .recipe-rating-filter label {
          display: block;
          margin-bottom: 6px;
          cursor: pointer;
          font-size: 0.95rem;
          user-select: none;
      }

      /* Дясна колона (реклами) */
      .recipe-right-column {
          width: 18%;
          min-width: 180px;
          background: white;
          border-radius: 2px;
          padding: 15px;
          box-shadow: 0 0 8px rgba(0,0,0,0.1);
          box-sizing: border-box;
          font-family: Arial, sans-serif;
          text-align: center;
          color: #777;
          font-size: 0.9rem;
      }

      /* Responsive - мобилна версия */
      @media (max-width: 768px) {
        .recipe-three-column-layout {
              flex-direction: column;
              gap: 15px;
              padding: 0.5rem;
          }

          .recipe-side-column,
          .recipe-center-column,
          .recipe-right-column {
              width: 100%;
              min-width: auto;
          }

          .recipe-cards {
              grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
          }

          .recipe-card-top img {
              height: 100px;
          }
      }