/*
 Theme Name:   BounceShop
 Theme URI:    https://legvarbolt.hu
 Description:  Egyedi child theme a GeneratePress alapokon, BounceShop weboldalhoz.
 Author:       Halász-Kovács Nóra
 Author URI:   https://halaszkovacsnora.hu
 Template:     generatepress
 Version:      0.3
*/

/* -----------------------
   Google Font
------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap');

/* -----------------------
   Változók
------------------------ */
:root{
  --body-bg: #FBFBFB;
  --body-txt: #1A1A1A;
  --yellow:  #FDD514;
  --yellow-hover: #E3BE0E;
  --green:  #7CDE40;
  --overlay-green: #679128;
}

/* -----------------------
   Alapok
------------------------ */
*,
*::before,
*::after{ box-sizing: border-box; }

html{ font-size: 1.25vw; }                 /* ~24px desktopon */
@media (max-width:1281px){ html{ font-size:20px; } }
@media (max-width:768px){  html{ font-size:22px; } }
@media (max-width:480px){  html{ font-size:18px; } }

body{
  font-family:'Raleway',sans-serif;
  color:var(--body-txt);
  background:var(--body-bg);
  line-height:1.6;
  font-size:18px;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; border-radius:30px; }
h1, h2{ font-weight: 800; }

/* GP konténerek háttér egységesen */
.site-content,
.inside-article,
.separate-containers .site-main{ background:var(--body-bg); }

/* -----------------------
   Gombok (Figma stílus)
------------------------ */
.wp-block-button .wp-block-button__link,
.wp-block-button.button2 .wp-block-button__link{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:60px;
  padding:0 25px;
  border-radius:15px;
  border:2px solid transparent;
  font-family:'Raleway',sans-serif;
  font-weight:800;
  font-size:clamp(18px,1.2rem,22px);
  line-height:1;
  white-space:nowrap;
  text-align:center;
  transition:background-color .2s, border-color .2s, transform .12s, box-shadow .2s;
}

/* Fő CTA – sárga */
.wp-block-button:not(.button2) .wp-block-button__link{
  background:var(--yellow);
  color:var(--body-txt);
  border-color:var(--yellow);
}
.wp-block-button:not(.button2) .wp-block-button__link:hover{
  background:var(--yellow-hover);
  border-color:var(--yellow-hover);
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}

/* Másodlagos gomb */
.wp-block-button.button2 .wp-block-button__link{
  background:#fff; color:var(--body-txt); border-color:var(--yellow);
}
.wp-block-button.button2 .wp-block-button__link.has-background,
.wp-block-button.button2 .wp-block-button__link[style*="background"]{ background:#fff !important; }
.wp-block-button.button2 .wp-block-button__link:hover{
  background:#fff; color:var(--body-txt);
  border-color:var(--yellow-hover);
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.wp-block-buttons{ display:flex; gap:20px; flex-wrap:wrap; align-items:center; }
.wp-block-button .wp-block-button__link:focus-visible{ outline:3px solid #111; outline-offset:2px; }
.wp-block-button.button2 .wp-block-button__link:focus-visible{ outline:3px solid var(--yellow); outline-offset:2px; }

/* -----------------------
   Topbar + nyelvváltó
------------------------ */
.topbar{
  background:var(--green);
  color:#111;
  font-size:.7rem;
  line-height:1.2;
  position:relative;
  z-index:50;
  padding:10px 0;
}
.topbar a{ color:#111; }
.topbar a:hover{ text-decoration:underline; }

.topbar__inner{
  max-width:1400px; margin:0 auto; padding:8px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.topbar__left{ display:flex; align-items:center; }
.topbar__right{ display:flex; align-items:center; gap:18px; white-space:nowrap; }
.topbar__contact{ font-weight:600; }
.topbar__right .sep{ opacity:.6; }

.hkn-lang{ display:flex; gap:0; list-style:none; margin:0; padding:0; white-space:nowrap; }
.hkn-lang li{ display:inline-flex; align-items:center; font-weight:600; }
.hkn-lang li:not(:last-child)::after{ content:" / "; margin:0 6px; opacity:.7; }
.hkn-lang a{ color:#000; text-transform:uppercase; font-size:.7rem; }
.hkn-lang a:hover{ opacity:.7; }

@media (max-width:768px){
  .topbar__inner{ flex-direction:column; gap:6px; }
  .topbar__right{ gap:12px; justify-content:center; flex-wrap:wrap; }
}

/* -----------------------
   Hero szekció (kezdőlap)
------------------------ */
#hero{
  position:relative; isolation:isolate;
  margin-top:0; padding:0;
}
#hero::before{
  content:""; position:absolute; inset:0; left:50%; width:100vw;
  transform:translateX(-50%); z-index:-1;
  background:linear-gradient(0deg, #FBFBFB 0%, var(--green) 100%);
}
#hero .hero__inner{ max-width:1440px; margin:0 auto; padding:clamp(24px, 5vw, 56px); }
.one-container #hero,
.separate-containers .inside-article #hero{
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); width:100vw;
}
.separate-containers .inside-article{ padding-top:0; padding-bottom:0; }
#hero .hero-image{ border-radius:24px; overflow:hidden; box-shadow:0 12px 28px rgba(0,0,0,.12); border:3px solid rgba(0,0,0,.06); }
#hero .hero-image img{ border-radius:0; }

.main-nav .menu a {
    font-size: 18px !important;   
}
@media (max-width: 768px) {
    .main-nav .menu a {
        font-size: 18px !important;
    }
}

/* -----------------------
   Strukturális nullázások
------------------------ */
html, body { margin:0 !important; padding:0 !important; }
.site-header{ margin-bottom:0 !important; padding-bottom:0 !important; border:none !important; box-shadow:none !important; }
.site-content, #page, .grid-container, .inside-article, .separate-containers .site-main{ margin-top:0 !important; padding-top:0 !important; }
.entry-header{ display:none !important; margin:0 !important; padding:0 !important; }
#hero{ margin-top:0 !important; padding-top:0 !important; }

/* -----------------------
   USP kártyák
------------------------ */
.usp-grid.wp-block-columns{ justify-content:center; align-items:stretch; gap:16px; --wp--style--block-gap:16px; }
.usp-grid.wp-block-columns > .wp-block-column{ margin:0; }
.usp-card.wp-block-column{
  background:#fff; border-radius:15px; box-shadow:0 0 4px rgba(0,0,0,.15);
  width:280px; height:80px; padding:12px 16px; display:flex; align-items:center;
}
.usp-card .wp-block-columns{ gap:12px; margin:0; }
.usp-card .wp-block-columns > .wp-block-column{ margin:0; padding:0; flex:0 0 auto; }
.usp-card .wp-block-columns > .wp-block-column:first-child{ width:43px; flex:0 0 43px; }
.usp-card .wp-block-columns > .wp-block-column:last-child{ flex:1; }
.usp-card p{ margin:0; }
.usp-card .title{ font-size:16px; font-weight:700; line-height:1.2; margin:0 0 4px; }
.usp-card .desc { font-size:14px; line-height:1.2; color:#444; }
@media (max-width:640px){ .usp-card.wp-block-column{ width:100%; height:auto; } }
.usp-wrap, .wp-block-columns, .wp-block-group{ overflow:visible !important; z-index:1; }

/* ================================
   KIEMELT KATEGÓRIÁK (cat-grid)
================================ */
.wp-block-group.cat-grid ul.products::before,
.wp-block-group.cat-grid ul.products::after{ content:none !important; display:none !important; }

.wp-block-group.cat-grid ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(260px, 1fr)) !important;
  gap:28px !important; list-style:none !important; margin:0 !important; padding:0 !important;
}
@media (max-width:1080px){
  .wp-block-group.cat-grid ul.products{ grid-template-columns:repeat(2, minmax(260px, 1fr)) !important; gap:24px !important; }
}
@media (max-width:640px){
  .wp-block-group.cat-grid ul.products{ grid-template-columns:1fr !important; gap:20px !important; }
}
.wp-block-group.cat-grid ul.products li.product-category{
  background:#fff !important; border-radius:16px !important;
  padding:28px 20px !important; text-align:left !important;
  box-shadow:0 6px 16px rgba(0,0,0,0.08) !important;
  transition:transform .15s ease, box-shadow .2s ease !important;
}
.wp-block-group.cat-grid ul.products li.product-category:hover{ transform:translateY(-3px); box-shadow:0 12px 24px rgba(0,0,0,0.12) !important; }
.wp-block-group.cat-grid ul.products li.product-category img{
  display:block !important; margin:0 auto 12px !important;
  width:100% !important; max-width:200px !important; height:auto !important; object-fit:contain !important;
  background:#fff !important; border:0 !important; border-radius:12px !important;
}
.wp-block-group.cat-grid{ position:relative; isolation:isolate; padding:40px 0; overflow:visible; z-index:1; }
.wp-block-group.cat-grid::before{
  content:""; position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:100vw; height:100%; background:url("/wp-content/uploads/2025/10/ivelt-hatter.svg") center/cover no-repeat; z-index:-1; pointer-events:none;
}

/* ================================
   KIEMELT TERMÉKEK – zöld háttérszekció
================================ */
.bs-featured{
  position: relative; isolation: isolate;
  margin: 16px 0 36px; padding: 22px 0 32px;
}
.bs-featured::before{
  content:""; position:absolute; inset:0; left:50%; width:100vw;
  transform:translateX(-50%); background: var(--green);
  border-radius: 24px; z-index:-1;
}	
	.woocommerce .columns-4::before {
	content:""; position:absolute; inset:0; left:50%; width:100vw;
  transform:translateX(-50%); background: var(--green);
  border-radius: 24px; z-index:-1;
	}
	

.one-container .bs-featured,
.separate-containers .inside-article .bs-featured{
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding-left: clamp(16px, 4vw, 40px); padding-right: clamp(16px, 4vw, 40px);
}
.bs-featured__header{ max-width:1440px; margin:0 auto 10px; padding:0 8px; display:flex; align-items:center; justify-content:space-between; }
.bs-featured__title{ margin:0; font-size: clamp(22px, 1.2rem, 28px); font-weight:800; color:#111; }
.bs-featured__all{ font-weight:700; opacity:.85; }
.bs-featured__all:hover{ text-decoration:underline; }
.bs-grid{ max-width:1440px; margin:0 auto; padding:0 8px; list-style:none; display:grid; gap:24px; grid-template-columns: repeat(var(--bs-cols, 4), minmax(220px, 1fr)); }
@media (max-width:1080px){ .bs-grid{ grid-template-columns:repeat(2, minmax(220px,1fr)); } }
@media (max-width:640px){  .bs-grid{ grid-template-columns:1fr; } }

/* ================================
   [products] RÁCS + KÁRTYA + OVERLAY
================================ */
/* GRID */
.woocommerce ul.products{
  display:grid !important;
  gap:24px !important;
  grid-template-columns:repeat(4, minmax(240px, 1fr)) !important;
  list-style:none; margin:0; padding:0;
}
@media (max-width:1080px){ .woocommerce ul.products{ grid-template-columns:repeat(2, minmax(240px,1fr)) !important; } }
@media (max-width:640px){  .woocommerce ul.products{ grid-template-columns:1fr !important; } }

/* KÁRTYA ALAP */
.woocommerce ul.products li.product{
  float:none !important; width:auto !important; margin:0 !important; clear:none !important;
  position:relative; overflow:hidden;
  background:#fff; border-radius:16px; box-shadow:0 6px 16px rgba(0,0,0,.08);
  padding:16px; display:flex; flex-direction:column; text-align:left;
  transition:transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.12);
}

/* KÉPTARTÓ + KÉP */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative; display:block; overflow:hidden; border-radius:12px;
}
.woocommerce ul.products li.product a img{
  display:block; width:100% !important; height:auto !important; max-width:none !important;
  border-radius:12px !important; object-fit:contain; background:#fff;
  position:relative; z-index:0;
}

/* OVERLAY CSAK A KÉPEN – ÍVES TETŐVEL */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .bs-overlay{
  position:absolute; left:0; right:0; bottom:0;
  height:0; background:var(--overlay-green); opacity:0; z-index:2;
  border-top-left-radius:999px 120px; border-top-right-radius:999px 120px;
  transition:height .35s ease, opacity .35s ease;
  pointer-events:none;
}
.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link .bs-overlay{
  height:70%; opacity:.95;
}

/* SZÖVEGEK */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:800; font-size:20px; line-height:1.3; margin:12px 0 6px;
  color: var(--green);
}
.bs-card__subline{ font-size:16px; color:#3a3a3a; margin-bottom:6px; }
.woocommerce ul.products li.product .price{ font-weight:800; font-size:18px; margin:4px 0; }
.bs-card__stock{ font-size:14px; color:#444; margin-top:2px; }
.bs-card__stock .instock{ color:#1a7f37; font-weight:700; }
.bs-card__stock .outofstock{ color:#a00; font-weight:700; }

/* Hoverre: feljebb + fehérre */
.woocommerce ul.products li.product
  .woocommerce-loop-product__title,
.woocommerce ul.products li.product
  .price,
.woocommerce ul.products li.product
  .bs-card__subline,
.woocommerce ul.products li.product
  .bs-card__stock{
  position:relative; z-index:3; transition:transform .35s ease, color .2s ease;
}
.woocommerce ul.products li.product:hover
  .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover
  .price,
.woocommerce ul.products li.product:hover
  .bs-card__subline,
.woocommerce ul.products li.product:hover
  .bs-card__stock{
  transform:translateY(-24px);
  color: #000 !important;
}
.woocommerce ul.products li.product:hover .price *{ color:#000 !important; }

/* GOMB – alapból rejtve, hoverre elő */
.bs-card__footer{
  position:absolute; left:0; right:0; bottom:20px !important;
  display:flex; justify-content:center; z-index:4 !important;
  opacity:0; transform:translateY(20px);
  transition:opacity .35s ease, transform .35s ease !important;
}
.woocommerce ul.products li.product:hover .bs-card__footer{
  opacity:1; transform:translateY(0) !important;
}
.bs-btn.bs-btn--ghost{
  background:var(--yellow); border:2px solid var(--yellow); color:#111 !important;
  font-weight:800; font-size:16px; min-height:42px; padding:0 20px !important;
  border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,.10) !important;
  transition:transform .2s, box-shadow .2s, background .2s, border-color .2s !important;
}
.bs-btn.bs-btn--ghost:hover{
  background:var(--yellow-hover); border-color:var(--yellow-hover) !important;
  transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
}

/* ===== HOTFIX: csak a KIEMELT TERMÉKEK blokkra érvényes termékkártya-szabályok ===== */
/* A .bs-featured wrapperrel beszűkítjük, hogy a kategóriakártyákat ne érintse semmi. */

.bs-featured .woocommerce ul.products{
  display:grid !important;
  gap:24px !important;
  grid-template-columns:repeat(4, minmax(240px, 1fr)) !important;
  list-style:none; margin:0; padding:0 !important;
}
@media (max-width:1080px){
  .bs-featured .woocommerce ul.products{ grid-template-columns:repeat(2, minmax(240px,1fr)) !important; }
}
@media (max-width:640px){
  .bs-featured .woocommerce ul.products{ grid-template-columns:1fr !important; }
}

/* Csak valódi TERMÉKEK (nem kategóriák) */
.bs-featured .woocommerce ul.products li.product:not(.product-category){
  --card-pad: 16px;
  float:none !important; width:auto !important; margin:0 !important; clear:none !important;
  position:relative; overflow:hidden;
  background:#fff; border-radius:16px; box-shadow:0 6px 16px rgba(0,0,0,.08);
  padding: var(--card-pad) var(--card-pad) calc(var(--card-pad) + 60px) var(--card-pad) !important;
  display:flex; flex-direction:column; text-align:left;
  transition:transform .25s ease, box-shadow .25s ease;
}
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.12);
}

/* Képlink + kép */
.bs-featured .woocommerce ul.products li.product:not(.product-category) a.woocommerce-LoopProduct-link{
  position:relative; display:block; overflow:hidden; border-radius:12px;
}
.bs-featured .woocommerce ul.products li.product:not(.product-category) a img{
  display:block; width:100% !important; height:auto !important; max-width:none !important;
  border-radius:12px !important; object-fit:contain; background:#fff;
  filter:none !important; transform:none !important;
}

/* Zöld overlay (íves tető) – csak a termékkártyákon */
.bs-featured .woocommerce ul.products li.product:not(.product-category) .bs-overlay{
  position:absolute; left:var(--card-pad); right:var(--card-pad); bottom:var(--card-pad);
  height:0; background:#679128; opacity:0; z-index:2;
  border-top-left-radius:999px 120px; border-top-right-radius:999px 120px;
  transition:height .35s ease, opacity .35s ease; pointer-events:none;
}
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover .bs-overlay{
  height:70%; opacity:.95;
}

/* Szöveg mozgatás + kontraszt – csak termék */
.bs-featured .woocommerce ul.products li.product:not(.product-category)
  .woocommerce-loop-product__title,
.bs-featured .woocommerce ul.products li.product:not(.product-category)
  .price,
.bs-featured .woocommerce ul.products li.product:not(.product-category)
  .bs-card__subline,
.bs-featured .woocommerce ul.products li.product:not(.product-category)
  .bs-card__stock{
  position:relative; z-index:3; transition:transform .35s ease, color .2s ease;
}
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover
  .woocommerce-loop-product__title,
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover
  .price,
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover
  .bs-card__subline,
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover
  .bs-card__stock{
  transform:translateY(-26px);
  color:#fff !important;
}
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover .price *{ color:#fff !important; }

/* „Megnézem” gomb – csak termék */
.bs-featured .woocommerce ul.products li.product:not(.product-category) .bs-card__footer{
  position:absolute; left:var(--card-pad); right:var(--card-pad); bottom:var(--card-pad);
  display:flex; justify-content:center; z-index:4;
  opacity:0; transform:translateY(14px);
  transition:opacity .35s ease, transform .35s ease;
}
.bs-featured .woocommerce ul.products li.product:not(.product-category):hover .bs-card__footer{
  opacity:1; transform:translateY(0);
}
.bs-featured .bs-btn.bs-btn--ghost{
  background:var(--yellow); border:2px solid var(--yellow); color:#111;
  font-weight:800; font-size:16px; line-height:1; min-height:42px; padding:10px 18px;
  border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,.10);
  transition:transform .2s, box-shadow .2s, background .2s, border-color .2s;
}
.bs-featured .bs-btn.bs-btn--ghost:hover{
  background:var(--yellow-hover); border-color:var(--yellow-hover);
  transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.20);
}

/* ===== KATEGÓRIAKÁRTYÁK VÉDELEM (visszaállítás) ===== */
/* padding + darabszám rejtése marad így */
.wp-block-group.cat-grid ul.products li.product-category{
  padding:28px 20px !important;
}
.wp-block-group.cat-grid ul.products li.product-category .count{
  display:none !important;
}

/* =========================================================
   KIEMELT TERMÉKEK – végleges, letisztított hover logika
   ========================================================= */

/* --- Zöld hátteres szekció kerete --- */
.bs-featured{
  position:relative; isolation:isolate;
  margin:32px 0 48px; padding:36px 0 44px;
}
.bs-featured::before{
  content:""; position:absolute; inset:0; left:50%; width:100vw;
  transform:translateX(-50%); z-index:-1;
  background:var(--green); border-radius:24px;
}
.one-container .bs-featured,
.separate-containers .inside-article .bs-featured{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:clamp(16px,4vw,40px);
  padding-right:clamp(16px,4vw,40px);
}
.bs-featured__header{ max-width:1440px; margin:0 auto 18px; padding:0 8px;
  display:flex; align-items:center; justify-content:space-between; }
.bs-featured__title{ margin:0; font-size:clamp(22px,1.2rem,28px); font-weight:800; color:#111; }
.bs-featured__all{ font-weight:700; opacity:.85; }
.bs-featured__all:hover{ text-decoration:underline; }

/* --- GRID (működik a shortcode és a [products] kimeneten is) --- */
.bs-featured .bs-grid,
.bs-featured .woocommerce ul.products{
  max-width:1440px; margin:0 auto; padding:0 8px;
  display:grid; gap:24px; list-style:none;
  grid-template-columns:repeat(4, minmax(240px,1fr));
}
@media (max-width:1080px){
  .bs-featured .bs-grid,
  .bs-featured .woocommerce ul.products{ grid-template-columns:repeat(2, minmax(240px,1fr)); }
}
@media (max-width:640px){
  .bs-featured .bs-grid,
  .bs-featured .woocommerce ul.products{ grid-template-columns:1fr; }
}

/* --- KÁRTYA ALAP (shortcode: .bs-card | products: li.product) --- */
.bs-featured .bs-card,
.bs-featured .woocommerce ul.products li.product{
  --pad:14px;              /* kártya belső padding */
  --raise:16px;            /* mennyit csússzon fel a szöveg hoverkor */
  --overlay:#CCE6A5;       /* overlay zöldje */

  position:relative; overflow:hidden; background:#fff;
  border-radius:16px; box-shadow:0 6px 16px rgba(0,0,0,.08);
  padding:var(--pad) var(--pad) calc(var(--pad) + 36px) var(--pad); /* hely a gombnak alul */
  transition:transform .25s ease, box-shadow .25s ease;
}
.bs-featured .bs-card:hover,
.bs-featured .woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.12);
}

/* --- Kép: marad nyugodt, nem mozog, nem sötétül --- */
.bs-featured .bs-card__image,
.bs-featured .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative; display:block; overflow:hidden; border-radius:12px;
  z-index:0;
}
.bs-featured .bs-card__image img,
.bs-featured .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  display:block; width:100%; height:auto; object-fit:contain; border-radius:12px;
  transform:none !important; filter:none !important;
}

/* --- OVERLAY: alulról nő fel, faltól-falig, íves tetővel --- */
.bs-featured .bs-card::after,
.bs-featured .woocommerce ul.products li.product::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:0; background:var(--overlay); opacity:0; pointer-events:none; z-index:1;
  border-top-left-radius:1200px 150px; border-top-right-radius:1200px 150px;
  transition:height .35s ease, opacity .35s ease;
}
.bs-featured .bs-card:hover::after,
.bs-featured .woocommerce ul.products li.product:hover::after{
  height:60%; opacity:.9;            /* igény szerint: 60–72% */
}

/* --- TARTALOM: finom felcsúszás, NINCS színcsere --- */
/* shortcode belső teste: .bs-card__body | products esetén: .bs-info (PHP-ben betett wrapper) */
.bs-featured .bs-card__body,
.bs-featured .woocommerce ul.products li.product .bs-info{
  position:relative; z-index:2; transition:transform .35s ease;
}
.bs-featured .bs-card:hover .bs-card__body,
.bs-featured .woocommerce ul.products li.product:hover .bs-info{
  transform:translateY(calc(-1 * var(--raise)));
}

/* --- Tipók / színek (alapállapot) --- */
.bs-featured .bs-card__title{ font-size:20px; font-weight:800; line-height:1.3; margin:12px 0 6px;  }
.bs-featured .bs-card__title a,
.bs-featured .woocommerce ul.products li.product .woocommerce-loop-product__title{ color:#7CDE40; }
.bs-featured .bs-card__subline{ font-size:16px; color:#3a3a3a; margin-bottom:6px; }
.bs-featured .bs-card__price,
.bs-featured .woocommerce ul.products li.product .price{ font-size:18px; font-weight:800; margin:4px 0; }
.bs-featured .bs-card__stock{ font-size:14px; color:#444; }
.bs-featured .bs-card__stock .instock{ color:#1a7f37; font-weight:700; }
.bs-featured .bs-card__stock .outofstock{ color:#a00; font-weight:700; }

/* --- GOMB: alul, overlay fölött, hoverre felúszik --- */
.bs-featured .bs-card__footer{
  position:absolute; left:var(--pad); right:var(--pad); bottom:var(--pad) !important;
  display:flex; justify-content:center; z-index:2 !important;
  opacity:0; transform:translateY(8px) !important;
  transition:opacity .35s ease, transform .35s ease !important;
}
.bs-featured .bs-card:hover .bs-card__footer{ opacity:1 !important; transform:translateY(0) !important; }

/* gomb stílus (kisebb padding, kerek) */
.bs-featured .bs-btn.bs-btn--ghost{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--yellow); border:2px solid var(--yellow); color:#111;
  font-weight:800; font-size:16px; line-height:1;
  min-height:38px; padding:8px 16px; border-radius:10px;
  box-shadow:0 4px 10px rgba(0,0,0,.10);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.bs-featured .bs-btn.bs-btn--ghost:hover{
  background:var(--yellow-hover); border-color:var(--yellow-hover);
  transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.20);
}

/* Kiemelt kártyák: cím színe hoverkor csak feketére vált (var(--body-txt)) */

/* Shortcode kártya (.bs-card) */
.bs-featured .bs-card:hover .bs-card__title a{
  color: var(--body-txt) !important;
}

/* WooCommerce [products] rács */
.bs-featured .woocommerce ul.products li.product:hover
.woocommerce-loop-product__title,
.bs-featured .woocommerce ul.products li.product:hover
.woocommerce-loop-product__title a{
  color: var(--body-txt) !important;
}

/* ===== KIEMELT TERMÉKEK (bs-featured) – csak spacing & kártya-magasság ===== */

/* kisebb függőleges tér a szekció körül */
.bs-featured{
  position: relative;
  isolation: isolate;
}

/* a zöld háttér ív marad, csak ne fújja fel a blokkot */
.bs-featured::before{
  content:"";
  position:absolute;
  left:50%; transform:translateX(-50%);
  width:100vw;
  top:-10px;                    /* picit feljebb */
  height:calc(100% + 20px);     /* épp csak túllóg, nem növeli a „testmagasságot” */
  background: var(--green);
  border-radius: 24px;
  z-index:-1;
}

/* kártya: kevesebb hely a gombnak → alacsonyabb doboz */
.bs-featured .bs-card{
  --pad:16px;
  --footer-h: 52px;             /* gombsáv becsült magassága */
  --raise: 14px;                 /* hover felcsúszás mértéke (kisebb lett) */
  padding: var(--pad) var(--pad) calc(var(--pad) + var(--footer-h)) var(--pad);
}

/* gomb kisebb, hogy a footer is kisebb lehessen */
.bs-featured .bs-btn.bs-btn--ghost{
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 10px;
}

/* hover anim: finomabb mozgás */
.bs-featured .bs-card:hover .bs-card__body{
  transform: translateY(calc(-1 * var(--raise)));
}

/* ha kell, a kártyák közti hézag is lehet kicsit szűkebb */
.bs-featured .bs-grid{
  gap: 20px;
}

/* ===== HERO – szellőzés + gombsor hézag ===== */
#hero .wp-block-columns .custom-solution{
  align-items: center;                    /* függőlegesen középen */
  gap: clamp(16px, 4vw, 12px);            /* oszlopok közti rés */
}
#hero .wp-block-column:first-child{
  padding-right: clamp(12px, 3vw, 32px);  /* szöveg ne tapadjon a képre */
}
#hero h1, #hero h2, #hero p{ margin-block: 0 0.6em; }
#hero .wp-block-buttons{
  gap: 12px;
  margin-top: 8px;
}

/* (GP/Gutenberg) konténer-padding, hogy ne kússzon a szélekhez */
.is-layout-constrained #hero{ padding-inline: clamp(16px, 4vw, 40px); }


.bs-hero__left, .bs-hero__right{ min-width: 0; } /* hosszú cím ne törje szét a gridet */

@media (max-width: 980px){
  .bs-product-hero .bs-hero__inner{ grid-template-columns: 1fr; }
  .bs-hero__right{ order: 2; } /* kép jön felül, szöveg alá kerül mobilon? cseréld ha fordítva kell */
}

/* A gombsor a single product „hero”-ban is kap egy kis levegőt */
.bs-hero__right .bs-cta-wrap{ margin-top: 10px; }

/* ===== CUSTOM SOLUTION – vertikális középre igazítás ===== */
.wp-block-columns.custom-solution{
  align-items: center;                         /* oszlopok függőlegesen középen */
  gap: clamp(20px, 4vw, 48px);
  padding-block: clamp(12px, 3vw, 28px);       /* kis levegő felül/alul */
}

/* az egyes oszlopok tartalma is középre kerül a saját oszlopukon belül */
.wp-block-columns.custom-solution > .wp-block-column{
  display: flex;
  flex-direction: column;
  justify-content: center;                     /* VERTICAL CENTER */
  min-width: 0;                                /* hosszú szöveg ne törje szét a sort */
}

/* gombsor távolság */
.custom-solution .wp-block-buttons{
  gap: 12px;
  margin-top: 10px;
}

/* mobil finomhangolás: ne erőltessük a középre igazítást, hagyjuk természetesen folyni */
@media (max-width: 980px){
  .wp-block-columns.custom-solution{ align-items: stretch; }
  .wp-block-columns.custom-solution > .wp-block-column{ justify-content: flex-start; }
}

/* Kiemelt termékek: belső sín és 1440-es max szélesség – a headerrel ÉS a ráccsal azonosan */
.bs-featured > .bs-featured__header,
.bs-featured > .bs-grid,
.bs-featured > .woocommerce ul.products{
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:clamp(16px,4vw,40px) !important;
  padding-right:clamp(16px,4vw,40px) !important;
  box-sizing:border-box !important;
}

section.bs-featured > .bs-grid{ width:100% !important; }

/* definiálunk egy szekció-paddinget és „negatív margóval” kihúzzuk a header-t */
.bs-featured{ --section-pad: clamp(16px,4vw,40px); }

/* ================================
   SINGLE PRODUCT – HERO (2 oszlop, középre)
================================ */
.single-product .bs-product-hero{ margin:0; padding:0; background:none; }
.single-product .bs-product-hero .bs-hero__inner{
  max-width:1440px;
  margin:16px auto 12px;
  padding:0 16px;
  display:grid;
  grid-template-columns:1fr 1fr;    /* 50/50 */
  column-gap:32px; row-gap:20px;
  align-items:center;               /* vertikális közép */
}
@media (max-width:980px){
  .single-product .bs-product-hero .bs-hero__inner{
    grid-template-columns:1fr;
    column-gap:0; row-gap:16px;
  }
}

/* Bal (galéria) – kártya */
.single-product .bs-hero__left .woocommerce-product-gallery,
.single-product .bs-hero__left .woocommerce-product-gallery__wrapper{
  background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.single-product .bs-hero__left img{ display:block; width:100%; height:auto; }

/* Jobb oszlop – cím/ár/CTA */
.single-product .bs-hero__right h1.product_title{ margin:0 0 10px; font-weight:800; }
.single-product .bs-hero__right .price{ font-weight:800; font-size:20px; margin:6px 0 12px; color:#1A1A1A; }

.single-product .bs-cta-wrap{
  margin:14px 0 10px; display:flex; gap:12px; flex-wrap:wrap;
}
.single-product .bs-btn.bs-btn--primary{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:56px; padding:0 24px; border-radius:14px; font-weight:800;
  background:var(--yellow); border:2px solid var(--yellow); color:#111;
  transition:transform .15s, box-shadow .2s, background .2s, border-color .2s;
}
.single-product .bs-btn.bs-btn--primary:hover{
  background:var(--yellow-hover); border-color:var(--yellow-hover);
  transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.18);
}

/* 3 kis badge – USP-szerű kártyák */
.single-product .bs-badges{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px; margin:8px 0 0;
}
@media (max-width:900px){ .single-product .bs-badges{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .single-product .bs-badges{ grid-template-columns:1fr 1fr; } }
@media (max-width:400px){ .single-product .bs-badges{ grid-template-columns: 1fr !important; } }

@media (max-width:1200px){ .usp-grid{display: grid !important; grid-template-columns:1fr 1fr;} }
@media (max-width:900px){ .usp-grid{display: grid !important; grid-template-columns:1fr 1fr; font-size: 85% !important; } }
@media (max-width:600px){ .usp-grid{display: grid !important; grid-template-columns:1fr 1fr; font-size: 85% !important; } }


@media (max-width:900px){ .wp-block-column .usp-card{font-size: 85% !important; } }
@media (max-width:600px){ .wp-block-column .usp-card{font-size: 85% !important; } }
.usp.card {
	height: fit-content !important;
	width: fit-content !important;
}

.single-product .bs-badge{
  display:flex; align-items:center; gap:10px;
  background:#fff; border-radius:12px;
  box-shadow:0 0 4px rgba(0,0,0,.15);
  padding:10px 12px;
}
.single-product .bs-badge__icon{ width:28px; height:28px; flex:0 0 28px; }
.single-product .bs-badge__icon img{ width:100%; height:100%; object-fit:contain; display:block; }
.single-product .bs-badge__text strong{ display:block; line-height:1.1; }
.single-product .bs-badge__text em{ font-style:normal; opacity:.7; font-size:.95em; }

/* ==================================
   SINGLE PRODUCT – INFÓ KÁRTYÁK LENT
================================== */
.single-product .bs-product-info{ margin:18px 0 28px; }
.single-product .bs-product-info__inner{
  max-width:1440px; margin:0 auto; padding:0 16px;
  display:grid; gap:24px;                  /* hézag a kártyák közt */
  grid-template-columns:minmax(0,58%) minmax(0,42%);
}
@media (max-width:980px){
  .single-product .bs-product-info__inner{ grid-template-columns:1fr; }
}

/* Kártya-stílus + cím */
.single-product .bs-product-info .bs-card{
  background:#fff; border-radius:16px; box-shadow:0 8px 20px rgba(0,0,0,.08);
  padding:16px 18px;
}
.single-product .bs-product-info .bs-card .bs-card__title{
  font-weight:800; margin:0 0 10px; font-size:20px;
}

/* Spec táblázat */
.single-product .bs-specs{ margin:0; }
.single-product .bs-specs__row{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,.08);
}
.single-product .bs-specs__row:last-child{ border-bottom:none; }
.single-product .bs-specs__row dt{ font-weight:700; }
.single-product .bs-specs__row dd{ margin:0; text-align:right; }

/* Egyedi “custom-solution” blokk – vertikális közép */
.custom-solution.wp-block-columns{ align-items:center !important; }

/* === HERO: üssük felül a Woo alap float/szélességét a mi 2-oszlopos rácsunkban === */
.single-product .bs-product-hero .bs-hero__inner { display:grid; } /* biztos ami biztos */
.single-product .bs-hero__left,
.single-product .bs-hero__right { width:auto !important; }

/* Woo default: div.images + .summary 48%/float – ezt ki kell venni a hero rácsban */
.single-product .bs-hero__left .woocommerce-product-gallery,
.single-product .bs-hero__left .woocommerce-product-gallery__wrapper,
.single-product div.product .bs-hero__left div.images {
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
.single-product div.product .bs-hero__right .summary {
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}

/* Kép ne legyen fix szélességre szorítva */
.single-product .bs-hero__left img {
  width:100% !important;
  height:auto !important;
}

/* Lenti infó-kártyák hézaga biztosan meglegyen (ha bármi lenullázná) */
.single-product .bs-product-info__inner { gap:24px !important; }

/* A 3 kis badge kártya: ha túl közel tapadna bármihez */
.single-product .bs-badges { margin-top:8px !important; }

/* === SINGLE PRODUCT – HERO 50/50, stabil === */
.single-product .bs-product-hero{ margin:0; padding:0; }
.single-product .bs-product-hero .bs-hero__inner{
  max-width: 1200px;
  margin: 24px auto;
  padding: 0 16px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr); /* 50/50 */
  gap: 32px;
  align-items: center; /* vertikális közép */
}
@media (max-width: 980px){
  .single-product .bs-product-hero .bs-hero__inner{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Üssük ki a Woo alap float/width-et a hero-ban */
.single-product .bs-hero__left .woocommerce-product-gallery,
.single-product .bs-hero__left .woocommerce-product-gallery__wrapper,
.single-product div.product .bs-hero__left div.images,
.single-product div.product .bs-hero__right .summary{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Galéria „kártya” és kép */
.single-product .bs-hero__left .woocommerce-product-gallery,
.single-product .bs-hero__left .woocommerce-product-gallery__wrapper{
  background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.single-product .bs-hero__left img{
  display:block; width:100% !important; height:auto !important;
}

/* Cím/ár/gomb környéke – marad a sárga gomb */
.single-product .bs-hero__right h1.product_title{ margin:0 0 10px; font-weight:800; }
.single-product .bs-hero__right .price{ font-weight:800; font-size:20px; margin:6px 0 12px;color:#1A1A1A }
.single-product .bs-cta-wrap{ margin:14px 0 12px; display:flex; gap:12px; flex-wrap:wrap; }
.single-product .bs-btn.bs-btn--primary{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:56px; padding:0 24px; border-radius:14px; font-weight:800;
  background:var(--yellow); border:2px solid var(--yellow); color:#111;
  transition:transform .15s, box-shadow .2s, background .2s, border-color .2s;
}
.single-product .bs-btn.bs-btn--primary:hover{
  background:var(--yellow-hover); border-color:var(--yellow-hover);
  transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.18);
}

/* CTA alatti 3 kis „badge” – USP-szerű kártyák */
.single-product .bs-badges{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px; margin-top:10px;
}
@media (max-width:900px){ .single-product .bs-badges{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .single-product .bs-badges{ grid-template-columns:1fr 1fr; } }

.single-product .bs-badge{
  display:flex; align-items:center; gap:10px;
  background:#fff; border-radius:12px;
  box-shadow:0 0 4px rgba(0,0,0,.15);
  padding:10px 12px;
}
.single-product .bs-badge__icon{ width:28px; height:28px; flex:0 0 28px; }
.single-product .bs-badge__icon img{ width:100%; height:100%; object-fit:contain; display:block; }
.single-product .bs-badge__text strong{ display:block; line-height:1.1; }
.single-product .bs-badge__text em{ font-style:normal; opacity:.7; font-size:.95em; }

/* === LENTI INFÓ KÁRTYÁK – hézagok és kártyastílus === */
.single-product .bs-product-info{ margin: 18px 0 28px; }
.single-product .bs-product-info__inner{
  max-width: 1200px; margin:0 auto; padding:0 16px;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px;
}
@media (max-width:980px){ .single-product .bs-product-info__inner{ grid-template-columns:1fr; } }

.single-product .bs-product-info .bs-card{
  background:#fff; border-radius:16px; box-shadow:0 8px 20px rgba(0,0,0,.08);
  padding:16px 18px;
}
.single-product .bs-product-info .bs-card .bs-card__title{
  font-weight:800; margin:0 0 10px; font-size:20px;
}

/* Spec táblázat sorok */
.single-product .bs-specs{ margin:0; }
.single-product .bs-specs__row{
  display:flex; justify-content:space-between; align-items:center;
  gap:16px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,.08);
}
.single-product .bs-specs__row:last-child{ border-bottom:none; }
.single-product .bs-specs__row dt{ font-weight:700; }
.single-product .bs-specs__row dd{ margin:0; text-align:right; }

/* ====== SINGLE PRODUCT – finom hézagok ====== */

/* Hero: oszlopok közti és felső/alsó tér */
.single-product .bs-product-hero .bs-hero__inner{
  gap: 32px 28px;            /* col x row */
  margin-top: 20px;
  margin-bottom: 16px;
}

/* Jobb oldali blokk: ár, gomb, badge-ek közti kis tér */
.single-product .bs-hero__right .price{ margin: 6px 0 10px; color:#1A1A1A;}
.single-product .bs-cta-wrap{ margin: 14px 0 12px; }
.single-product .bs-badges{ margin-top: 10px; }

/* Lenti infó-szekció: felül kicsit több, kártyák közt kisebb hézag */
.single-product .bs-product-info{ margin-top: 22px; }
.single-product .bs-product-info__inner{ gap: 20px; }

/* Bal és jobb oszlopban a kártyák egymás között rácsos hézagtartással */
.single-product .bs-product-info__left,
.single-product .bs-product-info__right{
  display: grid; gap: 16px;
}

/* Kártyákon belüli lélegzetvétel */
.single-product .bs-product-info .bs-card{ padding: 18px 20px; }
.single-product .bs-product-info .bs-card .bs-card__title{ margin-bottom: 12px; }

/* Spec táblázat sor-köz */
.single-product .bs-specs__row{ padding: 12px 0; }

/* ===== Globális max-szélesség ===== */
:root{
  --page-max: 1440px;
  --page-pad: clamp(12px, 3vw, 24px); /* belső oldalpárna */
}

/* Kiemelt termékek szekció (fejléc + rács) */
.bs-featured__header,
.bs-featured .bs-grid{
  max-width: var(--page-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-pad);
  padding-right: var(--page-pad);
}

/* Single product: hero és a lenti infó-rész */
.single-product .bs-product-hero .bs-hero__inner,
.single-product .bs-product-info__inner{
  max-width: var(--page-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-pad);
  padding-right: var(--page-pad);
}

/* (Ha van) a „Kiemelt kategóriák” belső konténere */
.wp-block-group.cat-grid > .wp-block-group__inner-container{
  max-width: var(--page-max);
  margin-inline: auto;
  padding-inline: var(--page-pad);
}

/* Biztonsági: képek/rács elemek ne lépjék túl a konténert */
.bs-featured .bs-card,
.bs-featured .woocommerce ul.products,
.single-product .bs-hero__left,
.single-product .bs-hero__right{
  max-width: 100%;
}

:root{
  --page-max: 1440px;
  --page-pad: clamp(12px, 3vw, 24px);
}

/* === RELATED/UPSELL – végleges: 1 overlay (kártya ::after), kompakt kártya, normál gomb === */

/* rács */
:is(.related.products, .upsells.products) ul.products{
  display:grid;
  grid-template-columns:repeat(4, minmax(240px,1fr));
  gap:24px; margin:0; padding:0; list-style:none;
}
@media (max-width:1080px){
  :is(.related.products, .upsells.products) ul.products{ grid-template-columns:repeat(2, minmax(240px,1fr)); }
}
@media (max-width:640px){
  :is(.related.products, .upsells.products) ul.products{ grid-template-columns:1fr; }
}

/* kártya */
:is(.related.products, .upsells.products) ul.products li.product{
  --pad:16px;
  --footer-h:44px;
  position:relative; overflow:hidden; background:#fff;
  border-radius:16px; box-shadow:0 6px 16px rgba(0,0,0,.08);
  padding:var(--pad) var(--pad) calc(var(--pad) + var(--footer-h)) var(--pad);
  transition:transform .25s ease, box-shadow .25s ease;
}
:is(.related.products, .upsells.products) ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.12);
}

/* kép */
:is(.related.products, .upsells.products) li.product a.woocommerce-LoopProduct-link{
  position:relative; display:block; overflow:hidden; border-radius:12px; z-index:0;
}
:is(.related.products, .upsells.products) li.product a.woocommerce-LoopProduct-link img{
  display:block; width:100%; height:auto; object-fit:contain; border-radius:12px;
  transform:none !important; filter:none !important;
}

/* EGYETLEN overlay: kártya ::after (bal/jobb padig), alulról nő fel */
:is(.related.products, .upsells.products) li.product::after{
  content:""; position:absolute; left:var(--pad); right:var(--pad); bottom:var(--pad);
  height:0; background:#CCE6A5; opacity:0; pointer-events:none;
  border-top-left-radius:1200px 150px; border-top-right-radius:1200px 150px;
  transition:height .35s ease, opacity .35s ease; z-index:1;
}
:is(.related.products, .upsells.products) li.product:hover::after{
  height:60%; opacity:.95;
}

/* tartalom mindig az overlay fölött */
:is(.related.products, .upsells.products) li.product
  .woocommerce-loop-product__title,
:is(.related.products, .upsells.products) li.product
  .price,
:is(.related.products, .upsells.products) li.product
  .bs-card__subline,
:is(.related.products, .upsells.products) li.product
  .bs-card__stock{
  position:relative; z-index:2;
}

/* tipók: cím zöld → hoverre body-txt; a többi változatlan */
:is(.related.products, .upsells.products) .woocommerce-loop-product__title{
  margin:12px 0 6px; font-weight:800; font-size:20px; line-height:1.3; color:#7CDE40;
}
:is(.related.products, .upsells.products) li.product:hover
  .woocommerce-loop-product__title,
:is(.related.products, .upsells.products) li.product:hover
  .woocommerce-loop-product__title a{
  color:var(--body-txt) !important;
}
:is(.related.products, .upsells.products) li.product:hover .price,
:is(.related.products, .upsells.products) li.product:hover .price *,
:is(.related.products, .upsells.products) li.product:hover .bs-card__subline,
:is(.related.products, .upsells.products) li.product:hover .bs-card__stock{
  color:inherit !important;
}

/* gomb az alján, középen, overlay fölött – csak hoverre jelenik meg */
:is(.related.products, .upsells.products) li.product .bs-card__footer{
  position:absolute; left:var(--pad); right:var(--pad); bottom:var(--pad);
  display:flex; justify-content:center; z-index:3;
  opacity:0; transform:translateY(8px);
  transition:opacity .35s ease, transform .35s ease;
}
:is(.related.products, .upsells.products) li.product:hover .bs-card__footer{
  opacity:1; transform:translateY(0);
}
:is(.related.products, .upsells.products) .bs-btn.bs-btn--ghost{
  background:var(--yellow); border:2px solid var(--yellow); color:#111;
  font-weight:800; font-size:16px; line-height:1; min-height:36px; padding:8px 14px;
  border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,.10);
}

/* biztos ami tuti: régi képoverlayt teljesen ki */
.related.products .bs-overlay,
.upsells.products  .bs-overlay,
.related.products ul.products li.product a.woocommerce-LoopProduct-link::after,
.upsells.products  ul.products li.product a.woocommerce-LoopProduct-link::after{
  content:none !important;
  display:none !important;
}

/* Fejléc dolgai */

/* ========= Alap tipó ========= */
:root { --hkn-font:"Raleway",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
body, .site-header, .main-navigation, .topbar, .topbar * { font-family:var(--hkn-font) !important; }

/* ========= Header tiszta (nincs keret/árnyék/plusz margó) ========= */
.site-header, .main-navigation {background:#fff !important; border:0 !important; box-shadow:none !important; margin-bottom:0 !important; }
.site-header:before, .site-header:after { display:none !important; }
.site-header .inside-header { padding:10px 32px; }

/* ========= Desktop NAV ========= */
.main-navigation .inside-navigation { display:flex; align-items:center; gap:16px; }
.main-navigation .main-nav { margin-left:auto;}
.hkn-nav-icons { display:inline-flex; gap:12px; align-items:center; line-height:0;}
.hkn-nav-icon { display:inline-flex; padding:6px; border-radius:999px; }
.hkn-nav-icon:hover { background:rgba(0,0,0,.06); }
.hkn-nav-icon img { width:22px; height:22px; display:block; }

/* Linkszínek */
.main-navigation .main-nav > ul > li > a {
  font-weight:700; color:#1A1A1A; text-decoration:none; transition:color .18s ease;
}
.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li > a:focus { color:#6BBD38 !important; outline:none; }
.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current_page_item > a,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a,
.main-navigation .main-nav > ul > li.current_page_ancestor > a { color:#6BBD38; }

/* ========= MOBIL (<=768px) ========= */
@media (max-width:768px){

  /* 1. sor: burger | brand | icons 
  .has-inline-mobile-toggle .inside-header{
    display:grid !important;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"burger brand icons";
    align-items:center; column-gap:12px;
    padding:8px 12px !important;
  } 
  .site-header .mobile-menu-control-wrapper{
    grid-area:burger !important;
    display:inline-flex !important; align-items:center !important;
    width:auto !important; margin:0 !important;
  }
  .site-header .mobile-menu-control-wrapper .menu-toggle{ width:auto !important; margin:0 !important; }
  .site-header .site-branding{
    grid-area:brand !important; justify-self:center !important; text-align:center !important; margin:0 !important;
  }
  .site-header .hkn-header-icons,
  .hkn-nav-icons{
    grid-area:icons !important;
    display:inline-flex !important; gap:12px !important; align-items:center !important; justify-self:end !important;
  } */

  /* 2. sor: a nav lenyílója – TELJES szélességben, LEFELÉ nyílva */
  #site-navigation .inside-navigation{ display:block !important; padding:0 !important; width:100% !important; }
  .main-navigation .main-nav{ width:100% !important; max-width:100% !important; }

  /* GP “toggled” állapot – mutassuk az UL-t blokkban, ne panelként */
  .main-navigation.toggled .main-nav > ul,
  #site-navigation.toggled .main-nav > ul{
    display:block !important;
    position:static !important; visibility:visible !important; opacity:1 !important;
    transform:none !important; height:auto !important; max-height:none !important;
    width:100% !important; margin:0 !important;
  } 

  /* Menüpont-stílusok + hover háttér */
  .main-navigation .main-nav > ul > li{ width:100%; }
  .main-navigation .main-nav a{
    display:block; padding:12px 16px;
    font-weight:600; color:#1A1A1A; transition:background .18s ease, color .18s ease;
  }
  .main-navigation .main-nav a:hover,
  .main-navigation .main-nav a:focus{ color:#6BBD38; }
  .main-navigation .main-nav .current-menu-item > a,
  .main-navigation .main-nav .current_page_item > a{color:#6BBD38; }

  /* Biztos ami biztos: bármilyen slideout/off-canvas rejtve marad */
  .slideout-navigation, .mobile-menu { display:none !important; }
}


/* === HKN NAV ICONS – csak desktopon igazítsd helyre === */
@media (min-width: 769px) {
  .main-navigation .inside-navigation {
    display: flex !important;
    align-items: center;
  }
  .main-navigation .main-nav {
    margin-left: auto !important; /* menü jobbra zárva */
  }
  .hkn-nav-icons {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    margin-left: 16px; /* egy kis térköz a menü után */
  }
  .hkn-nav-icon img {
    width: 22px;
    height: 22px;
    display: block;
  }
}

/* kontakt blokk */
.bs-contact-list {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  display: grid;
  gap: 0.8rem;
}

.bs-contact-row {
  display: grid;
  grid-template-columns: 46px 1fr;
  align-items: center;
  gap: 0.75rem;
  padding: 0.2rem 0rem;
  border-radius: 14px;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}

.bs-contact-row:hover {
  transform: translateY(-1px);
}

.bs-contact-row img {
  width: 35px;
  height: 35px;
      display: block; 
}

.bs-text {
  font-size: 1rem;
  line-height: 1.3;
}

@media (max-width: 768px) {
  .bs-contact-row .bs-text {font-size: 0.85rem; 
  line-height: 1.4;}
  .bs-contact-row { gap: 0.6rem; }
  .bs-contact-row img { width: 30px; height: 30px; }
}

/* 4) Finom hover – csak a szöveg legyen hangsúlyos */
.bs-contact-row:hover .bs-text {
  color: #1b1d1f;
  text-decoration-color: #1b1d1f;
}

/* === FOOTER – alap === */
.bs-container{max-width:1440px !important;margin:0 auto !important;padding:28px 24px !important;}



.footer-widgets{background:#6BBD38 !important;}
.footer-widgets{background:#6BBD38 !important}
.footer-widgets a,.footer-widgets a{text-decoration:none !important}
.footer-widgets h2,.footer-widgets h3{font-size:22px;margin:0 0 8px !important}

/* Gutenberg wrappek ne szűkítsenek */
.footer-widgets .bs-container .is-layout-constrained,
.footer-widgets .bs-container .wp-block-group,
.footer-widgets .bs-container .wp-block-group__inner-container,
.footer-widgets .bs-container .alignwide,
.footer-widgets .bs-container .alignfull{
  max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;
}

/* --- Középső sor (3 oszlop) – Figma-ritmus --- */
/* A legfelső Oszlopok blokk kapja a 'bs-mid' osztályt */
/* .footer-widgets .bs-container .bs-mid{
  display:grid !important;
  grid-template-columns: minmax(260px,1fr) minmax(260px,1.15fr) max-content !important; /* bal, közép, jobb */
  column-gap:28px !important;
  align-items:start !important;
  width:100% !important; */
}
.footer-widgets .bs-mid > .wp-block-column{margin:0 !important;padding:0 !important;min-width:0}
.footer-widgets .bs-mid > .wp-block-column:nth-child(3){justify-self:end;text-align:right}
.footer-widgets .bs-mid > .wp-block-column:nth-child(3) .wp-block-social-links{justify-content:flex-end !important}

/* --- Alsó sáv: bal ©, jobb „Készítette” --- */
.footer-widgets .bs-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer-widgets p{margin:0}

/* Mobil */
@media (max-width:768px){
  .bs-container{padding:20px 16px}
  .footer-widgets .bs-container .bs-mid{grid-template-columns:1fr;row-gap:18px}
  .footer-widgets .bs-mid > .wp-block-column:nth-child(3){justify-self:start;text-align:left}
  .footer-widgets .bs-mid > .wp-block-column:nth-child(3) .wp-block-social-links{justify-content:flex-start !important}
  .footer-widgets .bs-bottom{flex-direction:column;text-align:center}
}

/* === Footer teteje === */

/* ==== FOOTER TOP – világos oldalháttér + íves SVG ==== */
.footer-widgets {
  background-color: var(--body-bg, #FBFBFB); /* ugyanaz, mint az oldal háttere */
  background-image: url("https://bounceshop.eu/wp-content/uploads/2025/10/footer-bg.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;

  position: relative;
  overflow: hidden;
  margin-top: -1px; /* eltünteti a fehér rést az előző blokk és az ív között */
}

/* belső tér (űrlap és társai) */
.footer-widgets .bs-container {
  padding-top: 120px;   /* az ív alatti levegő */
  padding-bottom: 40px;
}

/* mobil/tablet finomhangolás */
@media (max-width: 992px){
  .footer-widgets .bs-container { padding-top: 100px; }
}
@media (max-width: 600px){
  .footer-widgets {
    background-size: 120% auto; /* kisebb kijelzőn ne vágódjon le */
  }
  .footer-widgets .bs-container { padding-top: 80px; }
}

/* Footer top körüli felesleges margók eltüntetése */
.footer-widgets,
.footer-widgets {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* A Gutenberg szekciók (pl. Group block) ne adjanak extra margót */
.footer-widgets .wp-block-group,
.footer-widgets .wp-block-group__inner-container,
.footer-widgets .wp-block-columns {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* a teljes footer se lógjon el fentről */
.site-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* A három saját szakasz csatlakozzon hézag nélkül */
.footer-widgets,
.footer-widgets,
.footer-widgets{
  display:block;
  margin:0 !important;
  border:0 !important;
}

/* Ha mégis látszik 1px hajszálcsík, óvatos „ráhúzás”: */
.footer-widgets{ margin-top:-1px; }      /* a TOP alá 1px-sel felcsúszik */
.footer-widgets{ margin-top:-1px; }   /* a KÖZÉP alá 1px-sel felcsúszik */

/* Gutenberg belső wrappek ne adjanak extra margint */
.footer-widgets .wp-block-group,
.footer-widgets .wp-block-group__inner-container,
.footer-widgets .wp-block-columns,
.footer-widgets .wp-block-group,
.footer-widgets .wp-block-group__inner-container,
.footer-widgets .wp-block-columns{
  margin:0 !important;
}

/* A TOP háttere az oldal színe + az ív, fehér sáv nélkül */
.footer-widgets{
  background-color: var(--body-bg, #FBFBFB);
  background-image: url("https://bounceshop.eu/wp-content/uploads/2025/10/footer-bg.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  overflow:hidden;
}

/* (opcionális) ha 4K-n hajszálvonalat látsz, tedd 101%-ra */
@media (min-width:1600px){
  .footer-widgets{ background-size:101% auto; }
}

/* ===== FOOTER – hézagok kinyírása, hajszálelőzés ===== */

/* 0) Téma-féle border/separator off */
.site-footer,
.footer-widgets,
.footer-bar,
.footer-widgets,
.footer-widgets,
.footer-widgets{
  border: 0 !important;
}
.bs-footer hr,
.bs-footer .wp-block-separator{ display:none !important; }

/* 1) A három saját szakasz tényleg érjen össze */
.footer-widgets,
.footer-widgets,
.footer-widgets{
  margin:0 !important;
  display:block;
}

/* 2) Margin-collapsing megakadályozása + „összecsúsztatás” 1px-sel */
.footer-widgets{
  /* a top fölött se legyen rés */
  margin-top:-1px;           /* rácuppan az előző blokkra */
  padding-bottom:1px;        /* a -1px ellensúlyozása */
  overflow:hidden;           /* collapsingt megakadályozza */
}
.footer-widgets{
  margin-top:-1px;           /* top alá csúszik 1px-sel */
  padding-top:1px;           /* vizuális tér nem változik */
  overflow:hidden;
}
.footer-widgets{
  margin-top:-1px;           /* mid alá csúszik */
  padding-top:1px;           /* optikai tér változatlan */
}

/* 3) Gutenberg belső margók nullázása a footerben (forrás a kis csíkokra) */
.footer-widgets .wp-block-group,
.footer-widgets .wp-block-group__inner-container,
.footer-widgets .wp-block-columns,
.footer-widgets .wp-block-group,
.footer-widgets .wp-block-group__inner-container,
.footer-widgets .wp-block-columns{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* 4) Utolsó/első elemek „szivárgó” margóinak levágása */
.footer-widgets *:last-child{ margin-bottom:0 !important; }
.footer-widgets *:first-child{ margin-top:0 !important; }
.footer-widgets *:last-child{ margin-bottom:0 !important; }

/* 5) FOOTER TOP (ív) – EGY háttér a ::before-on, torzítás nélkül */
.footer-widgets {
  position: relative;
  background-color: var(--body-bg, #FBFBFB) !important;
  background-image: none !important;      /* ne legyen háttér a szülőn */
  min-height: clamp(140px, 16vw, 260px);
  margin-top: -2px;                        /* ráhúzás az előző szekcióra */
  overflow: hidden;                        /* stabilabb, mint a clip */
  z-index: 5;
}

/* a hullámos SVG CSAK a ::before rétegen legyen */
.footer-widgets::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    url("https://bounceshop.eu/wp-content/uploads/2025/10/footer-bg.svg")
    no-repeat center -4px / cover;         /* kitöltés torzítás nélkül + kis feljebb tolás */
  pointer-events: none;
  z-index: 0;
}

/* a belső tartalom a hullám fölött legyen és kapjon „levegőt” */
.footer-widgets .bs-container {
  position: relative;
  z-index: 1;
  padding-top: clamp(80px, 10vw, 140px);
  padding-bottom: 40px;
}

/* ha még bárhol hajszál jelenne meg a közép tetején: takarjuk rá 2px-t */
.footer-widgets { margin-top: -2px; padding-top: 2px; }

/* Tablet – picit nagyobb feljebb tolás */
@media (max-width: 992px){
  .footer-widgets::before {
    background-position: center -6px;
  }
}

/* Mobil – még lejjebb a hullám „csúcsa”, hogy biztosan ne vágódjon */
@media (max-width: 600px){
  .footer-widgets::before {
    background-position: center -10px;
  }
  .footer-widgets .bs-container { padding-top: 80px; }
}

/* szivárgó margók levágása a TOP elején */
.footer-widgets,
.footer-widgets *:first-child { margin-top: 0 !important; }

/* --- Footer TOP hullám: adjunk pár px aláfutást, hogy biztosan takarjon --- */
.footer-widgets::before{
  /* az inset:0 helyett engedjük lejjebb pár px-szel */
  bottom: -8px;     /* 6–10px között jó; ha még látszik csík, növeld  -10/-12-re */
}

/* Mobilon egy fokkal erősebb „ráfeszítés” és lejjebb tolás */
@media (max-width: 600px){
  .footer-widgets{
    --footer-wave-scale: 160%;   /* eddigi 150% helyett picit több, hogy biztosan kitöltsön */
    --footer-wave-nudge: -10px;  /* kicsit lejjebb húzzuk a hullámot */
  }
  .footer-widgets::before{
    bottom: -12px;               /* mobilon több aláfutás */
  }
}

/* VÉSZTARTALÉK: ha még mindig látszana hajszál csík a TOP alatt */
.footer-widgets{
  margin-top: -2px;   /* eddig -2px volt – ha kell, lehet -3/-4 is */
  padding-top: 2px;
}
@media (max-width: 480px){
  .footer-widgets{
    margin-top: -3px; /* mobilon picit több átfedés */
    padding-top: 3px;
  }
}


/* 6) (4K-n látszó „hajszálvonal” ellen) minimális ráfeszítés */
@media (min-width:1600px){
  .footer-widgets{ background-size:101% auto; }
}

.site-footer{display:none !important;height:0!important;padding:0!important;margin:0!important;}

.footer-widgets .bs-container {
  padding-top: 8px;
  padding-bottom: 12px;
}

@media (max-width: 768px) {
  .footer-credit {
    text-align: center;
  }
}

/* === FOOTER FORM – Figma szerinti végső stílus === */

/* teljes szélességű mezők */
.footer-widgets .wpcf7-form p {
  margin: 0 0 14px;
}
.footer-widgets .wpcf7-form label {
  display: block;
  width: 100%;
  font-weight: 600;
  margin-bottom: 6px;
}

/* input + textarea */
.footer-widgets .wpcf7-form input[type="text"],
.footer-widgets .wpcf7-form input[type="email"],
.footer-widgets .wpcf7-form textarea {
  width: 100%;
  padding: 10px 14px;
  background: #fff;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.4;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* kisebb textarea */
.footer-widgets .wpcf7-form textarea {
  min-height: 120px;
  resize: vertical;
}

/* fókusz */
.footer-widgets .wpcf7-form input:focus,
.footer-widgets .wpcf7-form textarea:focus {
  outline: none;
  border-color: #2E8F1F;
  box-shadow: 0 0 0 3px rgba(107,189,56,.25);
}

/* checkbox */
.footer-widgets .wpcf7-acceptance .wpcf7-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.footer-widgets .wpcf7-form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #2E8F1F;
}

/* sárga CTA gomb */
.footer-widgets .wpcf7-submit {
  background: #FFC826;
  color: #141414;
  border: none;
  border-radius: 6px;
  font-weight: 700;
  padding: 10px 28px;
  cursor: pointer;
  font-size: 16px;
  transition: filter 0.2s ease, transform 0.05s ease;
}
.footer-widgets .wpcf7-submit:hover { filter: brightness(0.95); }
.footer-widgets .wpcf7-submit:active { transform: translateY(1px); }

/* űrlap visszajelzések egységesítve */
.footer-widgets .wpcf7-response-output {
  border: none;
  border-radius: 6px;
  margin-top: 10px;
  padding: 10px 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  font-size: 14px;
}

/* === FOOTER oszlopok közti térköz === */
.footer-widgets .wp-block-columns.is-layout-flex {
  gap: 80px; /* Figma szerint kb. 48px */
}

/* Biztos ami biztos, kisebb képernyőn csökkentjük */
@media (max-width: 768px) {
  .footer-widgets .wp-block-columns.is-layout-flex {
    gap: 24px;
  }
}

html { scroll-behavior: smooth; }

/* ha kicsit “aláfut” a görgetés, ezzel állíthatod */
#ajanlat { scroll-margin-top: 12px; }


/* == WOOCOMMERCE KATEGÓRIA GRID == */

/* A fő wrapper, hogy biztosan mi irányítsunk */
.catgrid * {
  box-sizing: border-box;
}

/* Kategóriarács beállítása */
.catgrid ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: initial !important; /* ha a téma flex-szel babrálna */
}
.catgrid ul.products::before,
.catgrid ul.products::after {
  content: none !important;
  display: none !important;
}

/* Elemi reset, hogy semmi float/width ne maradjon */
.catgrid ul.products > li.product,
.catgrid ul.products > li.product-category {
  float: none !important;
  width: auto !important;
  clear: none !important;
  margin: 0 !important;
  display: block !important;
}

/* Linkek és képek normál megjelenése */
.catgrid ul.products li.product-category a {
  display: block !important;
  text-decoration: none;
}
.catgrid ul.products li.product-category img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Termékszám elrejtése */
.woocommerce .woocommerce-loop-category__title .count {
  display: none !important;
}

/* Reszponzív rács */
@media (max-width: 1200px) {
  .catgrid ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 900px) {
  .catgrid ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 560px) {
  .catgrid ul.products {
    grid-template-columns: 1fr !important;
  }
}

/* == Időszakos vizsgáztatás – SVG háttér + kép felcsúsztatva == */
.vizsgaztatas {
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  position: relative;
  background: url("http://bounceshop.halaszkovacsnora.hu/wp-content/uploads/2025/10/ivelt-hatter.svg")
              no-repeat center / cover;
  padding: 80px 0 200px;   /* felső/alsó térköz */
  overflow: visible;
  z-index: 1;
}

/* a tartalom középre */
.vizsgaztatas .inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* a csúszda képe a következő blokkban */
.vizsgaztatas-img img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: -180px;  /* ezzel „felmászik” az ívre */
  position: relative;
  z-index: 3;
}

/* mobil finomítás */
@media (max-width: 900px) {
  .vizsgaztatas {
    padding: 60px 0 100px;
    background-size: 130% auto;
  }
  .vizsgaztatas-img img {
    margin-top: -80px;
  }
}



#footer-widgets {
  min-width: 100vw !important;
  margin-left: 5em;
  margin-right: 5em;
  box-shadow: none;
}

/* .footer-widgets-container {
  min-width: 100vw !important;
}
 */
.inside-footer-widgets {
  padding-top: 8em;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 3;
  /* min-width: 100vw !important; */
}

.site.grid-container {
  margin: none;
  display: flex;  
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-widget-2 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.footer-widget-2 #block-13 .wp-block-columns {
  display: flex !important;
  justify-content: space-between !important;  
  width: 100% !important;
}

.footer-widget-2 #block-13 .wp-block-columns:nth-of-type(3) {
  display: flex !important;
  flex-direction: column !important;
  align-items: end !important;
}

.footer-widget-2 {
	width:100vw !important;
	align-self: center !important;
	background-color: #6BBD38 !important;
	padding: 5em 5em  !important;
	margin-bottom: -4% !important;
}

.footer-widget-3 .block-14 {
		background-color: #6BBD38 !important;

}

footer {
  display: none;
}

.wp-block-group .cat-grid::before {
	background-position: top !important;
}

.products .product::after {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background: #cce6a5;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    border-top-left-radius: 1200px 150px;
    border-top-right-radius: 1200px 150px;
    transition: height .35s ease, opacity .35s ease;
}

.products .product:hover::after {
  height:60%; opacity:.9;            
}

.custom-view-button {
    background: #fdd514 !important;
	border:2px solid #fdd514 !important;
	color:#111 !important;
    font-weight:800 !important;
	font-size:16px !important;
	line-height:1 !important;
	min-height:42px !important;
	max-width: 10em !important;
	padding:10px 18px !important;
  	border-radius:10px !important;
	box-shadow:0 4px 10px rgba(0,0,0,.10) !important;
	opacity: 0 !important;
  	transition:transform .2s, box-shadow .2s, background .2s, border-color .2s !important;
}
.products .product:hover .custom-view-button {
  	background:#E3BE0E !important;
  	border-color:#E3BE0E !important;
  	transform:translateY(-2px) !important;
	box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
	opacity: 1 !important;
	z-index: 2!important;
}

.products .product:hover a .woocommerce-loop-product__title {
	color: #0000 !important;
}

.custom-view-button {
  	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
  	background:#fdd514 !important;
	border:2px solid #fdd514 !important; 
	color:#111 !important;
  	font-weight:800 !important;
	font-size:16px !important;
	line-height:1 !important;
  	min-height:38px !important;
	padding:8px 16px !important;
	border-radius:10px !important;
  	box-shadow:0 4px 10px rgba(0,0,0,.10) !important;
  	transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease !important;
}
.products .product:hover .custom-view-button {
  	background:#E3BE0E !important;
	border-color:#E3BE0E !important;
  	transform:translateY(-2px) !important; 
	box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
}

.custom-view-button {
  min-height: 36px !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
}

.products .product:hover .custom-view-button {
  transform: translateY(calc(-1 * 14px))) !important;
}


.usp-grid {
	max-width: 80vw !important;
	justify-self: center !important;
}

/* Force 5-column product grid on WooCommerce archive (category/shop) pages 
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 20px !important;
}
*/

.hk-stock-label {
	position: relative !important;
	z-index: 2 !important;
}

.price bdi {
	color: #000 !important;
}

.related .products .product {
	all: unset !important;
}

.related .products .product::after {
	all: unset !important;
}

.related .products .product .bs-card__footer {
	display: none !important;
}





.related .products .product::after {
    content: "";
    position: absolute;
    left: 0 !important; 
    right: 0 !important; 
    bottom: 0 !important;
    height: 0;
    background: #cce6a5;
    opacity: 0;
    pointer-events: none;
    z-index: 1 !important;
    border-top-left-radius: 1200px 150px;
    border-top-right-radius: 1200px 150px;
    transition: height .35s ease, opacity .35s ease;
}


.related .products .product:hover::after {
  height:70%; opacity:.9;
}

.related .products .product:hover .custom-view-button {
  	background:#E3BE0E !important;
  	border-color:#E3BE0E !important;
  	transform:translateY(-2px) !important;
	box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
	opacity: 1 !important;
	z-index: 2!important;
}

.related .products .product:hover a .woocommerce-loop-product__title {
	color: #0000 !important;
}


.related .products .product:hover .custom-view-button {
  	background:#E3BE0E !important;
	border-color:#E3BE0E !important;
  	transform:translateY(-2px) !important; 
	box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
}


.related .products .product:hover .custom-view-button {
  transform: translateY(calc(-1 * 14px)) !important;
}

.related .products .product {
	position: relative !important;
}

.related .products .product a {
	position: relative !important;
}

.related .products .product a img {
	position: relative !important;
	z-index: 0 !important;
}

.related .products .product a h2 {
	position: relative !important;
	z-index: 2 !important;
}  

.related .products li.product {
    background: linear-gradient(to top, #cce6a5 0%, transparent 0%) !important;
    background-size: 100% 0% !important;
    background-repeat: no-repeat !important;
    transition: background-size .35s ease !important;
}

.related .products li.product:hover {
    background-size: 100% 60% !important;
}

.product-category::after {
	display: none !important;
}

.bs-card__image-wrapper img {
    height: 100% !important;
	width: 100% !important;
}

.bs-hero__left .onsale {
	background-color: #6bbd38 !important;
	top: 0.5em !important;
	left: 2em !important;
}

@media (min-width: 1770px) {
	.bs-hero__left .onsale {
		left: 8em !important;
	}
}

.single-product .bs-cta-wrap {
	margin: 3em 0 !important;
}

.impresszum-link, 
.gdpr-link,
.szallitas-link {
	text-decoration: none !important;
}

@media (min-width: 1367px) {
	.cat-grid .wp-block-group__inner-container .woocommerce .products {
		grid-template-columns: repeat(5, 1fr) !important
	}
}	

@media (max-width:1080px){
  .cat-grid .wp-block-group__inner-container .woocommerce .products { 
	  grid-template-columns:repeat(3, 1fr) !important; 
	  gap:24px !important; 
	}
}
@media (max-width:640px){
  .cat-grid .wp-block-group__inner-container .woocommerce .products { 
	  grid-template-columns: repeat(2, 1fr) !important;
	  gap:20px !important; 
	}
}

@media (max-width: 1600px) {
	.footer-widgets .wp-block-columns.is-layout-flex {
		display: flex;
		justify-content: center;
		margin: 0px 40px !important;
	}
	.footer-widgets .wp-block-columns.is-layout-flex > div:nth-child(2) {
		max-width: 35vw !important!
	}
	.footer-widgets {
		font-size: 75% !important;
	}
}

@media (max-width: 781px) {
	.footer-widget-2 {
		margin-bottom: -11% !important;
	}
	
}

@media (max-width: 1200px) {
	.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
		font-size: 90% !important;
		padding: 1em 6em !important;
		margin: 20px !important;
	}
	h1 {
		font-size: 1.5em!important;
	}
	p {
		font-size: 1em !important;
	}
	h2 {
		font-size: 1.3em !important;
	}
	h3 {font-size: 1.1em !important;}
}

@media (min-width: 1367px) {
	.related .products {
		grid-template-columns: repeat(4, 1fr) !important
	}
}	

@media (max-width:1080px){
  .related .products { 
	  grid-template-columns:repeat(3, 1fr) !important; 
	  gap:24px !important; 
	}
}
@media (max-width:640px){
  .related .products { 
	  grid-template-columns: repeat(2, 1fr) !important;
	  gap:20px !important; 
	}
}

@media (max-width: 768px) {
	.footer-widget-2 #block-13 .wp-block-columns .wp-block-column {
		max-width: 30vw !important;
	}
}

@media (max-width: 425px) {
	.footer-widget-2 #block-13 .wp-block-columns .wp-block-column {
		max-width: 50vw !important;
	}
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
	width: fit-content !important;
	padding: 1em 2em !important;
	margin: 20px !important;
}

.related .products .product {
	padding: 1em !important;
	box-shadow:0 6px 16px rgba(0,0,0,0.08) !important;
}

html, body {
  overflow-x: hidden !important;
}
body {
  position: relative !important;
}

@media (max-width: 768px) {
    .ketgombok.wp-block-columns {
        gap: 0 !important;
        row-gap: 0 !important;
    }

    .ketgombok .wp-block-column {
        margin-bottom: 0 !important;
    }
}
  .hero-blokk .wp-block-group__inner-container {
    padding-bottom: 10px !important;   /* vagy 0, ha teljesen eltüntetnéd a részt */
  }
}

/* ===== GOMBOK – kattintáskor NE szürküljenek ===== */

/* Gutenberg sárga CTA-k */
.wp-block-button .wp-block-button__link {
  -webkit-appearance: none;
}

.wp-block-button:not(.button2) .wp-block-button__link:active,
.wp-block-button:not(.button2) .wp-block-button__link:focus {
  background: var(--yellow-hover) !important;
  border-color: var(--yellow-hover) !important;
  color: var(--body-txt) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.15) !important;
  transform: translateY(0) !important; /* ne ugráljon vissza fura helyre */
}

/* Fehér másodlagos gombok */
.wp-block-button.button2 .wp-block-button__link:active,
.wp-block-button.button2 .wp-block-button__link:focus {
  background: #fff !important;
  border-color: var(--yellow-hover) !important;
  color: var(--body-txt) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
}

/* Woo / egyedi sárga gombok (bs-btn + custom-view-button) */
.bs-btn,
.custom-view-button,
button,
.button,
input[type="submit"] {
  -webkit-appearance: none;
}

.bs-btn:active,
.custom-view-button:active,
button:active,
.button:active,
input[type="submit"]:active {
  background: var(--yellow-hover) !important;
  border-color: var(--yellow-hover) !important;
  color: #111 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.15) !important;
  transform: translateY(0) !important;
}

/* CF7 küldés gomb – alap */
.wpcf7 form input.wpcf7-submit {
  background: var(--yellow) !important;
  border: 1px solid var(--yellow) !important;
  color: var(--body-txt) !important;
  -webkit-appearance: none;
}

/* Hover */
.wpcf7 form input.wpcf7-submit:hover {
  background: var(--yellow-hover) !important;
  border-color: var(--yellow-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* Active (kattintás) – ne szürküljön */
.wpcf7 form input.wpcf7-submit:active,
.wpcf7 form input.wpcf7-submit:focus {
  background: var(--yellow-hover) !important;
  border-color: var(--yellow-hover) !important;
  color: var(--body-txt) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.15) !important;
  transform: translateY(0) !important;
  outline: none !important;
}