.custom-hero-slide {
    min-height: 310px;
}

.custom-brutto-size {
    font-size: 16px !important;
}

.custom-netto-size {
    font-size: 12px !important;
}

@media (min-width: 768px) {
    .custom-hero-slide {
        min-height: 500px;
    }

    .custom-brutto-size {
        font-size: 18px !important;
    }

    .custom-netto-size {
        font-size: 14px !important;
    }   
}

.szoveg-athuzas {
    text-decoration: line-through;
}

.discount {
    background-color: #e53935;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: bold;
    display: inline-block;
}

.ci-dollar-sign::before {
    content: "" !important;
}

.toggle-favorite.active i {
    color: #f2223b;
}

.toggle-favorite.active {
    font-weight: bold;
}

.toggle-favorite.active i.text-danger {
    color: #f2223b;
}

.custom-mouse {
    cursor: pointer;
}

.bg-delete-btn {
    background-color: #e53935;
    color: #fff;
}

.bg-delete-btn:hover {
    background-color: #f55266;
    color: #555;
}

.custom-a-link {
    text-decoration: none;
    color: var(--cz-body-color);
}
.custom-a-link:hover {
    text-decoration: none;
    color: var(--cz-body-color); /* Vagy pl. sötétebb árnyalat, ha szeretnél hover effektet */
}

/* Ref. pics */
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.btn_fixed_bottom {
  background-color: #9ca3af;
}

#gridViewBtn.active,
#listViewBtn.active {
    background-color: #9ca3af;  /* Bootstrap sötétszürke */
    color: #181d25;                /* Fehér szöveg */
    border-color: #181d25;      /* Ha van keret */
}

.piros-ajandek-keret {
    border: 2px solid #f2223b;
    border-radius: 4px; /* opcionális: kerekítés */
}

#scify-cookies-consent-wrapper .scify-cookies-consent-banner .btn,
#scify-cookie-policy-page .scify-cookies-consent-banner .btn {
  color: #6c727f !important;
}

#scify-cookies-consent-wrapper, #scify-cookie-consent-floating-button {
--scify-cookies-primary-color: #6c727f !important;
--scify-cookies-primary-hover-color: #fff !important;
--scify-cookies-link-color: #6c727f !important;
--scify-cookies-link-hover-color: #fff !important;
--scify-cookies-accordion-btn-text-color: #6c727f !important;
}

#scify-cookies-consent-wrapper .scify-cookies-consent-banner .btn, #scify-cookie-policy-page .scify-cookies-consent-banner .btn {
border: 1px solid #e0e5eb;
}

/* product card btn list */
/* Hover – egér fölé viszed */
.custom-cart-color:hover {
    background-color: #f55266; 
    border: 1px solid #f55266; 
    color: #fff; 
}

/* Active – kattintás közben */
.custom-cart-color:active {
    background-color: #f2223b; 
    border: 1px solid #f2223b; 
    color: #fff; 
}

table {
  user-select: none;
}

ul li, ul li * {
  user-select: none;
}

#submitBtn {
  z-index: 9998;
  position: relative;
  pointer-events: auto;
}

.dropend .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  display: none;
}

.dropend:hover > .dropdown-menu {
  display: block;
}

@media (max-width: 991.98px) {
  .dropend .dropdown-menu {
    position: static !important;
    transform: none !important;
    display: block;
    margin-top: 0.5rem;
  }

  .dropend .dropdown-menu:not(.show) {
    display: none;
  }
}

/* Futófény */
.navbar {
  border-bottom: 0px solid transparent;
  background-image: linear-gradient(
    90deg,
    #f25961 0%,
    #b02a37 30%,
    #f25961 50%,
    #f25961 70%,
    #b02a37 100%
  );
  background-size: 300% 4px;    /* nagyobb háttér, mint a szükséges szélesség */
  background-repeat: no-repeat;
  background-position: 0 100%;
  animation: futofenyes-border 5s linear infinite alternate;
}

/* --- elválasztó vonal fölé --- */
.navbar::before {
  content: "";
  position: absolute;
  bottom: 4px;          /* pont a futófény fölé kerül */
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255,255,255,0.3); /* finom sötétszürke elválasztó */
}

@keyframes futofenyes-border {
  from {
    background-position: 0% 100%;
  }
  to {
    background-position: 100% 100%;
  }
}

.footer {
  position: relative;
  border-top: 0px solid transparent;
  background-image: linear-gradient(
    90deg,
    #f25961 0%,
    #b02a37 30%,
    #f25961 50%,
    #f25961 70%,
    #b02a37 100%
  );
  background-size: 300% 5px;
  background-repeat: no-repeat;
  background-position: 0 0%; 
  animation: futofenyes-footer 5s linear infinite alternate;
}

.footer::before {
  content: "";
  position: absolute;
  top: 5px; 
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255,255,255,0.3);
}

@keyframes futofenyes-footer {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 100% 0%;
  }
}

/* Main: Featured properties block */
.icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem; /* vagy fs-2 helyett */
  line-height: 1;
}
.icon-wrapper i {
  display: inline-block;
  font-size: inherit;
  vertical-align: middle;
}

/* Referencia */
.object-fit-cover {
  object-fit: contain !important;
}

.swiper-slide .ratio {
  background-color: #fff; /* vagy #000, vagy a Cartzilla bg-body */
}

.swiper-slide {
  backface-visibility: hidden;
  /* transform-style: preserve-3d; */
}

[id^="images-"].swiper .swiper-slide {
  transform-style: flat !important;
}

.position-relative {
  position: relative;
}

.fancy-trigger {
  position: absolute;
  right: 1rem;
  bottom: 1rem; /* alap: mobilon alul */
  z-index: 3;
}

/* Asztali nézetben (md-től felfelé) jobb felső sarokba */
@media (min-width: 768px) {
  .fancy-trigger {
    top: 1rem;
    bottom: auto;
  }
}

/* HERO slider */
[data-bs-theme="dark"] .swiper-scrollbar:not([data-bs-theme="light"]) {
  --swiper-scrollbar-bg-color: hsla(0,0%,60%,.3);
  --swiper-scrollbar-drag-bg-color: #6c757d;
}

/* Kategóriák custom*/
.rendezes-box {
  /* alap: mobil/tablet */
  width: 190px;
}

/* Bootstrap "lg" breakpoint – asztali */
@media (min-width: 992px) {
  .rendezes-box {
    width: 150px;
  }
}

/* MAIN: Video responsive */
.video-responsive {
    max-width: 800px; /* Asztali nézet */
}

@media (max-width: 992px) { /* Tablet és mobil */
    .video-responsive {
        max-width: 100%;
    }
}

/* CMS - mennyezethűtés */
/* .custom-slider-container .swiper {
    margin-bottom: 10px !important;
} */
.custom-slider-container .swiper {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.custom-slider-container .swiper-wrapper {
    height: auto !important;
}

.custom-slider-container .swiper-slide {
    height: auto !important;
}

.custom-slider-container .slider-nav-btn {
    position: absolute !important; /* a z-index működéséhez */
    z-index: 50 !important;        /* biztosan felülírja Bootstrap-et */
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.custom-slider-container .swiper-pagination {
    position: absolute !important;
    bottom: 5px !important;     /* mennyire legyen fent */
    left: 0;
    width: 100%;
    z-index: 20;
}

.custom-slider-container .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}

.custom-slider-container .swiper-pagination-bullet-active {
    background-color: #fff !important;
}

/* CMS before-after */
img-comparison-slider {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}
img-comparison-slider figure {
    margin: 0 !important;
    padding: 0 !important;
}