.livar-search-page{
  width:min(1180px,100%);
  margin:0 auto;
  padding:4px 0 34px;
  color:#f4f6f8;
}
.livar-search-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
  padding:0 2px;
}
.livar-search-page-copy p{
  margin:0 0 7px;
  color:#ff7a39;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.livar-search-page-copy h1{
  margin:0;
  font-size:clamp(30px,4vw,48px);
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.04em;
}
.livar-search-page-copy span{
  display:block;
  margin-top:9px;
  color:rgba(255,255,255,.54);
  font-size:13px;
  line-height:1.55;
}
.livar-search-page-copy span[data-state="loading"]{color:rgba(255,184,143,.82)}
.livar-search-page-copy span[data-state="results"]{color:rgba(225,235,244,.72)}
.livar-search-page-copy span[data-state="error"]{color:#ff9e9e}
.livar-search-page-form{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 50px;
  width:min(430px,100%);
  min-height:50px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#11161c;
  overflow:hidden;
}
.livar-search-page-form:focus-within{
  border-color:rgba(255,85,0,.65);
  box-shadow:0 0 0 3px rgba(255,85,0,.1);
}
.livar-search-page-form input{
  width:100%;
  min-width:0;
  padding:0 15px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font:500 13px/1.2 inherit;
}
.livar-search-page-form input::placeholder{color:rgba(255,255,255,.36)}
.livar-search-page-form button{
  display:grid;
  place-items:center;
  border:0;
  border-left:1px solid rgba(255,255,255,.09);
  background:transparent;
  cursor:pointer;
}
.livar-search-page-form button:hover{background:rgba(255,85,0,.11)}
.livar-search-page-form img{width:19px;height:19px;filter:brightness(0) invert(1)}
.livar-search-page-form button::after{
  position:absolute;
  width:18px;
  height:18px;
  border:2px solid rgba(255,255,255,.25);
  border-top-color:#ff7a39;
  border-radius:50%;
  content:"";
  opacity:0;
  transform:scale(.7);
}
.livar-search-page-form.is-loading button{cursor:progress}
.livar-search-page-form.is-loading button img{opacity:0}
.livar-search-page-form.is-loading button::after{opacity:1;animation:livarSearchSpin .72s linear infinite}
.livar-search-page-stage{position:relative;min-height:330px}
.livar-search-page-results{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:100%;
  height:auto;
  max-height:none;
  padding:0;
  overflow:visible;
  overscroll-behavior:auto;
}
.livar-search-page-results.is-live .livar-search-result{animation:livarSearchResultIn .26s ease both}
.livar-search-page-results.is-live .livar-search-result:nth-child(2){animation-delay:35ms}
.livar-search-page-results.is-live .livar-search-result:nth-child(3){animation-delay:70ms}
.livar-search-page-results.is-live .livar-search-result:nth-child(4){animation-delay:105ms}
.livar-search-page-results.is-live .livar-search-result:nth-child(5){animation-delay:140ms}
.livar-search-page-results.is-live .livar-search-result:nth-child(6){animation-delay:175ms}
.livar-search-result{
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  border:1px solid rgba(255,255,255,.085);
  border-radius:16px;
  background:#101419;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.livar-search-result:hover{
  transform:translateY(-3px);
  border-color:rgba(255,85,0,.34);
  background:#14191f;
}
.livar-search-result:focus-visible{outline:2px solid #ff5500;outline-offset:3px}
.livar-search-result-media{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:4/3;
  padding:0;
  background:#010101;
  overflow:hidden;
}
.livar-search-result-media img{
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  width:84%;
  height:84%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  transform:translate(-50%,-50%);
  filter:none;
  transition:transform .3s ease;
  z-index:1;
}
@media(hover:hover){
  .livar-search-result:hover .livar-search-result-media img{transform:translate(-50%,-50%) scale(1.025)}
}
.livar-search-result-image-fallback{
  display:grid;
  place-items:center;
  width:74%;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  color:rgba(255,255,255,.5);
  font-size:15px;
  font-weight:700;
  letter-spacing:.12em;
}
.livar-search-result-category{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  min-height:24px;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(8,10,13,.75);
  color:rgba(255,255,255,.68);
  font-size:9px;
  font-weight:600;
}
.livar-search-result-body{padding:14px 15px 16px}
.livar-search-result-body h2{
  margin:0;
  font-size:17px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.02em;
}
.livar-search-result-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:7px;
  color:rgba(255,255,255,.42);
  font-size:10px;
}
.livar-search-result-description{
  display:-webkit-box;
  margin:10px 0 0;
  overflow:hidden;
  color:rgba(255,255,255,.55);
  font-size:11.5px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.livar-search-result-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.07);
}
.livar-search-result-price{font-size:13px;font-weight:600;color:#fff}
.livar-search-result-arrow{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  color:#ff7a39;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.livar-search-result:hover .livar-search-result-arrow{
  transform:translateX(2px);
  border-color:rgba(255,85,0,.5);
  background:rgba(255,85,0,.1);
}
.livar-search-empty{
  display:grid;
  place-items:center;
  min-height:330px;
  padding:38px 20px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:18px;
  background:#101419;
  text-align:center;
}
.livar-search-empty div{max-width:560px}
.livar-search-empty p{margin:0;color:#ff7a39;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.livar-search-empty h2{margin:9px 0 0;font-size:28px;font-weight:600}
.livar-search-empty span{display:block;margin-top:9px;color:rgba(255,255,255,.52);font-size:13px;line-height:1.6}
.livar-search-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;padding:0 16px;border-radius:10px;background:#ff5500;color:#fff;text-decoration:none;font-size:12px;font-weight:600}
.livar-search-empty.is-error{border-color:rgba(255,112,112,.2);background:linear-gradient(180deg,rgba(255,86,86,.045),#101419)}
.livar-search-empty.is-error p{color:#ff9292}
.livar-search-page-results-loading{pointer-events:none}
.livar-search-result-skeleton{
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:#101419;
  overflow:hidden;
}
.livar-search-skeleton-media{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  background:#171c22;
  overflow:hidden;
}
.livar-search-skeleton-media::after,
.livar-search-skeleton-copy i::after{
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.07) 48%,transparent 76%);
  content:"";
  transform:translateX(-100%);
  animation:livarSearchShimmer 1.15s ease-in-out infinite;
}
.livar-search-skeleton-copy{display:grid;gap:11px;padding:17px 15px 20px}
.livar-search-skeleton-copy i{position:relative;display:block;height:11px;border-radius:999px;background:#20262d;overflow:hidden}
.livar-search-skeleton-copy i:first-child{width:72%;height:16px}
.livar-search-skeleton-copy i:nth-child(2){width:46%}
.livar-search-skeleton-copy i:last-child{width:88%;margin-top:12px}
@keyframes livarSearchSpin{to{transform:rotate(360deg)}}
@keyframes livarSearchShimmer{to{transform:translateX(100%)}}
@keyframes livarSearchResultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.livar-search-page-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .livar-search-page{padding-inline:10px}
  .livar-search-page-head{display:grid;align-items:start;gap:16px}
  .livar-search-page-form{width:100%}
  .livar-search-page-results{grid-template-columns:1fr}
  .livar-search-result{grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto}
  .livar-search-result-media{aspect-ratio:auto;min-height:155px}
  .livar-search-result-media img{width:94%;height:94%}
  .livar-search-result-body{padding:13px}
  .livar-search-result-skeleton{grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto;min-height:155px}
  .livar-search-skeleton-media{aspect-ratio:auto;min-height:155px}
}

@media(prefers-reduced-motion:reduce){
  .livar-search-page-results.is-live .livar-search-result{animation:none}
  .livar-search-result-media img{transition:none}
  .livar-search-page-form.is-loading button::after{animation-duration:1.4s}
  .livar-search-skeleton-media::after,.livar-search-skeleton-copy i::after{animation:none}
}

.livar-search-page .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}