body {

    background-color: #f9d3e9; 

    font-family: 'Arial', sans-serif; 

  }

  

  /* A teljes plugin doboz, amiben a kategoriak vannak */

  .blista-wrapper {

    display: flex; 

    padding-top: 100px;

    flex-wrap: wrap;

    justify-content: center; 

    gap: 20px;

  }

  

  /* Egy-egy kategoria doboza */

  .blista-category-box {

    background: rgb(248, 227, 240); 

    border: 1px solid #ccc; 

    border-radius: 10px; 

    padding: 15px; 

    width: 200px; 

    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

    text-align: center;

    max-height: 400px;

    overflow-y: auto;
  }

  

  /* Kategoria cimsor stilus */

  .blista-category-box h3 {

    margin-bottom: 10px;

    font-size: 1.1em;

  }

  

  /* Egy termek megjelenese a kategóriákban */

  .blista-item {

    background: #f6c0db;

    margin: 5px 0; 

    padding: 6px 10px; 

    border-radius: 5px; 

    cursor: pointer;

    display: flex;

    justify-content: space-between; 

    align-items: center;

  }

  

  /* Új tétel hozzáadás űrlapja a kategóriák alatt */

  .blista-category-box form {

    display: flex;

    margin-top: 10px;

  }

  

  /* Új tétel mezője */

  .blista-category-box input[type="text"] {

    flex: 1;

    padding: 5px;

    border: 1px solid #ccc;

    border-radius: 5px 0 0 5px;

  }

  

  /* Hozzáadás gomb stílusa */

  .blista-category-box button {

    background: #af4662; 

    color: white;

    border: none;

    padding: 0 10px;

    border-radius: 0 5px 5px 0;

    font-weight: bold;

  }

  

  /* A bevásárlókosár fő doboza */

  .blista-cart {

    background: rgb(248, 227, 240);

    border: 2px dashed #ccc; 

    border-radius: 10px;

    padding: 15px;

    width: 800px;

    box-shadow: 0 2px 5px rgba(0,0,0,0.1);

    text-align: center;

  }

  

  /* Kosár címe */

  .blista-cart h2 {

    margin-top: 0;

  }

  

  /* Egy kosár elem (sor) */

  .blista-cart-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 8px 0;

    background: #fafafa;

    padding: 8px;

    border-radius: 5px;

  }

  

  /* Bal oldal: checkbox + név + mennyiség */

  .blista-cart-left {

    display: flex;

    align-items: center;

    flex-grow: 1;

    gap: 10px;

    min-width: 0;

  }

  

  /* Mennyiség mező stílusa bal oldalon */

  .blista-cart-left input[type="text"] {

    width: 50px;

    padding: 4px;

    font-size: 0.9em;

    border: 1px solid #ccc;

    border-radius: 6px;

  }

  

  /* Jobb oldal: gombok */

  .blista-cart-right {

    display: flex;

    gap: 6px;

    flex-shrink: 0;

    margin-left: auto;

  }

  

  /* Megvettem gomb (egyenkénti) */

  .blista-purchased-btn {

    background-color: #af4662;

    color: white;

    border: none;

    padding: 4px 8px;

    border-radius: 4px;

    font-size: 1em;

    cursor: pointer;

  }

  

  /* Törlés gomb (X) */

  .blista-remove-btn {

    background-color: #af4662;

    color: white;

    border: none;

    padding: 4px 8px;

    border-radius: 4px;

    font-size: 1em;

    cursor: pointer;

  }

  

  /* Felugró értesítés stílusa */

  .blista-popup {

    position: fixed;

    top: 20px;

    right: 20px;

    background: #450d23; 

    color: #f8f5f5;

    padding: 10px 15px;

    border-radius: 5px;

    box-shadow: 0 0 10px #999;

    display: none;

  }

  

  /* "Megvettem" tömeges gomb stílusa */

  .blista-reset-btn {

    display: block;

    margin: 25px auto 0 auto;

    background-color: #450d23;

    color: white;

    padding: 10px 20px;

    border-radius: 6px;

    font-weight: bold;

    cursor: pointer;

  }

  

  /* Kategóriákban lévő elem, ha benne van a kosárban */

  .blista-item.in-cart {

    background-color: #b97284; 

    font-weight: bold;

    opacity: 0.8;

  }

  .blista-purchased-btn:hover {

    background-color: #450d23; 

  }

  

  /* Hover szín: "X" gomb */

  .blista-remove-btn:hover {

    background-color: #450d23; /* sötétebb piros */

  }

 /* "Megvettem" tömeges gomb hover */

   .blista-reset-btn:hover {

    background-color: #af4662

   };