*{margin:0;padding:0;box-sizing:border-box;}

body{
font-family:'Inter',sans-serif;
background:#f5f5f5;
color:#333;
}

/* HEADER */

.header{
background:white;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
position:relative;
z-index:1000;
}

.topbar{
display:flex;
justify-content:center;
align-items:center;
position:relative;
padding:20px;
}

.logo img{height:60px;}

.lang{
position:absolute;
right:30px;
}

.hamburger{
display:none;
position:absolute;
left:20px;
font-size:26px;
cursor:pointer;
}

/* MENU */

.menu{
position:relative;
z-index:9999;
}

.menu ul{
list-style:none;
display:flex;
justify-content:center;
gap:30px;
padding:15px;
}

.menu li{
position:relative;
}

.menu a{
text-decoration:none;
color:#444;
padding:10px;
display:block;
}

/* 🔥 ELEGÁNS DROPDOWN */

.menu ul ul{
position:absolute;
top:100%;
left:0;
background:rgba(255,255,255,0.95);
display:none;
flex-direction:column;
min-width:220px;
border-radius:12px;
padding:10px 0;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
backdrop-filter:blur(10px);
z-index:9999;

/* animáció */
transform:translateY(10px);
opacity:0;
transition:all 0.25s ease;
}

/* hover aktiválás */
.menu li:hover > ul{
display:flex;
transform:translateY(0);
opacity:1;
}

/* második szint jobbra */
.menu ul ul ul{
left:100%;
top:0;
}

/* menüpontok */

.menu ul ul li a{
padding:12px 20px;
transition:all 0.25s ease;
}

/* hover effekt */

.menu ul ul li a:hover{
background:#c8a96a;
color:white;
padding-left:25px;
}

/* vékony elválasztó */

.menu ul ul li:not(:last-child){
border-bottom:1px solid rgba(0,0,0,0.05);
}

/* HERO */

.hero{
height:500px;
background:url("images/hero.jpg") center/cover no-repeat;
position:relative;
display:flex;
align-items:flex-end;
justify-content:center;
}

.hero::before{
content:"";
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.35);
}

.booking-box{
position:relative;
background:white;
padding:20px;
margin-bottom:40px;
display:flex;
gap:10px;
}

/* SECTION */

.section{
padding:60px;
text-align:center;
}

/* ROOMS */

.rooms{
display:flex;
gap:30px;
justify-content:center;
flex-wrap:wrap;
margin-top:30px;
}

.room{
width:300px;
background:white;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
border-radius:10px;
overflow:hidden;
}

.room img{
width:100%;
height:200px;
object-fit:cover;
}

.room-info{
padding:15px;
text-align:left;
}

/* SLIDER */

.slider{
position:relative;
max-width:900px;
margin:40px auto;
overflow:hidden;
}

.slides{
display:flex;
transition:0.5s;
}

.slides img{
width:100%;
flex-shrink:0;
height:400px;
object-fit:cover;
}

.prev, .next{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.5);
color:white;
border:none;
padding:10px;
cursor:pointer;
}

.prev{left:10px;}
.next{right:10px;}

.dots{
text-align:center;
margin-top:10px;
}

.dots span{
height:10px;
width:10px;
margin:5px;
background:#ccc;
display:inline-block;
border-radius:50%;
cursor:pointer;
}

.dots .active{
background:#c8a96a;
}

/* CONTACT */

.contact-container{
display:flex;
gap:40px;
align-items:flex-start;
max-width:1200px;
margin:auto;
}

.contact-left{flex:1;}
.contact-right{flex:1;text-align:left;}

/* FOOTER */

footer{
background:#1f1f1f;
color:white;
padding:40px;
}

.footer-container{
display:flex;
justify-content:space-between;
gap:40px;
max-width:1200px;
margin:auto;
}

/* 👈 EZ A LÉNYEG */
footer a{
color:white;
text-decoration:none;
transition:0.3s;
}

.footer-col{flex:1;}

/* MOBILE */

@media(max-width:900px){

.hamburger{display:block;}

.menu{
display:none;
flex-direction:column;
}

.menu.active{display:flex;}

.menu ul{
flex-direction:column;
gap:0;
}

.menu ul ul{
position:relative;
display:none;
box-shadow:none;
transform:none;
opacity:1;
}

.menu ul ul.active{
display:block;
}

.contact-container{
flex-direction:column;
}

.footer-container{
flex-direction:column;
}

}


.booking-bar{
position:relative;
background:rgba(255,255,255,0.95);
display:flex;
align-items:center;
justify-content:center;
gap:20px;
padding:15px 20px;
border-radius:6px;
box-shadow:0 5px 25px rgba(0,0,0,0.2);
margin-bottom:40px;
}

/* mezők */

.field{
display:flex;
flex-direction:column;
padding:0 15px;
}

.field label{
font-size:12px;
color:#777;
margin-bottom:5px;
letter-spacing:1px;
}

.field input{
border:none;
font-size:16px;
background:transparent;
outline:none;
}

/* elválasztó vonal */

.divider{
width:1px;
height:40px;
background:#ddd;
}

/* 🔥 ARANY FOGLALÁS GOMB */

.booking-btn{
background:linear-gradient(135deg,#c8a96a,#b89658);
color:white;
padding:18px 35px;
text-decoration:none;
font-weight:500;
letter-spacing:1px;
border-radius:4px;
transition:all 0.3s ease;
display:flex;
align-items:center;
}

/* hover effekt */

.booking-btn:hover{
background:linear-gradient(135deg,#b89658,#a8854a);
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

@media(max-width:768px){

.booking-bar{
flex-direction:column;
align-items:stretch;
}

.divider{
display:none;
}

.booking-btn{
justify-content:center;
}

}

/* jobb felső rész */

.header-right{
position:absolute;
right:150px;
display:flex;
align-items:left;
gap:15px;
}

/* kisebb foglalás gomb */

.header-booking-btn{
background:linear-gradient(135deg,#c8a96a,#b89658);
color:white;
padding:10px 18px;
border-radius:4px;
text-decoration:none;
font-size:14px;
font-weight:500;
letter-spacing:1px;
transition:all 0.3s ease;
}

/* hover */

.header-booking-btn:hover{
background:linear-gradient(135deg,#b89658,#a8854a);
transform:translateY(-1px);
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

@media(max-width:900px){

.header-right{
right:15px;
}

.header-booking-btn{
padding:8px 12px;
font-size:12px;
}

}

#scrollTopBtn{
position:fixed;
bottom:30px;
right:30px;
width:45px;
height:45px;
border:none;
border-radius:50%;
background:#c8a96a;
color:white;
font-size:20px;
cursor:pointer;
display:none;
z-index:999;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
transition:all 0.3s ease;
}

#scrollTopBtn:hover{
background:#a8854a;
transform:translateY(-3px);
}

/* MENÜ HOVER KIEMELÉS */

.menu > ul > li > a{
border-radius:6px;
transition:all 0.25s ease;
}



/* FOOTER FINOMÍTÁS */

footer{
background:#1f1f1f;
color:white;
padding:50px 40px;
font-size:12px;
line-height:2;
}

.footer-logo img{
max-width:120px;
}

/* social ikonok */

.social p{
cursor:pointer;
transition:0.2s;
}

.social p:hover{
color:#c8a96a;
}


/* hover effekt */

.menu > ul > li > a:hover{
background:#c8a96a;
color:white;
transform:translateY(-3px);
box-shadow:0 6px 15px rgba(0,0,0,0.1);
}


/* ROOM CARD */

.room-card{
position:relative;
width:320px;
margin:auto;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
transition:all 0.3s ease;
}

/* IMAGE */

.room-card img{
width:100%;
height:240px;
object-fit:cover;
display:block;
}

/* OVERLAY */

.room-overlay{
position:absolute;
bottom:0;
width:100%;
padding:20px;
background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);
color:white;
text-align:left;
}

/* TEXT */

.room-overlay h2{
margin-bottom:8px;
}

.room-overlay p{
font-size:14px;
line-height:1.6;
}

/* HOVER EFFECT */

.room-card:hover{
transform:translateY(-10px) scale(1.03);
box-shadow:0 15px 40px rgba(0,0,0,0.25);
outline:2px solid #c8a96a;
}


*{margin:0;padding:0;box-sizing:border-box;}

body{
font-family:Arial, sans-serif;
background:#f5f5f5;
color:#333;
}

/* SLIDER */

.slider{
position:relative;
max-width:900px;
margin:40px auto;
overflow:hidden;
}

.slides{
display:flex;
transition:0.5s;
}

.slides img{
width:100%;
flex-shrink:0;
height:400px;
object-fit:cover;
}

.prev, .next{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.5);
color:white;
border:none;
padding:10px;
cursor:pointer;
}

.prev{left:10px;}
.next{right:10px;}

.dots{
text-align:center;
margin-top:10px;
}

.dots span{
height:10px;
width:10px;
margin:5px;
background:#ccc;
display:inline-block;
border-radius:50%;
cursor:pointer;
}

.dots .active{
background:#c8a96a;
}

/* NAV */

.prev, .next{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.5);
color:white;
border:none;
font-size:24px;
padding:10px;
cursor:pointer;
}

.prev{left:10px;}
.next{right:10px;}

/* THUMBNAILS */

.thumbnails{
display:flex;
justify-content:center;
gap:10px;
margin:15px 0;
}

.thumbnails img{
width:80px;
height:60px;
object-fit:cover;
cursor:pointer;
opacity:0.7;
border-radius:5px;
transition:0.3s;
}

.thumbnails img:hover{
opacity:1;
transform:scale(1.05);
}

/* CONTENT */

.section{
padding:40px 20px;
max-width:900px;
margin:auto;
}

/* ICONS */

.features{
display:flex;
gap:20px;
margin:20px 0;
flex-wrap:wrap;
}

.feature{
display:flex;
align-items:center;
gap:8px;
background:#fff;
padding:10px 15px;
border-radius:8px;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
font-size:14px;
}

/* BOOKING BUTTON */

.booking-btn{
display:inline-block;
margin-top:25px;
padding:14px 28px;
background:linear-gradient(135deg,#c8a96a,#b89658);
color:white;
text-decoration:none;
border-radius:6px;
font-weight:500;
letter-spacing:1px;
transition:0.3s;
}

.booking-btn:hover{
background:linear-gradient(135deg,#b89658,#a8854a);
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}


.features{
display:flex;
gap:15px;
margin:20px 0;
flex-wrap:wrap;
}

.feature{
display:flex;
align-items:center;
gap:8px;
background:#fff;
padding:10px 15px;
border-radius:8px;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
font-size:14px;
}

.feature svg{
stroke:#c8a96a;
}

/* ===== LUXUS SZEKCIÓ ===== */

.section{
padding:60px 20px;
max-width:1000px;
margin:auto;
}

/* ===== FEATURES (ikonok) ===== */

.features{
display:flex;
gap:20px;
margin:30px 0;
flex-wrap:wrap;
}

.feature{
display:flex;
align-items:center;
gap:10px;
padding:12px 18px;
border-radius:12px;

/* glass effect */
background:rgba(255,255,255,0.7);
backdrop-filter:blur(10px);

box-shadow:0 4px 20px rgba(0,0,0,0.08);
font-size:14px;

transition:all 0.3s ease;
cursor:default;
}

/* ikon */

.feature svg{
stroke:#c8a96a;
transition:0.3s;
}

/* 🔥 hover luxus */

.feature:hover{
transform:translateY(-5px);
box-shadow:0 10px 30px rgba(0,0,0,0.15);
background:rgba(255,255,255,0.9);
}

.feature:hover svg{
stroke:#b89658;
transform:scale(1.1);
}

/* ===== SZÖVEG ===== */

.section h2{
font-size:28px;
margin-bottom:10px;
}

.section h4{
color:#777;
margin-bottom:20px;
font-weight:400;
}

.section p{
line-height:1.7;
font-size:15px;
}

/* ===== FOGLALÁS GOMB ===== */

.booking-btn{
display:inline-block;
margin-top:30px;
padding:16px 34px;

background:linear-gradient(135deg,#c8a96a,#b89658);
color:white;
text-decoration:none;

border-radius:8px;
font-weight:500;
letter-spacing:1px;

box-shadow:0 6px 20px rgba(0,0,0,0.15);

transition:all 0.3s ease;
position:relative;
overflow:hidden;
}

/* glow effekt */

.booking-btn::before{
content:'';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
transition:0.6s;
}

/* hover */

.booking-btn:hover::before{
left:100%;
}

.booking-btn:hover{
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(0,0,0,0.25);
}

/* ===== THUMBNAIL ===== */

.thumbnails img{
border-radius:8px;
transition:0.3s;
}

.thumbnails img:hover{
transform:scale(1.08);
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

/* ===== SLIDER GOMB ===== */

.prev, .next{
background:rgba(0,0,0,0.4);
border-radius:50%;
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
transition:0.3s;
}

.prev:hover, .next:hover{
background:#c8a96a;
}

.room-features{
max-width:900px;
margin:50px auto;
padding:0 20px;
}

.room-features h3{
margin-bottom:25px;
font-size:22px;
}

/* GRID */

.features-list{
list-style:none;
padding:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px 40px;
}

/* ELEMEK */

.features-list li{
position:relative;
padding-left:30px;
font-size:15px;
line-height:1.6;
}

/* PIPA */

.features-list li::before{
content:"✓";
position:absolute;
left:0;
top:0;
color:#c8a96a;
font-weight:bold;
}

/* ===== ANIMÁCIÓ CSAK DESKTOPON ===== */

@media(min-width:769px){

.features-list li{
opacity:0;
transform:translateY(20px);
transition:all 0.5s ease;
}

.features-list li.show{
opacity:1;
transform:translateY(0);
}

}

/* MOBIL: 1 oszlop */

@media(max-width:600px){
.features-list{
grid-template-columns:1fr;
}
}

/* arany top gomb */
.scroll-top{
position:fixed;
bottom:20px;
right:20px;

width:55px;
height:55px;

background:#c8a96a;
color:white;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:22px;
font-weight:bold;

cursor:pointer;

box-shadow:0 5px 20px rgba(0,0,0,0.3);

transition:0.3s;
}


/* hover (desktop) */
.scroll-top:hover{
transform:translateY(-3px);
}

/* mobilon kicsit kisebb */
@media(max-width:768px){
.scroll-top{
width:45px;
height:45px;
font-size:18px;
}
}

.intro {
  padding: 80px 20px;
  background: white;
}

.intro-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 50px;
}

/* KÉP */
.intro-image {
  flex: 1;
}

.intro-image img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* SZÖVEG */
.intro-text {
  flex: 1;
  text-align: left;
}

.intro-text h2 {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  margin-bottom: 20px;
}

.intro-text p {
  line-height: 1.8;
  margin-bottom: 15px;
  color: #555;
}

@media(max-width:768px){

  .intro-container{
    flex-direction: column;
  }

}

.intro-image img:hover{
  transform: scale(1.03);
  transition: 0.3s;
}

/* STICKY HEADER */
.header {
  position: sticky;
  top: 0;
  width: 100%;
  transition: all 0.3s ease;
}

/* NAGY LOGÓ (alap állapot) */
.logo img {
  height: 90px;
  transition: all 0.3s ease;
}

/* SCROLL UTÁN (összemegy) */
.header.scrolled {
  padding: 5px 0;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.header.scrolled .logo img {
  height: 60px;
}

.topbar {
  transition: all 0.3s ease;
}

.header.scrolled .topbar {
  padding: 10px 20px;
}

@media(max-width:768px){

  .logo img {
    height: 60px;
  }

  .header.scrolled .logo img {
    height: 50px;
  }

}
@media(max-width:768px){

  .topbar{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  /* FELSŐ SOR */
  .topbar > .hamburger,
  .topbar > .lang{
    width:100%;
  }

  .topbar > .hamburger{
    float:left;
  }

  .topbar > .lang{
    display:flex;
    justify-content:flex-end;  /* 🔥 jobbra tolja */
    align-items:center;
    gap:8px;
  }

  /* LOGÓ KÖZÉPEN ALATTA */
  .logo{
    text-align:center;
  }

  .logo img{
    height:50px;
  }

}

@media(max-width:768px){
  .lang{
    position:static;  /* 🔥 EZ KÖTELEZŐ */
  }
}


/* ===== V5 LAYOUT FIX: stable room pages for longer EN text ===== */
html, body { overflow-x: hidden; }
#header, #footer { width: 100%; }
.slider { width: min(900px, calc(100% - 32px)); max-width: 900px; }
.slides { width: 100%; }
.slides img { flex: 0 0 100%; min-width: 100%; }
.thumbnails { padding: 0 16px; flex-wrap: wrap; }
.section { width: min(1000px, calc(100% - 32px)); padding: 50px 16px; }
.section h2, .section h4, .section p { overflow-wrap: anywhere; }
.features { justify-content: center; align-items: stretch; }
.feature { min-height: 48px; flex: 1 1 190px; max-width: 300px; justify-content: center; text-align: center; }
.feature svg { flex: 0 0 auto; }
.room-features { width: min(900px, 100%); }
.features-list { align-items: start; }
.features-list li { overflow-wrap: anywhere; }
.section p h4, .section > h4 { max-width: 900px; margin-left: auto; margin-right: auto; }
.booking-btn { display: inline-flex; justify-content: center; white-space: normal; text-align: center; }
footer { margin-top: 50px; }
@media(max-width:768px){
  .slider { margin: 24px auto; width: calc(100% - 20px); }
  .slides img { height: 260px; }
  .section { padding: 36px 12px; width: calc(100% - 20px); }
  .features { gap: 12px; }
  .feature { flex-basis: 100%; max-width: none; justify-content: flex-start; text-align: left; }
  .features-list { grid-template-columns: 1fr; }
  .booking-btn { width: 100%; }
}


/* === Mariposa v17 verified hard fixes === */

/* Header tényleges osztályai */
.header,
.header .topbar,
.header .menu,
.topbar,
.menu{
  background-color:#f4eddf !important;
  background-image:
    url("data:image/svg+xml,%3Csvg width='180' height='130' viewBox='0 0 180 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23c8a96a' stroke-width='1.1' opacity='.20'%3E%3Cpath d='M90 65 C68 28 28 28 32 65 C36 102 70 88 90 65Z'/%3E%3Cpath d='M90 65 C112 28 152 28 148 65 C144 102 110 88 90 65Z'/%3E%3Cpath d='M90 48 L90 92'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:300px 215px !important;
}

/* A konkrét HU | EN + Foglalás blokk */
.lang{
  position:absolute !important;
  right:110px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
  z-index:10001 !important;
}

.lang a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.header-booking-btn{
  margin-left:8px !important;
  padding:10px 16px !important;
  max-width:170px !important;
  white-space:nowrap !important;
}

/* Robot Tündi valódi konténere + felfelé nyíl valódi azonosítók */
#mariposa-ai-chat-root{
  right:42px !important;
  left:auto !important;
  bottom:92px !important;
}

#scrollTopBtn,
.scroll-top,
.back-to-top,
.to-top,
#backToTop{
  right:42px !important;
  left:auto !important;
}

/* Az oldal háttérmintája ténylegesen látszódjon */
html, body{
  background-color:#f4eddf !important;
  background-image:
    url("data:image/svg+xml,%3Csvg width='220' height='160' viewBox='0 0 220 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23b99757' stroke-width='1.25' opacity='.24'%3E%3Cpath d='M110 78 C82 35 32 30 36 76 C40 122 86 102 110 78Z'/%3E%3Cpath d='M110 78 C138 35 188 30 184 76 C180 122 134 102 110 78Z'/%3E%3Cpath d='M110 78 C86 110 62 144 102 136 C122 132 119 98 110 78Z'/%3E%3Cpath d='M110 78 C134 110 158 144 118 136 C98 132 101 98 110 78Z'/%3E%3Cpath d='M110 58 L110 110'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:360px 260px !important;
  background-repeat:repeat !important;
  overflow-x:hidden !important;
}

/* Fehér szakaszok krémesítése */
.intro,
.about,
.welcome-section,
.content-section,
.white-section,
.gallery,
.rooms-section,
.all-rooms-section,
.attractions-two-col,
.room-category-section{
  background-color:transparent !important;
}

/* Footerben ne jelenjen meg duplikált nyíl/szöveg */
.footer-col.social p,
.social p,
.social-icons{
  font-size:0 !important;
}

.footer-col.social a,
.social a,
.social-icons a{
  font-size:0 !important;
  color:transparent !important;
  text-decoration:none !important;
}

.footer-col.social svg,
.social svg,
.social-icons svg{
  width:26px !important;
  height:26px !important;
  margin:0 8px !important;
}

@media(max-width:900px){
  .lang{
    right:18px !important;
    gap:7px !important;
  }

  .header-booking-btn{
    padding:8px 11px !important;
    font-size:12px !important;
  }

  #mariposa-ai-chat-root,
  #scrollTopBtn,
  .scroll-top,
  .back-to-top,
  .to-top,
  #backToTop{
    right:18px !important;
  }
}


/* === Mariposa v20 room labels, 2x2 feature strip, transparent logo support === */
.all-room-card{position:relative!important;}
.all-room-badge{
  position:absolute;
  top:16px;
  left:16px;
  z-index:4;
  background:#c8a96a;
  color:white;
  padding:10px 18px;
  border-radius:8px;
  font-weight:700;
  font-size:16px;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.all-room-number-badge{
  position:absolute;
  top:16px;
  right:16px;
  z-index:4;
  background:#c8a96a;
  color:white;
  padding:10px 18px;
  border-radius:8px;
  font-weight:700;
  font-size:16px;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

/* szoba kategória oldalak: alsó sáv ikonok 2 sor / 2 oszlop */
.room-features,
.card-features,
.room-card-features,
.features,
.room-info,
.room-meta{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0,1fr))!important;
  gap:10px 16px!important;
  align-items:center!important;
}
.room-features li,
.card-features li,
.room-card-features li,
.features li,
.room-info li,
.room-meta li,
.room-features span,
.card-features span,
.room-card-features span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  min-width:0!important;
}

/* ha overlay sávban van, ne 3+1 legyen */
.room-card .features,
.room-card .room-features,
.room-slide .features,
.room-slide .room-features,
.category-card .features,
.category-card .room-features{
  grid-template-columns:repeat(2, 1fr)!important;
}

/* logo ne fehér négyzetként hasson */
.logo img,
.header .logo img,
.site-logo img{
  background:transparent!important;
  mix-blend-mode:multiply;
}

/* logó átlátszó PNG támogatás */
.logo img[src*="logo"],
.header .logo img[src*="logo"]{
  background-color:transparent!important;
}

@media(max-width:600px){
  .all-room-badge,
  .all-room-number-badge{
    font-size:14px;
    padding:8px 14px;
  }
}