/* DONNA — Barra de pesquisa com resultados ao digitar
   CSS adicional, sem alterar catalog-storefront.css (incluindo correções Safari). */
#donna-browse-categories .donna-inline-search,
#donna-browse-categories .donna-inline-search *{box-sizing:border-box}
#donna-browse-categories .donna-inline-search{
  position:relative;display:block;width:100%;max-width:920px;
  margin:14px 0 8px;padding:0;isolation:isolate;z-index:3;
}
#donna-browse-categories .donna-inline-search-box{
  display:flex;align-items:center;gap:10px;min-height:56px;width:100%;
  border:1px solid #e3d4c7;border-radius:18px;
  padding:6px 7px 6px 18px;background:#fffdfa;
  box-shadow:0 5px 20px rgba(67,43,30,.045);
  transition:border-color .2s ease,box-shadow .2s ease;
}
#donna-browse-categories .donna-inline-search-box:focus-within{
  border-color:#bda28d;box-shadow:0 6px 23px rgba(67,43,30,.10);
}
#donna-browse-categories .donna-search-icon{color:#8c715c;font-size:17px;flex:0 0 auto}
#donna-browse-categories #donna-inline-query{
  flex:1;min-width:0;width:100%;background:transparent;border:0;box-shadow:none;
  color:#33251e;font:400 16px/1.3 'Outfit',system-ui,sans-serif;
  padding:10px 0;outline:0;-webkit-appearance:none;appearance:none;
}
#donna-browse-categories #donna-inline-query::placeholder{color:#927e70;opacity:1}
#donna-browse-categories .donna-inline-clear{
  flex:0 0 32px;min-width:32px;height:32px;display:inline-grid;place-items:center;
  border:none;background:transparent;color:#857263;border-radius:50%;cursor:pointer;
}
#donna-browse-categories .donna-inline-clear[hidden]{display:none!important}
#donna-browse-categories .donna-inline-submit{
  flex:0 0 44px;min-width:44px;width:44px;height:42px;
  display:inline-grid;place-items:center;border:0;border-radius:13px;
  color:#fff;background:#604536;cursor:pointer;font-size:15px;
}
#donna-browse-categories .donna-inline-submit:hover{background:#423027}
#donna-browse-categories .donna-search-suggestions{
  width:100%;margin-top:7px;overflow:hidden;
  background:#fffdf9;border:1px solid #e6d6c7;border-radius:17px;
  box-shadow:0 15px 35px rgba(61,43,32,.15);color:#35291f;
}
#donna-browse-categories .donna-search-suggestions[hidden]{display:none!important}
#donna-browse-categories .donna-live-results-caption{
  padding:14px 16px 9px;color:#937762;font-size:10px;letter-spacing:.11em;font-weight:800;
}
#donna-browse-categories .donna-live-results-list{max-height:min(460px,55vh);overflow-y:auto;-webkit-overflow-scrolling:touch}
#donna-browse-categories .donna-live-result{
  width:100%;display:flex;align-items:center;gap:13px;
  padding:9px 15px;text-align:left;text-decoration:none!important;color:#33271e!important;
  border-top:1px solid #f2e9df;transition:background .14s ease;
}
#donna-browse-categories .donna-live-result:hover,
#donna-browse-categories .donna-live-result:focus-visible{background:#f8eee3;outline:0}
#donna-browse-categories .donna-live-result-photo{
  flex:0 0 56px;width:56px;height:56px;overflow:hidden;display:grid;place-items:center;
  border-radius:11px;background:#efe6da;
}
#donna-browse-categories .donna-live-result-photo img{display:block;width:100%;height:100%;object-fit:cover}
#donna-browse-categories .donna-live-search-placeholder{font-size:20px;color:#98806d}
#donna-browse-categories .donna-live-result-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
#donna-browse-categories .donna-live-result-copy strong{font:600 13px/1.25 'Outfit',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#donna-browse-categories .donna-live-result-copy small{font:400 11px/1.2 'Outfit',sans-serif;color:#8b7563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#donna-browse-categories .donna-live-result-price{flex:0 0 auto;max-width:95px;font:700 12px/1.2 'Outfit',sans-serif;white-space:nowrap;color:#6a4432}
#donna-browse-categories .donna-live-result-arrow{flex:0 0 auto;font-size:10px;color:#b59b87}
#donna-browse-categories .donna-live-see-all{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 16px;background:#f9f2eb;border-top:1px solid #ecdaca;
  color:#624534!important;text-align:center;font:700 12px/1.3 'Outfit',sans-serif;text-decoration:none!important;
}
#donna-browse-categories .donna-live-see-all:hover{background:#f0e4d7}
#donna-browse-categories .donna-live-no-results{padding:14px 16px 22px;font-size:13px;color:#806a59}
body:not(.light-mode) #donna-browse-categories .donna-inline-search-box,
body:not(.light-mode) #donna-browse-categories .donna-search-suggestions{background:#292525;border-color:#4e4140;color:#fff}
body:not(.light-mode) #donna-browse-categories #donna-inline-query,
body:not(.light-mode) #donna-browse-categories .donna-live-result{color:#fff!important}
body:not(.light-mode) #donna-browse-categories .donna-live-result:hover{background:#443937}
body:not(.light-mode) #donna-browse-categories .donna-live-see-all{background:#39302e;color:#fff!important}
@media(max-width:680px){
  #donna-browse-categories .donna-inline-search{margin-top:10px;margin-bottom:6px}
  #donna-browse-categories .donna-inline-search-box{min-height:51px;padding:4px 5px 4px 14px;border-radius:14px}
  #donna-browse-categories .donna-inline-submit{height:40px;min-width:41px;flex-basis:41px}
  #donna-browse-categories .donna-live-result{gap:9px;padding:8px 10px}
  #donna-browse-categories .donna-live-result-photo{flex-basis:48px;width:48px;height:48px}
  #donna-browse-categories .donna-live-result-copy strong{font-size:12px}
  #donna-browse-categories .donna-live-result-price{font-size:11px;max-width:82px}
  #donna-browse-categories .donna-live-result-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){#donna-browse-categories .donna-live-result,#donna-browse-categories .donna-inline-search-box{transition:none}}