/* ============================================================
 * Algolia InstantSearch — TheHome.ro
 * Full-screen overlay, 1/6 sidebar + 5/6 grid (Kave Home style)
 * ============================================================ */

/* === OVERLAY === */

.algolia-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-out;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.algolia-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
}

.algolia-overlay[hidden] { display: none; }

body.algolia-overlay-open { overflow: hidden; }

/* Search bar din header (input tema) — fundal alb (cerere user 2026-05-24) */
.search-inline__input, .search-mobile__input { background: #fff !important; }

/* Badge discount al temei (carduri grid/list/compact/slider + pagina produs) ->
   stil crem identic cu badge-ul Algolia, brand consistency (cerere user 2026-05-24).
   theme.css e compilat (file_not_writable), deci override-ul sta aici. */
.grid-image__badge--price-discount, .list-image__badge--price-discount,
.compact-image__badge--price-discount, .slider-image__badge--price-discount,
.product-summary__badge--price-discount {
	background: #f3efe3 !important; color: #43331e !important;
	border: 1px solid rgba(67,51,30,0.08) !important; border-radius: 6px !important;
	font-size: 12px !important; font-weight: 700 !important; padding: 4px 10px !important;
}

/* === TOPBAR === */

.algolia-overlay__topbar {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 1356px;
    margin: 0 auto;
    padding: 0 1.125rem;
    box-sizing: border-box;
    border-bottom: 1px solid #111;
    flex-shrink: 0;
    height: 80px;
}

.algolia-overlay__search {
    flex: 1;
    display: flex;
    align-items: center;
}

.algolia-overlay__close {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0 0 0 24px;
    color: #111;
    font-size: 14px;
    font-weight: 400;
    transition: opacity 0.15s;
}
.algolia-overlay__close:hover { opacity: 0.6; }
.algolia-overlay__close svg { width: 22px; height: 22px; }
.algolia-overlay__back { display: none; } /* săgeată back doar pe mobile */
.algolia-overlay__close-label {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* === SEARCHBOX === */

.algolia-searchbox,
.algolia-searchbox__form {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.algolia-searchbox__form { position: relative; }

.algolia-searchbox__input {
    width: 100%;
    padding: 0 40px 0 0;
    border: 0;
    background: transparent;
    font-size: 20px;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.01em;
    outline: none;
    height: 80px;
    line-height: 80px;
}
.algolia-searchbox__input::placeholder {
    color: #999;
    font-weight: 300;
}
.algolia-searchbox__reset {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 8px;
    color: #666;
    opacity: 0.7;
}
.algolia-searchbox__reset:hover { opacity: 1; }
.algolia-searchbox__reset svg { width: 20px; height: 20px; fill: none; stroke: #111; }

/* === RECENT SEARCHES === */

.algolia-overlay__recent {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    max-width: 1356px;
    margin: 0 auto;
    padding: 14px 1.125rem;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
    background: #fff;
}

.algolia-overlay__recent[hidden] { display: none; }

.algolia-recent__label {
    font-size: 13px;
    color: #666;
    font-weight: 400;
}

.algolia-recent__chips {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
}

.algolia-recent__chip {
    list-style: none;
    display: inline-flex;
    align-items: center;
    background: #f4f1eb;
    border-radius: 2px;
    padding: 0;
    font-size: 13px;
    color: #111;
    transition: background-color 0.1s;
}
.algolia-recent__chip:hover { background: #ece6db; }

.algolia-recent__chip-text {
    background: transparent;
    border: 0;
    padding: 6px 4px 6px 12px;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}

.algolia-recent__chip-x {
    background: transparent;
    border: 0;
    padding: 6px 10px 6px 4px;
    cursor: pointer;
    color: #666;
    display: inline-flex;
    align-items: center;
    transition: color 0.1s;
}
.algolia-recent__chip-x:hover { color: #111; }
.algolia-recent__chip-x svg { width: 14px; height: 14px; display: block; }

.algolia-recent__clear {
    background: transparent;
    border: 0;
    padding: 0;
    margin-left: auto;
    cursor: pointer;
    color: #111;
    font-size: 13px;
    font-family: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: opacity 0.1s;
}
.algolia-recent__clear:hover { opacity: 0.6; }

/* === BODY (scrollable area) === */

.algolia-overlay__body {
    flex: 1;
    overflow-y: auto;
    padding: 40px 0 80px;
}

.algolia-overlay__layout {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 40px;
    max-width: 1356px;
    margin: 0 auto;
    padding: 0 1.125rem;
    box-sizing: border-box;
}

/* === SIDEBAR (suggestions) === */

.algolia-overlay__sidebar {
    position: sticky;
    top: 0;
    align-self: start;
}

/* === FACETS (filtre) === */

.algolia-facets { font-size: 14px; color: #111; }

.algolia-facet { margin-bottom: 28px; }

.algolia-facet__title {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888;
    margin: 0 0 12px;
}

.algolia-facet__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.algolia-facet__item { list-style: none; line-height: 1.9; }

/* Hierarchical (categorii) — link-uri */
.algolia-facet__link {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    text-decoration: none;
    color: #333;
    transition: color 0.1s;
}
.algolia-facet__link:hover { color: #111; }
.algolia-facet__link:hover .algolia-facet__label { text-decoration: underline; text-underline-offset: 3px; }
.algolia-facet__item--selected > .algolia-facet__link { font-weight: 600; color: #111; }

/* Subniveluri ierarhice (indentare) */
.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
    margin-left: 12px;
    padding-left: 8px;
    border-left: 1px solid #eee;
}

.algolia-facet__label { flex: 1; }
.algolia-facet__count {
    font-size: 12px;
    color: #999;
    font-variant-numeric: tabular-nums;
}

/* Brand — checkbox list */
.algolia-facet__checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: #333;
}
.algolia-facet__checkbox {
    width: 15px;
    height: 15px;
    accent-color: #111;
    cursor: pointer;
    margin: 0;
}
.algolia-facet__item--selected .algolia-facet__checkbox-label { color: #111; font-weight: 500; }

.algolia-facet__searchbox { margin-bottom: 10px; }
.algolia-facet__searchbox input {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    font-family: inherit;
    outline: none;
}
.algolia-facet__searchbox input:focus { border-color: #111; }
.algolia-facet__searchbox .ais-SearchBox-submit,
.algolia-facet__searchbox .ais-SearchBox-reset { display: none; }

/* Show more */
.algolia-facet__showmore {
    background: transparent;
    border: 0;
    padding: 8px 0 0;
    cursor: pointer;
    color: #111;
    font-size: 13px;
    font-family: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.algolia-facet__showmore:hover { opacity: 0.6; }
.algolia-facet__showmore[disabled] { display: none; }

/* Preț — range input */
.algolia-facet__price-form {
    display: flex;
    align-items: center;
    gap: 6px;
}
.algolia-facet__price-input {
    width: 100%;
    padding: 7px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    font-family: inherit;
    outline: none;
}
.algolia-facet__price-input:focus { border-color: #111; }
.algolia-facet__price-sep { color: #999; }
.algolia-facet__price-submit {
    padding: 7px 12px;
    border: 1px solid #111;
    background: #111;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-family: inherit;
}
.algolia-facet__price-submit:hover { opacity: 0.85; }

/* Stoc — toggle stilizat IDENTIC cu radio-urile de sortare (rotund, același font/dimensiune, bold la selecție) */
.algolia-facet__toggle-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #444;
    font-size: 15px;
}
.algolia-facet__toggle-label:has(.algolia-facet__toggle-checkbox:checked) {
    color: #111;
    font-weight: 600;
}
/* !important = bate stilul de checkbox al temei (altfel appearance nu se resetează → rămâne pătrat).
   Punctul plin la selecție = box-shadow inset (NU ::after — pseudo-elementele nu merg pe <input>). */
.algolia-facet__toggle-checkbox {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #888 !important;
    border-radius: 50% !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer;
    flex: 0 0 auto;
}
.algolia-facet__toggle-checkbox:checked {
    border-color: #111 !important;
    background: #111 !important;
    box-shadow: inset 0 0 0 3px #fff !important;  /* inel alb → punct negru central, exact ca radio-ul */
}

/* === RESULTS HEADER === */

.algolia-overlay__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px;
}

.algolia-overlay__header-title {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    letter-spacing: -0.005em;
}

.algolia-overlay__header-count {
    font-size: 13px;
    color: #888;
    font-weight: 400;
}

/* === HITS GRID === */

.algolia-hits__grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); /* adaptiv: umple lățimea (overlay + pagină full-width) */
    gap: 40px 24px;
}

.algolia-hits__item { list-style: none; }

/* === PRODUCT CARD === */

.algolia-card { display: flex; flex-direction: column; }

.algolia-card__image-link {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}

.algolia-card__image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #f4f1eb;
    overflow: hidden;
}

.algolia-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.algolia-card:hover .algolia-card__image { transform: scale(1.03); }

.algolia-card__image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 12px;
    height: 100%;
}

/* Heart icon — top-right of image */
.algolia-card__fav {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
    color: #111;
    z-index: 2;
    transition: transform 0.15s;
}
.algolia-card__fav:hover { transform: scale(1.1); }
.algolia-card__fav svg { width: 22px; height: 22px; display: block; }
.algolia-card__fav.is-active { color: #c91e1e; }
.algolia-card__fav.is-active svg { fill: currentColor; }

/* Card body */
.algolia-card__body {
    padding: 14px 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.algolia-card__brand {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.005em;
    margin-bottom: 2px;
}

.algolia-card__title-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.algolia-card__title {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    color: #111;
    letter-spacing: -0.005em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}

.algolia-card__title em {
    background: rgba(0, 0, 0, 0.08);
    font-style: normal;
    padding: 0 2px;
}

.algolia-card__price {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin-top: 4px;
    letter-spacing: -0.005em;
}

.algolia-card__price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 4px;
    flex-wrap: wrap;
}

.algolia-card__price--sale {
    color: #111;
    font-weight: 700;
    font-size: 15px;
}

.algolia-card__price--original {
    color: #111;
    font-weight: 400;
    font-size: 13px;
    text-decoration: line-through;
}

.algolia-card__discount-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    background: #f3efe3;
    color: #43331e;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    border-radius: 6px;
    border: 1px solid rgba(67, 51, 30, 0.08);
    z-index: 2;
}

/* === BUTON "VEZI MAI MULTE" === */
.algolia-loadmore {
    display: block;
    width: 100%;
    max-width: 520px;
    margin: 36px auto 8px;
    padding: 16px 24px;
    background: #fff;
    border: 1px solid #111;
    color: #111;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-align: center;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.algolia-loadmore:hover { background: #111; color: #fff; }
/* fail-safe: ascuns complet când nu mai sunt produse */
.algolia-loadmore--disabled,
.algolia-loadmore[disabled] { display: none; }

/* === EMPTY === */

.algolia-empty {
    text-align: center;
    padding: 80px 24px;
    color: #555;
}
.algolia-empty p { margin: 8px 0; font-size: 16px; }

/* === PAGINĂ DEDICATĂ DE REZULTATE (full-page, cu header/footer MP) === */

.algolia-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 32px 24px 64px;
    box-sizing: border-box;
}

.algolia-page__layout {
    display: grid;
    grid-template-columns: 240px 1fr; /* filtre stânga (fix) + rezultate (rest) */
    gap: 32px;
    align-items: start;
}
.algolia-page__sidebar {
    position: sticky;
    top: 16px;
    align-self: start;
}
.algolia-page__stats { margin-bottom: 20px; color: #888; font-size: 14px; }

/* grid produse: 4 desktop / 3 tablet / 2 mobile */
.algolia-page .algolia-hits__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media (max-width: 1024px) {
    .algolia-page__layout { grid-template-columns: 200px 1fr; gap: 20px; }
    .algolia-page .algolia-hits__grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}
@media (max-width: 720px) {
    .algolia-page__layout { grid-template-columns: 1fr; gap: 16px; }
    .algolia-page__sidebar { position: static; display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; }
    .algolia-page__sidebar .algolia-facet { min-width: 55%; flex: 0 0 auto; margin-bottom: 0; }
    .algolia-page .algolia-hits__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

/* === INFINITE SCROLL — buton "Încarcă mai multe" === */

.algolia-loadmore {
    display: block;
    margin: 40px auto 0;
    padding: 12px 28px;
    border: 1px solid #111;
    background: #fff;
    color: #111;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.15s, color 0.15s;
}
.algolia-loadmore:hover { background: #111; color: #fff; }
.algolia-loadmore--disabled { display: none; } /* nu mai sunt rezultate */

/* === PAGINATION (legacy, nefolosit cu infinite scroll) === */

#algolia-overlay-pagination {
    margin-top: 64px;
    padding-top: 32px;
    border-top: 1px solid #eee;
}

.ais-Pagination-list {
    display: flex;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    flex-wrap: wrap;
}
.ais-Pagination-item { list-style: none; }
.ais-Pagination-link {
    display: inline-block;
    padding: 10px 14px;
    border: 1px solid transparent;
    text-decoration: none;
    color: #111;
    background: transparent;
    font-size: 14px;
    min-width: 40px;
    text-align: center;
    transition: border-color 0.1s;
}
.ais-Pagination-link:hover { border-color: #111; }
.ais-Pagination-item--selected .ais-Pagination-link { border-color: #111; font-weight: 600; }
.ais-Pagination-item--disabled .ais-Pagination-link { color: #ccc; pointer-events: none; }

/* === RESPONSIVE === */

@media (max-width: 1280px) {
    .algolia-overlay__layout {
        grid-template-columns: 180px 1fr;
        gap: 32px;
    }
    .algolia-hits__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 32px 20px;
    }
}

@media (max-width: 1024px) {
    .algolia-overlay__topbar { padding: 0 20px; height: 64px; }
    .algolia-overlay__body { padding: 32px 0 64px; }
    .algolia-overlay__layout { padding: 0 20px; }
    .algolia-searchbox__input { font-size: 17px; height: 64px; line-height: 64px; }
    .algolia-overlay__layout {
        grid-template-columns: 160px 1fr;
        gap: 28px;
    }
    .algolia-hits__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 28px 18px;
    }
}

@media (max-width: 720px) {
    .algolia-overlay__topbar { padding: 0 16px; height: 56px; }
    .algolia-overlay__body { padding: 20px 0 48px; }
    .algolia-overlay__layout { padding: 0 16px; }
    /* close → săgeată back în STÂNGA search-ului */
    .algolia-overlay__close-label { display: none; }
    .algolia-overlay__back { display: block; width: 24px; height: 24px; }
    .algolia-overlay__close { order: -1; padding: 0 12px 0 0; }
    .algolia-searchbox__input { font-size: 16px; height: 56px; line-height: 56px; }
    .algolia-overlay__recent { padding: 10px 16px; gap: 8px; font-size: 12px; }
    .algolia-recent__label { font-size: 12px; width: 100%; }
    .algolia-recent__clear { margin-left: 0; }

    /* Sidebar devine top bar pe mobile (sub search) */
    .algolia-overlay__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .algolia-overlay__sidebar { display: none; } /* fără filtre în overlay pe mobil */
    .algolia-suggestions {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
    }
    .algolia-suggestions__section {
        margin-bottom: 0;
        min-width: 60%;
    }

    .algolia-hits__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 12px;
    }
    .algolia-overlay__header-title { font-size: 15px; }
    .algolia-card__brand { font-size: 13px; }
    .algolia-card__title { font-size: 12px; }
    .algolia-card__price { font-size: 13px; }
}


/* ============================================================
   OVERLAY — mutat din snippet inline (2026-05-24, task #19).
   La finalul fisierului intentionat: regulile !important de aici
   castiga peste versiunile mai vechi de mai sus -> randare identica.
   ============================================================ */
/* badge discount crem + preț (inline = bypass CDN cache) */
.algolia-card__discount-badge{background:#f3efe3!important;color:#43331e!important;top:6px!important;left:6px!important;padding:4px 10px!important;border-radius:6px!important;border:1px solid rgba(67,51,30,0.08)!important;font-size:12px!important;font-weight:700!important}
.algolia-card__price--sale{color:#111!important;font-weight:700!important;font-size:15px!important}
.algolia-card__price--original{color:#111!important;text-decoration:line-through!important}
/* icon backspace reset: contur negru transparent (nu plin) */
.algolia-searchbox__reset svg{fill:none!important;stroke:#111!important;width:20px!important;height:20px!important}
/* buton "vezi mai multe": rectangular centrat + ascuns când nu mai sunt produse */
.algolia-loadmore{display:block!important;width:100%!important;max-width:520px!important;margin:36px auto 8px!important;padding:16px 24px!important;background:#fff!important;border:1px solid #111!important;color:#111!important;font-size:15px!important;font-weight:500!important;text-align:center!important;cursor:pointer!important}
.algolia-loadmore:hover{background:#111!important;color:#fff!important}
.algolia-loadmore--disabled,.algolia-loadmore[disabled]{display:none!important}
/* sugestii de căutare (stânga overlay) — secțiuni Sugestii/Categorii/Branduri */
.algolia-suggest__title{font-size:18px;font-weight:600;margin:0 0 18px;color:#111}
.algolia-suggest__section{margin:0 0 22px}
.algolia-suggest__heading{font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:#111;font-weight:700;margin:0 0 12px}
.algolia-suggest__list{list-style:none;margin:0;padding:0}
.algolia-suggest__item{margin:0 0 14px}
.algolia-suggest__link{color:#777;text-decoration:none;font-size:15px;line-height:1.3;transition:color .15s}
.algolia-suggest__link:hover{color:#111}
.algolia-suggest__link strong{color:#111;font-weight:700}
.algolia-overlay__main-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:4px}
.algolia-overlay__seeall{color:#111;text-decoration:underline;text-underline-offset:4px;font-size:14px;white-space:nowrap}
/* X de închidere lângă "Inchide" (desktop/tabletă) */
.algolia-overlay__back{display:none!important}
.algolia-overlay__close-x{width:18px;height:18px;display:block}
.algolia-overlay__mhead{display:none}
/* mobil: header cu "Inchide" (underline) + X impreuna in dreapta; ascundem butonul close desktop */
@media (max-width:720px){
	.algolia-overlay__sidebar{display:none!important}
	.algolia-overlay__close{display:none!important}
	.algolia-overlay__layout{grid-template-columns:1fr!important}
	.algolia-overlay__mhead{display:flex!important;align-items:center;justify-content:flex-end;gap:10px;padding:15px 16px;border-bottom:1px solid #eee}
	.algolia-overlay__mhead-title{background:none;border:0;font-size:16px;color:#111;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:4px}
	.algolia-overlay__mhead-x{position:static;background:none;border:0;padding:6px;cursor:pointer;color:#111;line-height:0}
	.algolia-overlay__mhead-x svg{width:20px;height:20px;display:block}
}

/* ============================================================
   PAGINA REZULTATE (/info/algolia-search) — mutat din site-page
   inline (2026-05-24, task #19). Selectori .algolia-page__*/drawer/
   acc/radio/ais-RangeSlider/chips/fab — fara suprapuneri in fisier.
   ============================================================ */
/* === PAGINA REZULTATE — full width, grid comutabil, drawer filtre === */
.algolia-page{max-width:1320px!important;margin:0 auto!important;padding:24px 0 90px!important;box-sizing:border-box}
.algolia-page__heading{text-align:center;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#222;margin:8px 0 50px}
.algolia-page__heading strong{font-weight:700}
.algolia-page__toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 2px;margin-bottom:20px;gap:16px}
.algolia-page__filters-btn{display:inline-flex;align-items:center;gap:9px;background:none;border:0;cursor:pointer;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#111;padding:0}
.algolia-page__filters-btn svg{width:18px;height:18px}
.algolia-page__toolbar-right{display:flex;align-items:center;gap:22px}
.algolia-page__count{font-size:13px;color:#666;white-space:nowrap}
.algolia-page__views{display:flex;gap:6px}
.algolia-page__view{background:none;border:0;cursor:pointer;padding:6px;line-height:0;opacity:.35;color:#111;transition:opacity .15s}
.algolia-page__view svg{width:20px;height:20px;display:block}
.algolia-page__view:hover{opacity:.7}
.algolia-page__view.is-active{opacity:1}
/* grid full-width */
.algolia-page #algolia-page-hits .algolia-hits__grid{display:grid;gap:50px 22px;grid-template-columns:repeat(4,1fr)}
.algolia-page[data-cols="2"] #algolia-page-hits .algolia-hits__grid{grid-template-columns:repeat(2,1fr);gap:32px}
.algolia-page[data-cols="10"] #algolia-page-hits .algolia-hits__grid{grid-template-columns:repeat(10,1fr);gap:10px}
/* modul 10 = doar imaginea */
.algolia-page[data-cols="10"] .algolia-card__body,
.algolia-page[data-cols="10"] .algolia-card__discount-badge,
.algolia-page[data-cols="10"] .algolia-card__fav{display:none!important}
@media (max-width:1280px){.algolia-page[data-cols="10"] #algolia-page-hits .algolia-hits__grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:1024px){.algolia-page[data-cols="4"] #algolia-page-hits .algolia-hits__grid{grid-template-columns:repeat(3,1fr)}.algolia-page[data-cols="10"] #algolia-page-hits .algolia-hits__grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:720px){.algolia-page #algolia-page-hits .algolia-hits__grid{grid-template-columns:repeat(2,1fr)!important;gap:30px 12px}.algolia-page{padding:16px 14px 80px!important}}
/* drawer filtre slide-in dreapta */
.algolia-drawer__overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .25s;z-index:99998}
.algolia-drawer__overlay.is-open{opacity:1;visibility:visible}
.algolia-drawer{position:fixed;top:0;right:0;width:600px;max-width:94vw;height:100%;background:#fff;box-shadow:-6px 0 30px rgba(0,0,0,.14);transform:translateX(100%);transition:transform .28s ease;z-index:99999;display:flex;flex-direction:column}
.algolia-drawer.is-open{transform:none}
.algolia-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;flex:0 0 auto}
.algolia-drawer__title{font-size:20px;font-weight:600}
.algolia-drawer__close{background:none;border:0;cursor:pointer;font-size:26px;line-height:1;color:#111}
.algolia-drawer__body{flex:1 1 auto;overflow-y:auto;padding:18px 26px}
.algolia-drawer__body .algolia-facet{margin-bottom:26px}
.algolia-drawer__foot{flex:0 0 auto;display:flex;gap:12px;padding:16px 26px;border-top:1px solid #eee}
.algolia-drawer__clear{flex:1;padding:15px;border:1px solid #111;background:#fff;color:#111;cursor:pointer;font-size:14px}
.algolia-drawer__see{flex:1;padding:15px;border:0;background:#111;color:#fff;cursor:pointer;font-size:14px}
/* buton sus */
.algolia-page__top{position:fixed;right:22px;bottom:90px;width:46px;height:46px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:9000;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.algolia-page__top.is-visible{display:flex}
.algolia-page__top svg{width:20px;height:20px}
@media (max-width:1360px){.algolia-page{padding-left:20px!important;padding-right:20px!important}}
.algolia-sort__select{width:100%;padding:11px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}

.algolia-drawer__active{padding:0 0 16px;margin-bottom:4px;display:none}
.algolia-drawer__active-title{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin:0 0 10px}
.algolia-active,.algolia-active__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.algolia-active__group{display:contents}
.algolia-active__label{display:none}
.algolia-active__chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:4px;padding:6px 10px;font-size:13px;color:#111}
.algolia-active__del{background:none;border:0;cursor:pointer;font-size:13px;color:#111;line-height:1;padding:0}
.algolia-acc{border-top:1px solid #eee}
.algolia-acc__head{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;padding:18px 0;font-size:15px;font-weight:400;color:#111;text-transform:uppercase;letter-spacing:.03em}
.algolia-acc.is-open .algolia-acc__head{font-weight:700}
.algolia-acc__title{flex:1;text-align:left}
.algolia-acc__badge{min-width:22px;height:22px;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:600;display:none;align-items:center;justify-content:center;padding:0 6px}
.algolia-acc__icon{position:relative;width:16px;height:16px;flex:0 0 auto}
.algolia-acc__icon::before,.algolia-acc__icon::after{content:"";position:absolute;background:#111}
.algolia-acc__icon::before{top:7px;left:0;width:16px;height:2px}
.algolia-acc__icon::after{top:0;left:7px;width:2px;height:16px;transition:transform .2s}
.algolia-acc.is-open .algolia-acc__icon::after{transform:scaleY(0)}
.algolia-acc__body{display:none;padding:0 0 18px}
.algolia-acc.is-open .algolia-acc__body{display:block}
.algolia-radio{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-size:15px;color:#444}
.algolia-radio.is-on{color:#111;font-weight:600}
.algolia-radio input{width:18px;height:18px;accent-color:#111;margin:0}
.algolia-drawer__stock{padding:18px 0;border-top:1px solid #eee}
@media (max-width:720px){.algolia-drawer{width:100vw!important;max-width:100vw!important}}
body.algolia-results-page .scroll-to-top-arrow{display:none!important}.algolia-page__filters-fab{position:fixed;right:22px;bottom:76px;width:46px;height:46px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:9000;box-shadow:0 3px 12px rgba(0,0,0,.12)}.algolia-page__filters-fab svg{width:20px;height:20px}@media (max-width:720px){.algolia-page__filters-fab.is-visible{display:flex}.algolia-page__top{bottom:22px}}
/* preț ca slider (rheostat) */
.ais-RangeSlider{padding:30px 10px 6px}
.ais-RangeSlider .rheostat{position:relative;height:22px}
.ais-RangeSlider .rheostat-background{position:absolute;top:10px;width:100%;height:2px;background:#ddd}
.ais-RangeSlider .rheostat-progress{position:absolute;top:10px;height:2px;background:#111}
.ais-RangeSlider .rheostat-handle{position:absolute;top:3px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#111;border:0;cursor:grab;z-index:2}
.ais-RangeSlider .rheostat-tooltip{position:absolute;bottom:-26px;transform:translateX(-50%);font-size:13px;color:#111;white-space:nowrap}
.ais-RangeSlider .rheostat-marker{display:none}
/* chips filtre aplicate în toolbar (scroll orizontal) */
.algolia-page__refinements{display:none;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;padding:0 0 16px;-webkit-overflow-scrolling:touch}
.algolia-page__refinements::-webkit-scrollbar{height:0}
#algolia-page-refinements{flex:0 0 auto}
.algolia-chips,.algolia-chips__list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.algolia-chips__group{display:contents}
.algolia-chips__label{display:none}
.algolia-chips__chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e2e2;border-radius:4px;padding:5px 10px;font-size:13px;color:#111;white-space:nowrap}
.algolia-chips__del{background:none;border:0;cursor:pointer;font-size:14px;color:#111;line-height:1;padding:0}
#algolia-page-clear{flex:0 0 auto}
.algolia-page__clearfilters{background:none;border:0;cursor:pointer;font-size:14px;color:#111;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.algolia-page__clearfilters.is-hidden{display:none}
/* mobil: 2 view-uri (4 doar poze / 2 standard); ascund butonul "4" */
@media (max-width:720px){.algolia-page__view[data-cols="4"]{display:none}.algolia-page[data-cols="10"] #algolia-page-hits .algolia-hits__grid{grid-template-columns:repeat(4,1fr)!important;gap:24px 8px}}

.algolia-drawer__active + .algolia-acc{border-top:0}
.algolia-acc__value{color:#888;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;margin-right:6px}
.algolia-acc.is-open .algolia-acc__value{display:none}
.algolia-acc.is-filter-active .algolia-acc__head{font-weight:700;color:#000}
@media (min-width:721px){.algolia-page__bar{position:sticky;top:0;z-index:50;background:#fff;padding-top:30px}.algolia-page__bar .algolia-page__refinements{margin-bottom:0}}