/* === TinyVerdicts Search Modal wow pass === */
#search-modal.ct-panel{
  background:
    radial-gradient(1100px 560px at 50% -4%, rgba(143,175,143,.30), transparent 62%),
    radial-gradient(900px 500px at 100% 110%, rgba(200,137,106,.20), transparent 60%),
    linear-gradient(162deg,#FBF8F3 0%,#F3ECE1 48%,#ECE0CE 100%) !important;
}
#search-modal .ct-panel-actions .ct-toggle-close{ color:#2C2C2C !important; opacity:.65; transition:opacity .15s,transform .15s; }
#search-modal .ct-panel-actions .ct-toggle-close:hover{ opacity:1; transform:rotate(90deg); }

#search-modal .ct-panel-content{ max-width:780px; margin:0 auto; padding:0 24px; display:flex; flex-direction:column; justify-content:center; min-height:100%; }

/* injected headline */
.tv-search-head{ text-align:center; margin:0 0 30px; animation:tvSearchIn .5s cubic-bezier(.2,.7,.2,1) both; }
.tv-search-head .eye{ display:block; letter-spacing:.24em; text-transform:uppercase; font-size:12px; font-weight:700; color:#C8896A; margin-bottom:12px; }
.tv-search-head h2{ font-family:"Playfair Display",Georgia,serif; font-weight:700; font-size:2.3rem; line-height:1.12; color:#2C2C2C; margin:0; }
.tv-search-head p{ color:#6c685f; font-size:15px; margin:10px 0 0; }

/* the input field */
#search-modal .ct-search-form-inner.ct-pseudo-input{
  background:#fff !important; border:1px solid #E4DAC9 !important; border-radius:18px !important;
  box-shadow:0 22px 55px -20px rgba(44,44,44,.40); padding:5px 6px 5px 10px;
  transition:box-shadow .22s ease,border-color .22s ease; animation:tvSearchIn .55s .05s cubic-bezier(.2,.7,.2,1) both;
}
#search-modal .ct-search-form-inner.ct-pseudo-input:focus-within{
  border-color:#C8896A !important; box-shadow:0 0 0 4px rgba(200,137,106,.18), 0 22px 55px -18px rgba(44,44,44,.45);
}
#search-modal input.modal-field{
  font-size:1.3rem !important; color:#2C2C2C !important; padding:17px 14px !important; background:transparent !important; border:0 !important;
}
#search-modal input.modal-field::placeholder{ color:#a09a8d !important; opacity:1 !important; font-weight:400; }

/* submit button */
#search-modal .ct-search-form button[type=submit]{
  background:#8FAF8F !important; color:#fff !important; min-width:54px; height:54px; border-radius:14px !important;
  display:flex; align-items:center; justify-content:center; transition:background .2s,transform .1s;
}
#search-modal .ct-search-form button[type=submit]:hover{ background:#6f956f !important; transform:translateY(-1px); }
#search-modal .ct-search-button-content{ width:19px; height:19px; }

/* quick-search chips */
.tv-search-chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:24px 0 0; animation:tvSearchIn .6s .12s cubic-bezier(.2,.7,.2,1) both; }
.tv-search-chips a{
  font-size:14px; font-weight:600; color:#5a6e5a; background:rgba(255,255,255,.72); border:1px solid #DCE6D9;
  padding:9px 17px; border-radius:999px; text-decoration:none; transition:background .15s,color .15s,border-color .15s,transform .15s;
}
.tv-search-chips a:hover{ background:#8FAF8F; color:#fff; border-color:#8FAF8F; transform:translateY(-2px); }

@keyframes tvSearchIn{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
@media(max-width:600px){
  .tv-search-head h2{ font-size:1.65rem; }
  #search-modal input.modal-field{ font-size:1.1rem !important; padding:14px 12px !important; }
  #search-modal .ct-search-form button[type=submit]{ min-width:46px; height:46px; }
}