/*
 * 1. Növeld meg a logó KONTÉNERÉNEK magasságát
 * A .header-height-100-at is belevesszük a szelektorba, 
 * hogy biztosan felülírjuk az eredeti szabályt.
 */
.header-logo.header-height-100 {
    /* Írd át a 100px-t annyira, amekkorára szeretnéd (pl. 130px) */
    height: 150px !important;
    min-height: 150px !important; 
}

/* * 2. Biztosítsd, hogy a KÉP (`<img>`) kitöltse a megnövelt helyet 
 * és megőrizze az arányait.
 */
.header-logo-img {
    max-height: 100% !important;
    height: auto !important;
    width: auto !important; 
}

.js-sticky-header--active .header-logo.header-height-100 {
    
    /* ...a logó konténerének magassága csökkenjen le */
    height: 70px !important; /* <-- MÓDOSÍTSD: A KIS logó magassága */
    min-height: 70px !important;
}

/* --- Fekete Körvonalas Alkategória Gombok --- */

/* 1. A konténer (a <ul>) beállítása, hogy a gombok között legyen tér */
.subcategory-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Térköz a gombok között */
  list-style: none; /* Eltávolítja a lista pontokat */
  padding: 0;
}

/* 2. A gomb (az <a> tag) alapstílusa */
.subcategory__card {
  background-color: transparent; /* Nincs háttérszín */
  border: 1px solid #000000;     /* 2px-es fekete körvonal */
  border-radius: 50px;           /* Lekerekített sarkok (pill-shape) */
  box-shadow: none;              /* Eltávolítja az esetleges "card" árnyékot */
  text-decoration: none;         /* Eltávolítja a link aláhúzást */
  
  /* Szép átmenet a hover állapothoz */
  transition: all 0.3s ease;
  
  /* Biztosítja, hogy a padding és méretezés jól működjön */
  display: inline-block;
  padding: 0; /* Az alapértelmezett card padding nullázása, mert a .subcategory__link-nek van */
}

/* 3. A gomb szövegének (a <span> tag) stílusa */
.subcategory__link {
  color: #000000 !important; /* Fekete szövegszín (fontos lehet, hogy felülírja a link színt) */
  font-weight: 600;         /* Félkövér szöveg */
  text-align: center;       /* Középre igazított szöveg */
  display: block;           /* Töltse ki a rendelkezésre álló helyet */
  
  /* A gomb belső mérete (padding) */
  padding: 10px 24px;
}

/* 4. Hover (rávitel) állapot a gombnak */
.subcategory__card:hover {
  background-color: #000000; /* Háttér fekete lesz */
  border-color: #000000;     /* Keret fekete marad */
}

/* 5. Hover (rávitel) állapot a szövegnek */
.subcategory__card:hover .subcategory__link {
  color: #FFFFFF !important; /* Szöveg fehér lesz */
}

/* 6. A lista (<li>) alaphelyzetbe állítása, ha szükséges */
.subcategory-grid > li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* 1. TERMÉKOLDAL: Eltünteti a mennyiség választót és a kosárba gombot */
.product-addtocart-wrapper {
    display: none !important;
}

/* 2. KATEGÓRIA OLDALAK / LISTÁK: Eltünteti a gombokat a termékkártyákról */
.product-card__addtocart,
.list_addtocart {
    display: none !important;
}

/* 3. MOBIL NÉZET: Eltünteti a fixen alul lévő sávot */
#product-sticky-cart-panel {
    display: none !important;
}