header, .site-header, .header, .topbar {
  color: #000 !important;
}
header a, .site-header a, .header a, .topbar a,
.header nav a, .main-navigation a, .menu a,
.header__tools a, .header__tools span,
.header .contact, .header .phone, .header .auth a,
.cart__label, .cart__info, .cart__text {
  color: #000 !important;
}

header svg, .header svg, .site-header svg,
.header__tools svg, .cart svg {
  fill: none !important;
  stroke: currentColor !important;
}


header, .site-header, .header, .topbar { color: #000 !important; }
header a, .site-header a, .header a, .topbar a { color: #000 !important; }
header a:hover, .site-header a:hover, .header a:hover, .topbar a:hover { color: #000 !important; }

.header .phone, .header .phone a,
.header .auth a, .header .contact a { color: #000 !important; }


.header input[type="search"],
.header .search input {
  color: #000 !important;
}
.header input[type="search"]::placeholder,
.header .search input::placeholder {
  color: #000 !important;
  opacity: .6;
}



h2,
.section-title,
.page-title,
.cat-title,
.category__title,
.products__title,
.products-new__title,
.start-category-offer__title {
  font-size: 26px !important;      
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 16px 0 12px !important;
}

@media (min-width: 768px){
  h2,
  .section-title,
  .page-title,
  .cat-title,
  .category__title,
  .products__title,
  .products-new__title,
  .start-category-offer__title {
    font-size: 28px !important;    
  }
}

@media (min-width: 1200px){
  h2,
  .section-title,
  .page-title,
  .cat-title,
  .category__title,
  .products__title,
  .products-new__title,
  .start-category-offer__title {
    font-size: 30px !important;    
  }
}

/* 1️⃣ input-group legyen a referencia */
.header .search-module .input-group {
    position: relative;
    width: 100%;
}

/* 2️⃣ kereső input – hely az ikonnak */
.header input#filter_keyword {
    border: 2px solid #FFC700;
    border-radius: 12px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 56px; /* HELY AZ IKONNAK */
    height: 50px;
    font-size: 15px;
    box-shadow: 0 0 0 2px rgba(255,199,0,0.15);
    transition: all 0.25s ease;
}

/* hover */
.header input#filter_keyword:hover {
    border-color: #000;
}

/* focus */
.header input#filter_keyword:focus {
    outline: none;
    border-color: #000;
    box-shadow: 0 0 0 3px rgba(255,199,0,0.35);
}

/* 3️⃣ kereső ikon – BELÜL marad */
.header .search-button-append {
    position: absolute;
    right: 4px;
    top: 4px;
    height: calc(100% - 8px);
    width: 48px;
    background-color: #FFC700;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

/* ikon színe */
.header .search-button-append svg {
    fill: #000;
}

/* hover ikon */
.header .search-button-append:hover {
    background-color: #000;
}
.header .search-button-append:hover svg {
    fill: #FFC700;
}
/* PACKTREND – termékblokkok kerete (lista/keresés/kategória) */
.product-list .product-box,
.products .product-box,
.product-grid .product-box,
.product-list .product,
.products .product,
.product-grid .product,
.product-item,
.product-card {
  border: 1px solid #e6e6e6;     /* halványszürke */
  border-radius: 14px;           /* lekerekítés */
  box-sizing: border-box;
  overflow: hidden;              /* hogy a belső elemek ne lógjanak ki a kerekítésből */
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

/* Hover – finom kiemelés */
.product-list .product-box:hover,
.products .product-box:hover,
.product-grid .product-box:hover,
.product-list .product:hover,
.products .product:hover,
.product-grid .product:hover,
.product-item:hover,
.product-card:hover {
  border-color: #d1d1d1;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
/* TERMÉKBLOKK TELJES KÖZÉPRE IGAZÍTÁS – LISTA + KERESÉS */
.product-card,
.product-card__body,
.product-card__footer {
    text-align: center;
}

/* Flex elemek vízszintes középre */
.product-card__body,
.product-card__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Kép középre */
.product-card-image,
.product-card-image img {
    margin-left: auto;
    margin-right: auto;
}

/* Kosár + mennyiség sor széltől szélig */
.product-card__item.product-card__addtocart_list {
    width: 100%;
}

/* Tartalom középre a teljes szélességen belül */
.product-card__item.product-card__addtocart_list.addtocart {
    justify-content: center;
    align-items: center;
}
.product-card__addtocart_list .button-add-to-cart{
    width: 100%;
    justify-content: center;
}
/* =========================
   GYIK – 2 oszlop + KOMPAKT + hover + vékony szürke keret
   Shoprenter – Hamburg téma
   Célzottan: #section-faq
   ========================= */

/* 1) 2 oszlopos rács a teljes GYIK listára */
#section-faq .faq-accordion{
  display: grid !important;                  /* a <dl> legyen grid */
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px){
  #section-faq .faq-accordion{
    grid-template-columns: 1fr !important;
  }
}

/* 2) Kártya (faq-item) – vékony szürke keret, letisztult */
#section-faq .faq-item{
  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;

  box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
  transform-origin: center;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease !important;
}

/* 3) Hover: finom nagyítás + elegáns árnyék */
#section-faq .faq-item:hover{
  transform: scale(1.01) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
  border-color: rgba(0,0,0,.20) !important;
}

/* 4) DT wrapper – nullázzuk, hogy ne adjon extra magasságot */
#section-faq .faq-item__title-wrapper{
  margin: 0 !important;
  padding: 0 !important;
}

/* 5) Kattintható fejléc gomb – KOMPAKT magasság */
#section-faq .faq-item__question{
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  padding: 10px 14px !important;            /* kompakt */
  min-height: 52px !important;              /* fix sor magasság */
  height: auto !important;

  background: #fff !important;
  border: 0 !important;
  cursor: pointer !important;
}

/* 6) Cím – ne emelje a sort */
#section-faq .faq-item__title{
  margin: 0 !important;
  font-weight: 800 !important;
  font-size: 15.5px !important;
  line-height: 1.2 !important;
  color: rgba(0,0,0,.88) !important;
}

/* 7) Ikon konténer – stabil méret, ne “fújja fel” */
#section-faq .faq-item__toggle-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

/* 8) Nyíl: zárva felfelé, nyitva lefelé
   A te SVG nyilad alapból lefelé áll, ezért zárva megfordítjuk (180deg). */
#section-faq .faq-item__toggle-icon .faq-arrow{
  transition: transform .18s ease !important;
  transform: rotate(180deg) !important;     /* zárva: felfelé */
}

#section-faq .faq-item__question[aria-expanded="true"] .faq-item__toggle-icon .faq-arrow{
  transform: rotate(0deg) !important;       /* nyitva: lefelé */
}

/* 9) Finom header hover (opcionális, elegáns) */
#section-faq .faq-item__question:hover{
  background: rgba(0,0,0,.015) !important;
}

/* 10) Lenitott válasz blokk */
#section-faq .faq-item__answer{
  border-top: 1px solid rgba(0,0,0,.10) !important;
  padding: 10px 14px 12px !important;
}

/* 11) Válasz tipográfia */
#section-faq .faq-item__answer-inner{
  color: rgba(0,0,0,.78) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

#section-faq .faq-item__answer-inner p{
  margin: 0 0 8px 0 !important;
}
#section-faq .faq-item__answer-inner p:last-child{
  margin-bottom: 0 !important;
}

/* 12) Linkek finoman */
#section-faq .faq-item__answer-inner a{
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* 13) Ha a téma bárhol min-heightet erőltetne, felülírjuk */
#section-faq .faq-item,
#section-faq .faq-item__question{
  min-height: unset;
}
/* ===== GYIK – extra kompakt magasság (tedd a CSS legaljára) ===== */

/* kártyafejléc még alacsonyabb */
#section-faq .faq-item__question{
  padding: 7px 10px !important;    /* kisebb belső tér */
  min-height: 40px !important;     /* kb. “fele magasság” érzés */
}

/* címsor kicsit feszesebb */
#section-faq .faq-item__title{
  font-size: 15px !important;
  line-height: 1.15 !important;
}

/* rács: kicsit kisebb hézag a kártyák közt */
#section-faq .faq-accordion{
  gap: 10px !important;
}

/* lenyitott tartalom is kompaktabb */
#section-faq .faq-item__answer{
  padding: 8px 12px 10px !important;
}
#section-faq .faq-item__answer-inner p{
  margin: 0 0 6px 0 !important;
}
/* =========================
   CSAK a "Kosárba" gomb színe
   ========================= */

a.button-add-to-cart{
  background: #fdd300 !important;
  border-color: #fdd300 !important;
  color: #000000 !important;
}

a.button-add-to-cart span{
  color: #000000 !important;
}

a.button-add-to-cart:hover,
a.button-add-to-cart:focus{
  background: #f1c800 !important;
  border-color: #f1c800 !important;
  color: #000000 !important;
}

a.button-add-to-cart:active{
  background: #e6bc00 !important;
  border-color: #e6bc00 !important;
  color: #000000 !important;
}
/* =========================================================
   ALKATEGÓRIA CSEMPE STÍLUS – HAMBURG (kompakt card + nagy kép)
   - kisebb kártya, nagyobb kép
   - NINCS belső keret a képen (sem alap, sem hover)
   - prémium hover árnyék + finom emelkedés
   Célzott HTML:
   ul.subcategory.subcategory-grid
   a.subcategory__card
   img.subcategory__card-image
   span.subcategory__link
   ========================================================= */

/* --- KÁRTYA (kompaktabb) --- */
.subcategory.subcategory-grid .subcategory__card{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;

  padding: 14px 14px 12px !important;   /* kisebb card */
  background: #ffffff !important;

  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 12px !important;

  text-decoration: none !important;
  color: #000000 !important;

  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

/* --- HOVER (prémium, de finom) --- */
.subcategory.subcategory-grid .subcategory__card:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 26px rgba(0,0,0,.10) !important;
  border-color: rgba(0,0,0,.16) !important;
}

/* --- KÉP: nagyobb “image area”, de NINCS belső keret --- */
.subcategory.subcategory-grid .subcategory__card-image{
  width: 100% !important;
  max-width: 260px !important;          /* nagy kép, de card még kompakt */
  height: 190px !important;             /* nagyobb képterület */

  object-fit: contain !important;

  background: transparent !important;
  border: 0 !important;                 /* belső keret OFF */
  outline: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;                /* ne legyen “doboz” érzet */
  margin: 0 0 12px 0 !important;

  border-radius: 0 !important;          /* képnek ne legyen kerete */
}

/* Biztosítás: hoveren se tegyen rá a téma keretet */
.subcategory.subcategory-grid .subcategory__card:hover .subcategory__card-image{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* --- CÍM: fekete marad, hoveren is --- */
.subcategory.subcategory-grid .subcategory__link{
  margin: 0 !important;
  padding: 0 !important;

  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;

  color: #000000 !important;
}

.subcategory.subcategory-grid .subcategory__card:hover .subcategory__link{
  color: #000000 !important;
  text-decoration: underline !important;   /* csak aláhúzás */
}

/* --- MOBIL FINOMHANGOLÁS --- */
@media (max-width: 768px){
  .subcategory.subcategory-grid .subcategory__card{
    padding: 12px 12px 10px !important;
    border-radius: 12px !important;
  }

  .subcategory.subcategory-grid .subcategory__card-image{
    max-width: 100% !important;
    height: 150px !important;
    margin-bottom: 10px !important;
  }

  .subcategory.subcategory-grid .subcategory__link{
    font-size: 15px !important;
  }
}
/* Shoprenter powered by blokk elrejtése */
.footer-bottom-line__SR-logo,
.footer-bottom-line__SR-logo a,
.footer-bottom-line__SR-logo svg {
  display: none !important;
}
/* =========================
   Főoldali kis bannerek elrejtése MOBILON
   (Hamburg téma)
   ========================= */
@media (max-width: 767px){
  .small-banner-container{
    display: none !important;
  }
}
/* =========================
   Főbanner gomb – nyíl ikon körének színezése (#fdd300) + hover
   Célzottan: .banner-item__button-btn .btn-arrow-icon
   ========================= */

/* Alap állapot: sárga kör + fekete nyíl */
.bannerslider-module .banner-item__button-btn .btn-arrow-icon{
  background: #fdd300 !important;
  border-radius: 999px !important;     /* biztosan kör/pill */
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

/* Nyíl színe legyen fekete (ha a témában currentColor-ral jön) */
.bannerslider-module .banner-item__button-btn .btn-arrow-icon,
.bannerslider-module .banner-item__button-btn .btn-arrow-icon svg{
  color: #000 !important;
}

/* Hover effekt: finom “premium” */
@media (hover:hover){
  .bannerslider-module .banner-item__button-btn:hover .btn-arrow-icon{
    background: #e6c100 !important;     /* picit sötétebb sárga hoverre */
    transform: translateX(3px) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
  }
}
/* ==========================================
   MOBIL FIX – Előnyök / Hátrányok doboz
   (termékleírás / egyedi tartalom – inline flex)
   ========================================== */
@media (max-width: 767px){

  /* Külső doboz (biztos célzás) */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"],
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"]{
    box-sizing: border-box !important;
    padding: 14px !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* Belső flex konténer (display:flex szóközzel / szóköz nélkül is) */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] > div[style*="display:flex"],
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] > div[style*="display: flex"],
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] > div[style*="display:flex"],
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] > div[style*="display: flex"]{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  /* Bal oszlop: border-right OFF, alul elválasztó */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] > div > div[style*="border-right"],
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] > div > div[style*="border-right"]{
    border-right: 0 !important;
    padding-right: 0 !important;

    border-bottom: 2px solid #fdd300 !important;
    padding-bottom: 12px !important;
    margin-bottom: 2px !important;
  }

  /* Jobb oszlop: padding-left OFF (szóközzel/szóköz nélkül is) */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] > div > div[style*="padding-left"],
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] > div > div[style*="padding-left"]{
    padding-left: 0 !important;
  }

  /* Listák és szöveg tördelés */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] ul,
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] ul{
    padding-left: 18px !important;
    margin: 0 !important;
  }

  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] p,
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] p{
    margin: 0 0 8px 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}
/* ==========================================
   MOBIL – Előnyök/Hátrányok lista pöttyök egységesítése
   ========================================== */
@media (max-width: 767px){

  /* Csak a sárga szaggatott dobozon belüli listák */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] ul,
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] ul{
    list-style-position: outside !important;   /* pötty kívül */
    padding-left: 22px !important;            /* egységes behúzás */
    margin-left: 0 !important;
  }

  /* A li ne kapjon extra behúzást, maradjon egységes */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] li,
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] li{
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* A li-ben lévő p ne tolja el a markert/magasságot */
  div[style*="border: 2px dashed #fdd300"][style*="background-color: #fffced"] li > p,
  div[style*="border:2px dashed #fdd300"][style*="background-color:#fffced"] li > p{
    margin: 0 !important;
  }
}
.packtrend-box {
  border: 2px dashed #fdd300;
  border-radius: 12px;
  background-color: #fffced;
  padding: 24px;
  margin: 30px 0;
}

.packtrend-box h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 16px;
}

.packtrend-box ul {
  padding-left: 20px;
}

.packtrend-box li {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .packtrend-box {
    padding: 18px;
  }
}
.packtrend-cta {
  border: 2px solid #fdd300;
  border-radius: 14px;
  background: linear-gradient(135deg, #fffced 0%, #fff7c2 100%);
  padding: 32px;
  margin: 40px 0;
  text-align: center;
}

.packtrend-cta h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}

.packtrend-cta p {
  font-size: 16px;
  margin-bottom: 22px;
}

.packtrend-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.packtrend-cta a {
  background-color: #000;
  color: #fff;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

.packtrend-cta a.secondary {
  background-color: #fdd300;
  color: #000;
}

.packtrend-cta a:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

@media (max-width: 768px) {
  .packtrend-cta {
    padding: 22px;
  }

  .packtrend-cta h3 {
    font-size: 20px;
  }
}
/* === BLOG LISTA – PACKTREND PRÉMIUM KÁRTYÁK (Hamburg) === */

/* Rács: 3 oszlop nagy kijelzőn, 2 tablet, 1 mobil */
.information-list__wrapper{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px !important;
  align-items: stretch;
}

/* 2 oszlop közepes képernyőn */
@media (max-width: 1200px){
  .information-list__wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 1 oszlop mobilon */
@media (max-width: 768px){
  .information-list__wrapper{
    grid-template-columns: 1fr;
    gap: 18px !important;
  }
}

/* Kártya alap */
.information-list__card.information-list__grid{
  border: 0 !important;
  border-radius: 26px !important;
  overflow: hidden;             /* EZ fontos: a kép a kártya széléig érjen */
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: transform .22s ease, box-shadow .22s ease;
}

/* Hover prémium emelés */
.information-list__card.information-list__grid:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

/* A bal oldali kép-wrapper ne adjon belső teret */
.information-list-card-image-wrapper{
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* A kattintható kép link is töltse ki a sort, ne legyen “inline” */
.information-list__card-link{
  display: block !important;
}

/* Kép: teljes szélesség, szép vágás, fix arány */
.information__introtext-image{
  display: block !important;
  width: 100% !important;
  height: auto !important;

  /* hogy minden kártyán egységes “hero” képméret legyen */
  aspect-ratio: 16 / 10;
  object-fit: cover;

  transform: scale(1);
  transition: transform .35s ease;
}

/* Kép zoom hover */
.information-list__card.information-list__grid:hover .information__introtext-image{
  transform: scale(1.04);
}

/* Tartalom rész (cím alul) */
.information-list__card-body{
  padding: 16px 18px 18px !important;
}

/* Cím mérete – ne legyen túl nagy */
.information-list__card-title{
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* A cím link stílus */
.information-list__card-title a{
  display: block;
  color: #111 !important;
  font-weight: 800;
  font-size: 18px;              /* kisebb, hogy 3 oszlopban is szellős legyen */
  text-decoration: none !important;
  transition: color .18s ease, text-shadow .18s ease;
}

/* Mobilon picit nagyobb lehet a cím, ott egy oszlop van */
@media (max-width: 768px){
  .information-list__card-title a{
    font-size: 22px;
  }
}

/* Hover: sárga cím + diszkrét “éles” árnyék (nem szétterülő) */
.information-list__card.information-list__grid:hover .information-list__card-title a{
  color: #fdd300 !important;

  /* finom, nem maszatoló hatás */
  text-shadow:
    0 1px 0 rgba(0,0,0,.22),
    0 2px 8px rgba(0,0,0,.10);
}

/* Ha a theme valahol flex/grid kényszeríti a kártyát, ez kisimítja */
.information-list__card.information-list__grid{
  display: flex;
  flex-direction: column;
}
.information-list-card-image-wrapper{
  flex: 0 0 auto;
}
.information-list__card-body{
  flex: 1 1 auto;
}
/* ===== Packtrend – Mennyiségi kedvezmény egységes stílus ===== */

/* Külső LI (biztos célzás, csak erre a komponensre) */
.product-parameter.product-parameter__quantity-discounts {
  margin-top: 16px;
}

/* Maga a box */
.product-parameter__quantity-discounts-wrapper {
  background-color: #fffced !important;
  border: 2px dashed #fdd300 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  box-shadow: none !important;
}

/* Cím */
.product-parameter__quantity-discounts-title {
  display: block;
  text-align: center;
  font-weight: 800;
  margin-bottom: 16px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Kedvezmény sorok */
.quantity-discounts__line {
  background: transparent !important;
  border: none !important;
  padding: 8px 0;
}

/* Elválasztás a sorok között */
.quantity-discounts__line:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* Bal oldal – darabszám */
.quantity-discounts__line-label {
  font-weight: 600;
  color: #222;
  font-size: 14px;
}

/* Jobb oldal – ár */
.quantity-discounts__line-value strong {
  font-weight: 800;
  font-size: 15px;
  color: #000;
}

/* Mobil: maradjon szép, szellős */
@media (max-width: 768px) {
  .quantity-discounts__line {
    align-items: flex-start !important;
    gap: 4px;
  }

  .quantity-discounts__line-value {
    margin-top: 2px;
  }
}
/* ===== Finomhangolás: mobil 1 sor, desktop kisebb térköz, nagyobb cím ===== */

/* Cím: legyen nagyobb */
.product-parameter__quantity-discounts-title {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

/* Sorok: általános térköz csökkentése (desktopon is) */
.product-parameter__quantity-discounts-wrapper .quantity-discounts__line {
  padding: 6px 0 !important;          /* kisebb sortávolság */
  margin: 0 !important;
}

/* Elválasztó: maradjon, de ne "nyújtsa" */
.product-parameter__quantity-discounts-wrapper
  .quantity-discounts__line:not(:last-child) {
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

/* ===== MOBIL: 1 sorban legyen a darabszám + ár ===== */
@media (max-width: 991px) {
  .product-parameter__quantity-discounts-wrapper .quantity-discounts__line {
    flex-direction: row !important;           /* ne oszlop legyen */
    justify-content: space-between !important;/* bal-jobb elrendezés */
    align-items: center !important;
    width: 100%;
  }

  .product-parameter__quantity-discounts-wrapper .quantity-discounts__line-label {
    margin: 0 !important;
    padding: 0 !important;
  }

  .product-parameter__quantity-discounts-wrapper .quantity-discounts__line-value {
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap; /* 800 Ft / db ne törjön */
  }
}
/* =========================================================
   PACKTREND – FŐOLDAL (CSAK 2 RÉSZ)
   1) BLOG MODUL (#module_news_wrapper) – stabil + mobil nagy kép
   2) BIZALMI SÁV (.pt-benefits) – GYIK alatt
========================================================= */


/* =========================================================
   1) PACKTREND – FŐOLDALI BLOG MODUL (FINAL, LETISZTULT)
========================================================= */

/* Mobilon maradhat a sárga doboz */
#module_news_wrapper{
  background:#fffced;
  border:2px dashed #fdd300;
  border-radius:14px;
  padding:20px 16px;
  margin:32px 0;
  box-shadow:0 8px 18px rgba(0,0,0,0.06);
}

/* Desktopon a doboz menjen a belső containerre, ne legyen full width */
@media (min-width: 992px){
  #module_news_wrapper{
    background:transparent;
    border:0;
    box-shadow:none;
    padding:0;
    margin:48px 0;
  }

  #module_news_wrapper #news.module.container{
    background:#fffced;
    border:2px dashed #fdd300;
    border-radius:14px;
    padding:32px 48px;
    box-shadow:0 10px 26px rgba(0,0,0,0.06);
  }
}

/* Head szövegek */
#module_news_wrapper .module-head{ margin-bottom:10px; }
#module_news_wrapper .module-head-title{ margin-bottom:10px; }
#module_news_wrapper .news-pretext{ margin-bottom:18px; opacity:.92; }

/* Kártya */
#module_news_wrapper .news-card{
  background:#fff;
  border:1px solid #ececec;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
@media (hover:hover) and (pointer:fine){
  #module_news_wrapper .news-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(0,0,0,.10);
    border-color:rgba(0,0,0,.10);
  }
}

/* Felépítés */
#module_news_wrapper .news-card-wrapper{
  display:flex;
  flex-direction:column;
  height:100%;
}
#module_news_wrapper .news-card-left,
#module_news_wrapper .news-card-right{
  width:100%;
  max-width:100%;
}

/* KÉP – DESKTOP: belső margó + lekerekítés + 16:9 */
@media (min-width:577px){
  #module_news_wrapper .news-card-image-wrapper{
    margin:14px 14px 0 14px;
    border-radius:14px;
    overflow:hidden;
    aspect-ratio:16/9;
    background:#f4f4f4;
  }

  #module_news_wrapper .news-card__image,
  #module_news_wrapper .news-card-image-wrapper img,
  #module_news_wrapper .news-card-image-wrapper picture img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center !important;
    max-width:100% !important;
    margin:0 !important;
  }
}

/* KÉP – MOBIL: nagy kép, keretig ér (felül+oldalt), stabilan nem lóg ki */
@media (max-width:576px){

  #module_news_wrapper,
  #module_news_wrapper *{ box-sizing:border-box; }

  /* slick belső elemek ne engedjenek túlfutást */
  #module_news_wrapper .js-news-scroller,
  #module_news_wrapper .slick-list,
  #module_news_wrapper .slick-track,
  #module_news_wrapper .slick-slide{
    overflow:hidden !important;
  }

  /* kép wrapper: 0 margin -> a kép a kártya széléig ér */
  #module_news_wrapper .news-card-image-wrapper{
    margin:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:16/10 !important;  /* nagy, látványos kép */
    background:#f4f4f4;
  }

  /* a link/figure se legyen inline */
  #module_news_wrapper .news-card-image-wrapper a,
  #module_news_wrapper .news-card-image-wrapper figure{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  /* kép: cover (nagy és stabil, nem lóg ki) */
  #module_news_wrapper .news-card__image,
  #module_news_wrapper .news-card-image-wrapper img,
  #module_news_wrapper .news-card-image-wrapper picture img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}

/* Tartalom */
#module_news_wrapper .news-card-right{
  padding:12px 14px 14px 14px;
  display:flex;
  flex-direction:column;
  flex:1;
}
#module_news_wrapper .news-card__body{ padding:0; flex:1; }
#module_news_wrapper .news-card__footer{ margin-top:auto; padding-top:12px; }

/* Cím */
#module_news_wrapper .news-card__title a{
  font-size:18px;
  line-height:1.22;
  font-weight:800;
  letter-spacing:-.1px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
@media (max-width:576px){
  #module_news_wrapper .news-card-right{ padding:12px 14px 14px 14px; }
  #module_news_wrapper .news-card__title a{
    font-size:16px;
    line-height:1.18;
    -webkit-line-clamp:4;
  }
}

/* Gomb – "Elolvasom" */
#module_news_wrapper .news-card__footer-button{
  background:#fdd300 !important;
  border-color:#fdd300 !important;
  color:#111 !important;
  font-weight:800 !important;
  border-radius:999px !important;
  padding:12px 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  font-size:0 !important;
}
#module_news_wrapper .news-card__footer-button::before{
  content:"Elolvasom";
  font-size:14px;
  font-weight:800;
  color:#111;
}
#module_news_wrapper .news-card__footer-button .btn-arrow-icon{
  position:static !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.85) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#module_news_wrapper .news-card__footer-button .btn-arrow-icon svg{ display:block; }

/* Desktop: 2 kártya */
@media (min-width:992px){
  #module_news_wrapper .js-news-scroller.slick-initialized .slick-track{ display:flex !important; }
  #module_news_wrapper .js-news-scroller.slick-initialized .slick-slide{ width:50% !important; height:auto; }
  #module_news_wrapper .news-card{ margin:0 8px; }
  #module_news_wrapper .long-slick-arrow-prev{ left:-10px; }
  #module_news_wrapper .long-slick-arrow-next{ right:-10px; }
}

/* Slider nyilak: ne fehéredjen */
#module_news_wrapper .custom-slick-arrow,
#module_news_wrapper .custom-slick-arrow svg{
  color:#111 !important;
}
#module_news_wrapper .custom-slick-arrow{
  background:rgba(255,255,255,0.55);
  border-radius:999px;
  padding:10px;
}
#module_news_wrapper .custom-slick-arrow:hover{
  background:rgba(255,255,255,0.75);
}
/* =========================================================
   2) PACKTREND – BIZALMI SÁV (GYIK alatt) – FINAL
========================================================= */

.pt-benefits{
  background: rgba(255, 214, 0, 0.08);
  border: 2px dashed #fdd300;
  border-radius: 18px;
  padding: 18px;
  margin: 18px 0;

  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

@media (min-width: 992px){
  .pt-benefits{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
  }
}

.pt-benefit-item{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 8px;
  min-width: 0;
}

.pt-benefit-icon{
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pt-benefit-icon img{
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  display: block !important;
}

.pt-benefit-text{
  min-width: 0;
  padding-left: 14px;
  border-left: 1px solid rgba(0,0,0,0.10);
}

.pt-benefit-text strong{
  display:block;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 6px 0;
}

.pt-benefit-text p{
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (max-width: 576px){
  .pt-benefits{ padding: 16px; }

  .pt-benefit-item{
    gap: 12px;
    padding: 8px 0;
  }

  .pt-benefit-icon{
    width: 64px;
    height: 64px;
    flex-basis: 64px;
  }

  .pt-benefit-icon img{
    width: 64px !important;
    height: 64px !important;
  }

  .pt-benefit-text{
    padding-left: 12px;
  }
}
/* =========================================================
   PACKTREND – NÉPSZERŰ KATEGÓRIÁK (module_categoryoffer_wrapper)
   (CSS változók nélkül – Shoprenter kompatibilis)
   Desktop: kártyás grid (kép felül, név alul középen)
   Mobil: alacsony lista (kép balra, név jobbra)
   Full-width fekete kifutó háttér
========================================================= */

#module_categoryoffer_wrapper{
  position: relative;
  margin: 28px 0;
  padding: 24px 0; /* DESKTOP sáv magasság – ha még kisebb kell: 20px */
}

#module_categoryoffer_wrapper::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#0b0b0b;
  z-index:0;
}

#module_categoryoffer_wrapper #categoryoffer{
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* CÍM */
#module_categoryoffer_wrapper .module-head{
  margin: 0 0 18px 0 !important;
}
#module_categoryoffer_wrapper .module-head-title{
  color:#fff !important;
  text-align:center !important;
  font-weight: 900 !important;
  margin: 0 0 22px 0 !important;
}

/* Belső max szélesség + középre */
#module_categoryoffer_wrapper .module-body{
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* ---------------------------------
   DESKTOP / TABLET: GRID
--------------------------------- */
#module_categoryoffer_wrapper .categoryoffer-grid{
  display: grid !important;
  gap: 18px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (min-width: 768px){
  #module_categoryoffer_wrapper .categoryoffer-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px){
  #module_categoryoffer_wrapper .categoryoffer-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* Kártya */
#module_categoryoffer_wrapper .categoryoffer-card{
  background: #fff !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;

  box-shadow: 0 10px 22px rgba(0,0,0,.28) !important;
  transform: translateY(0) scale(1);
  transition: transform .18s ease, box-shadow .18s ease;
}

/* Hover */
@media (hover:hover) and (pointer:fine){
  #module_categoryoffer_wrapper .categoryoffer-card:hover{
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 18px 38px rgba(0,0,0,.38) !important;
  }
  #module_categoryoffer_wrapper .categoryoffer-card:hover .categoryoffer-card__title{
    color:#111 !important; /* ne tűnjön el */
  }
}

/* Kép – nagyobb, nincs keret */
#module_categoryoffer_wrapper .categoryoffer-card__image-wrapper{
  display: block !important;
  padding: 16px 16px 10px 16px !important;
}

#module_categoryoffer_wrapper .categoryoffer-card__image{
  width: 100% !important;
  height: 170px !important;
  object-fit: contain !important;
  display: block !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#module_categoryoffer_wrapper .img-bordered{
  border: 0 !important;
  box-shadow: none !important;
}

/* Név – középre */
#module_categoryoffer_wrapper .categoryoffer-card__body{
  padding: 0 16px 16px 16px !important;
}
#module_categoryoffer_wrapper .categoryoffer-card__title{
  margin: 0 !important;
  text-align: center !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  color: #111 !important;
}

/* Link ne színezzen */
#module_categoryoffer_wrapper .categoryoffer-card a,
#module_categoryoffer_wrapper .categoryoffer-card a:hover,
#module_categoryoffer_wrapper .categoryoffer-card a:focus{
  color: inherit !important;
}

/* ---------------------------------
   MOBIL: alacsony LISTA (kép balra, név jobbra)
--------------------------------- */
@media (max-width: 575px){

  #module_categoryoffer_wrapper{
    margin: 18px 0 !important;
    padding: 14px 0 !important; /* MOBIL sáv magasság */
  }

  #module_categoryoffer_wrapper .module-body{
    padding: 0 14px !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card{
    flex-direction: row !important;
    align-items: center !important;
    border-radius: 20px !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__image-wrapper{
    padding: 12px 0 12px 14px !important;
    flex: 0 0 auto !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__image{
    width: 74px !important;
    height: 54px !important;
    object-fit: contain !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__body{
    padding: 12px 14px !important;
    flex: 1 1 auto !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__title{
    text-align: left !important;
    font-size: 18px !important; /* ha kisebb kell: 16px */
    line-height: 1.15 !important;
  }
}
/* =========================================================
   PACKTREND – NÉPSZERŰ KATEGÓRIÁK finomhangolás (override)
   Célok:
   - Mobil: alacsonyabb sorok + tap/hover effekt
   - Desktop: kevesebb felső fekete tér, kicsit több alsó
   - Kategórianév tényleg középre (desktop)
========================================================= */

/* ---------- DESKTOP / ÁLTALÁNOS SÁV ARÁNYOK ---------- */
#module_categoryoffer_wrapper{
  margin: 22px 0 !important;
  padding: 16px 0 30px 0 !important;  /* felül kevesebb, alul több */
}

/* CÍM: feljebb + kisebb alatta a gap */
#module_categoryoffer_wrapper .module-head{
  margin: 0 0 10px 0 !important;
}
#module_categoryoffer_wrapper .module-head-title{
  margin: 0 0 14px 0 !important;
  padding-top: 0 !important;
  line-height: 1.15 !important;
}

/* GRID: picit “levegősebb”, de ne tolja le túl mélyre */
#module_categoryoffer_wrapper .categoryoffer-grid{
  gap: 16px !important;
  align-items: start !important;
}

/* ---------- DESKTOP: KATEGÓRIA NÉV KÖZÉPRE (BIZTOSRA) ---------- */
/* Sok témában a body vagy a cím kap text-align:left-et.
   Ezért a body-ra is ráütünk, és a title-ra is. */
#module_categoryoffer_wrapper .categoryoffer-card__body{
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}

#module_categoryoffer_wrapper .categoryoffer-card__title{
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* ---------- HOVER / FÓKUSZ (DESKTOP EGÉRREL) ---------- */
@media (hover:hover) and (pointer:fine){
  #module_categoryoffer_wrapper .categoryoffer-card:hover{
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.38) !important;
  }
  #module_categoryoffer_wrapper .categoryoffer-card:focus-within{
    box-shadow: 0 0 0 3px rgba(255,204,0,.55), 0 18px 38px rgba(0,0,0,.28) !important;
  }
}

/* ---------- MOBIL: ALACSONYABB LISTA + TAP EFFEKT ---------- */
@media (max-width: 575px){

  #module_categoryoffer_wrapper{
    margin: 16px 0 !important;
    padding: 12px 0 18px 0 !important;
  }

  /* kicsit sűrűbb lista */
  #module_categoryoffer_wrapper .categoryoffer-grid{
    gap: 10px !important;
  }

  /* alacsonyabb sor – kevesebb padding + kisebb kép */
  #module_categoryoffer_wrapper .categoryoffer-card{
    border-radius: 18px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__image-wrapper{
    padding: 10px 0 10px 12px !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__image{
    width: 64px !important;
    height: 44px !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__body{
    padding: 10px 12px !important;
    text-align: left !important;   /* mobilon maradjon olvasható balra */
    justify-content: flex-start !important;
  }

  #module_categoryoffer_wrapper .categoryoffer-card__title{
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  /* Tap/“hover” effekt mobilon: nyomásra és fókuszra */
  #module_categoryoffer_wrapper .categoryoffer-card:active{
    transform: scale(0.98) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.26) !important;
  }

  /* Ha a kártyában a link kap fókuszt (billentyűzet / egyes mobilok) */
  #module_categoryoffer_wrapper .categoryoffer-card:focus-within{
    box-shadow: 0 0 0 3px rgba(255,204,0,.55), 0 10px 22px rgba(0,0,0,.22) !important;
  }
}
/* DESKTOP fekete sáv arány javítás */
@media (min-width: 768px){
  #module_categoryoffer_wrapper{
    padding: 1px 0 60px 0 !important;
  }
}
/* Konténer középre */
.youtube-videos {
    display: flex;
    justify-content: center;
}

/* Videó szélesebb */
.youtube_videos_item {
    max-width: 900px; /* itt tudod növelni */
    width: 100%;
}

/* iframe kitöltse */
.youtube_videos_item iframe {
    width: 100%;
    height: 500px; /* növeld igény szerint */
}
#module_productyoutubevideo_wrapper .module-head-title {
    color: transparent;
    font-size: 0;
    line-height: 1.2;
}

#module_productyoutubevideo_wrapper .module-head-title::before {
    content: "Videó";
    color: #000;
    font-size: 32px;
    font-weight: 600;
}
#module_productyoutubevideo_wrapper .module-head-title {
    text-indent: -9999px;
    overflow: hidden;
    text-align: center;
}

#module_productyoutubevideo_wrapper .module-head-title::before {
    content: "Videó";
    text-indent: 0;
    display: block;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #000;
}