.tpl-search {
    align-items: flex-start;
    background-color: var(--wp--preset--color--grey-2);
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0));
    padding: 0 16px 16px;
}

.tpl-search__filters {
    background-color: var(--wp--preset--color--grey-2);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: auto;
    margin-inline: -10px;
    padding-inline: 10px;
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0) + 50px);
    width: calc(100% + 20px);
    z-index: 2;
}

.tpl-search__filters-view {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
    padding-top: 16px;
}

.filters-wrapper {
    display: none;
    flex-direction: column;
    flex-grow: 1;
    height: calc(100dvh - var(--wp-admin--admin-bar--height, 0) - 16px);
    left: 16px;
    min-height: 0;
    padding: 0 16px;
    position: fixed;
    right: 16px;
    top: calc(var(--wp-admin--admin-bar--height, 0) + 16px);
}

body:not(:has(#wpadminbar)) .filters-wrapper {
    height: calc(100dvh - 16px);
    top: 16px;
}

.tpl-search__filters-view .tpl-search__head {
    height: auto;
}

.tpl-search__head--filter {
    padding: 16px;
}

.tpl-search__head {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-shrink: 0;
    height: 65px;
    justify-content: space-between;
    margin: 0 -16px;
    padding: 0 16px 16px;
}

.tpl-search__plain-text {
    text-box: trim-both cap alphabetic;
    flex-shrink: 0;
    height: 33px;
    padding: 12px 0;
}

.category-title,
.category__item-content,
.chip__text,
.filter__date-calendar .flatpickr-calendar,
.filter__date-calendar .flatpickr-current-month,
.filter__date-calendar span.flatpickr-weekday,
.filter__date-calendar-action,
.filter__date-label-inner,
.filter__item-inner,
.filter__selected-item,
.filter__single .filter__item-title,
.filter__toggle,
.filters-toggle,
.filters__applied,
.filters__applied-all .filter__selected-item,
.s-card__bar-item,
.s-card__experiences-name,
.s-card__key,
.s-card__promo,
.s-hotel__commission-name,
.s-hotel__commission-value,
.s-hotel__destination-name,
.s-hotel__experiences-name,
.s-hotel__info-name,
.s-hotel__promotion,
.select,
.selected-category__group,
.selected-category__item,
.tpl-search__clear-filters,
.tpl-search__plain-text {
    font-family: var(--wp--preset--font-family--secondary);
    font-weight: 400;
    letter-spacing: .09em;
    line-height: 1.2em;
    text-transform: uppercase;
}

.tpl-search__close-filter-block {
    align-items: center;
    display: none;
    font-size: 11px;
    height: 33px;
    justify-content: center;
    width: 33px;
}

.tpl-search__clear-filters {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.442%201%205.5%204.942%201.558%201%201%201.558%204.942%205.5%201%209.442l.558.558L5.5%206.058%209.442%2010%2010%209.442%206.058%205.5%2010%201.558%209.442%201Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
    background-position: right 8px center;
    background-repeat: no-repeat;
    border: none;
    border-radius: var(--wp--custom--border-radius--xs);
    color: var(--wp--preset--color--black);
    cursor: pointer;
    height: 33px;
    padding: 8px 27px 8px 8px;
    text-transform: uppercase;
}

.filter {
    background-color: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--xs);
    position: relative;
}

.filter__selected-list:empty {
    padding: 0;
}

.filter__selected-list {
    overflow-x: auto;
    padding: 4px 8px 8px;
}

.filter__selected,
.filter__selected-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter__item {
    cursor: pointer;
    display: block;
    padding: 4px 8px;
    position: relative;
    width: 100%;
}

label {
    display: inline-block;
}

.filter__item-inner {
    text-box: trim-both cap alphabetic;
    align-items: center;
    border-radius: var(--wp--custom--border-radius--xs);
    display: flex;
    gap: 8px;
    line-height: 1 !important;
    padding: 8px;
    width: 100%;
}

.filter__item-radio {
    height: 33px;
}

.filter__item-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    inset: 0;
    position: absolute;
}

.filter__item-title {
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter__item-info {
    flex-shrink: 0;
    margin-left: auto;
}

.filter__item {
    cursor: pointer;
    display: block;
    padding: 4px 8px;
    position: relative;
    width: 100%;
}

.filter__item-inner {
    text-box: trim-both cap alphabetic;
    align-items: center;
    border-radius: var(--wp--custom--border-radius--xs);
    display: flex;
    gap: 8px;
    line-height: 1 !important;
    padding: 8px;
    width: 100%;
}

.filter__selected-list:empty {
    padding: 0;
}

.filter__selected,
.filter__selected-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter__search {
    padding: 4px 8px;
}

.filter__search-inner {
    align-items: center;
    background-color: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--xs);
    display: flex;
    padding: 0 4px;
}

.filter__search-input {
    border: none;
    flex-grow: 1;
    outline: none;
    padding: 0;
}

.filter__search-input {
    font-size: 16px !important;
}

.sch-class{
    padding: 10px;
}

.filter__search-clear {
    background-color: var(--wp--preset--color--grey-2);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.942.5%205%204.442%201.058.5.5%201.058%204.442%205%20.5%208.942l.558.558L5%205.558%208.942%209.5l.558-.558L5.558%205%209.5%201.058%208.942.5Z%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: var(--wp--custom--border-radius--xs);
    display: none;
    flex-shrink: 0;
    font-size: 0;
    height: 24px;
    margin-left: 4px;
    width: 24px;
}

.tpl-search__head {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-shrink: 0;
    height: 65px;
    justify-content: space-between;
    margin: 0 -16px;
    padding: 0 16px 16px;
}

.tpl-search__filters-view .tpl-search__head {
    height: auto;
}

.filters-toggle {
    text-box: trim-both cap alphabetic;
    align-items: center;
    background-color: var(--wp--preset--color--white);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%204.775h2.063c.11.469.36.884.71%201.181.351.297.783.458%201.227.458.444%200%20.876-.16%201.226-.458.351-.297.601-.712.712-1.181H13a.48.48%200%200%200%20.354-.16.571.571%200%200%200%20.146-.385.571.571%200%200%200-.146-.386.48.48%200%200%200-.354-.16H7.937a2.204%202.204%200%200%200-.71-1.18A1.897%201.897%200%200%200%206%202.044c-.444%200-.876.162-1.226.458a2.211%202.211%200%200%200-.712%201.182H2a.48.48%200%200%200-.354.16.57.57%200%200%200-.146.385.57.57%200%200%200%20.146.385.48.48%200%200%200%20.354.16ZM6%203.14c.198%200%20.391.064.556.183.164.12.292.29.368.49.076.199.095.418.057.63A1.124%201.124%200%200%201%206.707%205a.977.977%200%200%201-.512.298.923.923%200%200%201-.578-.062%201.024%201.024%200%200%201-.448-.402A1.153%201.153%200%200%201%205%204.23c0-.29.105-.567.293-.771A.96.96%200%200%201%206%203.139Zm7%207.085h-1.063a2.203%202.203%200%200%200-.71-1.181A1.896%201.896%200%200%200%2010%208.586c-.444%200-.876.16-1.226.458a2.197%202.197%200%200%200-.711%201.181H2a.48.48%200%200%200-.354.16.571.571%200%200%200-.146.385.57.57%200%200%200%20.146.386.48.48%200%200%200%20.354.16h6.063c.11.468.36.884.71%201.18.351.297.783.458%201.227.458.444%200%20.876-.16%201.226-.457.351-.297.601-.713.711-1.182H13a.48.48%200%200%200%20.354-.16.571.571%200%200%200%20.146-.385.571.571%200%200%200-.146-.385.48.48%200%200%200-.354-.16Zm-3%201.635a.943.943%200%200%201-.556-.183%201.076%201.076%200%200%201-.368-.49%201.182%201.182%200%200%201-.057-.63%201.13%201.13%200%200%201%20.274-.558.977.977%200%200%201%20.512-.298.924.924%200%200%201%20.578.062c.182.083.339.222.449.402.11.179.168.39.168.605%200%20.29-.105.566-.293.77a.96.96%200%200%201-.707.32Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
    background-position: 12px;
    background-repeat: no-repeat;
    border-radius: var(--wp--custom--border-radius--xs);
    color: var(--wp--preset--color--black);
    display: flex;
    gap: 12px;
    height: 33px;
    justify-content: space-between;
    padding: 0 12px 0 39px;
}

.filter__toggle {
    display: block;
    height: 33px;
    overflow: hidden;
    padding: 8px 35px 8px 12px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.filter__toggle-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    transition: transform 0.3s ease;
    pointer-events: none;
}

.filter__item:focus-within .filter__item-inner,
.filter__item:hover .filter__item-inner {
    background-color: var(--wp--preset--color--white);
}

.filter__toggle-icon--closed {
    transform: translateY(-50%) rotate(180deg);
}

.filters__applied-all {
    display: flex;
    gap: 10px;
    overflow-x: auto;
}

.tpl-search__results-actions {
    background-color: var(--wp--preset--color--grey-2);
    height: auto;
    left: calc(100% + 16px);
    padding: 16px 0 12px;
    position: static;
    top: 0;
    width: 100%;
}

.tpl-search__results {
    flex-grow: 1;
    font-family: var(--wp--preset--font-family--primary);
    height: auto;
    width: 100%;
}

.result {
    height: 100%;
}

.result__data {
    container-name: result-data;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.filter--active {
    background-color: var(--wp--preset--color--grey-1);
}

.filters,
.filters-wrapper.visible {
    display: flex;
}

.filter--active .filter__content {
    display: block;
    max-height: 350px;
    overflow: auto;
    padding-bottom: 4px;
}

.filters {
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    padding-bottom: 16px;
}

.filter__item-radio-pseudo {
    border: 1px solid var(--wp--preset--color--black);
    border-radius: 100%;
    flex-shrink: 0;
    height: 12px;
    position: relative;
    width: 12px;
}

.filter__search-clear.show
{
    display: block;
}

.filter__date-calendar .flatpickr-day,
.filter__range-clear,
.filter__range-input,
.filter__search-input,
.s-card__btn-toggle,
.s-card__description,
.s-card__destination,
.s-card__no-img,
.s-card__value,
.s-hotel__info-value,
.s-hotel__no-img {
    font-family: var(--wp--preset--font-family--secondary);
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.4em;
}

.filter__selected-item-action {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.442%201%205.5%204.942%201.558%201%201%201.558%204.942%205.5%201%209.442l.558.558L5.5%206.058%209.442%2010%2010%209.442%206.058%205.5%2010%201.558%209.442%201Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    flex-shrink: 0;
    height: 11px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
}

.filter__selected-item {
    background-color: var(--wp--preset--color--grey-1);
    border-radius: var(--wp--custom--border-radius--xs);
    gap: 8px;
    padding: 5px 27px 5px 8px;
    position: relative;
    white-space: nowrap;
}
.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.21%207.878%201.12%203.712a.417.417%200%200%201-.089-.455.417.417%200%200%201%20.222-.225.403.403%200%200%201%20.446.09L5.5%206.994l3.801-3.872a.406.406%200%200%201%20.58%200%20.42.42%200%200%201%200%20.59L5.788%207.878a.408.408%200%200%201-.446.09.408.408%200%200%201-.132-.09Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
    background-position: right 8px center;
    background-repeat: no-repeat;
    border: none;
    border-radius: var(--wp--custom--border-radius--xs);
    color: var(--wp--preset--color--black);
    cursor: pointer;
    padding: 8px 27px 8px 8px;
    text-box: trim-both cap alphabetic;
}
.tpl-search__results-actions {
    background-color: var(--wp--preset--color--grey-2);
    height: auto;
    left: calc(100% + 16px);
    padding: 16px 0 12px;
    position: static;
    top: 0;
    width: 100%;
}

.chip__action {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.442%201%205.5%204.942%201.558%201%201%201.558%204.942%205.5%201%209.442l.558.558L5.5%206.058%209.442%2010%2010%209.442%206.058%205.5%2010%201.558%209.442%201Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    height: 11px;
    width: 11px;
}

.chip {
    align-items: center;
    background-color: transparent;
    border-radius: var(--wp--custom--border-radius--xs);
    color: var(--wp--preset--color--black);
    display: flex;
    gap: 8px;
    height: 33px;
    padding: 8px;
    visibility: hidden;
}

.tpl-search__results-actions-inner {
    display: flex;
    justify-content: space-between;
}

.s-card__swiper-bullet {
    background-color: var(--wp--preset--color--white);
    border-radius: 50%;
    height: 4px;
    opacity: .4;
    width: 4px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.s-card__swiper-slide{
    width: 180px;
    height: 180px;
}

.s-card__swiper-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}


.s-card__swiper-pagination {
    bottom: 8px;
    display: flex;
    gap: 5px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.s-hotel__content {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.result__card {
    color: var(--wp--preset--color--black);
    cursor: pointer;
    transition: box-shadow .1s linear;
}

.s-hotel {
    background-color: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--sm);
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    padding: 16px;
    width: 100%;
}

article {
    display: block;
    unicode-bidi: isolate;
}

.result__data {
    container-name: result-data;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

img, svg {
    vertical-align: middle;
}

.s-card__experiences-icon {
    font-size: 12px;
    left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.s-card__breadcrumbs {
    align-items: center;
    display: none;
    gap: 12px;
}

.s-card__breadcrumbs, .s-card__content {
    justify-content: space-between;
    width: 100%;
}

.s-card__bar {
    align-items: center;
    color: var(--wp--custom--color--text--light--primary);
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    overflow: hidden;
    width: auto;
}

.indicator-bar--white {
    background-color: var(--wp--preset--color--white);
}

.s-card__bar-item {
    color: var(--wp--color--palette--black) !important;
    line-height: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.s-card__bar-item--icon {
    overflow: hidden;
    padding-left: 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s-card__name, .s-hotel__name {
    font-family: var(--wp--preset--font-family--secondary);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: uppercase;
}

.s-hotel__link {
    color: inherit;
    text-decoration: none;
}

.s-hotel__destination {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.s-hotel__destination-item {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
}

.s-hotel__experiences {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 8px;
}

.s-hotel__destination-name {
    color: var(--wp--preset--color--black);
    font-size: 12px;
    line-height: 100%;
}

.s-hotel__info {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 16px;
}

.s-hotel__info-item {
    display: grid;
    flex-grow: 1;
    grid-template-rows: 1fr 1fr;
    row-gap: 12px;
    width: calc(50% - 16px);
}

.s-card__experiences-item {
    align-items: center;
    background-color: var(--wp--preset--color--grey-2);
    border-radius: var(--wp--custom--border-radius--xs);
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    padding: 5px 8px 5px 31px;
    position: relative;
}

p:last-child {
    margin-bottom: 0;
}

.s-card__experiences-name {
    color: var(--wp--preset--color--black);
}

.s-hotel__name {
    color: var(--wp--preset--color--black);
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
}

@container result-data (min-width: 688px) {
    .s-hotel__info-item {
        flex-grow: 0;
        min-width: 134px;
        width: auto;
    }
}

@container result-data (min-width: 688px) {
    .s-card__breadcrumbs {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}

@container result-data (min-width: 688px) {
    .s-hotel__top {
        display: flex;
    }
}
@container result-data (min-width: 688px) {
    .s-card__image {
        height: 180px;
        width: 180px;
    }
}
@container result-data (min-width: 688px) {
    .s-hotel {
        gap: 20px;
        grid-template-columns: 180px 1fr;
    }
}

@media (min-width: 1920px) {
    .s-card__name, .s-hotel__name {
        font-size: 24px;
    }
    .category__item-content,
    .chip__text,
    .filter__date-calendar .flatpickr-calendar,
    .filter__date-calendar .flatpickr-current-month,
    .filter__date-calendar span.flatpickr-weekday,
    .filter__date-calendar-action,
    .filter__date-label-inner,
    .filter__item-inner,
    .filter__selected-item,
    .filters__applied,
    .filters__applied-all .filter__selected-item,
    .s-card__experiences-name,
    .select,
    .selected-category__item,
    .tpl-search__clear-filters,
    .tpl-search__plain-text {
        font-size: 14px !important;
    }

    .category-title,
    .filter__single .filter__item-title,
    .filter__toggle,
    .filters-toggle,
    .s-card__bar-item,
    .s-card__key,
    .s-card__promo,
    .s-hotel__commission-name,
    .s-hotel__commission-value,
    .s-hotel__destination-name,
    .s-hotel__experiences-name,
    .s-hotel__info-name,
    .s-hotel__promotion,
    .selected-category__group {
        font-size: 16px !important;
    }
}

@media (min-width: 890px) {
    .filter__selected-item:focus-within, .filter__selected-item:hover {
        background-color: var(--wp--preset--color--black);
        color: var(--wp--preset--color--white);
    }
    .tpl-search__results {
        padding-top: 65px;
    }

    .tpl-search__results-actions {
        height: 65px;
        margin-inline: -10px;
        padding-inline: 10px;
        position: absolute;
        width: calc(100dvw - 100% - 50px);
    }

    .tpl-search {
        flex-direction: row;
        gap: 16px;
        padding: 0 20px 16px;
    }

    .tpl-search__filters {
        background-color: transparent;
        height: calc(100dvh - var(--wp-admin--admin-bar--height, 0) - 58px);
        margin-inline: 0;
        max-width: 450px;
        min-width: 300px;
        padding-inline: 0;
        width: 25%;
    }

    .filters-wrapper {
        display: flex;
        height: auto;
        padding: 0;
        position: static;
    }

    .tpl-search__plain-text {
        padding: 12px 8px;
    }
}

@media (min-width: 768px) {
    .tpl-search__filters {
        top: calc(var(--wp-admin--admin-bar--height, 0) + 58px);
    }

    .category__item-content,
    .chip__text,
    .filter__date-calendar .flatpickr-calendar,
    .filter__date-calendar .flatpickr-current-month,
    .filter__date-calendar span.flatpickr-weekday,
    .filter__date-calendar-action,
    .filter__date-label-inner,
    .filter__item-inner,
    .filter__selected-item,
    .filters__applied,
    .filters__applied-all .filter__selected-item,
    .s-card__experiences-name,
    .select,
    .selected-category__item,
    .tpl-search__clear-filters,
    .tpl-search__plain-text {
        font-size: 12px;
    }

    .category-title,
    .filter__single .filter__item-title,
    .filter__toggle,
    .filters-toggle,
    .s-card__bar-item,
    .s-card__key,
    .s-card__promo,
    .s-hotel__commission-name,
    .s-hotel__commission-value,
    .s-hotel__destination-name,
    .s-hotel__experiences-name,
    .s-hotel__info-name,
    .s-hotel__promotion,
    .selected-category__group {
        font-size: 14px;
    }
}