body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
  color: #111827;

  /* Fallback egyszínű háttér */
  background-color: #f5f3f0;

  /* Halvány overlay + minta együtt */
  background-image:
    linear-gradient(
      rgba(245, 243, 240, 0.48),  /* halvány bézs fátyol */
      rgba(245, 243, 240, 0.48)
    ),
    url('../img/body-bg.avif');

  background-repeat: repeat;      /* ismétlődjön minden irányban */
  background-size: 260px 260px;   /* finomabb, nem túl sűrű minta */
}



/* Külső tér a kártya körül */
.bd-site-header {
  padding: 32px 16px 32px;
}

/* Nagy kártya: TELJES HÁTTÉR = KÉP */
.bd-header-inner {
  max-width: 80%;
  margin: 0 auto;
  border-radius: 32px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
  padding: 20px 28px 40px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-height: 60px;

  background-image: var(--hero-img);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  position: relative;
  overflow: hidden;
}


/* Világos overlay a kép fölött (bal oldalon erősebb) */
.bd-header-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  /* EGYSÉGES, ÁTTETSZŐ BÉZS FÓLIA – NINCS VERTIKÁLIS VÁGÁS */
  background: rgba(242, 239, 234, 0.38);
    border-radius: 32px;
  z-index: 0;
}


/* Tartalom mindig az overlay fölött */
.bd-header-top,
.bd-header-hero {
  position: relative;
  z-index: 1;
}

/* Felső sor – nav */

.bd-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 32px;
}

.bd-header-left {
  flex: 0 0 auto;
}

.bd-logo {
  font-weight: 600;
  font-size: 1.2rem;
  text-decoration: none;
  color: #111827;
}

.bd-header-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

.bd-menu {
  display: flex;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bd-menu > li > a {
  text-decoration: none;
  font-size: 1rem;
  color: #4b5563;
  transition: color .2s ease;
}

.bd-menu > li.current-menu-item > a,
.bd-menu > li > a:hover {
  color: #7750b7;

  text-decoration-line: underline;
  text-decoration-color: #7750b7;
  text-decoration-thickness: 3px;   /* <- vastagabb */
  text-underline-offset: 6px;       /* <- lejjebb */
  text-decoration-skip-ink: none;   /* opcionális: ne “ugráljon” a betűknél */

  border-radius: 20px;
  padding: 5px 10px;
}

.bd-header-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.bd-search {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  min-width: 220px;
  max-width: 260px;
  box-shadow: 0 8px 20px rgba(148, 163, 184, 0.25);
}

.bd-search input {
  border: none;
  background: transparent;
  outline: none;
  font-size: 0.9rem;
  flex: 1;
}

.bd-search button {
  border: none;
  background: transparent;
  cursor: pointer;
}

.bd-icon-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.18);
}

.bd-menu-toggle {
  display: none;
}

/* HERO szöveg – bal oldalon */

/* HERO szöveg – bal oldalon, függőlegesen középen */

.bd-header-hero {
  flex: 1;                 /* kitölti a header maradék magasságát */
  display: flex;
  align-items: center;     /* VERTIKÁLIS közép */
}

.bd-hero-text {
  max-width: 480px;
}


.bd-hero-text {
  max-width: 680px;
}

.bd-hero-text h1 {
  font-size: 2.7rem;
  line-height: 1.15;
  margin: 0 0 16px;
  letter-spacing: -0.03em;
}

.bd-hero-text p {
  margin: 0 0 24px;
  font-size: 1rem;
  color: #4b5563;
}

.bd-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.95rem;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.35);
}

/* Mobil */

.bd-mobile-menu {
  display: none;
}

@media (max-width: 960px) {
  .bd-site-header {
    padding: 24px 12px 40px;
  }

  .bd-header-inner {
    padding: 16px 18px 24px;
    min-height: 320px;
  }

  /* Mobilon az overlay inkább felül erősebb, alul látszódjon jobban a kép */
  .bd-header-inner::before {
    background: linear-gradient(
      to bottom,
      rgba(242, 239, 234, 0.98) 0 55%,
      rgba(242, 239, 234, 0.35) 55% 100%
    );
  }

  .bd-header-nav,
  .bd-search {
    display: none;
  }

  .bd-menu-toggle {
    display: flex;
  }

  .bd-hero-text h1 {
    font-size: 2.1rem;
  }

  .bd-mobile-menu {
    display: none;
    max-width: 1200px;
    margin: 12px auto 0;
    padding: 16px 20px;
    background: #f2efea;
    border-radius: 24px;
  }

  .bd-mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  body.bd-menu-open .bd-mobile-menu {
    display: block;
  }
}
.bd-header-inner {
  max-width: 80%;
  margin: 0 auto;
  border-radius: 32px;
  padding: 20px 28px 40px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-height: 40px;

  background-image: var(--hero-img);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  position: relative;
  overflow: hidden;

  /* EZT CSERÉLD / ADD HOZZÁ: */
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.35),   /* erősebb, mélyebb árnyék */
    0 0 0 1px rgba(255, 255, 255, 0.8);   /* vékony világos keret */
}
.bd-logo-img {
  height: 72px;      /* vagy ami jól néz ki */
  width: auto;
  display: block;
}
.bd-search {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;

  /* fekete keret */
  border: 2px solid #111827;

  /* maradjon fehér alap */
  background: #ffffff;

  min-width: 220px;
  max-width: 290px;
  box-shadow: 0 8px 20px rgba(148, 163, 184, 0.25);
}

/* nagyon halvány belső overlay */
.bd-search::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: rgba(17, 24, 39, 0.03); /* alig látható sötétebb fátyol */
  pointer-events: none;
}
.bd-search {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;

  border: 2px solid #111827; /* fekete keret */
  background: #ffffff;

  min-width: 220px;
  max-width: 290px;
  box-shadow: 0 8px 20px rgba(148, 163, 184, 0.25);
}

.bd-search::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: rgba(17, 24, 39, 0.03); /* nagyon halvány overlay */
  pointer-events: none;
}

.bd-search {
  background: rgba(255, 255, 255, 0.22) !important;
  outline: none;
  font-size: 0.9rem;
  flex: 1;
}

.bd-search button {
  background: transparent;
  cursor: pointer;
  padding: 0;
}

/* ikon gomb + ikon méret */
.bd-icon-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.32);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.18);
}

.bd-icon-img {
  width: 24px;
  height: 24px;
  display: block;
}



/* ===========================
   DESKTOP DROPDOWN SUBMENÜ – FIX
   =========================== */

/* a fő menüpontok pozíció-referenciák + a hero fölött legyenek */
.bd-header-top {
  position: relative;
  z-index: 50;
}

.bd-menu {
  display: flex;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bd-menu > li {
  position: relative;
}

/* SUBMENÜ ALAPÁLLAPOT */
.bd-menu .sub-menu {
  position: absolute;
  top: 100%;          /* közvetlenül alatta, rés NINCS */
  left: 0;
  margin-top: 6px;
  list-style: none;
  padding: 10px 12px;

  min-width: 160px;
  border-radius: 18px;
  background: rgba(242, 239, 234, 0.96);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.85);

  display: flex;
  flex-direction: column;
  gap: 4px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .16s ease, visibility .16s ease, transform .16s ease;

  z-index: 90; /* hero fölé */
}

/* opcionális híd – de nem ez tartja nyitva, csak segít */
.bd-menu .sub-menu::before {
  content: "";
  position: absolute;
  left: -12px;
  right: -12px;
  top: -24px;
  height: 24px;
  background: transparent;
}

/* HOVER / FÓKUSZ – ÉS MAGA A SUBMENÜ IS TARTSA NYITVA */
.bd-menu > li:hover > .sub-menu,
.bd-menu > li:focus-within > .sub-menu,
.bd-menu .sub-menu:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* linkek a kártyában */
.bd-menu .sub-menu a {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  font-size: 0.9rem;
  color: #374151;
  text-decoration: none;
  border-radius: 999px;
  white-space: nowrap;
  transition: background .18s ease, color .18s ease, transform .12s ease;
}

.bd-menu .sub-menu a:hover,
.bd-menu .sub-menu li.current-menu-item > a {
  background: #6F2DA8;
  color: #ffffff;
  transform: translateY(-1px);
}

/* kis nyíl a szülő menüponthoz – maradhat ugyanaz, csak ide húzom: */
.bd-menu > li.menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* SZEBB CHEVRON NYÍL */
.bd-menu > li.menu-item-has-children > a::after{
  content:"";
  width: 7px;
  height: 7px;
  margin-left: 6px;

  /* chevron: két vonal */
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;

  transform: translateY(-1px) rotate(45deg); /* lefelé mutat */
  opacity: .85;
  transition: transform .18s ease, opacity .18s ease;
}

/* hover / fókusz: felfelé álljon */
.bd-menu > li.menu-item-has-children:hover > a::after,
.bd-menu > li.menu-item-has-children:focus-within > a::after{
  transform: translateY(2px) rotate(-135deg);
  opacity: 1;
}


/* ===========================
   MOBIL MENÜ SUBMENÜ
   =========================== */

@media (max-width: 960px) {
  .bd-mobile-menu .sub-menu {
    position: static;
    transform: none;
    margin-top: 4px;
    padding-left: 14px;
    list-style: none;
    border-left: 2px solid rgba(156, 163, 175, 0.4);
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .bd-mobile-menu .sub-menu a {
    padding: 4px 0;
    border-radius: 0;
    font-size: 0.95rem;
  }
}
/* ==========================
   SEARCH EXPAND (overlay flyout) + LIVE DROPDOWN
   ========================== */

.bd-header-top{ position: relative; }
.bd-header-right{ position: relative; z-index: 50; }

/* A form fix helyet foglal -> NEM tolja el a menüt */
.bd-search{
  position: relative;
  width: 260px;
  flex: 0 0 260px;
  height: 38px;
}

/* A "pill" doboz, EZ nyúlik ki overlay-ben */
.bd-search-fly{
  position: absolute;
  right: 0;
  top: 0;
  height: 38px;
  width: 260px;

  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 12px;

  border-radius: 999px;
  background: rgba(242, 239, 234, 0.96);
  border: 1px solid rgba(17,24,39,.25);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.12);

  transition: width .22s ease;
  z-index: 9999;
}

/* Input a flyoutban */
.bd-search-fly input{
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 14px;
}

/* Kereső gomb */
.bd-search-fly button{
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(17,24,39,.06);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.bd-search-fly button:hover{
  background: rgba(17,24,39,.10);
}

/* NYITOTT állapot: a flyout nyúlik (nem a menüt tolja!) */
.bd-search.is-open{
  z-index: 99999;
}
.bd-search.is-open .bd-search-fly{
  width: var(--open-w, 520px);
}

/* Dropdown panel */
.bd-search-dropdown{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: var(--open-w, 520px);

  padding: 10px;
  border-radius: 16px;
  background: rgba(242, 239, 234, 0.98);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(255,255,255,.85);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s;

  z-index: 9999;
}

.bd-search.is-open .bd-search-dropdown{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

/* belső layout */
.bd-search-dd-inner{
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 10px;
}

.bd-search-dd-title{
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .7;
  margin: 6px 6px 8px;
}

.bd-search-dd-list{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bd-search-dd-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  text-decoration: none;
  color: #111827;
  background: rgba(255,255,255,.55);
  transition: transform .12s ease, background .12s ease;
}
.bd-search-dd-item:hover{
  background: rgba(17,24,39,.08);
  transform: translateY(-1px);
}
.bd-search-dd-item.is-empty{
  opacity: .65;
  pointer-events: none;
}

.bd-search-dd-thumb{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  object-fit: cover;
  flex: 0 0 auto;
}

.bd-search-dd-name{
  font-size: 14px;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bd-search-dd-price{
  font-size: 12px;
  opacity: .75;
  margin-top: 2px;
}

/* ne vágja le semmi */
.bd-site-header, .bd-header-inner{ overflow: visible !important; }

/* =========================================
   SEARCH – végleges (flyout + live dropdown)
   - a form nem látszik (csak helyet foglal)
   - a "pill" kinézet a .bd-search-fly-on van
   ========================================= */

.bd-header-top{ position: relative; }
.bd-header-right{ position: relative; z-index: 50; }

/* 1) A form csak helyet foglal – NE legyen keret/háttér/árnyék */
.bd-search{
  position: relative !important;
  width: 260px !important;
  flex: 0 0 260px !important;
  height: 38px !important;

  display: block !important;
  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
  max-width: none !important;
}
.bd-search::before{ content: none !important; }

/* 2) A "pill" doboz (EZ nyúlik ki) */
.bd-search-fly{
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;

  height: 20px !important;              /* <-- FIX: 20px helyett 38px */
  width: 260px !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 8px 12px !important;
  border-radius: 999px !important;

  border: 2px solid #111827 !important;
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 8px 20px rgba(148, 163, 184, 0.25) !important;

  z-index: 9999 !important;
  transition: width .22s ease !important;
}

/* halvány belső overlay */
.bd-search-fly::before{
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: inherit !important;
  background: rgba(17, 24, 39, 0.03) !important;
  pointer-events: none !important;
}

/* 3) Input */
.bd-search-fly input{
  position: relative !important;
  z-index: 1 !important;

  border: 0 !important;
  background: transparent !important;
  outline: none !important;

  font-size: 0.9rem !important;
  flex: 1 !important;
  min-width: 0 !important;
  height: 100% !important;
  color: #111827 !important;
}

/* 4) Button */
.bd-search-fly button{
  position: relative !important;
  z-index: 1 !important;

  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  padding: 0 !important;

  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

.bd-search.is-expanded .bd-search-fly{
  width: var(--open-w, 520px) !important;
}

/* 6) Dropdown */
.bd-search-dropdown{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: var(--open-w, 520px) !important;

  padding: 10px;
  border-radius: 16px;
  background: rgba(242, 239, 234, 0.98);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(255,255,255,.85);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s;

  z-index: 9999;
}

.bd-search.is-open .bd-search-dropdown{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

/* dropdown layout */
.bd-search-dd-inner{
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 10px;
}

.bd-search-dd-title{
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .7;
  margin: 6px 6px 8px;
}

.bd-search-dd-list{
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bd-search-dd-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  text-decoration: none;
  color: #111827;
  background: rgba(255,255,255,.55);
  transition: transform .12s ease, background .12s ease;
}

.bd-search-dd-item:hover{
  background: rgba(17,24,39,.08);
  transform: translateY(-1px);
}

.bd-search-dd-item.is-empty{
  opacity: .65;
  pointer-events: none;
}

.bd-search-dd-thumb{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  object-fit: cover;
  flex: 0 0 auto;
}

.bd-search-dd-name{
  font-size: 14px;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bd-search-dd-price{
  font-size: 12px;
  opacity: .75;
  margin-top: 2px;
}

/* ne vágja le semmi */
.bd-site-header, .bd-header-inner{ overflow: visible !important; }

/* =========================
   MINI CART (HEADER)
   ========================= */

.pp-cart-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.pp-cart-badge{
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #111827;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: none;        /* JS kapcsolja */
  place-items: center;
  box-shadow: 0 10px 22px rgba(15,23,42,.18);
}

.pp-mini-cart{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 360px;
  max-width: min(360px, 92vw);

  background: rgba(242, 239, 234, 0.98);
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .10s ease, transform .10s ease, visibility 0s linear .10s;

  z-index: 9999;
  padding: 12px;
}

.pp-cart-wrap.is-open .pp-mini-cart{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.pp-mini-cart-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.pp-mini-cart-title{
  font-weight: 800;
  color: #111827;
}

.pp-mini-cart-close{
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  background: transparent;
  color: red;
  margin-right: 15px;
}
.pp-mini-cart-close:hover{ text-decoration: underline; }

.pp-mini-cart-empty{
  background: rgba(255,255,255,.55);
  border-radius: 14px;
  padding: 10px 12px;
  color: #374151;
}

.pp-mini-cart-items{
  display:flex;
  flex-direction: column;
  gap: 8px;
}

.pp-mini-cart-item{
  display:flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
  color: inherit;
  background: rgba(255,255,255,.55);
  border-radius: 14px;
  padding: 10px;
  transition: transform .12s ease, background .12s ease;
}
.pp-mini-cart-item:hover{
  background: rgba(17,24,39,.06);
  transform: translateY(-1px);
}

.pp-mini-cart-thumb{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  overflow:hidden;
  flex: 0 0 auto;
  background: rgba(0,0,0,.06);
  display:grid;
  place-items:center;
}
.pp-mini-cart-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.pp-mini-cart-meta{ min-width:0; }
.pp-mini-cart-name{
  font-weight: 700;
  font-size: 13px;
  color:#111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pp-mini-cart-sub{
  font-size: 12px;
  color:#4b5563;
  margin-top: 2px;
}
.pp-mini-cart-dot{ margin: 0 6px; opacity:.6; }

.pp-mini-cart-more{
  font-size: 12px;
  opacity: .75;
  padding: 6px 2px 2px;
}

.pp-mini-cart-foot{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
}

.pp-mini-cart-total{
  font-size: 13px;
  color:#111827;
}

.pp-mini-cart-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  background: #6F2DA8;
  color:#fff;
  text-decoration:none;
  font-weight: 700;
  font-size: 13px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.20);
}
/* panel legyen kicsit közelebb */
.pp-mini-cart{
  top: calc(100% + 6px); /* volt 10px */
}

/* láthatatlan "híd", hogy ne zárjon be amikor átmész az ikonról a panelre */
.pp-mini-cart::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-8px;
  height:8px;
  background: transparent;
}
.pp-cart-confirm{
  position: fixed;
  inset: 0;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .14s ease, visibility 0s linear .14s;
}

.pp-cart-confirm.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.pp-cart-confirm__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.35);
  backdrop-filter: blur(4px);
}

.pp-cart-confirm__box{
  position: absolute;
  right: 40px;
  top: 110px;
  width: min(360px, calc(100vw - 24px));
  background: rgba(242,239,234,.98);
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15,23,42,.22);
  padding: 14px;
}

.pp-cart-confirm__title{
  font-weight: 700;
  color: #111827;
  margin-bottom: 6px;
}

.pp-cart-confirm__desc{
  font-size: 13px;
  color: rgba(17,24,39,.72);
  margin-bottom: 12px;
}

.pp-cart-confirm__actions{
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.pp-btn-danger{
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: #111827;
  color: #fff;
  cursor: pointer;
}
.pp-btn-secondary{
  border: 1px solid rgba(17,24,39,.18);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.65);
  color: #111827;
  cursor: pointer;
}
/* ==========================
   ACCOUNT DROPDOWN – a TE stílusodban
   ========================== */

.bd-account{
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* ugyanaz az "üveg" kártya mint a search/mini-cart */
.bd-account-dd{
  position: absolute;
  right: 0;
  top: calc(100% + 6px);                 /* közelebb */
  width: 260px;                           /* fix, szebb */
  max-width: min(260px, 92vw);

  padding: 10px;
  border-radius: 18px;
  background: rgba(242, 239, 234, 0.98);
  border: 1px solid rgba(255,255,255,.85);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;

  z-index: 9999;
}

/* "híd" hogy ne villogjon hovernél (ikon -> panel) */
.bd-account-dd::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-8px;
  height:8px;
  background: transparent;
}

.bd-account.is-open .bd-account-dd{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

/* linkek: ugyanaz a “pill” mint a dropdown itemek */
.bd-account-link{
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 10px 12px;
  border-radius: 14px;
  text-decoration: none;
  color: #111827;

  background: transparent;
  transition: transform .12s ease, background .12s ease;
}

.bd-account-link:hover{
  border-radius: 999px;
  color: #fff;
  background: #6F2DA8;
  transform: translateY(-1px);
}

/* opcionális “kijelentkezés” halványabb */
.bd-account-link.is-muted{
  opacity: 1;
}

/* ha szeretnéd, hogy a fő gomb legyen kiemelve nyitva */
.bd-account.is-open .bd-account-btn{
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.20);
}



/* ===========================
   DROP DOWN SZÜLŐ: NINCS HOVER
   (és nem kattintható)
   =========================== */

/* több menü osztályt is lefedünk */
.bd-menu > li.menu-item-has-children:hover,
.bd-menu > li.menu-item-has-children:hover > a,
.menu > li.menu-item-has-children:hover,
.menu > li.menu-item-has-children:hover > a,
nav ul > li.menu-item-has-children:hover,
nav ul > li.menu-item-has-children:hover > a{
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* a szülő link ne legyen kattintható, de a dropdown működjön */
.bd-menu > li.menu-item-has-children > a,
.menu > li.menu-item-has-children > a,
nav ul > li.menu-item-has-children > a{
  pointer-events: none;   /* nem kattintható */
  cursor: default;
}



/* ===== Fix: a menü NE ugorjon lejjebb aktív oldalon ===== */

/* a menüsor legyen fixen középre igazítva */
.bd-menu{
  display:flex;
  align-items:center;
}

/* li-k is középre */
.bd-menu > li{
  display:flex;
  align-items:center;
}

/* a linkek mérete legyen mindig ugyanaz (border helye foglalva) */
.bd-menu > li > a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  padding:10px 14px;
  border:2px solid transparent;   /* <-- EZ a lényeg */
  box-sizing:border-box;
}

/* aktív állapot csak színt változtat, méretet nem */
.bd-menu > li.current-menu-item > a,
.bd-menu > li.current_page_item > a,
.bd-menu > li.current-menu-ancestor > a,
.bd-menu > li.current-menu-parent > a{
  color: #7750b7;

  text-decoration-line: underline;
  text-decoration-color: #7750b7;
  text-decoration-thickness: 3px;   /* <- vastagabb */
  text-underline-offset: 6px;       /* <- lejjebb */
  text-decoration-skip-ink: none;   /* opcionális: ne “ugráljon” a betűknél */

  border-radius: 20px;
  padding: 5px 10px;
}

/* =========================
   MENU FIX: ne tolja szét hoverre / aktívra
   ========================= */

.bd-menu{
  display:flex;
  align-items:center;
  gap: 26px;                 /* finomabb mint a 32 */
}

/* stabil méret, NINCS ugrálás */
.bd-menu > li > a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:1;
  padding: 10px 14px !important;   /* <-- fix padding MINDIG */
  border-radius: 999px;
  box-sizing: border-box;
  text-decoration: none;
  color: #4b5563;
  transition: color .18s ease, background .18s ease;
}

/* hover + aktív: csak szín + underline + háttér, padding nem változik */
.bd-menu > li > a:hover,
.bd-menu > li.current-menu-item > a,
.bd-menu > li.current_page_item > a,
.bd-menu > li.current-menu-ancestor > a,
.bd-menu > li.current-menu-parent > a{
  color: #7750b7;
  background: rgba(111, 45, 168, 0.10);

  text-decoration: underline;
  text-decoration-color: #7750b7;
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
  text-decoration-skip-ink: none;
}

/* a régi szabályaidban lévő padding:5px 10px ne tudjon érvényesülni */
.bd-menu > li.current-menu-item > a,
.bd-menu > li.current_page_item > a,
.bd-menu > li.current-menu-ancestor > a,
.bd-menu > li.current-menu-parent > a{
  padding: 10px 14px !important;
}
/* TERMÉKNÉV: 2 sor, ne 1 */
.bd-search-dd-name{
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;   /* max 2 sor */
  line-height: 1.2 !important;
  max-height: calc(1.2em * 2) !important;
}