/* =====================================================================
   AURI – VYHĽADÁVANIE (pole + našepkávač + inšpirácia)          v1.2
   Shoptet / Samba. Jediné miesto so vzhľadom vyhľadávania.
   Poloha poľa v hlavičke ostáva v auri-header.css.
   Dáta (produkty, ceny, fotky, kategórie, články) dodáva natívny
   našepkávač Shoptetu – tento súbor mení iba ich vzhľad.
   Odstránenie: zmaž odkaz na tento súbor v HTML kóde (záhlavie).
   ===================================================================== */

#header .search-widget{
  --as-gold:#AE8D3F;          /* primárna zlatá – akcenty, ikony */
  --as-gold-text:#87692A;     /* tmavšia zlatá pre drobný text (čitateľný kontrast) */
  --as-brown:#3B2A1E;         /* tmavohnedý text */
  --as-muted:#7A6A5A;         /* sekundárny text */
  --as-cream:#F8F3E8;
  --as-cream-soft:#FBF8F1;    /* hover riadku */
  --as-line:#EDE4D3;          /* oddeľovače */
  --as-border:#D9CCB0;        /* obrys poľa */
  --as-btn:90px;              /* šírka tlačidla „Hľadať“ (JS ju spresní) */
  overflow:visible;
}
#header .search-widget .search-widget-close{display:none}


/* ---------------------------------------------------------------------
   1. VYHĽADÁVACIE POLE
   --------------------------------------------------------------------- */
#header .search-widget .search-form-input-group{position:relative;display:block}

#header .search-widget .search-input{
  width:100%;height:48px;margin:0;padding:0 var(--as-btn) 0 46px;
  border:1px solid var(--as-border);border-radius:999px;box-shadow:none;box-sizing:border-box;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B2A1E' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") 18px center/18px no-repeat;
  color:var(--as-brown);font-size:15px;line-height:1.2;
  -webkit-appearance:none;appearance:none;
  transition:border-color .15s,box-shadow .15s}
#header .search-widget .search-input::placeholder{color:#8A7A6A;opacity:1}
#header .search-widget .search-input:hover{border-color:#C9B78F}
#header .search-widget .search-input:focus{border-color:var(--as-gold);box-shadow:0 0 0 3px rgba(174,141,63,.16);outline:none}
/* natívny krížik prehliadača nahrádza jednotné tlačidlo „Vymazať“ */
#header .search-widget .search-input::-webkit-search-cancel-button,
#header .search-widget .search-input::-webkit-search-decoration{-webkit-appearance:none;display:none}
/* pri zadanom texte je vpravo miesto aj pre „Vymazať“ */
#header .search-widget .auri-sw-has-value .search-input{padding-right:calc(var(--as-btn) + 34px)}

#header .search-widget .search-input-icon{display:none}

/* Tlačidlo „Hľadať“ */
#header .search-widget .search-button{
  display:block;position:absolute;top:5px;right:5px;bottom:5px;z-index:2;
  height:auto;min-height:0;margin:0;padding:0 20px;
  border:0;border-radius:999px;background:var(--as-brown);box-shadow:none;
  color:#fff;font-size:14px;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:none;cursor:pointer;
  transition:background-color .15s}
#header .search-widget .search-button:hover,
#header .search-widget .search-button:focus-visible{background:var(--as-gold);color:#fff}
#header .search-widget .search-button:focus-visible{outline:2px solid var(--as-brown);outline-offset:2px}

/* Tlačidlo „Vymazať“ (vkladá auri-search.js) */
#header .search-widget .auri-sw-clear{
  display:none;position:absolute;top:50%;right:calc(var(--as-btn) - 2px);z-index:2;
  width:32px;height:32px;margin:-16px 0 0;padding:0;
  border:0;border-radius:50%;background:transparent;box-shadow:none;
  color:var(--as-muted);cursor:pointer;align-items:center;justify-content:center}
#header .search-widget .auri-sw-has-value .auri-sw-clear{display:flex}
#header .search-widget .auri-sw-clear:hover{background:var(--as-cream);color:var(--as-brown)}
#header .search-widget .auri-sw-clear:focus-visible{outline:2px solid var(--as-gold);outline-offset:0}
#header .search-widget .auri-sw-clear svg{width:14px;height:14px;display:block}

@media (min-width:768px) and (max-width:1279px){
  #header .search-widget .search-button{padding:0 16px}
}


/* ---------------------------------------------------------------------
   2. PANEL VÝSLEDKOV (natívny .searchWhisperer)
   --------------------------------------------------------------------- */
#header .search-widget .searchWhisperer{display:none}
#header .search-widget .searchWhisperer.active{
  display:block;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1003;
  width:auto;min-width:0;max-width:none;
  max-height:var(--auri-sw-max,min(520px, calc(100vh - 190px)));
  margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:#fff;border:1px solid var(--as-line);border-radius:16px;
  box-shadow:0 18px 40px -14px rgba(59,42,30,.24),0 2px 8px rgba(59,42,30,.06);
  color:var(--as-brown);text-align:left}
/* na širšom monitore môže byť panel o kúsok širší než pole (zarovnaný vľavo) */
@media (min-width:992px){
  #header .search-widget .searchWhisperer.active{right:auto;width:max(100%, 440px)}
}

/* Nadpisy sekcií – drobné, nie dominantné */
#header .search-widget .searchWhisperer h3{
  display:block;margin:0;border:0;background:none;
  font-family:inherit;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;
  color:var(--as-gold-text);text-align:left}

/* 2a. Produkty */
#header .search-widget .searchWhisperer__products{
  display:block;flex:none;width:auto;max-width:none;margin:0;padding:14px 0 4px;background:none;border:0}
#header .search-widget .searchWhisperer__products__heading{padding:0 20px 6px}
#header .search-widget .searchWhisperer__products__list{display:block;margin:0;padding:0;list-style:none}
#header .search-widget .searchWhisperer__products__listItem{
  display:block;flex:none;width:auto;max-width:none;margin:0;padding:0;border:0;background:none}
#header .search-widget .searchWhisperer__products__listItem::before{content:none}
#header .search-widget .searchWhisperer__products__listItem + .searchWhisperer__products__listItem .searchWhisperer__product{
  box-shadow:inset 0 1px 0 var(--as-line)}

/* Celý riadok je odkaz na produkt */
#header .search-widget .searchWhisperer__product{
  display:grid;grid-template-columns:76px auto minmax(0,1fr) 16px;
  grid-template-areas:"img name name arrow" "img price avail arrow";
  grid-template-rows:auto auto;align-content:center;column-gap:14px;row-gap:5px;
  min-height:100px;margin:0;padding:12px 20px;box-sizing:border-box;
  background:none;border:0;border-radius:0;color:var(--as-brown);text-decoration:none;
  transition:background-color .15s}
#header .search-widget .searchWhisperer__product:hover{background:var(--as-cream-soft);text-decoration:none}
#header .search-widget .searchWhisperer__product:focus-visible{background:var(--as-cream-soft);outline:2px solid var(--as-gold);outline-offset:-2px}
/* jemná šípka namiesto tlačidla „Detail“ */
#header .search-widget .searchWhisperer__product::after{
  content:"";grid-area:arrow;align-self:center;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23AE8D3F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform .15s}
#header .search-widget .searchWhisperer__product:hover::after{transform:translateX(2px)}

/* Fotka */
#header .search-widget .searchWhisperer__product__image{
  grid-area:img;align-self:center;display:flex;align-items:center;justify-content:center;
  width:76px;height:76px;flex:none;margin:0;padding:0;overflow:hidden;
  background:#fff;border:1px solid var(--as-line);border-radius:10px;box-sizing:border-box}
#header .search-widget .searchWhisperer__product__image img{
  display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:4px;box-sizing:border-box;
  object-fit:contain}

/* Názov, cena, dostupnosť – infoWrapper sa „rozpustí“ do mriežky */
#header .search-widget .searchWhisperer__product__infoWrapper{display:contents}
#header .search-widget .searchWhisperer__product__name{
  grid-area:name;align-self:end;margin:0;padding:0;
  font-size:15px;font-weight:700;line-height:1.35;color:var(--as-brown);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  overflow-wrap:break-word;word-break:normal;white-space:normal}
#header .search-widget .searchWhisperer__product__price{
  grid-area:price;align-self:start;justify-self:start;margin:0;padding:0;text-align:left;
  font-size:15px;font-weight:700;line-height:1.35;color:var(--as-brown);white-space:nowrap}
#header .search-widget .searchWhisperer__product__availability{
  grid-area:avail;align-self:start;min-width:0;margin:0;padding:0;
  font-size:12.5px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#header .search-widget .searchWhisperer__product__availability .availability-label{font-weight:400}
/* „Do košíka“ / „Detail“ v riadku nezobrazujeme – riadok vedie na detail produktu */
#header .search-widget .searchWhisperer__product__cart{display:none}

/* 2b. Kategórie a články */
#header .search-widget .searchWhisperer__additionalResults{
  display:block;flex:none;width:auto;max-width:none;margin:4px 0 0;padding:14px 20px 12px;
  background:var(--as-cream);border:0;border-top:1px solid var(--as-line)}
#header .search-widget .searchWhisperer__additionalResults__heading{padding:0 0 8px}
#header .search-widget .searchWhisperer__additionalResults__list + .searchWhisperer__additionalResults__heading{padding-top:12px}
#header .search-widget .searchWhisperer__additionalResults__list{margin:0;padding:0;list-style:none}
#header .search-widget .searchWhisperer__additionalResults__listItem{margin:0;padding:0;border:0;background:none}
#header .search-widget .searchWhisperer__additionalResults__listItem::before{content:none}
#header .search-widget .searchWhisperer__additionalResults__listItem > i{display:none}
/* kategórie ako jemné „pilulky“ */
#header .search-widget .searchWhisperer__additionalResults__list--category{display:flex;flex-wrap:wrap;gap:8px}
#header .search-widget .searchWhisperer__additionalResults__list--category .searchWhisperer__additionalResults__link{
  display:inline-flex;align-items:center;min-height:34px;padding:6px 14px;box-sizing:border-box;
  background:#fff;border:1px solid #E3D6BC;border-radius:999px;
  font-size:13.5px;line-height:1.25;color:var(--as-brown);text-decoration:none;transition:border-color .15s,color .15s}
#header .search-widget .searchWhisperer__additionalResults__list--category .searchWhisperer__additionalResults__link:hover{border-color:var(--as-gold);color:var(--as-gold-text)}
/* články ako jednoduché riadky */
#header .search-widget .searchWhisperer__additionalResults__list--article .searchWhisperer__additionalResults__link{
  display:block;padding:7px 0;font-size:14px;line-height:1.4;color:var(--as-brown);text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#header .search-widget .searchWhisperer__additionalResults__list--article .searchWhisperer__additionalResults__link:hover{color:var(--as-gold-text);text-decoration:underline;text-underline-offset:3px}
#header .search-widget .searchWhisperer__additionalResults__link:focus-visible{outline:2px solid var(--as-gold);outline-offset:2px}

/* 2c. „Zobraziť všetky výsledky →“ – vždy na spodku panela */
#header .search-widget .searchWhisperer__buttonWrapper{
  position:sticky;bottom:0;z-index:1;display:block;width:auto;margin:0;padding:0;
  background:#fff;border-top:1px solid var(--as-line)}
#header .search-widget .searchWhisperer__button{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin:0;padding:0 20px;
  background:#fff;border:0;border-radius:0;box-shadow:none;
  font-family:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:none;
  color:var(--as-gold-text);cursor:pointer;transition:background-color .15s}
#header .search-widget .searchWhisperer__button::after{content:"→";font-weight:400;font-size:16px;pointer-events:none}
#header .search-widget .searchWhisperer__button:hover{background:var(--as-cream-soft);color:var(--as-brown)}
#header .search-widget .searchWhisperer__button:focus-visible{outline:2px solid var(--as-gold);outline-offset:-2px}

/* 2d. Načítavanie */
#header .search-widget .searchWhisperer__loaderWrapper{
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:0;padding:22px 20px;
  font-size:13.5px;color:var(--as-muted)}
#header .search-widget .searchWhisperer__loaderWrapper::after{content:"Hľadám…"}
#header .search-widget .searchWhisperer__loaderWrapper .loader{
  position:static;flex:none;width:18px;height:18px;margin:0;padding:0;
  background:none;border:2px solid #EADFC9;border-top-color:var(--as-gold);border-radius:50%;
  transform:none;animation:auri-sw-spin .8s linear infinite}
#header .search-widget .searchWhisperer__loaderWrapper .loader::before,
#header .search-widget .searchWhisperer__loaderWrapper .loader::after{display:none}
@keyframes auri-sw-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  #header .search-widget .searchWhisperer__loaderWrapper .loader{animation-duration:2.4s}
  #header .search-widget .searchWhisperer__product,
  #header .search-widget .searchWhisperer__product::after{transition:none}
}

/* 2e. Nič sa nenašlo */
#header .search-widget .searchWhisperer__content--empty{
  display:block;margin:0;padding:24px 22px;background:none;border:0;
  font-size:15px;font-weight:700;line-height:1.4;text-align:center;color:var(--as-brown)}
#header .search-widget .searchWhisperer__content--empty::after{
  content:"Skús kratší výraz, iný tvar slova alebo kód produktu.";
  display:block;margin-top:6px;font-size:13.5px;font-weight:400;color:var(--as-muted)}

/* Tlačidlo „Zavrieť výsledky“ (mobil a tablet, vkladá auri-search.js) */
#header .search-widget .auri-sw-close{display:none}

/* Text pre čítačky obrazovky */
#header .search-widget .auri-sw-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


/* ---------------------------------------------------------------------
   3. MOBIL A TABLET (do 991 px)
   --------------------------------------------------------------------- */
@media (max-width:991px){
  /* Samba pole na tablete centruje a obmedzuje na 640 px – panel rovnako */
  #header .search-widget .searchWhisperer.active{top:calc(100% + 6px);max-width:640px;margin:0 auto;border-radius:14px}
  #header .search-widget .searchWhisperer__products__heading{padding-right:56px}
  #header .search-widget .searchWhisperer.active ~ .auri-sw-close,
  #header .search-widget .auri-insp.is-open ~ .auri-sw-close{
    display:flex;align-items:center;justify-content:center;position:absolute;top:calc(100% + 12px);right:calc(max(0px, (100% - 640px) / 2) + 8px);z-index:1004;
    width:36px;height:36px;margin:0;padding:0;
    background:#fff;border:1px solid var(--as-line);border-radius:50%;box-shadow:0 2px 8px rgba(59,42,30,.10);
    color:var(--as-brown);cursor:pointer}
  #header .search-widget .auri-sw-close svg{width:14px;height:14px;display:block}
  #header .search-widget .auri-sw-close:focus-visible{outline:2px solid var(--as-gold);outline-offset:2px}
}

@media (max-width:767px){
  /* pole: lupa je v tlačidle, preto text začína hneď vľavo */
  #header .search-widget{--as-btn:50px}
  #header .search-widget .search-input{height:46px;padding:0 var(--as-btn) 0 16px;background-image:none;font-size:16px}
  #header .search-widget .search-button{
    top:4px;right:4px;bottom:4px;width:38px;padding:0;font-size:0;color:transparent;
    background:var(--as-brown) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center/18px no-repeat}
  #header .search-widget .search-button:hover,
  #header .search-widget .search-button:focus-visible{background-color:var(--as-gold);color:transparent}
  #header .search-widget .auri-sw-clear{width:36px;height:36px;margin-top:-18px;right:calc(var(--as-btn) - 4px)}

  /* panel na celú šírku, väčšie dotykové plochy */
  #header .search-widget .searchWhisperer__products{padding-top:14px}
  #header .search-widget .searchWhisperer__products__heading{padding-left:16px}
  #header .search-widget .searchWhisperer__product{
    grid-template-columns:64px auto minmax(0,1fr) 14px;column-gap:12px;min-height:88px;padding:12px 16px}
  #header .search-widget .searchWhisperer__product__image{width:64px;height:64px}
  #header .search-widget .searchWhisperer__product::after{width:14px;height:14px;background-size:14px}
  #header .search-widget .searchWhisperer__additionalResults{padding:14px 16px 12px}
  #header .search-widget .searchWhisperer__additionalResults__list--article .searchWhisperer__additionalResults__link{padding:10px 0;white-space:normal}
  #header .search-widget .searchWhisperer__button{height:52px}
}

/* veľmi úzke mobily: dostupnosť pod cenu, aby sa nič neorezalo */
@media (max-width:359px){
  #header .search-widget .searchWhisperer__product{
    grid-template-columns:56px minmax(0,1fr) 14px;
    grid-template-areas:"img name arrow" "img price arrow" "img avail arrow"}
  #header .search-widget .searchWhisperer__product__image{width:56px;height:56px}
}

/* ---------------------------------------------------------------------
   4. INŠPIRÁCIA PRI PRÁZDNOM POLI (v1.1)
   Rovnaký vizuálny jazyk ako megamenu: drobné zlaté nadpisy, PT Serif,
   biele plochy, jemná ružová pri prejdení, zaoblenie 8 px.
   Obsah (kategórie, odkazy, produkty) sa nastavuje v bloku
   window.AURI_SEARCH_INSP v HTML kóde (Zápätie).
   --------------------------------------------------------------------- */
#header .search-widget .auri-insp{
  --ai-pink:var(--auri-pink,#FBEFF1);
  --ai-gold-dark:var(--auri-gold-dark,#8C6F2C);
  --ai-cream:#FBF8F1;
  --ai-skel:#F3ECDD;
  /* ikonky – rovnaká kresba ako v megamenu */
  --ai-i-prsten:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='14.5' r='6'/%3E%3Cpath d='M9.5 8.8 8.5 5.5 10 3.5h4l1.5 2-1 3.3'/%3E%3C/svg%3E");
  --ai-i-nahrdelnik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.5c0 6 3 9.5 7 9.5s7-3.5 7-9.5'/%3E%3Cpath d='M12 13v1.2'/%3E%3Cpath d='M12 14.2l2.6 2.6L12 20.5l-2.6-3.7z'/%3E%3C/svg%3E");
  --ai-i-naramok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3'%3E%3Cellipse cx='12' cy='12' rx='8.5' ry='5.5'/%3E%3Cellipse cx='12' cy='12' rx='6' ry='3.5'/%3E%3C/svg%3E");
  --ai-i-nausnice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.6a1.5 1.5 0 0 1 3 0c0 1-1.5 1.3-1.5 2.6v2'/%3E%3Cpath d='M8.5 9.2c-1.9 2.5-2.9 4.2-2.9 5.7a2.9 2.9 0 0 0 5.8 0c0-1.5-1-3.2-2.9-5.7z'/%3E%3Cpath d='M14 4.6a1.5 1.5 0 0 1 3 0c0 1-1.5 1.3-1.5 2.6v2'/%3E%3Cpath d='M15.5 9.2c-1.9 2.5-2.9 4.2-2.9 5.7a2.9 2.9 0 0 0 5.8 0c0-1.5-1-3.2-2.9-5.7z'/%3E%3C/svg%3E");
  --ai-i-darcek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8.5' width='17' height='4' rx='.8'/%3E%3Cpath d='M5 12.5v7.2c0 .4.3.8.8.8h12.4c.5 0 .8-.4.8-.8v-7.2M12 8.5v12'/%3E%3Cpath d='M12 8.5C10.6 5.4 7.4 4.6 7 6.4c-.4 1.7 2.6 2.1 5 2.1zM12 8.5c1.4-3.1 4.6-3.9 5-2.1.4 1.7-2.6 2.1-5 2.1z'/%3E%3C/svg%3E");
  --ai-i-hviezda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='m12 3.5 2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E");
  --ai-i-meter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='8' width='19' height='8' rx='1.2'/%3E%3Cpath d='M6 8v3M9.5 8v2M13 8v3M16.5 8v2M20 8v3'/%3E%3C/svg%3E");
  --ai-i-iskra:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M11 3.5l1.6 4.9 4.9 1.6-4.9 1.6L11 16.5l-1.6-4.9L4.5 10l4.9-1.6z'/%3E%3Cpath d='M18 14.5l.7 2 2 .7-2 .7-.7 2-.7-2-2-.7 2-.7z'/%3E%3C/svg%3E");
  --ai-i-detske:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M12 19.5s-7.5-4.5-7.5-9.6A3.9 3.9 0 0 1 12 8a3.9 3.9 0 0 1 7.5 1.9c0 5.1-7.5 9.6-7.5 9.6z'/%3E%3C/svg%3E");
  --ai-i-kniha:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5c2.7-.9 5.4-.6 8 1 2.6-1.6 5.3-1.9 8-1v13c-2.7-.9-5.4-.6-8 1-2.6-1.6-5.3-1.9-8-1z'/%3E%3Cpath d='M12 6.5v13'/%3E%3C/svg%3E");
  --ai-i-sperk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AE8D3F' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M7 5h10l4 5-9 10L3 10z'/%3E%3Cpath d='M3 10h18M9.5 5 8 10l4 10 4-10-1.5-5'/%3E%3C/svg%3E");
  display:none}
#header .search-widget .auri-insp.is-open{
  display:grid;position:absolute;top:calc(100% + 8px);left:50%;z-index:1003;
  width:min(940px, calc(100vw - 48px));transform:translateX(-50%);
  grid-template-columns:240px minmax(0,1fr) minmax(0,1.3fr);
  grid-template-rows:auto 1fr;
  grid-template-areas:"cats tip fav" "links tip fav";
  max-height:var(--auri-sw-max,min(560px, calc(100vh - 190px)));
  margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:#fff;border:1px solid var(--as-line);border-radius:16px;
  box-shadow:0 18px 40px -14px rgba(59,42,30,.24),0 2px 8px rgba(59,42,30,.06);
  color:var(--as-brown);text-align:left;font-family:'PT Serif',serif}

#header .search-widget .auri-insp__block{min-width:0;margin:0;padding:22px 24px;box-sizing:border-box}
#header .search-widget .auri-insp__block[hidden]{display:none}
#header .search-widget .auri-insp__block--cats{grid-area:cats;padding-bottom:8px;background:var(--ai-cream)}
#header .search-widget .auri-insp__block--links{grid-area:links;padding-top:12px;background:var(--ai-cream)}
#header .search-widget .auri-insp__block--tip{grid-area:tip;border-left:1px solid var(--as-line)}
#header .search-widget .auri-insp__block--fav{grid-area:fav;border-left:1px solid var(--as-line)}

#header .search-widget .auri-insp__kicker{
  margin:0 0 12px;padding:0;font-family:inherit;font-size:11px;font-weight:700;line-height:1.4;
  letter-spacing:.14em;text-transform:uppercase;color:var(--as-gold)}

/* kategórie – riadky s ikonkou ako v megamenu */
#header .search-widget .auri-insp ul{margin:0;padding:0;list-style:none}
#header .search-widget .auri-insp li{margin:0;padding:0;border:0;background:none}
#header .search-widget .auri-insp li::before{content:none}
#header .search-widget .auri-insp__cats{display:grid;gap:2px}
#header .search-widget .auri-insp__cat{
  display:flex;align-items:center;gap:12px;margin:0 -10px;padding:7px 10px;border-radius:8px;
  font-size:15px;line-height:1.3;color:var(--as-brown);text-decoration:none;transition:background-color .15s,color .15s}
#header .search-widget .auri-insp__cat .auri-insp__ico{
  flex:none;width:36px;height:36px;border-radius:50%;background:#fff center/20px no-repeat;border:1px solid var(--as-line);box-sizing:border-box}
#header .search-widget .auri-insp__cat:hover,
#header .search-widget .auri-insp__cat:focus-visible{background:var(--ai-pink);color:var(--ai-gold-dark);text-decoration:none}
#header .search-widget .auri-insp__cat:focus-visible{outline:2px solid var(--as-gold);outline-offset:0}

/* odkazy „Inšpiruj sa“ */
#header .search-widget .auri-insp__links{display:grid;gap:2px}
#header .search-widget .auri-insp__link{
  display:flex;align-items:center;gap:10px;padding:6px 0;
  font-size:14px;line-height:1.35;color:var(--as-brown);text-decoration:none}
#header .search-widget .auri-insp__link .auri-insp__ico{flex:none;width:20px;height:20px;background:center/18px no-repeat}
#header .search-widget .auri-insp__link:hover,
#header .search-widget .auri-insp__link:focus-visible{color:var(--ai-gold-dark)}
#header .search-widget .auri-insp__link:hover .auri-insp__label{text-decoration:underline;text-underline-offset:3px}
#header .search-widget .auri-insp__link:focus-visible{outline:2px solid var(--as-gold);outline-offset:2px;border-radius:4px}

#header .search-widget .auri-insp [data-ico="prsten"] .auri-insp__ico{background-image:var(--ai-i-prsten)}
#header .search-widget .auri-insp [data-ico="nahrdelnik"] .auri-insp__ico{background-image:var(--ai-i-nahrdelnik)}
#header .search-widget .auri-insp [data-ico="naramok"] .auri-insp__ico{background-image:var(--ai-i-naramok)}
#header .search-widget .auri-insp [data-ico="nausnice"] .auri-insp__ico{background-image:var(--ai-i-nausnice)}
#header .search-widget .auri-insp [data-ico="darcek"] .auri-insp__ico{background-image:var(--ai-i-darcek)}
#header .search-widget .auri-insp [data-ico="hviezda"] .auri-insp__ico{background-image:var(--ai-i-hviezda)}
#header .search-widget .auri-insp [data-ico="meter"] .auri-insp__ico{background-image:var(--ai-i-meter)}
#header .search-widget .auri-insp [data-ico="iskra"] .auri-insp__ico{background-image:var(--ai-i-iskra)}
#header .search-widget .auri-insp [data-ico="detske"] .auri-insp__ico{background-image:var(--ai-i-detske)}
#header .search-widget .auri-insp [data-ico="kniha"] .auri-insp__ico{background-image:var(--ai-i-kniha)}
#header .search-widget .auri-insp [data-ico="sperk"] .auri-insp__ico,
#header .search-widget .auri-insp [data-ico=""] .auri-insp__ico{background-image:var(--ai-i-sperk)}

/* produktové karty – ako karty v megamenu */
#header .search-widget .auri-insp__prod{
  display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;
  color:var(--as-brown);text-decoration:none;background:none}
#header .search-widget .auri-insp__img{
  display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px;
  background:#fff;border:1px solid var(--as-line);box-sizing:border-box}
#header .search-widget .auri-insp__img img{
  display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;transition:transform .3s ease}
#header .search-widget .auri-insp__prod:hover .auri-insp__img img{transform:scale(1.03)}
#header .search-widget .auri-insp__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
#header .search-widget .auri-insp__name{
  font-size:15px;line-height:1.3;color:var(--as-brown);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#header .search-widget .auri-insp__price{font-size:16px;font-weight:700;line-height:1.3;color:var(--ai-gold-dark)}
#header .search-widget .auri-insp__more{margin-top:4px;font-size:13px;color:var(--ai-gold-dark)}
#header .search-widget .auri-insp__prod:hover .auri-insp__name{color:var(--ai-gold-dark)}
#header .search-widget .auri-insp__prod:hover .auri-insp__more{text-decoration:underline;text-underline-offset:3px}
#header .search-widget .auri-insp__prod:focus-visible{outline:2px solid var(--as-gold);outline-offset:4px;border-radius:8px}
#header .search-widget .auri-insp__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
#header .search-widget .auri-insp__grid .auri-insp__name{font-size:14px}
#header .search-widget .auri-insp__grid .auri-insp__price{font-size:15px}
#header .search-widget .auri-insp__grid .auri-insp__prod{gap:10px}
/* načítavanie – rovnaký rozmer ako hotová karta */
#header .search-widget .auri-insp__prod--skel .auri-insp__img{background:var(--ai-skel);border-color:var(--ai-skel)}
#header .search-widget .auri-insp__bar{display:block;height:10px;border-radius:5px;background:var(--ai-skel)}
#header .search-widget .auri-insp__bar + .auri-insp__bar{width:55%}

/* bez produktov (vypnuté alebo nedostupné): iba odkazy */
#header .search-widget .auri-insp.auri-insp--noprod.is-open{
  width:min(560px, calc(100vw - 48px));grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"cats links"}
#header .search-widget .auri-insp--noprod .auri-insp__block--links{padding-top:22px}

@media (prefers-reduced-motion:reduce){
  #header .search-widget .auri-insp__img img{transition:none}
  #header .search-widget .auri-insp__prod:hover .auri-insp__img img{transform:none}
}

/* tablet: dva stĺpce, obľúbené šperky v riadku pod nimi */
@media (min-width:768px) and (max-width:991px){
  #header .search-widget .auri-insp.is-open{
    top:calc(100% + 6px);left:0;right:0;width:auto;max-width:640px;margin:0 auto;transform:none;border-radius:14px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;
    grid-template-areas:"cats tip" "links tip" "fav fav"}
  #header .search-widget .auri-insp__block--cats .auri-insp__kicker{padding-right:44px}
  #header .search-widget .auri-insp__block--fav{border-left:0;border-top:1px solid var(--as-line)}
  #header .search-widget .auri-insp__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  #header .search-widget .auri-insp__block--tip .auri-insp__img{max-width:240px}
  #header .search-widget .auri-insp.auri-insp--noprod.is-open{width:auto}
}

/* mobil: kategórie → tip + 1 obľúbený šperok → inšpirácia */
@media (max-width:767px){
  #header .search-widget .auri-insp.is-open{
    top:calc(100% + 6px);left:0;right:0;width:auto;transform:none;border-radius:14px;
    grid-template-columns:minmax(0,1fr);grid-template-rows:auto;
    grid-template-areas:"cats" "tip" "fav" "links"}
  #header .search-widget .auri-insp.auri-insp--noprod.is-open{width:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"cats" "links"}
  #header .search-widget .auri-insp__block{padding:14px 16px}
  #header .search-widget .auri-insp__block--cats{background:#fff;padding-bottom:6px}
  #header .search-widget .auri-insp__block--cats .auri-insp__kicker{padding-right:48px;line-height:36px;margin-bottom:6px}
  #header .search-widget .auri-insp__cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  /* nepárny počet kategórií: posledná dlaždica cez celú šírku */
  #header .search-widget .auri-insp__cats > li:last-child:nth-child(odd){grid-column:1 / -1}
  #header .search-widget .auri-insp__cat{
    margin:0;min-height:52px;padding:7px 10px;gap:10px;border:1px solid var(--as-line);border-radius:12px;background:#fff;font-size:15px}
  #header .search-widget .auri-insp__cat .auri-insp__ico{width:34px;height:34px;background-color:var(--ai-cream)}
  #header .search-widget .auri-insp__cat:active{background:var(--ai-pink)}

  /* produkty ako vodorovné karty */
  #header .search-widget .auri-insp__block--tip,
  #header .search-widget .auri-insp__block--fav{border-left:0}
  #header .search-widget .auri-insp__block--tip{padding-bottom:6px}
  #header .search-widget .auri-insp__block--fav{padding-top:6px}
  #header .search-widget .auri-insp__block--fav .auri-insp__kicker{display:none}
  #header .search-widget .auri-insp__grid{grid-template-columns:minmax(0,1fr);gap:0}
  #header .search-widget .auri-insp__grid > :nth-child(n+2){display:none}
  #header .search-widget .auri-insp__prod{
    display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;
    min-height:100px;padding:8px 0}
  #header .search-widget .auri-insp__prod .auri-insp__img{width:84px}
  #header .search-widget .auri-insp__grid .auri-insp__prod{gap:14px;border-top:1px solid var(--as-line);padding-top:14px}
  #header .search-widget .auri-insp__grid .auri-insp__name{font-size:15px}

  /* inšpirácia – riadky so šípkou */
  #header .search-widget .auri-insp__block--links{padding:12px 16px 10px}
  #header .search-widget .auri-insp__links{gap:0}
  #header .search-widget .auri-insp__link{min-height:48px;padding:6px 0;font-size:15px}
  #header .search-widget .auri-insp__links li + li .auri-insp__link{border-top:1px solid var(--as-line)}
  #header .search-widget .auri-insp__link::after{
    content:"";flex:none;width:14px;height:14px;margin-left:auto;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23AE8D3F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5'/%3E%3C/svg%3E") center/14px no-repeat}
}
/* ========================= koniec AURI VYHĽADÁVANIE ======================== */