/* =====================================================================
 * search-window.css — the search window (dropdown) of abcelasticsearch
 *
 * Ported 1:1 from the approved design prototype (QW, stano-ux-ui-abczoo-search-qw):
 * the same class names (qw-…), values and selectors, so the result matches the design.
 * abcelasticsearch.php loads this file BEFORE elasticsearch.css / elasticsearch-mobile.css,
 * exactly like the prototype did: its rules win by specificity (and !important where the
 * module rules have it), not by order. Change both together.
 *
 * States (classes on .ae_megaautocomplete, set by elasticsearch.js):
 *   qw-ac--zero     before typing          qw-ac--empty      nothing found
 *   qw-ac--results  results                (no class)         loading
 *   flags: qw-ac--noproducts, qw-ac--hasextra, qw-ac--noside
 * The row of other modules (hook abcElasticSearchExtra, e.g. shoppingagent's assistant field)
 * sits in .qw-ac-footrow; its own look is that module's.
 * ===================================================================== */

/* elasticsearch.js opens the window only when all three stylesheets are in (see panelStyled()) */
:root { --rsel-css-window: 1; }

/* ---------- režimy okna ----------
   qw-ac--zero    pred písaním (naše bloky, bloky modulu skryté)
   qw-ac--empty   nič sme nenašli
   qw-ac--results výsledky modulu + značky/FAQ/blog
   (bez triedy)   načítava sa → naše bloky skryté */
.ae_megaautocomplete .qw-ac-side,
.ae_megaautocomplete .qw-ac-mainslot,
.ae_megaautocomplete .qw-ac-extraslot { display: none; }
.ae_megaautocomplete.qw-ac--zero .qw-ac-side,
.ae_megaautocomplete.qw-ac--zero .qw-ac-mainslot,
.ae_megaautocomplete.qw-ac--empty .qw-ac-mainslot,
.ae_megaautocomplete.qw-ac--results .qw-ac-mainslot,
.ae_megaautocomplete.qw-ac--results .qw-ac-extraslot { display: block; }
.ae_megaautocomplete .qw-ac-side:empty,
.ae_megaautocomplete .qw-ac-mainslot:empty,
.ae_megaautocomplete .qw-ac-extraslot:empty { display: none !important; }

/* pred písaním: bloky modulu (kategórie, výrobcovia, produkty, „Zobraziť všetky“, nápovedy) preč */
.ae_megaautocomplete.qw-ac--zero .rsel-ac-sidebar-block.ae_m,
.ae_megaautocomplete.qw-ac--zero .rsel-ac-products-head,
.ae_megaautocomplete.qw-ac--zero .rsel-ac-products,
.ae_megaautocomplete.qw-ac--zero .rsel-ac-footer,
.ae_megaautocomplete.qw-ac--zero .rsel-ac-hints,
.ae_megaautocomplete.qw-ac--empty .rsel-ac-sidebar,
.ae_megaautocomplete.qw-ac--empty .rsel-ac-products-head,
.ae_megaautocomplete.qw-ac--empty .rsel-ac-products,
.ae_megaautocomplete.qw-ac--empty .rsel-ac-footer { display: none !important; }

/* výsledky bez produktov: správa hore, prázdna mriežka preč */
.ae_megaautocomplete.qw-ac--noproducts .rsel-ac-products-head,
.ae_megaautocomplete.qw-ac--noproducts .rsel-ac-products { display: none !important; }
.ae_megaautocomplete.qw-ac--noproducts .rsel-ac-main { justify-content: flex-start; }
/* s FAQ/blogom sa stĺpec posúva ako celok (bloky modulu sa nezmršťujú) */
@media (min-width: 992px) {
  #search_block_top.rsel-search-widget--theme-top > .ae_megaautocomplete.luigi-skin.qw-ac--hasextra .rsel-ac-sidebar { overflow-y: auto !important; }
  #search_block_top.rsel-search-widget--theme-top > .ae_megaautocomplete.luigi-skin.qw-ac--hasextra .rsel-ac-sidebar-block.ae_m { flex: 0 0 auto !important; overflow: visible; }
  #search_block_top.rsel-search-widget--theme-top > .ae_megaautocomplete.luigi-skin.qw-ac--hasextra .ae_links { flex: 0 0 auto !important; overflow: visible !important; }
}
/* bez produktov: FAQ a blog v hlavnej časti vedľa seba */
.ae_megaautocomplete.luigi-skin .qw-ac-mainextra { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0 18px; }
.ae_megaautocomplete.luigi-skin .qw-ac-mainextra .qw-ac-block { padding: 4px 0 0; border-bottom: 0; }

/* okno bez výsledkov / pred písaním nemá pevnú výšku 630 px */
#search_block_top.rsel-search-widget--theme-top.rsel-ac-open.qw-ac-compact > .ae_megaautocomplete.luigi-skin { min-height: 0 !important; }
#search_block_top.rsel-search-widget--theme-top.qw-ac-compact > .ae_megaautocomplete.luigi-skin .rsel-ac-layout { height: auto; }

/* ---------- stĺpec: Naposledy hľadané / Populárne / FAQ / blog ---------- */
.ae_megaautocomplete.luigi-skin .qw-ac-block {
  flex: 0 0 auto;
  padding: 12px 10px 8px 14px;
  border-bottom: 1px solid #e0e8de;
  overflow: visible;
}
.ae_megaautocomplete.luigi-skin .qw-ac-side .qw-ac-block:last-child,
.ae_megaautocomplete.luigi-skin .qw-ac-extraslot .qw-ac-block:last-child { border-bottom: 0; }
.ae_megaautocomplete.luigi-skin .qw-ac-rows { display: flex; flex-direction: column; gap: 2px; }
.ae_megaautocomplete.luigi-skin .qw-ac-row { position: relative; display: flex; align-items: center; }
.ae_megaautocomplete.luigi-skin .qw-ac-row .rsel-ac-mfr-link { padding-right: 34px !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-q .rsel-ac-side-icon { color: #8a8a8a; }
.ae_megaautocomplete.luigi-skin .qw-ac-remove {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #8a8a8a;
  cursor: pointer;
}
.ae_megaautocomplete.luigi-skin .qw-ac-remove:hover { background: #eef5ec; color: #1a1a1a; }
.ae_megaautocomplete.luigi-skin .qw-ac-remove-ico { font-size: 16px !important; }

/* značky: logo namiesto ikony obchodu */
.ae_megaautocomplete.luigi-skin .qw-ac-logo {
  flex: 0 0 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 26px;
  padding: 2px 4px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  background: #fff;
}
.ae_megaautocomplete.luigi-skin .qw-ac-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* Časté otázky */
.ae_megaautocomplete.luigi-skin .qw-ac-faq-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #fff;
  color: #2e2e2e !important;
  text-decoration: none !important;
}
.ae_megaautocomplete.luigi-skin .qw-ac-faq-q { font-size: 12px; font-weight: 600; line-height: 1.35; }
.ae_megaautocomplete.luigi-skin .qw-ac-faq-a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #666;
  font-size: 11px;
  line-height: 1.35;
}
/* Z blogu */
.ae_megaautocomplete.luigi-skin .qw-ac-blog-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #fff;
  color: #2e2e2e !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none !important;
}
.ae_megaautocomplete.luigi-skin .qw-ac-blog-row img { flex: 0 0 48px; width: 48px; height: 34px; border-radius: 4px; object-fit: cover; }
.ae_megaautocomplete.luigi-skin .qw-ac-blog-row span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ae_megaautocomplete.luigi-skin .qw-ac-faq-row:hover,
.ae_megaautocomplete.luigi-skin .qw-ac-blog-row:hover {
  color: #1d9001 !important;
  border-color: #c8e6c0;
  background: #f4fff0;
}

/* ---------- Najpredávanejšie (pred písaním) ---------- */
.ae_megaautocomplete.luigi-skin .qw-ac-head-note { margin-left: 4px; color: #666; font-weight: 600; text-transform: none; letter-spacing: 0; }
.ae_megaautocomplete.luigi-skin .qw-ac-best {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-content: start;
}
.ae_megaautocomplete.luigi-skin .qw-ac-card .product_media { position: relative; }
.ae_megaautocomplete.luigi-skin .qw-ac-rank {
  /* medaila len pre 1.–3. (vzor z oranžovej verzie / Black Friday): kovový prechod, biely prstenec */
  --qw-medal-from: #ffd34d;
  --qw-medal-to: #ffeba3;
  position: absolute;
  z-index: 1;
  left: -6px;
  top: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--qw-medal-from), var(--qw-medal-to));
  box-shadow: 0 2px 6px -1px rgba(0, 0, 0, .18);
  color: #222;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}
.ae_megaautocomplete.luigi-skin .qw-ac-rank--silver { --qw-medal-from: #c5ccd3; --qw-medal-to: #f1f3f5; }
.ae_megaautocomplete.luigi-skin .qw-ac-rank--bronze { --qw-medal-from: #ebb183; --qw-medal-to: #f7d6b8; }
.ae_megaautocomplete.luigi-skin .qw-ac-rank-num { position: relative; display: block; line-height: 1; }
.ae_megaautocomplete.luigi-skin .qw-ac-rank-dot { position: absolute; left: 100%; bottom: 0; }
/* nadpisy sekcií bez ikoniek (čistejšie) — aj nadpisy modulu */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-heading .rsel-ac-heading-icon { display: none !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-disc {
  display: inline-block;
  margin-left: 4px;
  padding: 0 5px;
  border-radius: 4px;
  background: #cb0d05;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  vertical-align: 1px;
}

/* ---------- Nič sme nenašli ---------- */
.ae_megaautocomplete.luigi-skin .qw-ac-empty { display: flex; flex-direction: column; gap: 16px; padding: 6px 4px 4px; }
.ae_megaautocomplete.luigi-skin .qw-ac-empty-msg { display: flex; align-items: flex-start; gap: 12px; }
.ae_megaautocomplete.luigi-skin .qw-ac-empty-ico {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #eef5ec;
  color: #1d9001;
  font-size: 24px !important;
  line-height: 44px;
  text-align: center;
}
.ae_megaautocomplete.luigi-skin .qw-ac-empty-title { margin: 2px 0 4px; color: #1a1a1a; font-size: 16px; font-weight: 700; line-height: 1.3; }
.ae_megaautocomplete.luigi-skin .qw-ac-empty-text { margin: 0; color: #555; font-size: 13px; line-height: 1.45; max-width: 60ch; }
.ae_megaautocomplete.luigi-skin .qw-ac-empty-label {
  margin: 0 0 8px;
  color: #1a1a1a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.ae_megaautocomplete.luigi-skin .qw-ac-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ae_megaautocomplete.luigi-skin .qw-ac-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px 6px 9px;
  border: 1px solid #d5e8cf;
  border-radius: 999px;
  background: #fff;
  color: #2e2e2e !important;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none !important;
}
.ae_megaautocomplete.luigi-skin .qw-ac-chip:hover { border-color: #1d9001; background: #f4fff0; color: #1d9001 !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-chip-ico { font-size: 16px !important; color: #8a8a8a; }
.ae_megaautocomplete.luigi-skin .qw-ac-noproducts { margin: 0 0 8px; color: #555; font-size: 13px; }

/* ---------- šípky: aktívna voľba ---------- */
.ae_megaautocomplete.luigi-skin .qw-ac-active,
.ae_megaautocomplete.luigi-skin a.rsel-ac-mfr-link.qw-ac-active {
  outline: 2px solid #1d9001 !important;
  outline-offset: -2px;
  border-radius: 6px;
  background: #f4fff0 !important;
}
.ae_megaautocomplete.luigi-skin .ae_product_autocomplete > a.qw-ac-active { outline-offset: 2px; }
.ae_megaautocomplete.luigi-skin .abcel_ac_show_all.qw-ac-active { outline-color: #1a5c00 !important; outline-offset: 2px; }

/* skratka „/“ v poli na desktope (len kým je pole prázdne) */
#search_block_top .search-input { position: relative; }
#search_block_top .qw-ac-kbd {
  position: absolute;
  z-index: 2; /* pole modulu má z-index 1 */
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 20px;
  height: 22px;
  padding: 0 6px;
  border: 1px solid #cfd8cd;
  border-bottom-width: 2px;
  border-radius: 5px;
  background: #fff;
  color: #666;
  font: 600 12px/19px "Poppins", sans-serif;
  text-align: center;
  pointer-events: none;
}
#search_block_top .qw-ac-kbd[hidden] { display: none; }
#search_block_top .search-input .ssa-search-query-input { padding-right: 40px; }
/* vymazanie poľa ⊗ (22.10.2026) — na mieste „/“, len keď je v poli text */
#search_block_top .qw-ac-clear {
  position: absolute;
  z-index: 10000; /* nad poľom aj pri fokuse (accessibility.min.css: *:focus{z-index:9999}) */
  right: 4px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: #555;
  cursor: pointer;
}
#search_block_top .qw-ac-clear[hidden] { display: none; }
#search_block_top .qw-ac-clear .material-icons { font-size: 22px; }
#search_block_top .qw-ac-clear:hover { color: #1a1a1a; background: #f1f5f0; }
#search_block_top .qw-ac-clear:focus-visible { outline: 2px solid #1d9001; outline-offset: -2px; }

/* ---------- mobil (≤991 px, okno modulu cez celú šírku) ---------- */
@media (max-width: 991px) {
  .ae_megaautocomplete.luigi-skin .qw-ac-side,
  .ae_megaautocomplete.luigi-skin .qw-ac-extraslot { margin: 0 0 10px; } /* zarovnané s Kategóriami a Značkami */
  .ae_megaautocomplete.luigi-skin .qw-ac-block { padding: 6px 0 10px; border-bottom: 1px solid #ececec; }
  .ae_megaautocomplete.luigi-skin .qw-ac-best { grid-template-columns: minmax(0, 1fr); }
  .ae_megaautocomplete.luigi-skin .qw-ac-empty-title { font-size: 15px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ae_megaautocomplete.luigi-skin .qw-ac-best { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- 8. režim hľadania na desktope (≥992 px) ----------
   Kým je okno otvorené: hlavička patrí hľadaniu (logo a ikony preč, pole
   cez celú šírku + „Zrušiť“), stránka pod oknom stmavne a neposúva sa.
   Hlavička je počas režimu pripnutá hore, aby bola vidieť aj po odscrollovaní. */
.qw-sm-cancel { display: none; }
.qw-sm-backdrop { display: none; }
@media (min-width: 992px) {
  html.qw-search-mode { overflow: hidden; }
  html.qw-search-mode body { padding-top: var(--qw-header-h, 50px); padding-right: var(--qw-sbw, 0px); }
  html.qw-search-mode .main-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: var(--qw-sbw, 0px);
    z-index: 100053;
  }
  html.qw-search-mode .qw-sm-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 100040;
    background: rgba(17, 32, 12, .55);
    animation: qw-sm-fade .15s ease-out;
  }
  html.qw-search-mode .main-header .mobile-header-row > :not(#header-right-side) { display: none !important; }
  html.qw-search-mode #header-right-side {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
  }
  html.qw-search-mode #header-right-side .top-bar { width: 100%; align-items: center; gap: 12px; }
  html.qw-search-mode #header-right-side .top-bar > :not(#searchbox_1):not(.qw-sm-cancel) { display: none !important; }
  html.qw-search-mode #searchbox_1 { flex: 1 1 auto; width: auto !important; }
  html.qw-search-mode #search_block_top { width: 100% !important; }
  html.qw-search-mode .qw-sm-cancel {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    height: 40px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font: 700 14px/1 "Poppins", sans-serif;
    cursor: pointer;
  }
  html.qw-search-mode .qw-sm-cancel:hover,
  html.qw-search-mode .qw-sm-cancel:focus-visible { background: rgba(255, 255, 255, .15); outline: none; }
}
@keyframes qw-sm-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .qw-sm-backdrop { animation: none !important; } }

/* =====================================================================
 * 9. OBSAH A ROZLOŽENIE AKO ORANŽOVÁ VERZIA (21.10.2026)
 *    vo vizuáli súčasného webu (zelená #1d9001, biele karty #ebebeb,
 *    nadpisy modulu s ikonou, Poppins)
 * ===================================================================== */
.ae_megaautocomplete .qw-ac-catslot { display: none; }
.ae_megaautocomplete.qw-ac--results .qw-ac-catslot:not(:empty) { display: block; }
.ae_megaautocomplete.qw-ac--zero .qw-ac-catslot { display: none !important; }

.ae_megaautocomplete.qw-ac--results.qw-ac--noside .rsel-ac-sidebar { display: none !important; }

/* dlaždice kategórií */
/* (vyššia priorita: pravidlá modulu .luigi-skin .rsel-ac-heading sa načítavajú neskôr) */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-heading.qw-ac-cats-head { margin: 22px 0 10px !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-catpills { display: flex; flex-wrap: wrap; gap: 8px; }
.ae_megaautocomplete.luigi-skin .qw-ac-catpill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-height: 52px;
  padding: 6px 14px 6px 6px;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  color: #2e2e2e !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
  transition: border-color .15s ease, background .15s ease;
}
.ae_megaautocomplete.luigi-skin .qw-ac-catpill:hover { border-color: #c8e6c0; background: #f4fff0; color: #1d9001 !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-catpill-img {
  position: relative;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: #f6f6f6;
  overflow: hidden;
}
.ae_megaautocomplete.luigi-skin .qw-ac-catpill-img img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; background: #fff; }
.ae_megaautocomplete.luigi-skin .qw-ac-catpill-ini { position: absolute; color: #1a5c00; font-size: 12px; font-weight: 700; }
.ae_megaautocomplete.luigi-skin .qw-ac-catpill-label { min-width: 0; }
.ae_megaautocomplete.luigi-skin .qw-ac-catpill-ctx { color: #6b6b6b; font-weight: 500; }

/* karty produktov: názov, cena so zľavou, varianty ako pilulka (popis preč) */
#search_block_top > .ae_megaautocomplete.luigi-skin .ae_products { max-height: none !important; overflow: visible !important; }
.ae_megaautocomplete.luigi-skin .ae_products > .ae_product_autocomplete.qw-ac-over { display: none !important; }
.ae_megaautocomplete.luigi-skin .ae_products .ae_product_autocomplete { padding: 10px 12px !important; min-height: 104px; }
.ae_megaautocomplete.luigi-skin .ae_products .ae_product_autocomplete > a { gap: 12px; align-items: center; }
.ae_megaautocomplete.luigi-skin .ae_products .product_media { flex: 0 0 64px; width: 64px !important; max-width: 64px; align-self: center; }
.ae_megaautocomplete.luigi-skin .ae_products .product_media img { width: 64px !important; max-width: 64px; max-height: 78px; }
.ae_megaautocomplete.luigi-skin .ae_products .product_name { gap: 6px; padding-right: 0 !important; }
.ae_megaautocomplete.luigi-skin .ae_products .product_desc,
.ae_megaautocomplete.luigi-skin .ae_products .rsel-ac-text-flyout { display: none !important; }
.ae_megaautocomplete.luigi-skin .ae_products .product_title { font-size: 14px !important; line-height: 1.35 !important; }
.ae_megaautocomplete.luigi-skin .ae_products .product_price {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
}
.ae_megaautocomplete.luigi-skin .ae_products .product_price_new { flex: 1 0 100%; font-size: 16px !important; font-weight: 800 !important; }
/* Cena a pilulka variantov (22.10.2026, aj pre forinty): štítok + pôvodná cena v 1. riadku,
   nová cena v 2. riadku a za ňou neviditeľné miesto šírky pilulky (--qw-var-w z JS),
   nad ktorým sedí pilulka (absolútne vpravo dole). Keď sa dlhá cena („129 000 Ft“)
   s miestom do riadku nezmestí, miesto sa zalomí pod cenu → pilulka cenu neprekryje. */
.ae_megaautocomplete.luigi-skin .ae_products .product_price::before { content: ""; order: 2; flex: 0 0 100%; height: 0; }
.ae_megaautocomplete.luigi-skin .ae_products .product_price > .qw-ac-disc,
.ae_megaautocomplete.luigi-skin .ae_products .product_price > .product_price_old { order: 1; }
.ae_megaautocomplete.luigi-skin .ae_products .product_price > .product_price_new { order: 3; flex: 0 1 auto !important; }
.ae_megaautocomplete.luigi-skin .ae_products .ae_product_autocomplete--variants .product_price::after { content: ""; order: 4; flex: 0 0 var(--qw-var-w, 112px); height: 26px; margin-left: auto; }
.ae_megaautocomplete.luigi-skin .qw-ac-disc {
  padding: 1px 6px;
  border-radius: 4px;
  background: #cb0d05;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
.ae_megaautocomplete.luigi-skin .ae_products .rsel-ac-variants-btn {
  right: 10px !important;
  bottom: 10px !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0;
  height: 26px;
  padding: 0 4px 0 10px !important;
  border: 1px solid #d5e8cf !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #1a5c00 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.ae_megaautocomplete.luigi-skin .ae_products .rsel-ac-variants-btn:hover { border-color: #1d9001 !important; background: #f4fff0 !important; }
.ae_megaautocomplete.luigi-skin .ae_products .rsel-ac-variants-btn-label { font-size: 12px !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-var-go { font-size: 18px !important; }

/* produkty bez vlastného posúvania a bez zmršťovania — posúva sa celá hlavná časť */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products,
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-products { max-height: none !important; overflow: visible !important; flex: 0 0 auto !important; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-main > * { flex-shrink: 0; }
/* hlavná časť sa posúva sama (modul ju má overflow:hidden → pri nižšom okne by sa obsah orezal);
   spodný riadok s asistentom ostáva prilepený dole */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-main { min-height: 0 !important; overflow-y: auto !important; overscroll-behavior: contain; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-footrow { position: sticky; bottom: 0; z-index: 2; }

/* jeden spodný riadok: „Nevidíš, čo hľadáš?“ + pole asistenta + „Zobraziť všetky výsledky →“ */
.ae_megaautocomplete.luigi-skin .qw-ac-footrow {
  display: flex;
  align-items: center;
  gap: 12px 16px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e4e4e4;
  background: #fff;
}
.ae_megaautocomplete.luigi-skin .qw-ac-footrow > .rsel-ac-extra { flex: 1 1 auto; min-width: 0; margin: 0; }
.ae_megaautocomplete.luigi-skin .qw-ac-footrow > .rsel-ac-footer { flex: 0 0 auto; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-footrow > .rsel-ac-footer[hidden] { display: none !important; }
.ae_megaautocomplete.luigi-skin .qw-ac-footrow .rsel-ac-show-all-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  width: auto !important;
  height: 44px;
  margin: 0 !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  white-space: nowrap;
  text-transform: none !important;
  font-size: 14px !important;
}
.ae_megaautocomplete.luigi-skin .qw-ac-footrow .rsel-ac-show-all-btn::after { content: "→"; font-size: 16px; line-height: 1; }

/* varianty: bez podfarbeného rámu okolo (zbytočné vnorenie) — hlavička a riadky priamo v okne */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variants-view { border: 0 !important; border-radius: 0 !important; background: none !important; overflow: visible !important; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variants-list { gap: 8px; padding: 0 !important; overflow: visible !important; }

/* varianty: svetlá hlavička (Späť, obrázok, „Varianty (N)“, názov), riadky s cenou */
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-bar {
  display: flex !important;
  align-items: center;
  gap: 14px;
  margin: 0 0 12px !important;
  padding: 2px 0 14px !important; /* Späť a obrázok nesmú byť nalepené na hornom okraji */
  border: 0 !important;
  border-bottom: 1px solid #e4e4e4 !important;
  border-radius: 0 !important;
  background: none !important;
  color: #2e2e2e !important;
}
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-close { display: none !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-back {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 14px 0 10px !important;
  border: 1px solid #d5e8cf !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #1a5c00 !important;
  font-weight: 600 !important;
}
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-back:hover { border-color: #1d9001 !important; background: #f4fff0 !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-heading-img { width: 44px !important; height: 44px !important; object-fit: contain; border-radius: 6px; background: #fff; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-kicker { color: #6b6b6b !important; font-size: 12px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-kicker .material-icons,
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-kicker svg { display: none !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variants-name { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variant-row {
  display: flex !important;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 8px 12px !important;
  border: 1px solid #ebebeb !important;
  border-radius: 8px !important;
  background: #fff !important;
}
.ae_megaautocomplete.luigi-skin .rsel-ac-variant-row:hover { border-color: #c8e6c0 !important; background: #f4fff0 !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variant-row.is-current { border-color: #1d9001 !important; background: #f4fff0 !important; box-shadow: none !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variant-main { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variant-row .product_price {
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto !important;
  text-align: right;
}
.ae_megaautocomplete.luigi-skin .rsel-ac-variant-row .product_price_new { font-size: 16px !important; font-weight: 800 !important; }
.ae_megaautocomplete.luigi-skin .rsel-ac-variant-row .qw-ac-disc { display: none; }
/* (mobil: modul dáva cene plnú šírku riadka → balenie aj cena sa orežú) */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row { max-width: 100%; box-sizing: border-box; overflow: hidden; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row .rsel-ac-variant-main { flex: 1 1 auto !important; min-width: 0 !important; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row .rsel-ac-variant-label { white-space: nowrap; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row .product_price {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column;
  align-items: flex-end;
  width: auto !important;
  margin-left: auto !important;
}

/* Telefón (22.10.2026): vo vybranom variante sa štítok „Vo výsledkoch“ a dlhšia cena
   (napr. „161 560 Ft“) do jedného riadka nezmestia a balenie sa skráti na „1…“ →
   štítok ide pod balenie, cena ostáva vpravo cez oba riadky. */
@media (max-width: 600px) {
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    grid-template-areas: "thumb main price go" "thumb cur price go";
    column-gap: 12px;
    row-gap: 4px;
  }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row > .rsel-ac-variant-thumb { grid-area: thumb; align-self: center; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row > .rsel-ac-variant-main { grid-area: main; align-self: end; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row:not(.is-current) > .rsel-ac-variant-main { grid-row: 1 / span 2; align-self: center; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row > .rsel-ac-variant-current { grid-area: cur; justify-self: start; align-self: start; margin: 0 !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row > .product_price { grid-area: price; align-self: center; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-variant-row > .rsel-ac-variant-go { grid-area: go; align-self: center; }
}

/* ---------- mobil: Produkty → Kategórie → Značky → FAQ → Blog, asistent dole ---------- */
@media (max-width: 991px) {

  .ae_megaautocomplete.luigi-skin .qw-ac-catpills { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  .ae_megaautocomplete.luigi-skin .qw-ac-catpills::-webkit-scrollbar { display: none; }
  .ae_megaautocomplete.luigi-skin .qw-ac-catpill { flex: 0 0 auto; white-space: nowrap; }
  .ae_megaautocomplete.luigi-skin .qw-ac-brandslot .rsel-ac-sidebar-block.ae_m { padding: 14px 0 0 !important; border: 0 !important; overflow: visible; }
  .ae_megaautocomplete.luigi-skin .qw-ac-brandslot .ae_links { overflow: visible !important; max-height: none !important; }
  /* modul dáva bloku značiek a zoznamu flex: 1 1 0 (pružný stĺpec) → na mobile výška 0 a značky
     pretekali cez blok pod nimi; tu majú výšku podľa obsahu */
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-brandslot .rsel-ac-sidebar-block.ae_m,
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-brandslot .ae_links { flex: 0 0 auto !important; height: auto !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-extraslot .qw-ac-block { padding-top: 14px !important; }
  .ae_megaautocomplete.qw-ac--zero .qw-ac-brandslot,
  .ae_megaautocomplete.qw-ac--empty .qw-ac-brandslot { display: none; }
  .ae_megaautocomplete.luigi-skin .qw-ac-footrow {
    position: sticky;
    bottom: 0;
    z-index: 2;
    flex-direction: column;
    align-items: stretch;
    margin-top: 10px;
    padding: 10px 0 4px;
    box-shadow: 0 -8px 12px -10px rgba(0, 0, 0, .2);
  }
  .ae_megaautocomplete.luigi-skin .qw-ac-footrow .rsel-ac-show-all-btn { width: 100% !important; justify-content: center; }
  .ae_megaautocomplete.luigi-skin .ae_products .product_price { padding-right: 0; }
  .ae_megaautocomplete.luigi-skin .ae_products .rsel-ac-variants-btn { position: static !important; align-self: flex-start; margin: 4px 0 0 76px !important; }
}

/* ---------- mobil podľa oranžovej verzie (21.10.2026) ----------
   karty produktov ako samostatné biele karty, cena na vlastnom riadku,
   „N variantov ›“ vpravo dole; spodná časť: „Nevidíš, čo hľadáš?“ nad
   poľom asistenta (pole + odoslať v jednom riadku), pod tým tlačidlo na
   celú šírku — nič nepreteká */
@media (max-width: 991px) {
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products { display: flex !important; flex-direction: column; gap: 8px !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products > .ae_product_autocomplete {
    position: relative;
    min-height: 0;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
  }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products > .ae_product_autocomplete:last-child { border-bottom: 1px solid #ebebeb !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products .ae_product_autocomplete > a { align-items: flex-start; }
  /* (id: pravidlá elasticsearch-mobile.css sa načítavajú neskôr a majú !important) */
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products .product_price { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; min-height: 30px !important; width: auto !important; padding: 0 !important; }
  /* posledný blok končí nad prilepeným spodným riadkom (nič nepresvitá pod ním) */
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-main { padding-bottom: 0 !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products .product_price_new { flex: 0 1 auto !important; font-size: 17px !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products .ae_product_autocomplete--variants .product_name { padding-right: 0 !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_products .rsel-ac-variants-btn {
    position: absolute !important;
    right: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
  }

  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-footrow { gap: 10px; padding: 12px 0 calc(16px + env(safe-area-inset-bottom, 0px)); } /* pod poľom asistenta 16 px ako v oranžovej verzii */
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-footrow > .rsel-ac-extra { width: 100%; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-footrow > .rsel-ac-footer { width: 100%; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .qw-ac-footrow .rsel-ac-show-all-btn { width: 100% !important; justify-content: center; }
}

/* „Skús hľadať ako:“ — návrhy modulu hore nad produktmi, ako riadok pilulek (21.10.2026) */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-main > .rsel-ac-hints {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-main > .rsel-ac-hints[hidden] { display: none !important; }
.ae_megaautocomplete.qw-ac--zero .rsel-ac-hints, .ae_megaautocomplete.qw-ac--empty .rsel-ac-hints { display: none !important; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-hints-label { margin: 0 !important; color: #6b6b6b !important; font-size: 13px !important; font-weight: 600 !important; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_hints { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; } /* modul: padding-bottom 10px → nadpis nebol na strede pilulek */
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-hint {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  margin: 0 !important;
  padding: 0 12px 0 9px !important;
  border: 1px solid #d5e8cf !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #2e2e2e !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-hint::before { content: "search"; font-family: "Material Icons"; font-size: 16px; color: #8a8a8a; font-weight: 400; }
.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-hint:hover { border-color: #1d9001 !important; background: #f4fff0 !important; color: #1d9001 !important; }
@media (max-width: 991px) {
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-main > .rsel-ac-hints { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-bottom: 12px !important; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .ae_hints { flex-wrap: nowrap; }
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-hints-label,
  #rsel-search-widget.rsel-search-widget .ae_megaautocomplete.luigi-skin .rsel-ac-hint { flex: 0 0 auto; white-space: nowrap; }
}

/* 10. plávajúca lupa nad tlačidlom „hore“ (v jeho kontajneri → ten istý stĺpec,
   ukazuje sa spolu s ním). Rovnaký tvar a tieň ako „hore“, biela výplň
   a zelená ikona, aby sa od oranžového „hore“ odlíšila. */
#scroll-top-btn-container .qw-search-fab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #1d9001;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
  cursor: pointer;
  transition: transform .3s ease-in-out;
}
#scroll-top-btn-container .qw-search-fab .material-icons { font-size: 24px; }
@media (hover: hover) { #scroll-top-btn-container .qw-search-fab:hover { transform: scale(1.1); } }
#scroll-top-btn-container .qw-search-fab:focus-visible { outline: 2px solid #1d9001; outline-offset: 2px; }
/* viditeľnosť riadi qw-fabs-on (po odscrollovaní 1 výšky obrazovky), nie ich fadeIn/fadeOut */
#scroll-top-btn-container { display: block !important; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; }
html.qw-fabs-on #scroll-top-btn-container { opacity: 1; visibility: visible; }
/* počas hľadania netreba */
html.qw-search-mode #scroll-top-btn-container,
body.rsel-search-overlay-open #scroll-top-btn-container { visibility: hidden; }

/* ---------- 0.5.0 additions (not in the prototype file) ---------- */

/* count of products for screen readers (aria-live) */
.ae_megaautocomplete .qw-ac-live {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
/* the module renders "Cancel" with the box; it shows only in the desktop search mode */
.qw-sm-cancel[hidden] { display: none !important; }

/* Floating buttons ("to the top" + search) in one column above the assistant button: from the
   prototype's assistant layer (shoppingagent's launcher is 16 px from the right and the bottom,
   68 px high on tablets and desktops, a 50 px circle on phones). */
@media (max-width: 767px) {
  html body #scroll-top-btn-container { right: 12px !important; bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
  html body #scroll-top-btn-container .scroll-top-btn,
  html body #scroll-top-btn-container .qw-search-fab { box-shadow: 0 4px 12px rgba(0, 0, 0, .18); }
  html body #scroll-top-btn-container .qw-search-fab { margin-bottom: 12px; }
}
@media (min-width: 768px) {
  html body #scroll-top-btn-container { right: 16px !important; bottom: 100px !important; }
  html body #scroll-top-btn-container .qw-search-fab { margin-bottom: 12px; }
  html body #scroll-top-btn-container .scroll-top-btn,
  html body #scroll-top-btn-container .qw-search-fab { box-shadow: 0 4px 12px rgba(0, 0, 0, .18); }
}

/* iPhone: Safari zooms into a field with text under 16 px when it gets the focus */
@media (max-width: 991px) {
  html body .rsel-search-widget .ssa-search-query-input,
  html body #autocomplete_1 { font-size: 16px !important; }
}