/* Shared catalog controls: keep price inputs visible and long option lists scrollable. */
.bx-filter .bx-filter-parameters-box-container-block.bx-left,
.bx-filter .bx-filter-parameters-box-container-block.bx-right {
    display: block !important;
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
    padding: 0 5px;
    margin: 0 0 12px;
}
.bx-filter .bx-ft-sub { display: block; margin: 0 0 6px; color: #62695f; font: 500 13px/1.3 Roboto, Arial, sans-serif; }
.bx-filter .bx-filter-input-container { width: 100%; min-width: 0; }
.bx-filter .bx-filter-input-container input[type="text"] {
    display: block !important;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #cbd4c5;
    border-radius: 7px;
    background: #fff;
    color: #2c3628;
    font: 500 16px/1.35 Roboto, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}
.bx-filter .bx-filter-input-container input:focus { border-color: #53694a; outline: 2px solid #53694a33; outline-offset: 1px; }
.bx-filter .bx_filter_parameters_box_container,
.bx-filter .bx_filter_parameters_box_container.wc_fl_hide {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #96a28e #f2f4ef;
    padding-right: 6px;
}
.bx-filter .bx_filter_parameters_box_container::-webkit-scrollbar { width: 6px; }
.bx-filter .bx_filter_parameters_box_container::-webkit-scrollbar-thumb { border-radius: 4px; background: #96a28e; }
.bx-filter .bx_filter_parameters_box_container label.bx-filter-param-label { display: block !important; min-height: 32px; padding: 5px 0; margin: 0; }
.bx-filter .bx_filter_parameters_box_container .checkbox { max-width: 100%; min-width: 0; }
.bx-filter .wc_bx_filter_more { display: none !important; }
.bx-filter .hozdom-filter-options:focus-visible { outline: 2px solid #53694a; outline-offset: 3px; }
.cili_parent .cili_price .price { font-size: 19px !important; line-height: 22px; white-space: nowrap; letter-spacing: -.15px; font-variant-numeric: tabular-nums; }
.bx-filter .bx-filter-button-box .bx-filter-parameters-box-container { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bx-filter .bx-filter-button-box input[type="submit"] { box-sizing: border-box; flex: 1 1 100px; min-width: 0; max-width: 100%; min-height: 42px; margin: 0; border-radius: 6px; }
@media (max-width: 767px) {
    .bx-filter .bx_filter_parameters_box_container { max-height: 240px !important; -webkit-overflow-scrolling: touch; }
    .bx-filter .bx_filter_parameters_box_container label.bx-filter-param-label { min-height: 40px; padding: 8px 0; }
    .bx-filter .bx-filter-input-container input[type="text"] { height: 46px; }
}

/* Keep the two price fields on one line in the legacy Bootstrap layout. */
.bx-filter .bx-filter-block > .row.bx-filter-parameters-box-container { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; }
.bx-filter .bx-filter-block > .row > .bx-ui-slider-track-container { box-sizing: border-box; flex: 0 0 calc(100% - 20px); width: calc(100% - 20px); max-width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; }
.bx-filter .bx-ft-sub { text-align: left; font-style: normal; }
.bx-filter .hozdom-filter-options .bx-filter-input-checkbox { display: block; position: relative; padding-left: 26px; min-height: 20px; }
.bx-filter .hozdom-filter-options .bx-filter-input-checkbox input[type="checkbox"] { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; margin: 0; }
.bx-filter .hozdom-filter-options .bx-filter-param-text { display: block; padding-left: 0; line-height: 20px; }

/* One white sorting control for search, recommendations, collections and holidays. */
.hozdom-search-controls .hozdom-search-sort,
.hozdom-editorial-controls .hozdom-editorial-sort { position: relative; max-width: 100%; color: #2c3628; font: 500 14px/1.4 Roboto, Arial, sans-serif; }
.hozdom-search-controls .hozdom-search-sort > summary,
.hozdom-editorial-controls .hozdom-editorial-sort > summary {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
    box-sizing: border-box; min-height: 42px; padding: 10px 14px;
    border: 1px solid #d5ddd1; border-radius: 6px; background: #fff;
    color: #2c3628; font: inherit; list-style: none; cursor: pointer;
}
.hozdom-search-controls .hozdom-search-sort > summary::-webkit-details-marker,
.hozdom-editorial-controls .hozdom-editorial-sort > summary::-webkit-details-marker { display: none; }
.hozdom-search-controls .hozdom-search-sort > summary::marker,
.hozdom-editorial-controls .hozdom-editorial-sort > summary::marker { content: ''; }
.hozdom-search-controls .hozdom-search-sort > summary::after,
.hozdom-editorial-controls .hozdom-editorial-sort > summary::after {
    content: ''; flex: 0 0 7px; width: 7px; height: 7px; margin: -4px 1px 0 0;
    border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
}
.hozdom-search-controls .hozdom-search-sort[open] > summary::after,
.hozdom-editorial-controls .hozdom-editorial-sort[open] > summary::after { transform: rotate(225deg); margin-top: 4px; }
.hozdom-search-controls .hozdom-search-sort > summary:hover,
.hozdom-editorial-controls .hozdom-editorial-sort > summary:hover { border-color: #78866e; }
.hozdom-search-controls .hozdom-search-sort > summary:focus-visible,
.hozdom-editorial-controls .hozdom-editorial-sort > summary:focus-visible { outline: 2px solid #53694a; outline-offset: 2px; }
.hozdom-search-controls .hozdom-search-sort > div,
.hozdom-editorial-controls .hozdom-editorial-sort > div {
    position: absolute; z-index: 30; top: calc(100% + 5px); left: 0;
    box-sizing: border-box; min-width: 230px; max-width: calc(100vw - 30px);
    padding: 5px; border: 1px solid #d5ddd1; border-radius: 6px;
    background: #fff; box-shadow: 0 6px 18px #00000012;
}
.hozdom-search-controls .hozdom-search-sort > div a,
.hozdom-editorial-controls .hozdom-editorial-sort > div a { display: block; padding: 10px; border-radius: 4px; color: #2c3628; font: inherit; }
.hozdom-search-controls .hozdom-search-sort > div a:hover,
.hozdom-search-controls .hozdom-search-sort > div a[aria-current],
.hozdom-editorial-controls .hozdom-editorial-sort > div a:hover,
.hozdom-editorial-controls .hozdom-editorial-sort > div a[aria-current] { background: #edf1e9; }
@media (max-width: 767px) {
    .hozdom-search-controls .hozdom-search-sort,
    .hozdom-editorial-controls .hozdom-editorial-sort { width: 100%; }
    .hozdom-search-controls .hozdom-search-sort > summary,
    .hozdom-editorial-controls .hozdom-editorial-sort > summary { min-height: 44px; }
    .hozdom-search-controls .hozdom-search-sort > div,
    .hozdom-editorial-controls .hozdom-editorial-sort > div { width: 100%; min-width: 0; }
}

/* Compact holiday navigation beside the desktop logo. */
.hozdom-header-links .hozdom-header-holidays { position: relative; align-self: stretch; }
.hozdom-header-links .hozdom-header-holidays > summary {
    display: flex; align-items: center; gap: 7px; height: 40px; padding: 0;
    border: 0; background: transparent; color: inherit; font: inherit; list-style: none; cursor: pointer;
}
.hozdom-header-links .hozdom-header-holidays > summary::-webkit-details-marker { display: none; }
.hozdom-header-links .hozdom-header-holidays > summary::marker { content: ''; }
.hozdom-header-links .hozdom-header-holidays > summary::after {
    content: ''; width: 5px; height: 5px; margin: -3px 1px 0 0;
    border-right: 1.3px solid currentColor; border-bottom: 1.3px solid currentColor; transform: rotate(45deg);
}
.hozdom-header-links .hozdom-header-holidays[open] > summary::after { transform: rotate(225deg); margin-top: 3px; }
.hozdom-header-links .hozdom-header-holiday-list {
    position: absolute; top: 100%; left: -12px; z-index: 1100;
    box-sizing: border-box; width: 278px; max-width: calc(100vw - 30px); max-height: min(420px, 65vh);
    margin: 0; padding: 6px; overflow-y: auto; list-style: none;
    border: 1px solid #e0e5dd; border-radius: 6px; background: #fff; box-shadow: 0 8px 24px #00000016;
}
.hozdom-header-links .hozdom-header-holiday-list li { margin: 0; padding: 0; list-style: none; }
.hozdom-header-links .hozdom-header-holiday-list a {
    display: block; padding: 10px 11px; border-radius: 4px; white-space: normal;
    color: #2c3628; font: 500 14px/1.4 Roboto, Arial, sans-serif;
}
.hozdom-header-links .hozdom-header-holiday-list a:hover { background: #f1f4ee; }
.hozdom-header-links .hozdom-header-holidays > summary:focus-visible,
.hozdom-header-links .hozdom-header-holiday-list a:focus-visible { outline: 2px solid #53694a; outline-offset: 2px; }
.header .hozdom-header-tagline { display: none !important; }
@media (min-width: 992px) {
    .header .header-middle .logo img { height: 81px !important; width: auto; margin-top: 9px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header .hozdom-header-links { gap: 10px !important; margin-left: 6px !important; margin-right: 10px !important; font-size: 13px !important; }
    .header .hozdom-header-main-controls > .header-search { min-width: 120px !important; }
}

/* Let the header search shrink within its actual space beside the new navigation. */
.header .hozdom-header-main-controls .header-search-wrapper { box-sizing: border-box; width: 100%; min-width: 0 !important; max-width: 100%; }
.header .hozdom-header-main-controls .header-search-wrapper input { min-width: 0; width: 100%; }
.header .header-middle > .container > .header-right:not(.header-right2) { flex-shrink: 0; }

@media (min-width: 992px) {
    .header.header-4 .header-middle > .container > .header-left { flex: 1 1 0% !important; min-width: 0; }
    .header.header-4 .header-middle .header-left > .container.mobile-hide { flex: 1 1 0%; width: 0; min-width: 0; }
}

/* Keep all four header links and the search usable on compact desktop screens. */
@media (min-width: 992px) and (max-width: 1199px) {
    .header .hozdom-header-main-controls > .abv_header_catalog_menu_all { flex-basis: 110px !important; margin-left: 12px !important; }
    .header .hozdom-header-main-controls > .abv_header_catalog_menu_all > .catalog_link { padding-left: 12px !important; padding-right: 12px !important; }
    .header .hozdom-header-links { gap: 8px !important; margin-right: 8px !important; font-size: 12px !important; }
    .header .hozdom-header-main-controls > .header-search { min-width: 110px !important; }
}
