/* Above-fold Tailwind utilities for listing cards (browse/search) while full tailwind loads async */
.bg-white{background-color:#fff}
.rounded-xl{border-radius:.75rem}
.overflow-hidden{overflow:hidden}
.border{border-width:1px;border-style:solid}
.border-slate-200{border-color:#e2e8f0}
.hover\:border-primary:hover{border-color:#f8991b}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.lift{transition:transform .25s ease,box-shadow .25s ease}
.lift:hover{transform:translateY(-6px)}
.relative{position:relative}
.absolute{position:absolute}
.inset-0{inset:0}
.group{position:relative}
.aspect-\[25\/12\]{aspect-ratio:25/12}
.bg-slate-100{background-color:#f1f5f9}
.w-full{width:100%}
.h-full{height:100%}
.object-cover{object-fit:cover}
.duration-500{transition-duration:.5s}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.z-30{z-index:30}
.z-10{z-index:10}
.top-3{top:.75rem}
.left-3{left:.75rem}
.inline-flex{display:inline-flex}
.items-center{align-items:center}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.rounded-full{border-radius:9999px}
.bg-black\/60{background-color:rgba(0,0,0,.6)}
.text-white{color:#fff}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.p-4{padding:1rem}
.pointer-events-none{pointer-events:none}
.font-medium{font-weight:500}
.font-extrabold{font-weight:800}
.text-slate-800{color:#1e293b}
.text-slate-500{color:#64748b}
.text-slate-700{color:#334155}
.text-primary{color:#f8991b}
.text-emerald-400{color:#34d399}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mt-1{margin-top:.25rem}
.mt-3{margin-top:.75rem}
.mr-1{margin-right:.25rem}
.flex{display:flex}
.justify-between{justify-content:space-between}
[x-cloak]{display:none!important}