body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
@media only screen and (max-width: 1600px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 1357px)
{
body
{
   background-color: #FFFFFF;
}
}
@media only screen and (max-width: 980px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 922px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 768px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 400px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 390px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 380px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
@media only screen and (max-width: 360px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
}
    /* =========================================================
       Suggestions dropdown
       ========================================================= */
    .suggestions {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 0.5rem;
      z-index: 50;
      max-height: 240px;
      overflow-y: auto;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }
    .suggestion {
      padding: 10px 12px;
      cursor: pointer;
      font-weight: 600;
      color: #374151;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .suggestion:hover { background-color: #f9fafb; }

    /* =========================================================
       Result cards
       ========================================================= */
    .card {
      display: block;
      background: #fff;
      border-radius: 0.75rem;
      overflow: hidden;
      box-shadow: 0 6px 14px rgba(0,0,0,0.06);
      transition: box-shadow 140ms ease, transform 120ms ease;
    }
    .card:hover {
      transform: translateY(-1px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.10);
    }

    /* =========================================================
       Horizontal scroll rows
       ========================================================= */
    .scroll-row {
      display: flex;
      overflow-x: auto;
      gap: 12px;
      padding-bottom: 8px;
    }
    .scroll-row::-webkit-scrollbar { height: 6px; }
    .scroll-row::-webkit-scrollbar-thumb { background: #00bfff; border-radius: 3px; }