:root {
      --navy:        #1B2A6B;
      --navy-80:     #1B2A6Bf0;
      --navy-mid:    #243380;
      --navy-light:  #3D52A0;
      --cyan:        #00AADF;
      --cyan-bright: #00C5FF;
      --cyan-light:  #AADFF5;
      --cream:       #EEF2FB;
      --white:       #FFFFFF;
      --text-dark:   #1B2A6B;
      --text-body:   #2C3E6B;
      --text-muted:  #6B7DAD;
      --border:      rgba(0,170,223,.2);
      --ff-serif:    'Playfair Display', Georgia, serif;
      --ff-sans:     'Montserrat', sans-serif;
      --transition:  .35s cubic-bezier(.4,0,.2,1);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: var(--ff-sans);
      background: var(--white);
      color: var(--text-body);
      overflow-x: hidden;
      line-height: 1.7;
    }
    section {position: relative;overflow: hidden;}
    img[src="/img/"] {
    display: none;
    }
    .placeholder-image {background-image:url('/webimages/files/clementin_svg.png') ;}
    
    a {text-decoration: none;}
    h1, h2, h3, h4 { font-family: var(--ff-serif); }
    ::selection { background: var(--cyan); color: var(--navy); }
    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: var(--cream); }
    ::-webkit-scrollbar-thumb { background: var(--cyan); border-radius: 3px; }

    /* ?? Utilities ?? */
    .gold-line {
      display: inline-block; width: 48px; height: 2px;
      background: linear-gradient(90deg, var(--cyan), var(--cyan-light));
      margin-bottom: 1.4rem; border-radius: 1px;
    }
    .section-eyebrow, .section-eyebrow a {
      font-family: var(--ff-sans); font-size: .7rem; font-weight: 600;
      letter-spacing: .3em; text-transform: uppercase;
      color: var(--cyan); display: block; margin-bottom: .55rem;
    }
    .section-heading {
      font-size: clamp(1.8rem, 3.8vw, 2.7rem);
      font-weight: 500; line-height: 1.22; color: var(--navy);
    }
    .section-lead {
      font-size: .93rem; font-weight: 300;
      color: var(--text-muted); max-width: 560px; line-height: 1.9;
    }

    /* ?? Buttons ?? */
    .btn-primary-cr {
      display: inline-flex; align-items: center; gap: .5rem;
      padding: .85rem 2.2rem; background: var(--navy); color: var(--white);
      border: 2px solid var(--navy); font-family: var(--ff-sans);
      font-size: .78rem; font-weight: 600; letter-spacing: .16em;
      text-transform: uppercase; text-decoration: none; border-radius: 0;
      transition: var(--transition);
    }
    .btn-primary-cr:hover { background: var(--cyan); border-color: var(--cyan); color: var(--white); }

    .btn-outline-cr {
      display: inline-flex; align-items: center; gap: .5rem;
      padding: .85rem 2.2rem; background: transparent; color: var(--white);
      border: 2px solid rgba(255,255,255,.7); font-family: var(--ff-sans);
      font-size: .78rem; font-weight: 600; letter-spacing: .16em;
      text-transform: uppercase; text-decoration: none; border-radius: 0;
      transition: var(--transition); position: relative; overflow: hidden;
    }
    .btn-outline-cr::before {
      content: ''; position: absolute; inset: 0;
      background: var(--cyan); transform: scaleX(0);
      transform-origin: left; transition: transform var(--transition); z-index: 0;
    }
    .btn-outline-cr:hover { color: var(--white); border-color: var(--cyan); }
    .btn-outline-cr:hover::before { transform: scaleX(1); }
    .btn-outline-cr span, .btn-outline-cr i { position: relative; z-index: 1; }

    .btn-cyan {
      display: inline-flex; align-items: center; gap: .5rem;
      padding: .85rem 2.2rem; background: var(--cyan); color: var(--white);
      border: 2px solid var(--cyan); font-family: var(--ff-sans);
      font-size: .78rem; font-weight: 600; letter-spacing: .16em;
      text-transform: uppercase; text-decoration: none; border-radius: 0;
      transition: var(--transition);
    }
    .btn-cyan:hover { background: var(--cyan-bright); border-color: var(--cyan-bright); color: var(--white); }

    /* ?? NAVBAR ?? */
    #mainNav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
      padding: 1rem 0;
      background: rgba(27,42,107,.5);
      transition: background var(--transition), padding var(--transition);
    }
    #mainNav.scrolled {
      background: rgba(27,42,107,.96);
      backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
      padding: .6rem 0;
      border-bottom: 1px solid rgba(0,170,223,.25);
      box-shadow: 0 4px 24px rgba(0,0,0,.18);
    }
    .nav-logo { height: 72px; width: auto; }
    .nav-link {
      font-family: var(--ff-sans); font-size: .72rem; font-weight: 500;
      letter-spacing: .14em; text-transform: uppercase;
      color: rgba(255,255,255,.82) !important;
      padding: .4rem 1rem !important; transition: color var(--transition);
      position: relative;
    }
    .nav-link::after {
      content: ''; position: absolute; bottom: 0; left: 1rem; right: 1rem;
      height: 1px; background: var(--cyan);
      transform: scaleX(0); transition: transform var(--transition);
    }
    .nav-link:hover { color: var(--cyan) !important; }
    .nav-link:hover::after { transform: scaleX(1); }
    .nav-cta {
      background: var(--cyan); color: var(--white) !important;
      padding: .5rem 1.4rem !important; transition: background var(--transition);
    }
    .nav-cta:hover { background: var(--cyan-bright) !important; }
    .nav-cta::after { display: none !important; }
    .navbar-toggler {
      border: 1px solid rgba(0,170,223,.4);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2300AADF' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      background-repeat: no-repeat; background-position: center;
      width: 38px; height: 38px;
    }
    .navbar-toggler-icon { display: none; }
    .navbar-brand {padding: 10px;color: var(--cream);transition: all ease-in-out .2s;max-width: 80%;}
    .navbar-brand:hover {color: var(--cyan-bright);}
    .navbar-brand img {background-color: var(--cream);padding: 5px;border-radius: 0 3rem 3rem 3rem;}
/* A szöveg törése */
.navbar-brand .min-w-0 {
  min-width: 0;          /* ? flex gyerek különben nem tud összemenni */
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;   /* ? felülírja a Bootstrap navbar white-space: nowrap-ját */
}
    /* ?? IMAGE HERO ?? */
    #hero {position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:6rem 0}
    .hero-bg {
      position: absolute; inset: 0; z-index: 0;
      background-image: url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=1920&q=85&auto=format&fit=crop');
      background-size: cover; background-position: center;
      transform: scale(1.05);
      transition: transform 8s ease-out;
    }
    .hero-bg.loaded { transform: scale(1); }
    .hero-overlay {
      display: none;
      position: absolute; inset: 0; z-index: 1;
      background: linear-gradient(
        135deg,
        rgba(27,42,107,.82) 0%,
        rgba(27,42,107,.52) 55%,
        rgba(0,170,223,.15) 100%
      );
    }
    .hero-content { position: relative; z-index: 2; }
    .hero-content .col-lg-8 { background-color:var(--navy-80);padding: 2rem;}

    .hero-eyebrow {
      font-size: .7rem; font-weight: 600; letter-spacing: .35em;
      text-transform: uppercase; color: var(--cyan);
      display: flex; align-items: center; gap: .9rem;
      margin-bottom: 1.5rem; opacity: 0;
      animation: fadeUp .8s .3s forwards;
    }
    .hero-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--cyan); }

    .hero-title {font-size: clamp(2.3rem, 5.5vw, 3.5rem);font-weight:500;line-height:1.1;color:var(--white);margin-bottom: 1.4rem; opacity: 0;animation: fadeUp .9s .5s forwards;text-shadow: 1px 1px 10px rgba(0,0,0,.5)}
    .hero-title em { font-style: italic; color: var(--cyan-light); }

    .hero-desc {
      font-size: 1rem; font-weight: 300; color: rgba(255,255,255,.75);
      max-width: 520px; line-height: 1.85; margin-bottom: 2.4rem;
      opacity: 0; animation: fadeUp .9s .7s forwards;
    }
    .hero-actions {
      display: flex; flex-wrap: wrap; gap: 1rem;
      opacity: 0; animation: fadeUp .9s .9s forwards;
    }

    .hero-scroll {
      position: absolute; bottom: 2rem; left: 50%;
      transform: translateX(-50%);
      display: flex; flex-direction: column; align-items: center; gap: .4rem;
      z-index: 2; opacity: 0; animation: fadeUp .9s 1.2s forwards;
    }
    .hero-scroll span {
      font-size: .6rem; font-weight: 500; letter-spacing: .22em;
      text-transform: uppercase; color: rgba(255,255,255,.45);
    }
    .scroll-line {
      width: 1px; height: 44px;
      background: linear-gradient(180deg, var(--cyan) 0%, transparent 100%);
      animation: scrollPulse 2s ease-in-out infinite;
    }


    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes scrollPulse {
      0%,100% { opacity: 1; } 50% { opacity: .3; }
    }

    /* ?? STATS BAR ?? */
    .stats-bar {
      background: var(--navy);
      border-bottom: 3px solid var(--cyan);
      padding: 2rem 0;
    }
    .stat-item { text-align: center; padding: .5rem; }
    .stat-num {
      font-family: var(--ff-serif); font-size: 2.3rem;
      font-weight: 600; color: var(--cyan); line-height: 1;
    }
    .stat-label {
      font-size: .68rem; font-weight: 500; letter-spacing: .18em;
      text-transform: uppercase; color: rgba(255,255,255,.55);
      margin-top: .35rem;
    }
    .stat-div { width: 1px; background: rgba(0,170,223,.2); align-self: stretch; }

    /* ?? ABOUT ?? */
    .about { background: var(--white); padding:2rem 0; overflow: hidden; }

    .about-img-main {
      width: 100%; aspect-ratio: 4/5; object-fit: cover;
    }
    .about-img-accent {
      position: absolute; bottom: -2rem; right: -2rem;
      width: 52%; aspect-ratio: 1; object-fit: cover;
      border: 5px solid var(--white); box-shadow: 0 8px 32px rgba(27,42,107,.15);
    }
    @media (max-width: 991px) {
      .about-img-accent { display: none; }
      .about-img-main { aspect-ratio: 16/9; }
    }

    .feature-row {
      display: flex; align-items: flex-start; gap: 1rem;
      padding: 1rem 0; border-bottom: 1px solid rgba(0,170,223,.12);
    }
    .feature-row:last-child { border-bottom: none; }
    .feature-icon {
      width: 44px; height: 44px; flex-shrink: 0;
      border: 1px solid var(--border);
      display: flex; align-items: center; justify-content: center;
      color: var(--cyan); font-size: 1.1rem;
    }
    .feature-title {
      font-family: var(--ff-serif); font-size: 1.05rem;
      font-weight: 500; color: var(--navy); margin-bottom: .2rem;
    }
    .feature-desc { font-size: .82rem; color: var(--text-muted); line-height: 1.7; }

    .navy-card {
      background: var(--navy); padding: 2.4rem 2rem; margin-top: 2.5rem;
    }
    .navy-card blockquote {
      font-family: var(--ff-serif); font-size: 1.18rem;
      font-style: italic; color: var(--white); line-height: 1.55; margin: 0;
    }
    .navy-card cite {
      display: block; font-family: var(--ff-sans); font-size: .68rem;
      font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
      color: var(--cyan); margin-top: .9rem;
    }


    /* ?? YOUTUBE VIDEO SECTION ?? */
    .video-section {
      background: var(--navy);
      padding: 5rem 0;
    }
    .yt-embed-wrap {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 */
      height: 0;
      overflow: hidden;
      box-shadow: 0 24px 64px rgba(0,0,0,.4);
    }
    .yt-embed-wrap iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      border: none;
    }
    .video-section-eyebrow { color: var(--cyan); }
    .video-section-heading { color: var(--white); }

    /* ?? PROPERTIES SLIDER ?? */
    .properties { background: var(--cream); padding:2rem 0 2rem; overflow: hidden; }

    .swiper-properties { overflow: visible !important; padding-bottom: 4rem !important; }
    .swiper-properties .swiper-slide {
      opacity: .45; transform: scale(.96);
      transition: opacity .5s, transform .5s;
    }
    .swiper-properties .swiper-slide-active,
    .swiper-properties .swiper-slide-next { opacity: 1; transform: scale(1); }

    .prop-card { background: var(--white); position: relative; overflow: hidden; }
    .prop-card:hover .prop-img { transform: scale(1.05); }
    .prop-img-wrap { overflow: hidden; aspect-ratio: 4/3; }
    .prop-img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.4,0,.2,1); }
    .prop-badge {
      position: absolute; top: 1.1rem; left: 1.1rem;
      background: var(--cyan); color: var(--white);
      font-size: .6rem; font-weight: 700; letter-spacing: .16em;
      text-transform: uppercase; padding: .3rem .85rem;
    }
    .prop-body { padding: 1.6rem; }
    .prop-title { font-family: var(--ff-serif); font-size: 1.22rem; font-weight: 500; color: var(--navy); margin-bottom: .45rem; }
    .prop-desc { font-size: .81rem; color: #6B7280; line-height: 1.75; margin-bottom: 1.1rem; }
    .prop-specs {
      display: flex; gap: 1.2rem;
      padding: .9rem 0; border-top: 1px solid #E5EAF5;
      border-bottom: 1px solid #E5EAF5; margin-bottom: 1.2rem;
    }
    .prop-spec { display: flex; align-items: center; gap: .35rem; font-size: .77rem; color: #6B7280; }
    .prop-spec i { color: var(--cyan); }
    .prop-price { font-family: var(--ff-serif); font-size: 1.35rem; font-weight: 600; color: var(--navy); }
    .prop-price-label { font-size: .67rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: #9CA3AF; margin-left: .4rem; }
    .prop-footer { display: flex; align-items: center; justify-content: space-between; }
    .prop-btn {
      display: inline-flex; align-items: center; gap: .4rem;
      font-size: .7rem; font-weight: 600; letter-spacing: .14em;
      text-transform: uppercase; color: var(--cyan);
      text-decoration: none; border-bottom: 1px solid transparent;
      transition: border-color var(--transition); padding-bottom: 2px;
    }
    .prop-btn:hover { color: var(--navy); border-color: var(--navy); }

    .swiper-pagination-properties { bottom: 0 !important; }
    .swiper-pagination-properties .swiper-pagination-bullet { width: 22px; height: 2px; border-radius: 0; background: #C8D2E8; opacity: 1; }
    .swiper-pagination-properties .swiper-pagination-bullet-active { background: var(--cyan); width: 38px; }

    .cr-swiper-btn {
      width: 50px; height: 50px;
      border: 1px solid #C8D2E8; background: transparent;
      color: var(--navy); display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: var(--transition); font-size: 1rem;
    }
    .cr-swiper-btn:hover { background: var(--navy); color: var(--cyan); }

    /* ?? FLOOR TYPES ?? */
    .types { background: var(--white); padding: 6.5rem 0; }
    .type-card {
      border: 1px solid rgba(0,170,223,.18);
      padding: 2.4rem 2rem; text-align: center;
      transition: var(--transition); position: relative; overflow: hidden;
    }
    .type-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
      background: var(--cyan); transform: scaleX(0); transform-origin: left;
      transition: transform var(--transition);
    }
    .type-card:hover { box-shadow: 0 12px 40px rgba(27,42,107,.1); }
    .type-card:hover::before { transform: scaleX(1); }
    .type-size {
      font-family: var(--ff-serif); font-size: 3rem; font-weight: 600;
      color: var(--navy); line-height: 1;
    }
    .type-unit { font-size: 1.1rem; color: var(--cyan); }
    .type-name { font-family: var(--ff-serif); font-size: 1.1rem; color: var(--navy); margin: .7rem 0 .5rem; }
    .type-desc { font-size: .82rem; color: var(--text-muted); line-height: 1.75; }
    .type-badge {
      display: inline-block; margin-top: 1rem;
      background: var(--cream); color: var(--navy);
      font-size: .65rem; font-weight: 600; letter-spacing: .14em;
      text-transform: uppercase; padding: .3rem .85rem;
    }

    /* ?? AMENITIES ?? */
    .amenities { background: var(--navy); padding:3rem 0}
    .amenities .section-heading { color: var(--white); }

    .amenity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0; }
    .amenity-item {
      padding: 2.6rem 2rem; border: 1px solid rgba(0,170,223,.15);
      margin: -1px 0 0 -1px; transition: background var(--transition);
    }
    .amenity-item:hover { background: rgba(0,170,223,.07); }
    .amenity-icon { width: 52px; height: 52px; border: 1px solid rgba(0,170,223,.25); display: flex; align-items: center; justify-content: center; color: var(--cyan); font-size: 1.35rem; margin-bottom: 1.3rem; }
    .amenity-title { font-family: var(--ff-serif); font-size: 1.05rem; font-weight: 500; color: var(--white); margin-bottom: .4rem; }
    .amenity-desc { font-size: .8rem; color: rgba(255,255,255,.5); line-height: 1.8; }

    /* ?? LOCATION ?? */
    .location { background: var(--cream); padding:2rem 0}
    .location-img { width: 100%; aspect-ratio: 16/11; object-fit: cover; }
    .perk-row { display: flex; align-items: center; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid rgba(0,170,223,.14); }
    .perk-row:last-child { border-bottom: none; }
    .perk-num { font-family: var(--ff-serif); font-size: 1.55rem; font-weight: 600; color: var(--cyan); min-width:72px;white-space:nowrap}
    .perk-strong { font-family: var(--ff-serif); font-size: .98rem; color: var(--navy); font-weight: 500; margin-bottom: .1rem; display: block; }
    .perk-text { font-size: .83rem; color: var(--text-muted); line-height: 1.65; }

    /* ?? CONTACT ?? */
    #contact { background: var(--white); padding:2rem 0 3rem}
    .contact-panel {background:var(--navy);padding:3rem 3rem 0 3rem;height:100%}
    @media (max-width: 991px) { .contact-panel { padding: 2.4rem 1.8rem; } }

    .form-label { font-size: .68rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: .45rem; }
    .form-control {
      background: rgba(255,255,255,.06) !important;
      border: 1px solid rgba(0,170,223,.22) !important; border-radius: 0 !important;
      color: var(--white) !important; font-family: var(--ff-sans);
      font-size: .87rem; padding: .88rem 1rem;
      transition: border-color var(--transition);
    }
    .form-control::placeholder { color: rgba(255,255,255,.28) !important; }
    .form-control:focus { box-shadow: none !important; border-color: var(--cyan) !important; background: rgba(0,170,223,.06) !important; }
    .form-control option { background: var(--navy-mid); color: var(--white); }

    .ci-item { display: flex; align-items: flex-start; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid rgba(0,170,223,.14); }
    .ci-item:first-child { border-top: 1px solid rgba(0,170,223,.14); }
    .ci-icon { width: 40px; height: 40px; border: 1px solid rgba(0,170,223,.25); display: flex; align-items: center; justify-content: center; color: var(--cyan); flex-shrink: 0; }
    .ci-label { font-size: .63rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--cyan); margin-bottom: .15rem; }
    .ci-value { font-size: .88rem; color: var(--white); line-height: 1.5; }

    /* ?? FOOTER ?? */
    #footer { background: var(--navy); border-top: 1px solid rgba(0,170,223,.15); padding: 4.5rem 0 2rem; }
    .footer-logo { height: 72px; width: auto; margin-bottom: 1.2rem; }
    .footer-tagline { font-size: .7rem; font-weight: 300; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: 1.4rem; }
    .footer-desc { font-size: .82rem; color: rgba(255,255,255,.45); line-height: 1.85; max-width: 280px; }
    .footer-heading { font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--cyan); margin-bottom: 1.3rem; }
    .footer-links ul { list-style: none; padding: 0; }
    .footer-links li { margin-bottom: .65rem; }
    .footer-links a { font-size: .82rem; color: rgba(255,255,255,.45); text-decoration: none; transition: color var(--transition); }
    .footer-links a:hover { color: var(--cyan); }
    .footer-bottom { border-top: 1px solid rgba(0,170,223,.12); margin-top: 3rem; padding-top: 1.6rem; }
    .footer-copy { font-size: .72rem; color: rgba(255,255,255,.35); }
    footer a {text-decoration: none;}

    .social-links { display: flex; gap: .7rem; margin-top: 1.5rem; }
    .social-link { width: 34px; height: 34px; border: 1px solid rgba(0,170,223,.22); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.45); text-decoration: none; font-size: .88rem; transition: var(--transition); }
    .social-link:hover { color: var(--cyan); border-color: var(--cyan); }

    /* ?? CYAN ACCENT BAR ?? */
    .cyan-bar { width: 100%; height: 4px; background: linear-gradient(90deg, var(--navy), var(--cyan), var(--cyan-bright), var(--cyan)); }

    /* ?? RESPONSIVE ?? */
    @media (max-width: 768px) {
      .about, .properties, .types, .amenities, .location, #contact { padding: 2.5rem 0 1rem; }
      .hero-title { font-size: 2.1rem; }
      .contact-panel { margin-bottom: 2rem; }
      #mainNav {background-color: var(--text-body);}
    }

    /* AOS safety fallback: if AOS fails to apply .aos-animate within 1.5s,
       these styles let elements appear normally. */
    [data-aos] { transition-property: opacity, transform; }
    .no-aos [data-aos] { opacity: 1 !important; transform: none !important; }

    /* Kill Swiper's default navigation arrow ::after content
       (Swiper auto-applies .swiper-button-prev/next when you wire custom buttons,
       which adds default arrow text via ::after) */
    #propPrev::after, #propNext::after,
    .swiper-button-prev::after, .swiper-button-next::after,
    .swiper-button-next.cr-swiper-btn::after,
    .swiper-button-prev.cr-swiper-btn::after { content: '' !important; display: none !important; }

    /* And kill any default Swiper button background/SVG mask */
    .cr-swiper-btn.swiper-button-prev,
    .cr-swiper-btn.swiper-button-next {
      background-image: none !important;
      width: 50px !important; height: 50px !important;
      margin-top: 0 !important; top: auto !important;
      position: static !important;
    }

    .downloadLink {color: var(--cyan);text-decoration: none;}
    .img-framed img {padding: 1rem;border: 1px dashed rgba(0,0,0,.2);}
    .gjs-yt-badge {display: none;}

    /*cookie popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-div-main a {padding: .5rem;display: inline-block;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;bottom:0;left:0;width:100%;}
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 33px!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
.popup-cookieconsent-div p, .popup-cookieconsent-down p {font-size: .8rem;}
  .side {background-size: 0;}
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}

.cookie-image-button {border-radius: 50%;padding: 2px;}

article img {max-width: 100%; height: auto!important;}

#featured-placeholder img {width: 100%!important;height: auto!important;}
#featured-placeholder .prop-img-wrap {aspect-ratio: unset;}
#featured-placeholder .prop-specs, #featured-placeholder .prop-price {display: none;}
.bicon-replace {filter: invert(1);}
table {max-width:100% !important;border-collapse:collapse;font-family:Calibri, sans-serif;font-size:15px}
table td {
  padding: 10px 14px;
  border: 1px solid #d0d0d0;
  vertical-align: middle;
}

/* Főcím sor (colspan=4) */
table tr:first-child td {
  background-color: #2c5f8a;
  color: #ffffff;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* Fejléc sor (második sor) */
table tr:nth-child(2) td {
  background-color: #3a7db5;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
}

/* Szekció fejlécek (FÖLDSZINT, I.EMELET, II.EMELET) */
table tr td:first-child:only-child,
table tr td[colspan]:not(:first-child),
table tr:nth-child(3) td:first-child,
table tr:nth-child(11) td:first-child,
table tr:nth-child(23) td:first-child {
  background-color: #e8f0f7;
  font-weight: 700;
  font-size: 15px;
  color: #1a3a5c;
}

/* Szekció fejlécek - üres cellák mellé */
table tr:nth-child(3) td,
table tr:nth-child(11) td,
table tr:nth-child(23) td {
  background-color: #e8f0f7;
  color: #1a3a5c;
  font-weight: 700;
}

/* Páratlan adatsorok */
table tr:nth-child(odd) td {
  background-color: #ffffff;
}

/* Páros adatsorok */
table tr:nth-child(even) td {
  background-color: #f5f8fb;
}

/* Első cella (lakás neve) */
table tr td:first-child {
  font-weight: 700;
  color: #1a1a1a;
  min-width: 200px;
}
.price table tr td:first-child {font-weight:700;min-width:inherit;text-align:left}
.price table tr td {font-size:15px}
table td span {
  color: unset !important;
}

/* Ár cellák - piros szín megtartva, de sötétebb árnyalatban */
table tr td:nth-child(2),
table tr td:nth-child(3),
table tr td:nth-child(4) {
  color: #333!important;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

/* Hover kiemelés */
table tr:hover td {
  background-color: #ddeaf5;
  transition: background-color 0.15s ease;
}

/* Üres sorok elrejtése */
table tr td:first-child:empty {
  display: none;
}

.fit-cover img {width: 100%;height: 100%; object-fit: cover;aspect-ratio: 1 / 1;}
#mainNav .navbar-brand p {margin-bottom:0}
.stats-bar .gap-4 {gap:2rem !important}
.t12080 .about + .cyan-bar {margin-top:50px}
.empty:empty {display:none}
.table-responsive table {width:auto !important}
.table-responsive table p {margin-bottom:0}

@media (max-width: 1199px) {
.stats-bar .gap-4 {gap:1rem !important}
}
@media (max-width: 992px) {
.stats-bar .gap-4 {align-items:flex-start}
.stats-bar .stat-item {flex:0 0 auto;width:auto}
}