/*-----MINDEN AMI SZINEZES!!!!--------*/
:root {
    --theme-dark: #060D0C;
    --theme-green-dark: #3E5954;
    --theme-green: #758886;
    --theme-beige: #C6C2BB;
    --theme-beige-light: #F0EDE5;
    --theme-gray: #5b5b5b;
    --theme-gray-light: #dadada;
    --theme-light: #ececec;
}

.theme-lux .footer {
    background-color: var(--theme-gray);
}

.theme-lux body {
    background-color: var(--theme-gray-light);
    color: #fff;
}

.theme-lux body.home .site-wrap {
    padding-top: 0;
}

.theme-lux .header .icon-buttons li:last-child,
.theme-lux .header__search-icon {
    background-color: var(--theme-green-dark);
}

.theme-lux .drawer__top-nav {
    background-color: var(--theme-green-dark);
}

[type=checkbox]:checked~span a, [type=checkbox]:checked~span a:visited, [type=checkbox]:not(:checked)~span a, [type=checkbox]:not(:checked)~span a:visited {
    color: var(--theme-green-dark)
}

.theme-lux .cookies__show-panel:active,
.theme-lux .cookies__show-panel:hover {
    background-color: var(--theme-green-dark);
}

.theme-lux .cookies__show-panel {
    border-color: var(--theme-green-dark);
}

.theme-lux body.home .header {
    transition: background-color 0.3s ease;
    will-change: background-color;
    background-color: transparent;
    box-shadow: none;
}

.theme-lux body.home .header--sticky {
    background-color: var(--theme-light);
    box-shadow: 0 3px 6px rgba(255, 255, 255, 0.16);
}

.theme-lux .article__header .article__params-item.article__header-photo:after {
    background-color: var(--theme-beige);
}

.theme-lux article .article__params-item,
.theme-lux .article__header .article__params-item {
    color: var(--theme-green-dark);
}

.theme-lux .carousel__nav .carousel-button .icon,
.theme-lux .article__params-item strong,
.theme-lux .article__params-item time,
.theme-lux .headline__copy,
.theme-lux .plain-text,
.theme-lux .plain-text__lead,
.theme-lux .plain-text h2,
.theme-lux .plain-text h3,
.theme-lux .plain-text h4,
.theme-lux .plain-text h5,
.theme-lux .plain-text h6 {
    color: var(--theme-dark);
}

.theme-lux .plain-text strong {
    color: inherit;
}

.theme-lux .plain-text a {
    color: var(--theme-green-dark);
}

.theme-lux .header__links .icon,
.theme-lux .header__params .icon {
    color: var(--theme-green);
}

.theme-lux .gold-divider {
    border: 0;
    height: 2px;
    background-color: var(--theme-green);
    margin: 20px 0;
}

@media (min-width: 1200px) {
    .theme-lux .home .header:not(.header--sticky) .menu li.selected>a,
    .theme-lux .home .header:not(.header--sticky) .menu li.selected>a:visited,
    .theme-lux .home .header:not(.header--sticky) .menu li.selected>button {
        color: var(--theme-beige) !important;
        text-decoration: underline;
    }

    .theme-lux .home .header:not(.header--sticky) .menu__wrap .page-wrapper>ul>li>a:hover {
        color: var(--theme-beige) !important;
        text-decoration: underline;
    }

    .theme-lux .menu li.selected>a,
    .theme-lux .menu li.selected>a:visited,
    .theme-lux .menu li.selected>button {
        color: var(--theme-green-dark) !important;
        text-decoration: underline;
    }

    .theme-lux .menu__wrap .page-wrapper>ul>li>a:hover {
        color: var(--theme-green-dark) !important;
        text-decoration: underline;
    }
}

.theme-lux .header__top {
    border-bottom: 1px solid var(--theme-green);
}

.theme-lux input[type="file"]::file-selector-button {
    background-color: var(--theme-green) !important;
}

.theme-lux .sys-msg {
    background-color: var(--theme-green-dark);
}

.theme-lux .plain-text ul li:before {
    background-color: #000;
}

.theme-lux .header .header__links a:active,
.theme-lux .header .header__links a:active .icon,
.theme-lux .header .header__links a:hover,
.theme-lux .header .header__links a:hover .icon,
.theme-lux .header .header__links a:visited:active,
.theme-lux .header .header__links a:visited:active .icon,
.theme-lux .header .header__links a:visited:hover,
.theme-lux .header .header__links a:visited:hover .icon,
.theme-lux .header .header__links button:active,
.theme-lux .header .header__links button:active .icon,
.theme-lux .header .header__links button:hover,
.theme-lux .header .header__links button:hover .icon,
.theme-lux .header .header__params a:active,
.theme-lux .header .header__params a:active .icon,
.theme-lux .header .header__params a:hover,
.theme-lux .header .header__params a:hover .icon,
.theme-lux .header .header__params a:visited:active,
.theme-lux .header .header__params a:visited:active .icon,
.theme-lux .header .header__params a:visited:hover,
.theme-lux .header__params a:visited:hover .icon,
.theme-lux .header .header__params button:active,
.theme-lux .header .header__params button:active .icon,
.theme-lux .header .header__params button:hover,
.theme-lux .header .header__params button:hover .icon,
.theme-lux .header .menu>li:not(.header__category) a:active,
.theme-lux .header .menu>li:not(.header__category) a:active .icon,
.theme-lux .header .menu>li:not(.header__category) a:hover,
.theme-lux .header .menu>li:not(.header__category) a:hover .icon,
.theme-lux .header .menu>li:not(.header__category) a:visited:active,
.theme-lux .header .menu>li:not(.header__category) a:visited:active .icon,
.theme-lux .header .menu>li:not(.header__category) a:visited:hover,
.theme-lux .header .menu>li:not(.header__category) a:visited:hover .icon,
.theme-lux .header .menu>li:not(.header__category) button:active,
.header .theme-lux .menu>li:not(.header__category) button:active .icon,
.theme-lux .header .menu>li:not(.header__category) button:hover,
.theme-lux .header .menu>li:not(.header__category) button:hover .icon {
    color: var(--theme-green);
}

.theme-lux .carousel .swiper-container .carousel__nav .carousel-button:not(:hover),
.theme-lux .carousel .swiper-container .carousel__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel .swiper-container .carousel__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel .swiper-container .carousel__nav .swiper-button:not(:hover),
.theme-lux .carousel .swiper-container .swiper__nav .carousel-button:not(:hover),
.theme-lux .carousel .swiper-container .swiper__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel .swiper-container .swiper__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel .swiper-container .swiper__nav .swiper-button:not(:hover),
.theme-lux .carousel .swiper-container~.carousel__nav .carousel-button:not(:hover),
.theme-lux .carousel .swiper-container~.carousel__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel .swiper-container~.carousel__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel .swiper-container~.carousel__nav .swiper-button:not(:hover),
.theme-lux .carousel .swiper-container~.swiper__nav .carousel-button:not(:hover),
.theme-lux .carousel .swiper-container~.swiper__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel .swiper-container~.swiper__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel .swiper-container~.swiper__nav .swiper-button:not(:hover),
.theme-lux .carousel-section .swiper-container .carousel__nav .carousel-button:not(:hover),
.theme-lux .carousel-section .swiper-container .carousel__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel-section .swiper-container .carousel__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel-section .swiper-container .carousel__nav .swiper-button:not(:hover),
.theme-lux .carousel-section .swiper-container .swiper__nav .carousel-button:not(:hover),
.theme-lux .carousel-section .swiper-container .swiper__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel-section .swiper-container .swiper__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel-section .swiper-container .swiper__nav .swiper-button:not(:hover),
.theme-lux .carousel-section .swiper-container~.carousel__nav .carousel-button:not(:hover),
.theme-lux .carousel-section .swiper-container~.carousel__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel-section .swiper-container~.carousel__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel-section .swiper-container~.carousel__nav .swiper-button:not(:hover),
.theme-lux .carousel-section .swiper-container~.swiper__nav .carousel-button:not(:hover),
.theme-lux .carousel-section .swiper-container~.swiper__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .carousel-section .swiper-container~.swiper__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .carousel-section .swiper-container~.swiper__nav .swiper-button:not(:hover),
.theme-lux .homepage__articles .swiper-container .carousel__nav .carousel-button:not(:hover),
.theme-lux .homepage__articles .swiper-container .carousel__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .homepage__articles .swiper-container .carousel__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .homepage__articles .swiper-container .carousel__nav .swiper-button:not(:hover),
.theme-lux .homepage__articles .swiper-container .swiper__nav .carousel-button:not(:hover),
.theme-lux .homepage__articles .swiper-container .swiper__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .homepage__articles .swiper-container .swiper__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .homepage__articles .swiper-container .swiper__nav .swiper-button:not(:hover),
.theme-lux .homepage__articles .swiper-container~.carousel__nav .carousel-button:not(:hover),
.theme-lux .homepage__articles .swiper-container~.carousel__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .homepage__articles .swiper-container~.carousel__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .homepage__articles .swiper-container~.carousel__nav .swiper-button:not(:hover),
.theme-lux .homepage__articles .swiper-container~.swiper__nav .carousel-button:not(:hover),
.theme-lux .homepage__articles .swiper-container~.swiper__nav .swiper-button-disabled.carousel-button:hover,
.theme-lux .homepage__articles .swiper-container~.swiper__nav .swiper-button.swiper-button-disabled:hover,
.theme-lux .homepage__articles .swiper-container~.swiper__nav .swiper-button:not(:hover) {
    border-color: #fff;
}

.theme-lux .jconfirm .form__control,
.theme-lux .jconfirm .trafify-form-element .rendered-form .form__control,
.theme-lux .jconfirm.jconfirm-dark .form__control,
.theme-lux .jconfirm.jconfirm-dark .trafify-form-element .rendered-form .form__control,
.theme-lux .jconfirm.jconfirm-light .form__control,
.theme-lux .jconfirm.jconfirm-light .trafify-form-element .rendered-form .form__control,
.theme-lux .trafify-form-element .rendered-form .jconfirm .form__control,
.theme-lux .trafify-form-element .rendered-form .jconfirm.jconfirm-dark .form__control,
.theme-lux .trafify-form-element .rendered-form .jconfirm.jconfirm-light .form__control {
    color: #272727;
}

.theme-lux .button,
.theme-lux .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default,
.theme-lux .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default,
.theme-lux .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default,
.theme-lux .trafify-form-element .rendered-form .form__item--submit .button,
.theme-lux .modal__footer-link {
    color: #fff;
    background-color: var(--theme-green);
}

.theme-lux .button--primary:not([disabled]):hover,
.theme-lux .trafify-form-element .rendered-form .form__item--submit .button:not([disabled]):hover {
    background-color: var(--theme-green-dark);
}

.theme-lux .jconfirm.jconfirm-dark .jconfirm-box {
    background-color: var(--theme-dark);
}

.theme-lux .header {
    box-shadow: 0 3px 6px rgba(255, 255, 255, 0.16);
    background-color: var(--theme-light);
    color: var(--theme-dark);
}

.theme-lux .home .header:not(.header--sticky) .header__middle .page-wrapper .menu__wrap .page-wrapper>ul>li>* {
    color: var(--theme-light);
}

.theme-lux .home .header:not(.header--sticky) {
    color: var(--theme-light);
}

.theme-lux .menu .menu__dropdown--regular ul>li.active:active,
.theme-lux .menu .menu__dropdown--regular ul>li.active:hover,
.theme-lux .menu .menu__dropdown--regular ul>li>a:active,
.theme-lux .menu .menu__dropdown--regular ul>li>a:hover,
.theme-lux .menu .menu__dropdown--regular ul>li>a:visited:active,
.theme-lux .menu .menu__dropdown--regular ul>li>a:visited:hover,
.theme-lux .menu .menu__dropdown--regular ul>li>button:active,
.theme-lux .menu .menu__dropdown--regular ul>li>button:hover,
.theme-lux .menu .menu__dropdown.megamenu ul>li.active:active,
.theme-lux .menu .menu__dropdown.megamenu ul>li.active:hover,
.theme-lux .menu .menu__dropdown.megamenu ul>li>a:active,
.theme-lux .menu .menu__dropdown.megamenu ul>li>a:hover,
.theme-lux .menu .menu__dropdown.megamenu ul>li>a:visited:active,
.theme-lux .menu .menu__dropdown.megamenu ul>li>a:visited:hover,
.theme-lux .menu .menu__dropdown.megamenu ul>li>button:active,
.theme-lux .menu .menu__dropdown.megamenu ul>li>button:hover {
    color: #fff;
}

.theme-lux .dropdown a {
    color: #fff;
}

.theme-lux .dropdown a:visited {
    color: #fff;
}

.theme-lux .header--sticky .header__middle .page-wrapper .menu__wrap .page-wrapper>ul>li>* {
    color: var(--theme-dark);
}

@media (max-width: 1199.98px) {
    .theme-lux .drawer__wrapper {
        background-color: #272727;
    }

    .theme-lux .drawer .menu .page-wrapper>div ul.menu__params>.menu__param,
    .theme-lux .drawer .menu .page-wrapper>div ul.menu__params>.menu__param>*,
    .theme-lux .drawer .menu .page-wrapper>div ul:first-child li>* {
        color: #fff;
    }

    .theme-lux .drawer .menu .page-wrapper>div ul.menu__params>.menu__param .icon,
    .theme-lux .drawer .menu .page-wrapper>div ul.menu__params>.menu__param>* .icon,
    .theme-lux .drawer .menu .page-wrapper>div ul:first-child li>* .icon {
        fill: var(--theme-beige);
    }
}

.theme-lux .menu .menu__dropdown {
    background-color: var(--theme-dark);
    color: #fff;
}

.theme-lux .menu .menu__dropdown a {
    color: #fff;
}

.theme-lux .menu .menu__dropdown a:visited {
    color: #fff;
}

@media (max-width: 1199.98px) {
    .theme-lux .menu ul:not(.menu__params) {
        background-color: var(--theme-dark);
    }
}

.theme-lux .hero__more {
    background-color: var(--theme-green);
    border-color: var(--theme-green);
    color: #fff;
}

.theme-lux .hero__more:hover,
.theme-lux .hero__more:active {
    background-color: var(--theme-green-dark);
    border-color: var(--theme-green-dark);
}

.theme-lux .features__subtitle,
.theme-lux .features__title {
    color: var(--theme-green-dark);
}

.theme-lux .features__title::after {
    background-color: var(--theme-beige);
}

.theme-lux .tags__item a {
    border-color: var(--theme-beige);
    color: var(--theme-beige);
}

.theme-lux .products__functions-select {
    filter: brightness(0) invert(1);
}

.theme-lux .products__functions-select option {
    color: #272727;
}

.theme-lux .tabs__link:not(.tabs__link--selected):hover {
    color: var(--theme-beige);
}

.theme-lux .card__more:after,
.theme-lux .card__more:hover:after {
    background-color: #fff;
}

.theme-lux .card__badge-item {
    background-color: var(--theme-green-dark);
}

.theme-lux .card__desc,
.theme-lux .card__date,
.theme-lux .card__more,
.theme-lux .card__more:hover,
.theme-lux .card__title,
.theme-lux .card__title:hover,
.theme-lux .card__title:active {
    color: #fff;
}

.theme-lux .formbuilder-checkbox [type=checkbox]:checked~label:after,
.theme-lux .formbuilder-checkbox [type=checkbox]:not(:checked)~label:after,
.theme-lux [type=checkbox]:checked~span:after,
.theme-lux [type=checkbox]:not(:checked)~span:after {
    background-color: var(--theme-beige);
}

.theme-lux .counter__number {
    color: var(--theme-beige-light);
}

.theme-lux .product__box:hover {
    background-color: var(--theme-dark);
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.16);
}

.theme-lux .product__box:hover .product__box-title {
    color: #fff;
}

.theme-lux .product__box-badge>span {
    background-color: var(--theme-beige);
}

.theme-lux .product__box-description,
.theme-lux .product__box-title {
    color: #fff;
}

.theme-lux .product__box--featured {
    background-color: var(--theme-dark);
}

.theme-lux .carousel__nav .carousel-button:not(.swiper-button-disabled):active,
.theme-lux .carousel__nav .carousel-button:not(.swiper-button-disabled):hover,
.theme-lux .swiper-container .swiper__nav .swiper-button:not(.swiper-button-disabled):active,
.theme-lux .swiper-container .swiper__nav .swiper-button:not(.swiper-button-disabled):hover,
.theme-lux .swiper-container~.swiper__nav .swiper-button:not(.swiper-button-disabled):active,
.theme-lux .swiper-container~.swiper__nav .swiper-button:not(.swiper-button-disabled):hover {
    background-color: var(--theme-green-dark);
    border-color: var(--theme-green-dark);
}

.theme-lux .footer a:active,
.theme-lux .footer a:hover,
.theme-lux .footer button:active,
.theme-lux .footer button:hover {
    color: var(--theme-green);
}

.theme-lux .features__icon {
    color: var(--theme-green)
}

/*-----MINDEN AMI SZINEZES!!!!---------*/

.theme-lagoon .footer__tender-images,
.theme-lightguide .footer__tender-images {
    margin-top: 25px;
}

.footer__tender-images {
    text-align: center;
}

.footer__tender-text {
    font-weight: 500;
}

.footer__tender-images img {
    max-height: 141px;
    width: auto;
    max-width: calc(100% - 50px);
    margin: 25px;
}

.header__top-right .header__links>li:not(.header__links--accessibility) {
    display: none;
}

.drawer__tab[data-tabhref="#usermenu"] {
    display: none;
}

#usermenu ul li:nth-child(1),
#usermenu ul li:nth-child(2) {
    display: none !important;
}

#mainmenu {
    display: block !important;
}

.drawer .drawer__top-nav .drawer__tab {
    justify-content: left;
    padding-left: 15px;
}

.hero {
    padding-bottom: 0px;
}

@media (min-width: 1200px) {
    .hero+.homepage-static-content {
        padding-top: 0px;
    }
}

.theme-lux .articles__item,
.theme-lux .article__slide {
    background: var(--theme-green);
    border-radius: 15px;
    padding: 1rem;
    overflow: hidden;
}

.card__image img {
    border-radius: 15px;
}

.theme-lux .info-bar .plain-text {
    font-weight: 700;
}

.theme-lux .hero__more {
    border-radius: 6px;
    padding: 15px 40px;
    font-weight: 600;
}

.theme-lux .counter__wrapper {
    background-color: var(--theme-green-dark);
    border-radius: 12px;
}

.theme-lux .contact__params {
    background-color: var(--theme-green-dark) !important;
}

.theme-lux .breadcrumbs {
    background-color: var(--theme-green-dark);
}

.form__item .button {
    border-radius: 6px;
}

.contact .contact__box .contact__content .contact__params {
    padding: 68px 15px;
    border-radius: 12px;
}

.article__cover-image img {
    border-radius: 12px;
}

/*---- MINDEN AMI FOOLDAL----*/



/*---- SERVICES ----*/
:root {
    --pkg-border-color: var(--theme-green);
    --pkg-bg-color: var(--theme-green);
}

.pkg-card:not(.pkg-card--featured) {
    height: 36rem;
}

.pkg-card--featured {
    height: 615px;
}

.pkg-card:has(.pkg-card__more[open]) {
    height: auto;
}

.hero-image-container {
    position: relative;
    overflow: hidden;
    height: auto;
    border-radius: 12px;
}

.hero-image-container img {
    display: block;
    object-fit: cover;
    height: auto !important;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(143, 137, 137, .7);
    margin-bottom: 0 !important;
}

.hero-image-title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2;
    margin: 0;
    text-align: center;
    width: 90%;
}

@media (max-width: 768px) {
    .hero-image-container img {
        height: 220px !important;
        object-fit: cover !important;
    }
}

.pkg-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(240px, 320px));
    grid-template-rows: 40px auto;
    column-gap: 20px;
    justify-content: center;
    margin: 56px 0 72px;
}

.pkg-card {
    grid-row: 2;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pkg-border-color);
    border-radius: 14px;
    padding: 28px 26px;
    background: var(--pkg-bg-color);
    position: relative;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.pkg-cards:has(.pkg-card__more[open]) .pkg-card:not(:has(.pkg-card__more[open])) {
    align-self: start;
}

.pkg-card:nth-child(1) {
    grid-column: 1;
}

.pkg-card:nth-child(3) {
    grid-column: 3;
}

.pkg-cards .pkg-card:last-child {
    margin-bottom: 1em !important;
}

.pkg-card--featured {
    grid-column: 2;
    grid-row: 1 / 3;
    z-index: 2;
    border: 2px solid var(--pkg-border-color);
    padding-top: 28px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.25);
}

.pkg-card:not(.pkg-card--featured):hover {
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6;
    transform: translateY(-8px);
}

.pkg-card--featured:hover {
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.3);
    border-color: #e6e6e6;
    transform: translateY(-8px);
}

@media (max-width: 768px) {
    .pkg-cards {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .pkg-card,
    .pkg-card:nth-child(1),
    .pkg-card:nth-child(3),
    .pkg-card--featured {
        max-width: 100%;
        padding-top: 28px;
    }

    .pkg-card:not(.pkg-card--featured),
    .pkg-card--featured {
        height: auto;
    }
}

.pkg-card__more {
    margin-top: 4px;
}

.pkg-card__toggle {
    cursor: pointer;
    list-style: none;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    user-select: none;
    padding: 6px 15px;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.pkg-card__toggle::-webkit-details-marker {
    display: none;
}

.pkg-card__toggle::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-top: -4px;
}

.pkg-card__more[open] .pkg-card__toggle::after {
    transform: rotate(-135deg);
}

.pkg-card__list--extra {
    margin-top: 12px;
}

.pkg-card__title {
    font-size: 21px !important;
    font-weight: 700;
    color: var(--theme-beige) !important;
    margin: 0 0 6px;
}

.pkg-card__price {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pkg-card__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pkg-card__list li {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
}

/*---- SERVICES ----*/

/*---- WHAT CAN I HELP WITH -----*/
.hero-section {
    background: var(--theme-green-dark);
    padding: 100px 20px;
    border-radius: 12px;
}

.hero-text {
    width: min(90%, 900px);
    margin: 0 auto;
    text-align: center;
}

.hero-text h2 {
    margin: 0 0 15px;
    color: var(--theme-beige) !important;
}

.hero-text p {
    margin: 0;
    color: var(--theme-beige);
    font-size: 18px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .hero-section {
        padding: 70px 20px;
    }

    .hero-text h2 {
        font-size: 24px;
    }

    .hero-text p {
        font-size: 15px;
    }
}

/*---- WHAT CAN I HELP WITH -----*/

.theme-lux .select2-container .select2-search__field,
.theme-lux .select2-container .select2-results__option:not(.select2-results__option--highlighted) {
    color: #181615;
}


@media (max-width: 768px) {
    .js-info-bar-top {
        border-bottom: 1px solid var(--theme-dark);
    }
}

@media (max-width: 768px) {
    .breadcrumbs {
        border-top: 1px solid var(--theme-dark);
    }
}

.help-row {
    display: flex;
    align-items: center;
    gap: 32px;
    transition: opacity 0.9s ease-out, transform 0.9s ease-out;
}

.help-row[data-anim="right"] {
    flex-direction: row-reverse;
}

.help-visual {
    flex: 0 0 44%;
    position: relative;
    height: 320px;
    border-radius: 14px;
    overflow: hidden;
}

.help-visual img.help-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}

.help-row:hover .help-visual img.help-photo {
    transform: scale(1.04);
}

/*MASIK SCROLL ANIM*/
.reveal-on-scroll {
    transition: opacity 1.8s ease-out, transform 1.8s ease-out;
    will-change: opacity, transform;
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll {
        transition: none;
        opacity: 1;
        transform: none;
    }
}


@media(min-width: 1200px) {
    .header__logo img {
        max-height: none;
        height: 80px !important;
        padding-top: 5px;
        transition: all 0.3s ease;
    }

    .header--sticky .header__logo img {
        height: 75px !important;
        padding-top: 0px;
    }

    header:not(.header--sticky) .header__middle {
        height: 100px;
        transition: all 0.3s ease;
    }
}

/* ===================== SZOLGÁLTATÁSAIM – ÚJ DESIGN ===================== */
/* Illessze be a fejléc (header) scriptbe egy <style> tagben.               */
/* Minden szelektor a .svc-services és a hozzá tartozó svc-* class-okra     */
/* épül, amiket a szolgaltatasaim-content.html fájlban adtam a meglévő      */
/* elemekhez – így ez a CSS csak ezen az oldalon fejt ki hatást, semmilyen  */
/* más oldalra nem hat ki (nem használ általános .plain-text/.dragdiv       */
/* szelektort).                                                            */

:root {
  --svc-panel-interior: #8f8989;
  --svc-panel-staging: #3e5954;
  --svc-panel-decor: #7d7a76;
  --svc-circle-light: #f0ede5;
  --svc-circle-beige: #c6c2bb;
  --svc-circle-dark: #554e52;
  --svc-circle-teal-dark: #2f453f;
  --svc-circle-teal-mid: #758886;
  --svc-circle-teal-light: #a9beb9;
  --svc-circle-gray-dark: #3f3f3f;
  --svc-circle-gray-mid: #6e6e6e;
}

/* ---------- Full-bleed hero fotók (a viewport széléig nyúlnak) ---------- */
.svc-services > .svc-hero-interior,
.svc-services > .svc-hero-staging,
.svc-services > .svc-hero-decor {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 0 !important;
}

.svc-services .hero-image-container {
  border-radius: 0;
  height: 340px;
}

.svc-services .hero-image-container img {
  border-radius: 0;
}

.svc-services .hero-overlay {
  border-radius: 0;
}

.svc-services .hero-image-title {
  font-size: 28px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff !important;
}

/* ---------- Full-bleed színes panel a csomagok mögött ------------------- */
.svc-services > .svc-panel-interior,
.svc-services > .svc-panel-staging,
.svc-services > .svc-panel-decor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  width: 100vw;
  margin: -70px calc(50% - 50vw) 0 !important;
  padding: 0 max(24px, calc((100vw - 1200px) / 2)) 72px;
  box-sizing: border-box;
  border-radius: 0;
}

.svc-services > .svc-panel-interior { background: var(--svc-panel-interior); }
.svc-services > .svc-panel-staging  { background: var(--svc-panel-interior); }
.svc-services > .svc-panel-decor    { background: var(--svc-panel-interior); }

/* ---------- Csomag doboz: nincs keret, csak kör + szöveg ---------------- */
.svc-services .pkg-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 320px;
  max-width: 340px;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  grid-column: auto;
  grid-row: auto;
  z-index: auto;
}

.svc-services .pkg-card:hover {
  box-shadow: none;
  transform: none;
}

/* Megjelenési sorrend: Tanácsadás – Koncepcionális – Megvalósítási */
.svc-services .svc-card-koncepcio    { order: 2; }
.svc-services .svc-card-tanacsadas   { order: 1; }
.svc-services .svc-card-megvalositas { order: 3; }

/* A dobozon belül: kör címke, leírás, ár */
.svc-services .pkg-card__title {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  margin: 0 0 28px;
  padding: 0 20px;
  font-size: 16px !important;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
}

.svc-services .pkg-card__list {
  order: 2;
  text-align: center;
  color: #fff;
}

.svc-services .pkg-card__price {
  order: 3;
  margin: 24px 0 0;
  padding: 0;
  border: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  color: #fff;
}

.svc-services .pkg-card__list,
.svc-services .pkg-card__price {
  width: 100%;
}

.pkg-card__list li:before {
    background-color: #fff !important;
}

.svc-services .pkg-card__more {
  order: 4;
  width: 100%;
  text-align: center;
}

.svc-services .pkg-card__toggle {
  display: inline-flex;
  justify-content: center;
  margin: 14px auto 0;
}

.svc-services > .svc-panel-interior,
.svc-services > .svc-panel-staging,
.svc-services > .svc-panel-decor {
  align-items: stretch;
}

.svc-services .pkg-card__list {
  margin-bottom: 30px !important;
}

.svc-services .pkg-card__price {
  margin-top: auto;
  white-space: nowrap;
}

/* ---------- 1. szekció — Belsőépítészeti tervezés ---------- */
.svc-panel-interior .svc-card-tanacsadas .pkg-card__title {
  background: var(--svc-circle-light);
  color: var(--svc-circle-dark) !important;
}
.svc-panel-interior .svc-card-koncepcio .pkg-card__title {
  background: var(--svc-circle-beige);
  color: var(--svc-circle-dark) !important;
}
.svc-panel-interior .svc-card-megvalositas .pkg-card__title {
  background: var(--svc-circle-dark);
  color: #fff !important;
}
.svc-panel-interior .pkg-card__list,
.svc-panel-interior .pkg-card__price {
  color: #2b2b2b;
}

/* ---------- 2. szekció — Home staging ---------- */
.svc-panel-staging .svc-card-tanacsadas .pkg-card__title {
  background: var(--svc-circle-teal-dark);
  color: #fff !important;
}
.svc-panel-staging .svc-card-koncepcio .pkg-card__title {
  background: var(--svc-circle-teal-dark);
  color: #fff !important;
}
.svc-panel-staging .svc-card-megvalositas .pkg-card__title {
  background: var(--svc-circle-teal-light);
  color: var(--svc-circle-teal-dark) !important;
}

/* ---------- 3. szekció — Lakberendezés, dekoráció ---------- */
.svc-panel-decor .svc-card-tanacsadas .pkg-card__title {
  background: var(--svc-circle-gray-dark);
  color: #fff !important;
}
.svc-panel-decor .svc-card-koncepcio .pkg-card__title {
  background: var(--svc-circle-gray-dark);
  color: #fff !important;
}
.svc-panel-decor .svc-card-megvalositas .pkg-card__title {
  background: var(--svc-circle-light);
  color: var(--svc-circle-dark) !important;
}

/* 2. és 3. szekció listái balra zártak, fehér szöveggel */
.svc-panel-staging .pkg-card__list,
.svc-panel-decor .pkg-card__list {
  text-align: left;
}
.svc-panel-staging .pkg-card__list li,
.svc-panel-decor .pkg-card__list li {
  color: #fff;
}

@media (max-width: 900px) {
  .svc-services > .svc-panel-interior,
  .svc-services > .svc-panel-staging,
  .svc-services > .svc-panel-decor {
    flex-direction: column;
    align-items: center;
    padding: 48px 24px 56px;
  }
  .svc-services .pkg-card {
    width: 100%;
    max-width: 360px;
  }
  .svc-services .hero-image-container {
    height: 220px;
  }
  .svc-services .hero-image-title {
    font-size: 20px;
    letter-spacing: 2px;
  }
  .svc-services .pkg-card__title,
  .svc-services .svc-card-megvalositas .pkg-card__title {
    width: 200px;
    height: 200px;
  }
}