.elementor-17423 .elementor-element.elementor-element-0a9121d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17423 .elementor-element.elementor-element-0a27747{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-17423 .elementor-element.elementor-element-ef3a7b7{--display:flex;}.elementor-17423 .elementor-element.elementor-element-a491fcb{--display:flex;}.elementor-17423 .elementor-element.elementor-element-4337ab1{--e-image-carousel-slides-to-show:4;}.elementor-17423 .elementor-element.elementor-element-4337ab1 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-ba6aed3 );opacity:var( --e-global-color-ba6aed3 );}.elementor-17423 .elementor-element.elementor-element-4337ab1 .swiper-pagination-bullet{background:var( --e-global-color-be849e4 );}.elementor-17423 .elementor-element.elementor-element-4337ab1 .swiper-wrapper{display:flex;align-items:center;}.elementor-17423 .elementor-element.elementor-element-872ba06{--display:flex;}@media(max-width:767px){.elementor-17423 .elementor-element.elementor-element-4337ab1{--e-image-carousel-slides-to-show:1;}}@media(min-width:768px){.elementor-17423 .elementor-element.elementor-element-0a27747{--content-width:1469px;}}/* Start custom CSS for container, class: .elementor-element-0a27747 *//* =========================================================
   Termékoldal sablon – egyedi stílus (WooCommerce + Elementor)
   Fő szín: #0F5347   |   prefix: pm-
   Illeszd: Elementor → Site Settings → Custom CSS
   ========================================================= */

:root{
  --pm-green:#0F5347;
  --pm-green-dark:#0c4339;
  --pm-card-bg:#ffffff;
  --pm-card-border:#ececec;
  --pm-muted:#8a8a8a;
  --pm-text:#1f2d27;
  --pm-soft:#f7f3ea;          /* halvány krém háttér, mint az eredetin */
  --pm-dark-card:#1d2a22;     /* sötét zöldes kártya a kiemelt ajánlatokhoz */
}

/* ---------- GOMBOK – minden Woo/Elementor gomb egységes ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .single_add_to_cart_button,
.woocommerce #respond input#submit,
.elementor-button{
  background-color:var(--pm-green) !important;
  color:#fff !important;
  border:none !important;
  border-radius:30px !important;
  font-weight:700 !important;
  transition:background-color .2s ease, transform .05s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.elementor-button:hover{ background-color:var(--pm-green-dark) !important; color:#fff !important; }
.woocommerce .single_add_to_cart_button:active{ transform:translateY(1px); }
.woocommerce .quantity .qty{ border:1px solid #d9e2dd; border-radius:10px; padding:10px; text-align:center; }

/* ---------- TOP TERMÉK badge ---------- */
.pm-top-badge{
  display:inline-block; background:#ede3fa; color:#6b3fa0;
  font-size:13px; font-weight:700; padding:5px 14px; border-radius:20px;
}

/* ---------- BADGE-ek (szállítás / GLS / utánvét) ---------- */
.pm-badges{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0; }
.pm-badge{ font-size:13px; font-weight:600; padding:7px 16px; border-radius:22px; line-height:1.3; }
.pm-badge--ship{ background:#fdf3da; color:#9a7b1a; }
.pm-badge--purple{ background:#ede3fa; color:#6b3fa0; }
.pm-badge--green{ background:#e3f3e6; color:#2e7d32; }
.pm-badges--delivery{ margin-top:14px; }

/* ---------- PIPÁS IKONLISTA ---------- */
.pm-features{ list-style:none; margin:14px 0; padding:0; }
.pm-features li{
  position:relative; padding-left:30px; margin:9px 0;
  font-size:15px; color:var(--pm-text); line-height:1.5;
}
.pm-features li::before{
  content:""; position:absolute; left:0; top:2px;
  width:18px; height:18px; border-radius:50%;
  background:var(--pm-green);
}
.pm-features li::after{
  content:"✓"; position:absolute; left:4px; top:1px;
  color:#fff; font-size:12px; font-weight:800;
}

/* ---------- PONT-INFO DOBOZ ---------- */
.pm-points{
  display:flex; align-items:center; gap:12px;
  background:#eef5f1; border:1px solid #d6e6dd; border-radius:14px;
  padding:14px 18px; font-size:14px; color:#2a3a32; line-height:1.45; margin:14px 0;
}
.pm-points__icon{ font-size:20px; line-height:1; }
.pm-points__text strong{ color:var(--pm-green); }

/* ---------- FIZETÉSI IKONOK (szöveges placeholder) ---------- */
.pm-payments{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:14px 0; }
.pm-payments span{
  font-size:12px; font-weight:700; color:#444;
  background:#fff; border:1px solid #e3e3e3; border-radius:6px;
  padding:6px 10px; min-width:46px; text-align:center;
}
/* Ha képeket teszel be, a <span>-eket cseréld <img>-re, és ezt használhatod:
   .pm-payments img{ height:26px; width:auto; } */

/* ---------- KISZERELÉS-SWATCH (plugin kimenetére) ---------- */
ul.variable-items-wrapper{ display:flex !important; flex-wrap:wrap; gap:10px; margin:8px 0 0; padding:0; list-style:none; }
ul.variable-items-wrapper li.variable-item{
  border:1.5px solid var(--pm-card-border) !important; border-radius:12px !important;
  overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.05); cursor:pointer; background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease, transform .1s ease;
}
ul.variable-items-wrapper li.variable-item:hover{ border-color:var(--pm-green) !important; transform:translateY(-1px); }
ul.variable-items-wrapper li.variable-item.selected,
ul.variable-items-wrapper li.variable-item[aria-checked="true"]{
  border-color:var(--pm-green) !important; box-shadow:0 0 0 2px rgba(15,83,71,.25);
}
ul.variable-items-wrapper li.variable-item .variable-item-span{
  display:block; text-align:center; font-size:13px; font-weight:600; color:var(--pm-text); padding:4px 6px;
}

/* ---------- CSOMAGAJÁNLAT-KÁRTYÁK (ha a kódod pm- osztályokat ad) ---------- */
.pm-bundles{ display:flex; flex-direction:column; gap:14px; margin:0; padding:0; list-style:none; }
.pm-bundle{ position:relative; background:#fff; border:1px solid var(--pm-card-border); border-radius:14px; padding:16px 18px; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.pm-bundle__head{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.pm-bundle__qty{ font-size:18px; font-weight:800; color:var(--pm-text); }
.pm-bundle__prices{ text-align:right; line-height:1.2; }
.pm-bundle__old{ display:block; font-size:14px; color:var(--pm-muted); text-decoration:line-through; }
.pm-bundle__price{ font-size:20px; font-weight:800; color:var(--pm-text); }
.pm-bundle__discount,.pm-bundle__shipping{ font-size:13px; color:var(--pm-muted); margin-top:2px; }
.pm-bundle__cta,.pm-bundle .button{ display:block; width:100%; text-align:center; margin-top:12px; background:var(--pm-green); color:#fff; border-radius:30px; padding:12px 16px; font-weight:700; border:none; text-decoration:none !important; }
.pm-bundle__cta:hover,.pm-bundle .button:hover{ background:var(--pm-green-dark); color:#fff; }
.pm-bundle--featured{ background:#111b16; border-color:#111b16; }
.pm-bundle--featured .pm-bundle__qty,.pm-bundle--featured .pm-bundle__price{ color:#fff; }
.pm-bundle--featured .pm-bundle__old,.pm-bundle--featured .pm-bundle__discount,.pm-bundle--featured .pm-bundle__shipping{ color:#b9c4be; }
.pm-bundle__badge{ position:absolute; top:-12px; left:16px; background:#3aa544; color:#fff; font-size:12px; font-weight:700; padding:5px 12px; border-radius:20px; box-shadow:0 2px 5px rgba(0,0,0,.2); }



/* ---------- 4 USP DOBOZ ---------- */
.pm-usp-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pm-usp{ background:#fff; border-radius:14px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,.05); }
.pm-usp__icon{ width:40px; height:40px; border-radius:50%; background:#e7f0ea; color:var(--pm-green); display:flex; align-items:center; justify-content:center; font-size:18px; margin-bottom:12px; }
.pm-usp__title{ font-size:16px; font-weight:700; color:var(--pm-text); margin-bottom:6px; }
.pm-usp__text{ font-size:14px; color:#5b6b62; line-height:1.5; }

/* ---------- SZEKCIÓ CÍMEK ---------- */
.pm-eyebrow{ color:var(--pm-green); font-weight:700; font-size:14px; margin:0 0 2px; }
.pm-section-title{ font-size:26px; font-weight:800; color:var(--pm-text); margin:0 0 18px; }

/* ---------- KIEMELT AJÁNLATOK (sötét kártyák) ---------- */
.pm-promo-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.pm-promo{ background:var(--pm-dark-card); border-radius:14px; padding:24px; color:#fff; min-height:170px; display:flex; flex-direction:column; }
.pm-promo__title{ font-size:20px; font-weight:800; margin-bottom:8px; }
.pm-promo__text{ font-size:14px; color:#d7e0da; line-height:1.5; flex:1; }
.pm-promo__btn{ display:inline-block; margin-top:16px; align-self:flex-start; background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.6); border-radius:24px; padding:10px 22px; font-weight:700; text-decoration:none; transition:background .2s ease,color .2s ease; }
.pm-promo__btn:hover{ background:#fff; color:var(--pm-dark-card); }

/* ---------- REJTENDŐ ELEMEK (kérésre kihagyva) ---------- */
.pm-intl-shipping, .pm-parcel-locker-warning, .pm-grouped-products{ display:none !important; }

/* ---------- RESZPONZÍV (telefon / tablet) ---------- */
@media (max-width:1024px){
  .pm-usp-grid{ grid-template-columns:repeat(2,1fr); }
  .pm-promo-grid{ grid-template-columns:1fr; }
}
@media (max-width:767px){
  .pm-section-title{ font-size:21px; }
  .pm-usp-grid{ grid-template-columns:1fr; }
  .pm-features li{ font-size:14px; }
  .woocommerce div.product form.cart .single_add_to_cart_button{ width:100%; }
  .woocommerce div.product form.cart .quantity{ width:100%; margin-bottom:10px; }
  .woocommerce div.product form.cart .quantity .qty{ width:100%; }
  ul.variable-items-wrapper li.variable-item{ flex:0 0 calc(33.333% - 8px); }
  .pm-bundle__qty{ font-size:16px; } .pm-bundle__price{ font-size:18px; }
}
@media (max-width:480px){
  ul.variable-items-wrapper li.variable-item{ flex:0 0 calc(50% - 6px); }
  .pm-payments span{ font-size:11px; padding:5px 8px; min-width:40px; }
}/* End custom CSS */