.elementor-8247 .elementor-element.elementor-element-342cff53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8247 .elementor-element.elementor-element-78da2b67{--display:flex;}.elementor-8247 .elementor-element.elementor-element-3cafd06e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8247 .elementor-element.elementor-element-3cafd06e.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-8247 .elementor-element.elementor-element-14e1d3b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-8247 .elementor-element.elementor-element-3cafd06e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-8247 .elementor-element.elementor-element-3cafd06e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-195fe992 *//* === GIFTTIPP – egységes bevezető stílus minden kategóriához === */
.gift-intro {
  background: linear-gradient(135deg, rgba(207,74,68,0.10), #fff);
  border-left: 4px solid rgba(207,74,68,0.7);
  border-radius: 12px;
  padding: 24px 28px;
  margin-bottom: 32px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  font-size: 1.07rem;
  line-height: 1.75;
  color: #2f2f2f;
  position: relative;
}

.gift-intro h2 {
  color: #b64a2b;
  font-weight: 700;
  font-size: 1.55rem;
  margin-bottom: 10px;
}

.gift-intro strong {
  color: #b64a2b;
}

/* kis ikon a jobb felső sarokban */
.gift-intro::before {
  content: "🎁";
  font-size: 2rem;
  position: absolute;
  right: 18px;
  top: 12px;
  opacity: 0.25;
  pointer-events: none;
}

/* --- Mobil verzió – kisebb betűk --- */
@media (max-width: 768px) {
  .gift-intro {
    padding: 14px 12px;
    font-size: 0.85rem;
    line-height: 1.55;
  }

  .gift-intro h2 {
    font-size: 1.1rem;
    line-height: 1.3;
  }

  .gift-intro::before {
    font-size: 1.6rem;
    top: 8px;
    right: 10px;
  }
}


/* --- Mobil verzió – kisebb betűk, de jól olvasható --- */
@media (max-width: 768px) {
  .fiubaba-intro {
    padding: 14px 12px;
    font-size: 0.85rem;
    line-height: 1.55;
  }

  .fiubaba-intro h1,
  .fiubaba-intro h2 {
    font-size: 1.05rem;
    line-height: 1.25;
    margin-bottom: 6px;
  }

  .fiubaba-intro p {
    font-size: 0.85rem;
  }

  .fiubaba-intro::before {
    font-size: 1.8rem;
    right: 12px;
    top: 10px;
    opacity: 0.3;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-342cff53 */.lanybaba-intro {
  background: linear-gradient(135deg, rgba(207,74,68,0.05), rgba(255,255,255,0.95));
  border-left: 4px solid rgba(207,74,68,0.6);
  border-radius: 12px;
  padding: 24px 28px;
  margin-bottom: 32px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  font-size: 1.07rem;
  line-height: 1.75;
  color: #383838;
}

.lanybaba-intro h1, .lanybaba-intro h2 {
  color: #b64a2b;
  font-weight: 700;
  font-size: 1.55rem;
  margin-bottom: 10px;
}

.lanybaba-intro strong {
  color: #b64a2b;
}

.lanybaba-intro::before {
  content: "";
  font-size: 1.8rem;
  position: absolute;
  left: 18px;
  top: 18px;
  opacity: 0.2;
}
/* === Mobil tipográfia – extra kicsinyített verzió === */
@media (max-width: 768px) {
  .lanybaba-intro {
    padding: 16px 14px;
    font-size: 0.85rem;
    line-height: 1.55;
  }

  .lanybaba-intro h1,
  .lanybaba-intro h2 {
    font-size: 1.05rem;
    line-height: 1.25;
    margin-bottom: 6px;
  }

  .lanybaba-intro p {
    font-size: 0.85rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78da2b67 *//* =========================================================
   GLOBÁLIS HÁTTÉR – halvány, szebb ajándékdoboz minta
   (teljes szélességű vízszintes szalaggal)
========================================================= */
:root{
  --gift-bg: #f6efe9;        /* oldal háttérszíne */
  --gift-stroke: #b64a2b;    /* vonalszín */
  --gift-stroke-w: 2.6;      /* vonalvastagság (px) */
  --gift-opacity: 0.10;      /* minta halványsága (0–1) */
  --gift-size: 140px;        /* csempeméret – kisebb dobozok */
}

html, body{
  background-color: var(--gift-bg) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity: var(--gift-opacity);
  background-repeat: repeat;
  background-size: var(--gift-size) var(--gift-size);
  background-position: 0 0;
  /* SVG minta – doboz + teljes szélességű szalag + masni */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23b64a2b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='40' y='40' width='120' height='120' rx='14' ry='14' fill='rgba(182,74,43,0.05)' stroke='none'/%3E%3C/g%3E%3Cg fill='none' stroke='%23b64a2b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='40' y='40' width='120' height='120' rx='14' ry='14'/%3E%3Cpath d='M40 100 H160'/%3E%3Cpath d='M100 40 V160'/%3E%3Cpath d='M100 40 C 88 26, 70 24, 60 32 C 52 38, 54 48, 64 52 C 76 56, 88 50, 100 40 Z'/%3E%3Cpath d='M100 40 C 112 26, 130 24, 140 32 C 148 38, 146 48, 136 52 C 124 56, 112 50, 100 40 Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Tartalom legyen a minta fölött */
#page, .site, .elementor, .elementor-location-header, .elementor-location-footer, .elementor-section{
  position:relative;
  z-index:1;
}

/* =========================================================
   TERMÉKLISTA – egységes kártyák (Elementor widgethez)
   A '.elementor-8247 .elementor-element.elementor-element-78da2b67' az adott widget gyökerére mutat.
========================================================= */

/* Rács: 4 / 3 / 2 oszlop */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important; /* minden kártya azonos magasságra feszül */
}
@media (max-width: 1024px){
  .elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products{ grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px){
  .elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products{ grid-template-columns: repeat(2, 1fr) !important; }
}

/* Kártya: 4 sor – (1) kép+cím (auto), (2) rugó 1fr, (3) ár, (4) gomb */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product{
  background:#fff;
  border-radius:12px;
  padding:12px !important;
  text-align:center !important;
  box-shadow:0 4px 14px rgba(0,0,0,0.06);

  display:grid !important;
  grid-template-rows: auto 1fr auto auto;  /* <<< ez tartja lent az árat + gombot */
  height:100% !important;

  position:relative !important; /* ütközések ellen */
}

/* Kép (stabil helyfoglalás) */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product a img{
  width:100%;
  height:auto;
  aspect-ratio: 1 / 1;          /* négyzetes hely – nem tolja le a láblécet */
  object-fit: contain;
  margin-bottom:8px;
}

/* Cím – fekete, fix(ebb) magasság */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product .woocommerce-loop-product__title{
  min-height:72px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
  color:#000 !important;         /* fekete cím */
}

/* Ha van rövid leírás blokkoknál, ne torzítson a margó */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product .woocommerce-product-details__short-description{
  margin-bottom:8px !important;
}

/* ÁR – fekete, mindig a lábléc fölött */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product .price{
  grid-row: 3;                   /* fix sor */
  margin:0 0 8px 0 !important;
  text-align:center !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  min-height: 1.2em;             /* ha nincs ár, akkor is tartson helyet */
  color:#000 !important;         /* fekete ár */
}

/* GOMB – sötétebb tégla + fehér szöveg */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product .button{
  grid-row: 4;                   /* fix sor */
  justify-self:center;
  margin:0 !important;
  background-color:#9c3a24 !important;   /* sötétebb tégla */
  color:#fff !important;
  padding:8px 16px !important;
  border-radius:8px;
  font-weight:600;
  text-transform:none;
  border:1px solid #812d1b !important;   /* finom keret */
  position:static !important;            /* minden abszolútot kiütünk */
  left:auto !important; right:auto !important; bottom:auto !important; transform:none !important;
}
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product .button:hover{
  background-color:#7a2817 !important;   /* még sötétebb hover */
  border-color:#611f12 !important;
}

/* Teljes reset, ha téma/plugin belenyúl (float/inline anomáliák ellen) */
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product .price,
.elementor-8247 .elementor-element.elementor-element-78da2b67 ul.products li.product .button{
  float:none !important;
  display:block !important;
}/* End custom CSS */