/* =========================================================
   SHOWA EU — a showagroup.com/eu-en főoldal újraépítése.

   Használja: ../../template-showa-landing.php és a mellette lévő index.html.

   A szabályok az eredeti oldal saját stíluslapjának (themes/showa/assets/css/
   app.min.css + a Bootstrap 4 rács a plugins.min.css-ből) átirata: ugyanazok a
   méretek, színek, törésponti értékek és osztálynevek — .banner, .card-slider,
   .product-card, .oval-shape-content, .contact-card és társaik. Ahol eltérünk,
   ott a helyén álló megjegyzés mondja meg, miért.

   AMI SZÁNDÉKOSAN KIMARADT: az eredeti fejléce (utility-bar, main-bar, mega
   menü, mobil drawer), a lábléce és a Cookiebot-widget — ezeket a bestlab
   get_header()/get_footer()-e, illetve a Bestlab Suite Cookie Consent modulja
   adja. A finder-bar sáv marad, csak a háttere lett az eredetié.

   BETŰTÍPUS: az eredeti Gotham/Gotham Book — nem licencelhető, ezért Montserrat
   megy helyette (ugyanaz a geometrikus grotesk karakter, 400/500/700/900).

   MINDEN szabály a .blf-showa burkoló alá van tolva — a változók és a törzs-
   beállítások is azon ülnek. Ez nem kozmetika: a sablon a bestlab fejlécét
   használja, így a theme main.css-e ugyanazon a lapon fut. Hatókör nélkül az
   itteni reset (Montserrat 900 címsorok, listajel nélküli ul, 1140px-es
   .container, a:hover aláhúzás nélkül) a fejlécet is átfestené. Új szabály is
   .blf-showa alá kerüljön — különösen a generikus nevűek (.container, .row,
   .card, .btn, .title), amelyekből a theme is használ egyet-kettőt.
   ========================================================= */

.blf-showa{
  --green:#8fc547;
  --ink:#212020;
  --grey:#aaabab;
  --muted:#545555;
  --fill:#ebebeb;
  --rule:rgba(52,51,51,.1);

  --font:"Montserrat","Gotham","Helvetica Neue",Arial,sans-serif;
  --ease:ease-in-out;

  /* Az eredetiben ezek képfájlok a témában; nálunk az asset-mappában ülnek. */
  --img:url("../img/");
}

.blf-showa,.blf-showa *,.blf-showa *::before,.blf-showa *::after{box-sizing:border-box}

.blf-showa{
  margin:0;
  /* A dekorációs vonalak (vertical-lines, tl-lines, bottom-lines) szándékosan
     kilógnak a képernyőn túlra — az eredetiben a body overflow-x:hidden fogja
     meg őket, itt a burkoló. clip és nem hidden: nem csinál görgethető dobozt. */
  overflow-x:clip;
  font-family:var(--font);
  font-size:16px;
  line-height:1.5;
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.blf-showa img{max-width:100%; height:auto; display:block}
.blf-showa a{color:inherit; text-decoration:none; transition:.5s all var(--ease)}
.blf-showa ul{margin:0; padding:0; list-style:none}
.blf-showa h1,.blf-showa h2,.blf-showa h3,.blf-showa h4,.blf-showa h5,.blf-showa h6{margin:0}
.blf-showa p{margin:0 0 25px; font-size:16px; line-height:24px}
.blf-showa p:last-child{margin-bottom:0}
.blf-showa button{font:inherit; color:inherit; background:transparent; border:0; padding:0; cursor:pointer}
.blf-showa sup{font-size:.6em; vertical-align:super}
.blf-showa :focus-visible{outline:2px solid var(--green); outline-offset:3px}
.blf-showa .sr-only,
.blf-showa .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------------------------------------------------
   Rács — a Bootstrap 4 .container / .row / .col-md-* annyija,
   amennyit az oldal használ. A theme nem tölti be a Bootstrapet.
   --------------------------------------------------------- */
.blf-showa .container{width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto}
@media (min-width:576px){ .blf-showa .container{max-width:540px} }
@media (min-width:768px){ .blf-showa .container{max-width:720px} }
@media (min-width:992px){ .blf-showa .container{max-width:960px} }
@media (min-width:1200px){ .blf-showa .container{max-width:1140px} }
@media (max-width:580px){ .blf-showa .container{max-width:100%; padding-left:15px; padding-right:15px} }

.blf-showa .row{display:flex; flex-wrap:wrap; margin-right:-15px; margin-left:-15px}
.blf-showa [class^="col-md-"]{position:relative; width:100%; padding-right:15px; padding-left:15px}
@media (min-width:768px){
  .blf-showa .col-md-1{flex:0 0 8.333333%; max-width:8.333333%}
  .blf-showa .col-md-3{flex:0 0 25%; max-width:25%}
  .blf-showa .col-md-4{flex:0 0 33.333333%; max-width:33.333333%}
  .blf-showa .col-md-6{flex:0 0 50%; max-width:50%}
  .blf-showa .col-md-8{flex:0 0 66.666667%; max-width:66.666667%}
  .blf-showa .col-md-12{flex:0 0 100%; max-width:100%}
}

/* ---------------------------------------------------------
   Gombok
   --------------------------------------------------------- */
.blf-showa .btn{
  display:inline-flex; text-transform:uppercase;
  border-radius:30px; min-width:130px; padding:15px 30px;
  align-items:center; justify-content:center; text-align:center;
  transition:.4s all; font-weight:500; font-size:14px; line-height:14px;
  background:0 0; font-family:var(--font); cursor:pointer; border:0;
}
.blf-showa input.btn{padding:15px 30px}
.blf-showa .btn.btn-black{background-color:#212020; color:#fff}
.blf-showa .btn.btn-black:hover{background-color:#8fc547; color:#212020}
.blf-showa .btn.btn-black.white-hover:hover{background-color:#fff; color:#212020}
.blf-showa .btn.btn-primary{background-color:#8fc547; color:#212020}
.blf-showa .btn.btn-primary:hover{background-color:#fff; color:#8fc547}
.blf-showa .btn.btn-primary.black-hover:hover{background-color:#212020; color:#fff}
.blf-showa .btn.btn-light{background-color:#fff; color:#000}
.blf-showa .btn.btn-light:hover{background-color:#8fc547; color:#fff}
.blf-showa .btn.btn-xlg{padding:20px 30px}
.blf-showa .btn-link{font-weight:700; text-decoration:underline; font-size:16px; line-height:28px; color:#212020}
.blf-showa .btn-link:hover{color:#8fc547; text-decoration:underline}
@media (max-width:1200px){ .blf-showa .btn.btn-lg{font-size:16px} }
@media (max-width:720px){ .blf-showa .btn{min-width:110px; line-height:18px} }
@media (max-width:320px){ .blf-showa .btn{font-size:12px} }

/* ---------------------------------------------------------
   Szekciócímek
   --------------------------------------------------------- */
.blf-showa .title h2{
  display:inline-flex; align-items:center; text-transform:uppercase;
  font-weight:700; font-size:42px; line-height:44px; color:#aaabab; margin-bottom:40px;
}
@media (max-width:1200px){ .blf-showa .title h2{font-size:36px; line-height:44px} }
.blf-showa .title h3{font-size:26px; line-height:32px; font-weight:900; text-transform:uppercase; color:#212020; margin-bottom:40px}
.blf-showa .title.dark h1,.blf-showa .title.dark h2,.blf-showa .title.dark h3,
.blf-showa .title.dark h4,.blf-showa .title.dark h5,.blf-showa .title.dark h6{color:#212020}
.blf-showa .title.white h1,.blf-showa .title.white h2,.blf-showa .title.white h3,
.blf-showa .title.white h4,.blf-showa .title.white h5,.blf-showa .title.white h6{color:#fff}

/* ---------------------------------------------------------
   Kártyás csúszkák — az eredeti a slick.js-t hívja, itt a
   .slick-* osztálynevekre épülő saját, könyvtár nélküli
   megvalósítás fut (lásd main.js). Ami látszik belőle —
   a sáv szélessége, a kártyaköz, a nyilak helye és mérete,
   a diaszám töréspontonként — az eredetié.
   A --per a láthatóan megjelenő kártyák száma (slidesToShow).
   --------------------------------------------------------- */
.blf-showa .slider-container{position:relative}
.blf-showa .card-slider{position:relative}
.blf-showa .card-slider .slick-list{overflow:hidden}
.blf-showa .card-slider .slick-track{display:flex; transition:transform .9s cubic-bezier(.4,0,.2,1)}
.blf-showa .card-slider .card-item{flex:0 0 calc(100% / var(--per)); max-width:calc(100% / var(--per)); min-width:0}
.blf-showa .card-slider[data-locked="1"] .slick-arrow{display:none}

.blf-showa .slick-arrow{
  width:70px; height:50px; min-height:50px; background:#aaabab; padding:0;
  position:absolute; top:0; z-index:9;
  display:flex; align-items:center; justify-content:space-around;
  transition:all .4s var(--ease);
}
.blf-showa .slick-arrow:hover{background-color:#8fc547}
.blf-showa .slick-arrow.arrow-left{left:-70px}
.blf-showa .slick-arrow.arrow-right{right:-70px}
.blf-showa .slick-arrow .icon{color:#fff; font-size:21px; display:flex; width:100%; justify-content:center}
.blf-showa .slick-arrow .icon svg{width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round}
.blf-showa .slick-arrow[disabled]{opacity:.35; pointer-events:none}
@media (max-width:1200px){
  .blf-showa .slick-arrow{width:40px; height:auto; min-height:auto; bottom:0; top:auto; right:0; background-color:#fff}
  .blf-showa .slick-arrow .icon{color:#212020}
  .blf-showa .slick-arrow.arrow-left{right:70px; left:auto}
  .blf-showa .slick-arrow.arrow-right{right:10px}
}
@media (max-width:990px){ .blf-showa .slick-arrow:hover{background-color:transparent} }
@media (max-width:720px){ .blf-showa .slick-arrow{bottom:13px} }

/* =========================================================
   BANNER (hero)
   ========================================================= */
.blf-showa .banner{height:372px; position:relative}
.blf-showa .banner .banner-symbol{position:absolute; top:70px; left:0; z-index:1}
@media (max-width:1365px){ .blf-showa .banner .banner-symbol{display:none} }

.blf-showa .banner .banner-inner-wrap{position:relative; height:372px; overflow:hidden}
.blf-showa .banner .banner-inner-item{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .9s var(--ease), visibility .9s}
.blf-showa .banner .banner-inner-item.is-active{opacity:1; visibility:visible}
.blf-showa .banner .banner-inner-item .caption-wrapper{position:absolute; width:100%; z-index:99}
.blf-showa .banner .banner-inner-item .caption-wrapper .container{position:relative; min-height:372px}
.blf-showa .banner .banner-inner-item .caption-wrapper .container .caption{position:absolute; bottom:60px}
.blf-showa .banner .banner-inner-item .caption-wrapper .container .caption h1{
  font-weight:900; font-size:42px; line-height:44px; color:#fff; text-transform:uppercase; margin-bottom:23px;
}
.blf-showa .banner .banner-inner-item .caption-wrapper .container .caption p{
  font-weight:400; font-size:20px; line-height:28px; color:#fff; max-width:615px;
}
.blf-showa .banner .banner-inner-item .caption-wrapper .container .caption .cta-wrap{margin-top:55px}
.blf-showa .banner .banner-inner-item .banner-bg{width:100%; position:relative; height:372px}
.blf-showa .banner .banner-inner-item .banner-bg:before{
  content:""; width:200%; height:100%; position:absolute; z-index:1;
  background:linear-gradient(rgba(5,5,5,.6) 0, rgba(10,10,10,.25) 100%);
}
.blf-showa .banner .banner-inner-item .banner-bg img{width:100%; object-fit:cover; height:372px; min-width:100px}
@media (max-width:1200px){
  .blf-showa .banner .banner-inner-item .caption-wrapper .container .caption h1{font-weight:900; font-size:32px; line-height:32px}
}
@media (max-width:720px){
  .blf-showa .banner .banner-inner-item .caption-wrapper .container .caption{bottom:40px; width:100%; left:0; padding:0 20px}
  .blf-showa .banner .banner-inner-item .caption-wrapper .container .caption h1{max-width:275px; line-height:32px}
  .blf-showa .banner .banner-inner-item .caption-wrapper .container .caption h1 br{display:none}
  .blf-showa .banner .banner-inner-item .caption-wrapper .container .caption .cta-wrap{display:flex; justify-content:flex-end}
}

/* =========================================================
   EXPLORE OUR RANGE
   ========================================================= */
.blf-showa .explore-our-range{
  background-image:url("../img/bg-image.png");
  background-color:#8fc547;
  padding:40px 0;
}
.blf-showa .explore-our-range .row{align-items:center; margin:0}
.blf-showa .explore-our-range .row .col-md-4{max-width:380px; padding:0}
.blf-showa .explore-our-range .row .col-md-4 .protective-gloves{position:relative}
.blf-showa .explore-our-range .row .col-md-4 .protective-gloves:before{
  position:absolute; content:""; top:-30px; left:-30px;
  background-color:rgba(255,255,255,.1);
  width:calc(100% + 60px); height:calc(100% + 60px); border-radius:52%;
  box-shadow:20px 20px 60px rgba(255,255,255,.1), -20px -20px 60px rgba(255,255,255,.1);
}
.blf-showa .explore-our-range .row .col-md-4 .protective-gloves .img-wrap{position:relative}
.blf-showa .explore-our-range .row .col-md-4 .protective-gloves .img-wrap img{max-width:100%}
.blf-showa .explore-our-range .row .col-md-8{max-width:756px; padding:0 0 0 90px}
.blf-showa .explore-our-range .row .col-md-8 .protective-gloves-details h3{
  font-weight:900; font-size:26px; line-height:32px; color:#212020; margin-bottom:15px; text-transform:uppercase;
}
.blf-showa .explore-our-range .row .col-md-8 .protective-gloves-details p{
  font-weight:400; font-size:16px; line-height:24px; text-align:left; color:rgba(33,32,32,.7);
}
@media (max-width:1200px){
  .blf-showa .explore-our-range .row .col-md-4{max-width:300px}
  .blf-showa .explore-our-range .row .col-md-8{padding:0 0 0 45px; max-width:550px}
}
@media (max-width:990px){
  .blf-showa .explore-our-range{padding:50px 0}
  .blf-showa .explore-our-range .row{flex-flow:column-reverse}
  .blf-showa .explore-our-range .row .col-md-4{margin-top:50px}
  .blf-showa .explore-our-range .row .col-md-4,
  .blf-showa .explore-our-range .row .col-md-8{flex:0 0 100%; max-width:100%}
  .blf-showa .explore-our-range .row .col-md-8{padding:0}
}

/* =========================================================
   QUICK LINKS (kategóriasáv)
   ========================================================= */
.blf-showa .quick-links{position:relative; overflow:visible}
.blf-showa .quick-links .bg-fill-dark{padding:15px 0; background-color:#212020}
.blf-showa .quick-links .content .row{margin:0; align-items:center}
.blf-showa .quick-links .content .row .col-md-3{flex:0 0 200px; max-width:200px; padding:0}
.blf-showa .quick-links .content .row .col-md-8{flex:0 0 815px; max-width:815px; padding:0}
.blf-showa .quick-links .content .row .col-md-1{flex:0 0 95px; max-width:95px; padding:0}
.blf-showa .quick-links .content .row .col-md-1 .cta-wrap .btn-toggle{display:flex; justify-content:space-between; align-items:center}
.blf-showa .quick-links .content .row .col-md-1 .cta-wrap .btn-toggle span.less{display:none}
.blf-showa .quick-links .content .links-title{display:flex; margin-top:0}
.blf-showa .quick-links .content .links-title h4{font-weight:700; font-size:17px; line-height:29.6px; color:#8fc547}
.blf-showa .quick-links .content .links-title .cta-wrap{display:flex; align-items:center}
.blf-showa .quick-links .content .links-title .cta-wrap .btn-toggle{display:none}
.blf-showa .quick-links .content .navbar{width:100%}
.blf-showa .quick-links .content .navbar ul.menu{display:flex; align-items:center; flex-wrap:wrap}
.blf-showa .quick-links .content .navbar ul.menu li{margin-left:5px}
.blf-showa .quick-links .content .navbar ul.menu li + li{margin-left:15px}
.blf-showa .quick-links .content .navbar ul.menu li a{
  font-weight:500; font-size:16px; line-height:28px; color:#fff; text-transform:uppercase; transition:all .4s var(--ease);
}
.blf-showa .quick-links .content .navbar ul.menu li a:hover{color:#8fc547}
/* Aminek nincs archívuma a katalógusban, az link nélküli szövegként megy ki —
   ugyanúgy, ahogy a finder-bar kezeli a nem feloldható tételeket. */
.blf-showa .quick-links .content .navbar ul.menu li span{
  font-weight:500; font-size:16px; line-height:28px; color:rgba(255,255,255,.55); text-transform:uppercase;
}
.blf-showa .quick-links .content .btn-toggle{
  padding:0 0 0 10px; font-weight:500; font-size:16px; line-height:28px; color:#aaabab; border-left:1px solid #fff;
}
.blf-showa .quick-links .content .btn-toggle .icon{margin-left:12px; transition:all .4s var(--ease); font-size:22px; display:inline-flex}
.blf-showa .quick-links .content .btn-toggle .icon svg{width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round}
.blf-showa .quick-links .quick-links-dropdown{display:none; width:100%; z-index:1}
.blf-showa .quick-links .quick-links-dropdown .bg-fill-dark{padding:0 0 5px; margin-top:-4px}
.blf-showa .quick-links .quick-links-dropdown .bg-fill-dark .content .row .col-md-8 .navbar ul.menu{max-width:100%; display:flex; flex-wrap:wrap}
.blf-showa .quick-links .quick-links-dropdown .bg-fill-dark .content .row .col-md-8 .navbar ul.menu li{margin-right:28px; margin-left:0; margin-bottom:10px}
.blf-showa .quick-links.show .quick-links-dropdown{display:block}
.blf-showa .quick-links.show .content .links-title .btn-toggle .icon,
.blf-showa .quick-links.show .content .col-md-1 .cta-wrap .btn-toggle .icon{transform:rotate(180deg)}
.blf-showa .quick-links.show .content .col-md-1 .cta-wrap .btn-toggle span.more{display:none}
.blf-showa .quick-links.show .content .col-md-1 .cta-wrap .btn-toggle span.less{display:flex}
@media (max-width:1200px){
  .blf-showa .quick-links .content .row .col-md-3{flex:0 0 300px; max-width:300px}
  .blf-showa .quick-links .content .row .col-md-1{display:none}
  .blf-showa .quick-links .content .links-title .cta-wrap .btn-toggle{display:flex; border-left:none}
  .blf-showa .quick-links .content .navbar ul.menu li{margin-right:28px; margin-top:15px; margin-left:0}
  .blf-showa .quick-links .content .navbar ul.menu li + li{margin-left:0}
  .blf-showa .quick-links .quick-links-dropdown .bg-fill-dark{padding:0 0 15px}
  .blf-showa .quick-links .quick-links-dropdown .bg-fill-dark .content .row .col-md-8 .navbar ul.menu li{margin-top:0}
}
@media (max-width:990px){
  .blf-showa .quick-links .bg-fill-dark{padding:50px 0}
  .blf-showa .quick-links .content .row .col-md-3{flex:1 0 251px; max-width:239px; padding:0}
  .blf-showa .quick-links .content .row .col-md-8{flex:0 0 100%; max-width:100%}
  .blf-showa .quick-links .content .btn-toggle{display:none}
  .blf-showa .quick-links .content .links-title .cta-wrap .btn-toggle{display:flex}
  .blf-showa .quick-links .quick-links-dropdown{position:relative; top:-30px}
  .blf-showa .quick-links .quick-links-dropdown .bg-fill-dark{padding:0 0 50px}
}
@media (max-width:720px){
  .blf-showa .quick-links .content .row .col-md-3{flex:0 0 300px; max-width:100%; padding:0}
  .blf-showa .quick-links .content .links-title h4{font-size:22px}
  .blf-showa .quick-links .content .navbar ul.menu{flex-flow:column; align-items:flex-start}
}

/* =========================================================
   ALL NEWS
   ========================================================= */
.blf-showa .all-news{padding:90px 0}
.blf-showa .all-news.bottom-line-shape,
.blf-showa .all-news .container{position:relative}
.blf-showa .all-news .title h2{text-transform:capitalize}
.blf-showa .all-news .content{position:relative; z-index:9}

.blf-showa .all-news .vertical-lines{width:80%; position:absolute; right:-380px; top:40px}
.blf-showa .all-news .vertical-lines span{width:100%; height:11px; background-image:linear-gradient(to right, rgba(255,0,0,0), #b4b4b4); display:block}
.blf-showa .all-news .vertical-lines span + span{margin-top:11px}

.blf-showa .all-news .container .bottom-line-wrap{position:absolute; left:-100vw}
.blf-showa .all-news .container .bottom-line-wrap .horizontal-line{width:60%; position:absolute}
.blf-showa .all-news .container .bottom-line-wrap .horizontal-line span{width:100%; background-color:rgba(52,51,51,.1); display:block; height:11px}
.blf-showa .all-news .container .bottom-line-wrap .horizontal-line span + span{margin-top:11px}
.blf-showa .all-news .container .bottom-line-wrap .horizontal-line:after{
  position:absolute; content:"";
  background-image:url("../img/bottom-lines.svg");
  background-repeat:no-repeat; background-position:left; background-size:contain;
  bottom:0; width:100%; height:570px; left:100%;
}
.blf-showa .all-news .container .bottom-line-wrap .horizontal-line.bottom-line{width:100vw; left:calc(-100% - 100px); top:auto; bottom:-50px}

.blf-showa .all-news .content .slider-container{max-width:calc(100% - 170px); margin-left:auto; margin-right:auto}
.blf-showa .all-news .content .card-slider{margin:0 -15px; --per:5}
.blf-showa .all-news .content .card-slider .card-item{padding:0 15px}
.blf-showa .all-news .content .cta-wrap{text-align:center; margin-top:80px}

@media (max-width:1660px){ .blf-showa .all-news .content .card-slider{--per:4} }
@media (max-width:1440px){
  .blf-showa .all-news .vertical-lines{right:-300px}
  .blf-showa .all-news .content .card-slider{--per:3}
}
@media (max-width:1200px){
  .blf-showa .all-news{padding:50px 0}
  .blf-showa .all-news .vertical-lines{display:none}
  .blf-showa .all-news .container .bottom-line-wrap .horizontal-line,
  .blf-showa .all-news .container .bottom-line-wrap .horizontal-line:after{display:none}
  .blf-showa .all-news .content .slider-container{max-width:960px; padding-left:15px; padding-right:15px}
  .blf-showa .all-news .content .card-slider{margin:0 -10px; padding-bottom:50px}
  .blf-showa .all-news .content .card-slider .card-item{padding:0 10px}
  .blf-showa .all-news .content .card-slider .slick-arrow{height:auto; bottom:0; top:auto; right:0; background-color:#fff}
  .blf-showa .all-news .content .card-slider .slick-arrow.arrow-left{right:70px; left:auto}
  .blf-showa .all-news .content .card-slider .slick-arrow.arrow-right{right:10px}
  .blf-showa .all-news .content .cta-wrap{margin-top:0}
}
@media (max-width:990px){
  .blf-showa .all-news .content .slider-container{max-width:720px}
  .blf-showa .all-news .content .card-slider{--per:2}
}
@media (max-width:720px){
  .blf-showa .all-news .content .card-slider{--per:1; margin-left:-30px; margin-right:-30px}
  .blf-showa .all-news .content .card-slider .slick-arrow{bottom:13px; margin-right:15px}
  .blf-showa .all-news .content .cta-wrap{margin-top:0; padding-top:40px; border-top:2px solid #707070; margin-left:15px; margin-right:15px}
}

/* hír-kártya */
.blf-showa .card{display:block}
.blf-showa .card .card-image{width:100%; overflow:hidden}
.blf-showa .card .card-image img{width:100%; transition:all .4s var(--ease)}
.blf-showa .card:hover .card-image img{transform:scale(1.05)}
.blf-showa .card .programmes{
  display:flex; flex-wrap:wrap; align-items:center;
  font-weight:500; font-size:11px; line-height:24px; color:#545555;
  transition:all .4s var(--ease); margin-top:10px;
}
.blf-showa .card .programmes .center-line{width:90px; margin:0 30px; border-bottom:1px solid #545555}
.blf-showa .card .card-content h3{
  margin-top:30px; font-weight:700; font-size:22px; line-height:24px; color:#8fc547;
  transition:all .4s var(--ease); text-transform:uppercase;
}
.blf-showa .card .card-content h3 br{display:none}
.blf-showa .card:hover .card-content h3{color:#212020}
@media (max-width:1200px){ .blf-showa .card .programmes .center-line{margin:0 10px; width:10%} }
@media (max-width:720px){
  .blf-showa .card .programmes{font-size:14px; line-height:30px}
  .blf-showa .card .programmes .center-line{width:25%; margin:0 15px}
  .blf-showa .card .card-content{padding-left:15px; padding-right:15px}
  .blf-showa .card .card-content h3{font-size:26px; line-height:28px}
  .blf-showa .card .card-content h3 br{display:block}
}

/* =========================================================
   ABOUT (videó + szöveg)
   ========================================================= */
.blf-showa .about{position:relative; z-index:9; padding:60px 0}
.blf-showa .bg-fill{background-image:url("../img/bg-image.png")}

.blf-showa .oval-shape-content .row{margin:0 -33px; align-items:center; justify-content:flex-end}
.blf-showa .oval-shape-content .row .col-md-6{padding-left:33px; padding-right:33px; height:100%}
.blf-showa .oval-shape-content .row .col-md-6:nth-child(1){position:absolute; display:flex; align-items:center; left:0; padding-left:0}
.blf-showa .oval-shape-content .row .col-md-6:nth-child(even){display:flex; align-items:center; height:auto; min-height:475px}
.blf-showa .oval-shape-content .row .col-md-6 .oval-bg{
  width:100%; border-radius:0 240px 240px 0; height:475px;
  background-position:center; background-repeat:no-repeat; background-size:cover;
}
.blf-showa .oval-shape-content .row .col-md-6 .content-wrap{max-width:100%; width:100%}
.blf-showa .oval-shape-content .row .col-md-6 .content-wrap .title{max-width:100%}
.blf-showa .oval-shape-content .row .col-md-6 .content-wrap .title h2{font-weight:900; font-size:42px; line-height:44px; text-transform:uppercase}
.blf-showa .oval-shape-content .row .col-md-6 .content-wrap .body-copy p{font-weight:400; font-size:20px; line-height:28px; color:#212020; opacity:1}
.blf-showa .oval-shape-content .row .col-md-6 .content-wrap .cta-wrap{margin-top:55px}
@media (max-width:1200px){
  .blf-showa .oval-shape-content .row .col-md-6{display:flex; align-items:center}
  .blf-showa .oval-shape-content .row .col-md-6 .content-wrap .title h2{font-size:32px; line-height:34px}
  .blf-showa .oval-shape-content .row .col-md-6 .content-wrap .cta-wrap{margin-top:0}
}
@media (max-width:990px){
  .blf-showa .about{padding:50px 0; min-height:auto}
  .blf-showa .oval-shape-content .row{height:auto; flex-flow:column}
  .blf-showa .oval-shape-content .row .col-md-6{flex:0 0 100%; max-width:100%}
  .blf-showa .oval-shape-content .row .col-md-6:nth-child(1){position:relative; left:-10px; margin-bottom:40px}
  .blf-showa .oval-shape-content .row .col-md-6:nth-child(even){flex:0 0 100%; max-width:100%; min-height:auto}
}
@media (max-width:720px){
  .blf-showa .oval-shape-content .row .col-md-6:nth-child(1){left:auto}
  .blf-showa .oval-shape-content .row .col-md-6 .oval-bg{height:247px}
  .blf-showa .oval-shape-content .row .col-md-6 .content-wrap .cta-wrap{margin-top:40px; display:flex; justify-content:center}
}

/* lejátszógomb — az eredeti oldalon a fejlécbe szúrt <style> adja */
.blf-showa .oval-bg{position:relative; cursor:pointer}
.blf-showa .oval-bg .play-btn{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:68px; height:68px; background-color:rgba(0,0,0,.75); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  transition:all .3s ease; z-index:5; box-shadow:0 4px 15px rgba(0,0,0,.3);
}
.blf-showa .oval-bg .play-btn::after{
  content:""; display:block; width:0; height:0; border-style:solid;
  border-width:10px 0 10px 18px; border-color:transparent transparent transparent #fff;
  margin-left:4px;
}
.blf-showa .oval-bg:hover .play-btn{background-color:#000; transform:translate(-50%,-50%) scale(1.1)}
.blf-showa .oval-bg iframe{width:100%; height:100%; border:0; border-radius:0 240px 240px 0}

/* =========================================================
   PRODUCT HIGHLIGHTS
   ========================================================= */
.blf-showa .product-highlights{padding:90px 0}
.blf-showa .product-highlights .content .title{display:flex; align-items:center; justify-content:space-between; margin-bottom:40px}
.blf-showa .product-highlights .content .title h2{margin-bottom:0; text-transform:capitalize}
.blf-showa .product-highlights .content .slider-container{max-width:calc(100% - 170px); margin-left:auto; margin-right:auto}
.blf-showa .product-highlights .content .card-slider{margin:0 -15px; --per:5}
.blf-showa .product-highlights .content .card-slider .card-item{padding:0 15px}
.blf-showa .product-highlights .content .cta-group{display:flex; justify-content:center; margin-top:80px}
.blf-showa .product-highlights .content .cta-group .btn + .btn{margin-left:30px}

@media (max-width:1700px){ .blf-showa .product-highlights .content .card-slider{--per:4} }
@media (max-width:1440px){ .blf-showa .product-highlights .content .card-slider{--per:3} }
@media (max-width:1200px){
  .blf-showa .product-highlights{padding:50px 0}
  .blf-showa .product-highlights .content .slider-container{max-width:960px; padding-left:15px; padding-right:15px}
  .blf-showa .product-highlights .content .card-slider{margin:0 -10px}
  .blf-showa .product-highlights .content .card-slider .card-item{padding:0 10px}
  .blf-showa .product-highlights .content .card-slider .slick-arrow{height:auto; bottom:-40px; top:auto; background-color:transparent}
  .blf-showa .product-highlights .content .card-slider .slick-arrow.arrow-left{right:70px; left:auto}
  .blf-showa .product-highlights .content .card-slider .slick-arrow.arrow-right{right:10px}
  .blf-showa .product-highlights .content .cta-group{margin-top:50px}
}
@media (max-width:990px){
  .blf-showa .product-highlights .content .slider-container{max-width:720px}
  .blf-showa .product-highlights .content .card-slider{--per:2}
}
@media (max-width:720px){
  .blf-showa .product-highlights .content .title{flex-flow:column; align-items:flex-start; justify-content:flex-start}
  .blf-showa .product-highlights .content .title h2{margin-bottom:20px}
  .blf-showa .product-highlights .content .card-slider{--per:1; margin:0 -30px}
  .blf-showa .product-highlights .content .card-slider .slick-arrow{height:auto; bottom:0; margin-bottom:-38px}
  .blf-showa .product-highlights .content .card-slider .slick-arrow.arrow-left{left:auto; right:60px; margin-right:30px}
  .blf-showa .product-highlights .content .cta-group{padding-top:50px; border-top:2px solid #707070; flex-wrap:wrap; justify-content:space-around; margin-left:15px; margin-right:15px}
  .blf-showa .product-highlights .content .cta-group .btn + .btn{margin-top:20px; margin-left:0}
}

/* termékkártya */
.blf-showa .product-card{
  background-color:#ebebeb; display:flex; flex-flow:column; justify-content:space-between;
  padding:40px 30px; min-height:478px; position:relative; overflow:hidden;
}
.blf-showa .product-card .card-content{max-width:195px}
.blf-showa .product-card .card-content h3{
  font-weight:400; font-size:22px; line-height:24px; color:#8fc547; margin-bottom:40px;
}
.blf-showa .product-card .card-content h3 strong{font-weight:700; display:block}
.blf-showa .product-card:hover .card-content h3{color:#212020}
.blf-showa .product-card .card-content h4{
  font-weight:500; font-size:16px; line-height:22px; color:#545555; margin-bottom:10px; text-transform:uppercase;
}
.blf-showa .product-card .card-content ul.features{
  font-weight:400; font-size:14px; line-height:22px; color:#545555; max-height:185px; overflow:hidden;
}
.blf-showa .product-card .card-content ul.features li{padding-left:16px; position:relative}
.blf-showa .product-card .card-content ul.features li + li{margin-top:15px}
.blf-showa .product-card .card-content ul.features li:before{
  position:absolute; content:""; background-color:#aaabab; width:4px; height:4px; border-radius:50%; top:8px; left:0;
}
.blf-showa .product-card .card-content ul.features li:nth-child(1n + 4){display:none}
.blf-showa .product-card .card-footer{
  display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:flex-end;
  position:absolute; width:100%; left:0; padding:0 30px; bottom:45px;
}
.blf-showa .product-card .card-footer .product-img{position:relative; height:178px; display:flex; align-items:flex-end}
.blf-showa .product-card .card-footer .product-img .img-wrap{width:110px}
.blf-showa .product-card .card-footer .product-img .img-wrap a{display:block}
.blf-showa .product-card .card-footer .product-img .img-wrap img{max-width:100%; height:auto}
.blf-showa .product-card .card-footer .product-img .label-wrap{position:absolute; left:-10px; bottom:-15px; max-width:68px; height:68px; z-index:2}
.blf-showa .product-card .card-footer .product-img .label-wrap img{max-width:100%}
/* Az eredeti jelvénye a zöld „N” napkorong = ÚJ. Akciónál ugyanaz a hely és
   méret, de sima zöld korong a kedvezménnyel — a képre nem írhatnánk rá. */
.blf-showa .product-card .card-footer .product-img .label-wrap--sale{
  width:68px; border-radius:50%; background:#8fc547;
  display:flex; align-items:center; justify-content:center;
}
.blf-showa .product-card .card-footer .product-img .label-wrap--sale .label-text{
  font-weight:900; font-size:15px; line-height:1; color:#fff; text-transform:uppercase;
}
@media (max-width:1200px){
  .blf-showa .product-card .card-footer .product-img .label-wrap--sale .label-text{font-size:13px}
}
/* Az eredetin itt az összehasonlítás-kapcsoló ül; nálunk — bolt lévén — az ár.
   A doboz mérete, helye és tipográfiája marad. */
.blf-showa .product-card .card-footer .price{
  padding:0; display:flex; flex-flow:column; align-items:flex-start; position:relative;
  max-width:calc(100% - 130px); text-align:left;
}
.blf-showa .product-card .card-footer .price .amount,
.blf-showa .product-card .card-footer .price .woocommerce-Price-amount{font-weight:700; font-size:18px; line-height:24px; color:#212020}
.blf-showa .product-card .card-footer .price del{opacity:.55; font-weight:400; font-size:14px; line-height:20px}
.blf-showa .product-card .card-footer .price ins{text-decoration:none}
.blf-showa .product-card .card-footer .price .text{
  font-weight:500; font-size:11px; line-height:14px; color:#aaabab; text-transform:uppercase; margin-top:6px;
  transition:all .4s var(--ease);
}
.blf-showa .product-card:hover .card-footer .price .text{color:#212020}
@media (max-width:1200px){
  .blf-showa .product-card{padding:20px 20px 40px}
  .blf-showa .product-card .card-content h3{margin-bottom:20px}
  .blf-showa .product-card .card-footer{position:relative; padding-left:0; padding-right:0; bottom:0; margin-top:-145px}
  .blf-showa .product-card .card-footer .product-img .label-wrap{width:58px; height:58px; left:10px; bottom:-10px}
}
@media (max-width:720px){
  .blf-showa .product-card{padding:50px 30px 20px; height:auto !important}
  .blf-showa .product-card .card-content{max-width:200px}
  .blf-showa .product-card .card-content h3{margin-bottom:40px}
  .blf-showa .product-card .card-footer{margin-top:-80px}
  .blf-showa .product-card .card-footer .product-img{height:152px; margin-bottom:10px}
  .blf-showa .product-card .card-footer .product-img .label-wrap{left:-10px}
}

/* =========================================================
   TESTIMONIAL — az eredetin ez egy üres, csak háttérképes sáv
   (a márkacsúszkája nem ad ki elemet), a tetején sötét átmenettel.
   ========================================================= */
.blf-showa .testimonial{
  background-position:center; background-repeat:no-repeat; background-size:cover;
  padding:90px 0; position:relative;
}
.blf-showa .testimonial:after{
  position:absolute; content:""; width:100%; height:100%; top:0; left:0;
  background:linear-gradient(#212020 0, rgba(106,106,106,0) 100%);
}
.blf-showa .testimonial .content{position:relative; z-index:1}
.blf-showa .testimonial .content .title{margin-bottom:30px}
@media (max-width:1200px){ .blf-showa .testimonial{padding:50px 0 55px} }
@media (max-width:720px){ .blf-showa .testimonial{padding:50px 0 90px} }

/* =========================================================
   STAY CONNECTED
   ========================================================= */
.blf-showa .stay-connected{padding:90px 0; position:relative}
.blf-showa .stay-connected .content .row{justify-content:space-between}
.blf-showa .stay-connected .content .row .col-md-6:nth-child(odd){max-width:505px}
.blf-showa .stay-connected .content .row .col-md-6:nth-child(even){max-width:605px}
.blf-showa .testimonial + .stay-connected .contact-card{margin-top:0}

.blf-showa .tl-lines{position:relative; right:0; margin-left:30vw; margin-top:0; top:100px; pointer-events:none}
.blf-showa .tl-lines span{
  width:200%; display:block; height:470px; position:absolute; margin-top:11px;
  border:11px solid rgba(52,51,51,.1); top:0; border-radius:78px 0 0;
  border-right:none; border-bottom:none;
}
.blf-showa .tl-lines span:nth-child(2){left:23px; top:22px; border-radius:50px 0 0}
.blf-showa .tl-lines span:nth-child(3){left:-22px; top:-20px; border-radius:100px 0 0}
.blf-showa .tl-lines span:nth-child(4){left:-44px; top:-41px; border-radius:126px 0 0}
.blf-showa .tl-lines span:nth-child(5){left:-66px; top:-62px; border-radius:147px 0 0}
.blf-showa .stay-connected .tl-lines span:after{
  content:""; width:100vh; height:11px; background-color:rgba(52,51,51,.1);
  position:absolute; right:100%; bottom:0;
}

.blf-showa .contact-card{max-width:475px; position:relative}
.blf-showa .contact-card .card-image img{max-width:100%}
.blf-showa .contact-card .card-content{background-color:#212020; padding:70px 50px 35px}
.blf-showa .contact-card .card-content h4{
  font-weight:900; font-size:26px; line-height:28px; color:#fff; margin-bottom:45px; text-transform:uppercase;
}
.blf-showa .contact-card .card-content h4 br{display:block}
.blf-showa .contact-card .card-content p{font-weight:400; font-size:18px; line-height:26px; color:rgba(255,255,255,.7); margin-bottom:25px}
.blf-showa .contact-card .card-content .cta-wrap{position:relative; z-index:1}

.blf-showa .contact-card.signup{max-width:570px}
.blf-showa .contact-card.signup .card-content{
  background-color:#8fc547; display:flex; flex-flow:column; justify-content:space-between; padding:70px 50px 90px;
}
.blf-showa .contact-card.signup .card-content h4{color:#212020}
.blf-showa .contact-card.signup .card-content .form-wrap{display:flex; align-items:center; justify-content:space-between; position:relative}
.blf-showa .contact-card.signup .card-content .form-wrap .input-group{width:100%}
.blf-showa .contact-card.signup .card-content .form-wrap .input-group .form-control{
  border:none; background-color:transparent; border-bottom:2px solid #212020; padding-bottom:10px; min-width:100%;
  font-family:var(--font); font-size:18px; line-height:26px; color:#212020;
}
.blf-showa .contact-card.signup .card-content .form-wrap .input-group .form-control::placeholder{
  color:#212020; font-weight:400; font-size:18px; line-height:26px; opacity:1;
}
.blf-showa .contact-card.signup .card-content .form-wrap .cta-wrap{margin-left:15px}
/* A hozzájárulás-jelölő és a visszajelzés a theme hírlevélsávjából örökli az
   osztályneveket, azok viszont a sötét láblécsávra vannak színezve — a zöld
   kártyán sötét szöveg kell. */
.blf-showa .contact-card.signup .blf-newsletter__consent{color:rgba(33,32,32,.85); margin-top:16px}
.blf-showa .contact-card.signup .blf-newsletter__consent a{color:#212020}
.blf-showa .contact-card.signup .blf-newsletter__consent input{accent-color:#212020}
.blf-showa .contact-card.signup .blf-newsletter__status{color:#212020}
.blf-showa .contact-card.signup .blf-newsletter__status.is-error{color:#7a1a00}
.blf-showa .contact-card.signup .blf-newsletter__status.is-success{color:#123f1c}
@media (max-width:1200px){
  .blf-showa .stay-connected{padding:50px 0}
  .blf-showa .stay-connected .content .row .col-md-6:nth-child(odd),
  .blf-showa .stay-connected .content .row .col-md-6:nth-child(even){max-width:50%; flex:0 0 50%}
  .blf-showa .contact-card .card-image{max-width:100%}
  .blf-showa .contact-card .card-image img{height:100%; width:100%}
  .blf-showa .contact-card .card-content{width:100%; padding:30px}
  .blf-showa .contact-card .card-content h4{margin-bottom:20px}
  .blf-showa .contact-card .card-content h4 br{display:none}
  .blf-showa .contact-card.signup .card-content{width:100%; padding:30px; height:100%}
  .blf-showa .contact-card.signup .card-content .form-wrap{align-items:flex-end}
  .blf-showa .contact-card.signup .card-content .form-wrap .input-group .form-control{border-bottom:none; min-width:auto; width:100%}
  .blf-showa .contact-card.signup .card-content .form-wrap .cta-wrap{margin-left:0}
  .blf-showa .stay-connected .tl-lines{top:120px}
}
@media (max-width:990px){
  .blf-showa .contact-card.signup,
  .blf-showa .contact-card.signup .card-content,
  .blf-showa .contact-card.signup .card-image{max-width:100%}
}
@media (max-width:720px){
  .blf-showa .stay-connected{padding:0 0 50px}
  .blf-showa .stay-connected .content .row{margin-right:-15px; margin-left:-15px}
  .blf-showa .stay-connected .content .row .col-md-6:nth-child(odd),
  .blf-showa .stay-connected .content .row .col-md-6:nth-child(even){max-width:100%; flex:0 0 100%}
  .blf-showa .contact-card,
  .blf-showa .contact-card .card-content,
  .blf-showa .contact-card .card-image{max-width:100%}
  .blf-showa .contact-card .card-image{width:100%}
  .blf-showa .contact-card .card-content{width:100%; padding:40px 20px}
  .blf-showa .contact-card .card-content h4{margin-bottom:30px; line-height:32px}
  .blf-showa .contact-card .card-content .cta-wrap{display:flex; justify-content:flex-end}
  .blf-showa .testimonial + .stay-connected .contact-card.signup{margin-top:50px}
  .blf-showa .tl-lines{display:none}
}
@media (max-width:580px){ .blf-showa .contact-card{margin-top:50px} }

@media (prefers-reduced-motion:reduce){
  .blf-showa,.blf-showa *{animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important}
}

/* =========================================================
   Finder bar mega menus — "Kesztyűkeresés veszélyforrás /
   iparág szerint". Geometry from the source's search-nav:
   panel padding 35px, radius 0 0 28px 28px, six items per
   row, 60px ring → 52px disc → icon. A sáv háttere az eredeti
   search-nav-wrap mintája (header-pattern.png).
   ========================================================= */

.blf-showa .finder-bar{ position:relative; z-index:999; background:url("../img/header-pattern.png") repeat center/auto }
.blf-showa .finder-inner{display:flex; align-items:center; gap:0; height:44px}
.blf-showa .finder-sep{width:1px; height:16px; background:#D6D6D6; margin-right:22px}
.blf-showa .finder-item{ position:static; display:flex; align-items:center; height:44px }

/* The trigger is a <button>, so it needs the reset the <a> got for free. */
.blf-showa button.finder-link{
  display:inline-flex; align-items:center; gap:8px;
  height:100%; padding:0 22px 0 0;
  background:none; border:0; cursor:pointer;
  font-family:inherit; font-size:11.5px; font-weight:800;
  letter-spacing:.09em; text-transform:uppercase; color:#545555;
  transition:color .2s;
}
.blf-showa .finder-caret{ display:inline-flex; transition:transform .25s var(--ease) }
.blf-showa .finder-item.is-open .finder-caret{ transform:rotate(180deg) }

/* Panel drops from the bar, centred on the container. */
.blf-showa .finder-panel{
  position:absolute; left:0; right:0; top:44px; z-index:50;
  max-width:1140px; margin-inline:auto;
  padding:35px; background:#EBEBEB;
  border-radius:0 0 28px 28px;
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}
.blf-showa .finder-panel[hidden]{ display:none }
/* [hidden] is dropped a frame before the fade so the transition can run. */
.blf-showa .finder-panel{ opacity:0; transform:translateY(-10px); transition:opacity .3s linear, transform .3s linear }
.blf-showa .finder-item.is-open .finder-panel{ opacity:1; transform:translateY(0) }

.blf-showa .finder-grid{ display:flex; flex-wrap:wrap; margin:-10px; list-style:none; padding:0 }
.blf-showa .finder-grid > li{ flex:0 0 16.6666%; max-width:16.6666%; padding:10px }
.blf-showa .finder-grid a{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:6px; height:100%; text-decoration:none;
}
.blf-showa .finder-ico{
  width:60px; height:60px; border-radius:50%;
  background:var(--green); border:1px solid #fff;
  display:flex; align-items:center; justify-content:center;
  transition:background .25s var(--ease);
}
.blf-showa .finder-disc{
  width:52px; height:52px; border-radius:50%;
  background:var(--ink); border:1px solid #fff; color:#fff;
  display:flex; align-items:center; justify-content:center;
}
.blf-showa .finder-name{ font-size:14px; line-height:16px; color:#545555; transition:color .2s }
.blf-showa .finder-grid a:hover .finder-name{ color:var(--ink) }
.blf-showa .finder-grid a:hover .finder-ico{ background:#77ab34 }
.blf-showa .finder-grid a:focus-visible{ outline:2px solid var(--green); outline-offset:4px; border-radius:6px }

@media (max-width:1100px){
  .blf-showa .finder-grid > li{ flex-basis:25%; max-width:25% }
}
@media (max-width:820px){
  .blf-showa .finder-panel{ padding:24px 20px; border-radius:0; top:100% }
  .blf-showa .finder-grid > li{ flex-basis:33.3333%; max-width:33.3333% }
  .blf-showa .finder-inner{ height:auto; flex-wrap:wrap; gap:4px 0 }
  .blf-showa .finder-item{ height:40px }
}
@media (max-width:520px){
  .blf-showa .finder-grid > li{ flex-basis:50%; max-width:50% }
  .blf-showa button.finder-link{ font-size:10.5px; padding-right:14px }
  .blf-showa .finder-sep{ margin-right:14px }
}
@media (prefers-reduced-motion:reduce){
  .blf-showa .finder-panel,.blf-showa .finder-caret{ transition:none }
}