/* search.php — static CSS (no Tailwind CDN) */
*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#ECECEC;color:#1f2937}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:inherit}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:transparent}
h2,h3,h4,p,ul{margin:0}
ul{padding:0;list-style:none}

:root{
  --sky-primary:#2C6E91;
  --sky-secondary:#6FB2D2;
  --accent:#FAA61A;
  --runway:#ECECEC;
}

@keyframes pulse-slow{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes scan{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

body{
  background-color:var(--runway);
  background-image:url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%236FB2D2" fill-opacity="0.05"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}

.search-input{
  width:100%;padding:.75rem 1rem;border-radius:.5rem;
  border:1px solid #d1d5db;outline:none;transition:all .15s;
  background:#fff;color:#1f2937
}
.search-input:focus{
  border-color:var(--sky-primary);
  box-shadow:0 0 0 2px rgba(44,110,145,.35)
}
.search-btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent);color:#fff;font-weight:500;
  transition:all .3s;border:none
}
.search-btn:hover{background:rgba(250,166,26,.9)}
.search-tag{
  display:inline-flex;align-items:center;
  padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;
  background:rgba(44,110,145,.1);color:var(--sky-primary);
  margin-right:.5rem;margin-bottom:.5rem
}
.radar-scan{
  background-image:linear-gradient(90deg,rgba(111,178,210,.1) 50%,transparent 50%);
  background-size:200px 200px;animation:scan 2s ease-in-out infinite
}
.aircraft-card{
  background:#fff;border-radius:.5rem;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  overflow:hidden;transition:all .3s
}
.aircraft-card:hover{
  transform:translateY(-.25rem);
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)
}
.aircraft-img{width:100%;height:14rem;object-fit:cover;background:#f3f4f6}
.filter-panel{
  background:#fff;border-radius:.5rem;padding:1.25rem;
  box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
  border:1px solid rgba(111,178,210,.2)
}
.suggestion-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s
}
.suggestion-item:hover{background:rgba(44,110,145,.05)}
.pagination-link{
  display:inline-block;padding:.25rem .75rem;border-radius:.25rem;
  border:1px solid var(--sky-primary);color:var(--sky-primary);transition:all .2s
}
.pagination-link:hover,.pagination-link.active{
  background:var(--sky-primary);color:#fff;border-color:var(--sky-primary)
}
.loading-placeholder{animation:pulse-slow 3s infinite;background:#e5e7eb;border-radius:.25rem}

.container{width:100%;margin-left:auto;margin-right:auto}
@media(min-width:640px){.container{max-width:640px}}
@media(min-width:768px){.container{max-width:768px}}
@media(min-width:1024px){.container{max-width:1024px}}
@media(min-width:1280px){.container{max-width:1280px}}

.mx-auto{margin-left:auto;margin-right:auto}
.max-w-2xl{max-width:42rem}
.max-w-5xl{max-width:64rem}
.max-w-7xl{max-width:80rem}
.relative{position:relative}
.absolute{position:absolute}
.sticky{position:sticky}
.inset-0{inset:0}
.top-24{top:6rem}
.z-10{z-index:10}
.overflow-hidden{overflow:hidden}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-2{gap:.5rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.space-x-1>:not([hidden])~:not([hidden]){margin-left:.25rem}
.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}
.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:col-span-4{grid-column:span 4/span 4}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
}
@media(min-width:1024px){
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:col-span-1{grid-column:span 1/span 1}
  .lg\:col-span-3{grid-column:span 3/span 3}
}

.w-full{width:100%}
.w-16{width:4rem}
.h-16{height:4rem}
.rounded{border-radius:.25rem}
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.border-red-400{border-color:#f87171}
.border-skyPrimary\/10{border-color:rgba(44,110,145,.1)}
.bg-white{background:#fff}
.bg-white\/20{background:rgba(255,255,255,.2)}
.bg-red-100{background:#fee2e2}
.bg-skyPrimary{background:var(--sky-primary)}
.bg-skyPrimary\/5{background:rgba(44,110,145,.05)}
.bg-skyPrimary\/10{background:rgba(44,110,145,.1)}
.bg-skySecondary\/10{background:rgba(111,178,210,.1)}
.bg-accent\/10{background:rgba(250,166,26,.1)}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-skyPrimary{--tw-gradient-from:var(--sky-primary);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(44,110,145,0))}
.to-sky-700{--tw-gradient-to:#0369a1}

.p-4{padding:1rem}
.p-8{padding:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.pt-2{padding-top:.5rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.ml-1{margin-left:.25rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-10{margin-top:2.5rem}

.font-sans{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-center{text-align:center}
.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.25)}
.text-white{color:#fff}
.text-white\/90{color:rgba(255,255,255,.9)}
.text-accent{color:var(--accent)}
.text-skyPrimary{color:var(--sky-primary)}
.text-skyPrimary\/70{color:rgba(44,110,145,.7)}
.text-skySecondary{color:var(--sky-secondary)}
.text-gray-500{color:#6b7280}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-800{color:#1f2937}
.text-red-700{color:#b91c1c}
.opacity-10{opacity:.1}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)}
.transition-colors{transition:color .15s,background-color .15s,border-color .15s}
.duration-300{transition-duration:.3s}
.hover\:bg-white\/30:hover{background:rgba(255,255,255,.3)}
.hover\:bg-skyPrimary\/20:hover{background:rgba(44,110,145,.2)}
.hover\:bg-skyPrimary\/90:hover{background:rgba(44,110,145,.9)}
.hover\:text-accent:hover{color:var(--accent)}
.hover\:text-skyPrimary:hover{color:var(--sky-primary)}