/* Aurora 1.0.258 — reliable native WooCommerce instant search, header preserved. */
body .aurora-header:has(.vg-smart-results:not([hidden])){z-index:2001}
body .aurora-search{position:relative;overflow:visible!important}
/* Older theme CSS forces overflow:hidden on .aurora-search:focus-within.
   Override that *focused* state as well, otherwise the live results render in
   the DOM but are clipped at the search pill whenever customers type. */
body .aurora-header #vg-site-search.aurora-search,
body .aurora-header #vg-site-search.aurora-search:focus,
body .aurora-header #vg-site-search.aurora-search:focus-within{
  overflow:visible!important;
}
/* Keep the search field fully interactive and the dropdown above page content. */
body .aurora-header .aurora-search input[name="s"]{position:relative;z-index:1;pointer-events:auto!important;cursor:text}
body .aurora-header .aurora-search button.vg-smart-trigger{position:relative;z-index:1;cursor:pointer}
body .aurora-header .vg-smart-results{pointer-events:auto!important}
body .aurora-search .vg-smart-results[hidden]{display:none!important}
body .aurora-search .vg-smart-results{
  display:block;position:absolute;top:calc(100% + 10px);left:0;right:0;
  z-index:3000;max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain;
  background:#F7F4EE;border:1px solid #C9BBA7;border-radius:12px;
  box-shadow:0 18px 42px rgba(23,45,56,.15);
  color:#172D38;text-align:left;padding:8px;
}
.vg-smart-results-body{display:flex;flex-direction:column;gap:2px}
.vg-smart-kicker{font:700 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#536D60;padding:10px 10px 6px;margin:0}
.vg-smart-product,.vg-smart-category,.vg-smart-view-all{
  display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none!important;
  padding:8px 10px;color:#172D38!important;border-radius:7px;transition:background .15s ease;
}
.vg-smart-product:hover,.vg-smart-category:hover,.vg-smart-view-all:hover,
.vg-smart-product.is-keyboard-active,.vg-smart-category.is-keyboard-active,.vg-smart-view-all.is-keyboard-active{
  background:#E7E0D4;outline:none;
}
.vg-smart-product:focus-visible,.vg-smart-category:focus-visible,.vg-smart-view-all:focus-visible{
  outline:2px solid #B59A67;outline-offset:-2px;
}
.vg-smart-thumbnail{width:48px;height:48px;flex:0 0 48px;border-radius:5px;background:#E7E0D4;overflow:hidden;display:flex;align-items:center;justify-content:center}
.vg-smart-thumbnail img{width:100%;height:100%;object-fit:contain;background:#F7F4EE}
.vg-smart-placeholder{font-size:20px;color:#829789}
.vg-smart-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.vg-smart-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:500 13px/1.4 Georgia,serif}
.vg-smart-stock{font:400 10px/1.3 Inter,Arial,sans-serif;color:#536D60}
.vg-smart-stock.is-unavailable{color:#9A7569}
.vg-smart-price{font:700 12px/1.35 Inter,Arial,sans-serif;flex:0 0 auto;max-width:33%;text-align:right}
.vg-smart-category{font:500 12px/1.35 Inter,Arial,sans-serif}
.vg-smart-category::before{content:'↗';font-size:16px;color:#B59A67}
.vg-smart-view-all{margin:7px 1px 1px;background:#172D38;color:#F7F4EE!important;justify-content:space-between;font:600 12px/1.5 Inter,Arial,sans-serif;padding:12px}
.vg-smart-view-all:hover,.vg-smart-view-all.is-keyboard-active{background:#294450;color:#fff!important}
.vg-smart-view-all::after{content:'→';font-size:17px}
.vg-smart-status{margin:0;padding:8px 10px;font:400 12px/1.5 Inter,Arial,sans-serif;color:#52636A}
.vg-smart-status:empty{display:none}
.vg-smart-correction{padding:8px 10px;color:#52636A;font:400 12px/1.5 Inter,Arial,sans-serif}
.vg-smart-correction strong{color:#172D38}
.vg-smart-mobile-heading,.aurora-search .vg-smart-mobile-close{display:none!important}

@media(max-width:1000px){
  body.vg-smart-search-open{overflow:hidden!important}
  body.vg-smart-search-open .aurora-header{z-index:99999!important;backdrop-filter:none!important}
  body .aurora-search.is-mobile-open{
    display:flex!important;position:fixed!important;inset:0!important;
    width:100%!important;height:100vh!important;height:100dvh!important;
    max-width:none!important;min-height:0!important;border-radius:0!important;
    background:#F7F4EE!important;box-shadow:none!important;
    padding:72px 18px 0!important;align-items:flex-start!important;justify-content:flex-start!important;
    z-index:99999!important;transform:none;overflow:visible!important;
  }
  body .aurora-search.is-mobile-open .vg-smart-mobile-heading{
    display:block!important;position:absolute;top:20px;left:18px;
    font:500 20px/1.4 Georgia,serif;color:#172D38;
  }
  body .aurora-search.is-mobile-open .vg-smart-mobile-close{
    display:flex!important;position:absolute;right:18px;top:14px;
    align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px!important;
    padding:0!important;background:transparent!important;color:#172D38!important;
    border:1px solid #C9BBA7!important;border-radius:50%!important;font-size:25px!important;line-height:1!important;
  }
  body .aurora-search.is-mobile-open input[name="s"]{
    box-sizing:border-box;width:100%!important;min-width:0;height:49px!important;flex:1 1 auto;
    border:1px solid #C9BBA7!important;border-radius:8px!important;
    background:#fff!important;padding:0 52px 0 14px!important;font-size:15px!important;
  }
  body .aurora-search.is-mobile-open button[type="submit"]{
    position:absolute!important;top:79px;right:26px;width:34px!important;height:34px!important;
    min-width:34px!important;border-radius:50%!important;
  }
  body .aurora-search.is-mobile-open .vg-smart-results{
    top:135px;left:18px;right:18px;bottom:calc(16px + env(safe-area-inset-bottom,0px));
    max-height:none;height:auto;border:0;border-top:1px solid #E7E0D4;
    box-shadow:none;background:transparent;border-radius:0;padding:9px 0;
  }
  body .aurora-search.is-mobile-open .vg-smart-product{padding:11px 8px}
  body .aurora-search.is-mobile-open .vg-smart-thumbnail{width:60px;height:60px;flex-basis:60px}
  body .aurora-search.is-mobile-open .vg-smart-name{font-size:14px}
  body .aurora-search.is-mobile-open .vg-smart-category{padding:12px 8px}
}
@media (prefers-reduced-motion:reduce){
  .vg-smart-product,.vg-smart-category,.vg-smart-view-all{transition:none}
}

/* VeraGloss v1.0.270 — premium search entrance, no layout jump. */
@media (min-width:1001px){
  /* On wide screens the search field is always visible, so animate activation
     and the suggestions instead of moving the entire header or brand mark. */
  body .aurora-header #vg-site-search.aurora-search{
    transition:background-color .26s ease,box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s ease!important;
  }
  body .aurora-header #vg-site-search.aurora-search:focus-within{
    border-color:#B59A67!important;
    box-shadow:0 8px 26px rgba(23,45,56,.12),inset 0 0 0 1px rgba(181,154,103,.34)!important;
    background-color:#fff!important;
  }
  body .aurora-header #vg-site-search .vg-smart-results:not([hidden]){
    transform-origin:top center;
    animation:vg-search-results-enter .26s cubic-bezier(.22,1,.36,1) both;
  }
}
@media (max-width:1000px){
  /* The form is already fixed and full-screen in the existing layout.
     'translate' is independent of the old `transform` declarations. */
  body .aurora-header #vg-site-search.aurora-search.is-mobile-open{
    opacity:0!important;
    translate:0 18px!important;
    pointer-events:none!important;
    transition:opacity .29s cubic-bezier(.2,.65,.3,1),translate .38s cubic-bezier(.22,1,.36,1)!important;
    will-change:opacity,translate;
  }
  body .aurora-header #vg-site-search.aurora-search.is-mobile-open.vg-search-visible{
    opacity:1!important;
    translate:0 0!important;
    pointer-events:auto!important;
  }
  body .aurora-search.is-mobile-open.vg-search-visible .vg-smart-mobile-heading,
  body .aurora-search.is-mobile-open.vg-search-visible input[name="s"],
  body .aurora-search.is-mobile-open.vg-search-visible .vg-smart-mobile-close{
    animation:vg-search-content-enter .4s cubic-bezier(.22,1,.36,1) both;
  }
  body .aurora-search.is-mobile-open.vg-search-visible input[name="s"]{animation-delay:.055s}
  body .aurora-search.is-mobile-open.vg-search-visible .vg-smart-results:not([hidden]){
    animation:vg-search-content-enter .34s cubic-bezier(.22,1,.36,1) both;
  }
}
@keyframes vg-search-results-enter{
  from{opacity:0;translate:0 -9px;scale:.985}
  to{opacity:1;translate:0 0;scale:1}
}
@keyframes vg-search-content-enter{
  from{opacity:0;translate:0 8px}
  to{opacity:1;translate:0 0}
}
@media (prefers-reduced-motion:reduce){
  body .aurora-header #vg-site-search.aurora-search,
  body .aurora-header #vg-site-search.aurora-search.is-mobile-open{
    transition:none!important;
    animation:none!important;
  }
  body .aurora-search.is-mobile-open.vg-search-visible :is(.vg-smart-mobile-heading,input[name="s"],.vg-smart-mobile-close,.vg-smart-results),
  body .aurora-header #vg-site-search .vg-smart-results:not([hidden]){
    animation:none!important;
  }
}