:root{--listing-brand-primary:#0f4c3a;--listing-brand-primary-light:#1a6b52;--listing-brand-primary-dark:#092e24;--listing-brand-accent:#d4a825;--listing-brand-accent-light:#e6c04a;--listing-card-radius:1rem;--listing-card-shadow:0 1px 3px rgba(0,0,0,0.06);--listing-card-hover-shadow:0 12px 40px rgba(0,0,0,0.12);--listing-transition:0.2s ease;--listing-safe-top:env(safe-area-inset-top,0px);--listing-safe-bottom:env(safe-area-inset-bottom,0px)}.listing-loading-screen{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;gap:1rem}.listing-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:var(--listing-brand-primary);border-radius:50%;animation:listingSpin 0.8s linear infinite}.listing-loading-text{font-size:0.875rem;color:#9ca3af;font-weight:500}@keyframes listingSpin{to{transform:rotate(360deg)}}.listing-card{transition:transform var(--listing-transition),box-shadow var(--listing-transition);will-change:transform}.listing-card:active{transform:scale(0.98)}@media (hover:hover){.listing-card:hover{transform:translateY(-4px);box-shadow:var(--listing-card-hover-shadow)}}@keyframes listingCardEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.listing-card-enter{animation:listingCardEnter 0.35s ease-out both}.listing-card-enter:nth-child(1){animation-delay:0ms}.listing-card-enter:nth-child(2){animation-delay:40ms}.listing-card-enter:nth-child(3){animation-delay:80ms}.listing-card-enter:nth-child(4){animation-delay:120ms}.listing-card-enter:nth-child(5){animation-delay:160ms}.listing-card-enter:nth-child(6){animation-delay:200ms}.listing-card-enter:nth-child(7){animation-delay:240ms}.listing-card-enter:nth-child(8){animation-delay:280ms}.listing-card-enter:nth-child(9){animation-delay:320ms}@keyframes listingShimmer{0%,100%{opacity:0.4}50%{opacity:0.8}}.listing-skeleton{animation:listingShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:0.5rem}.listing-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.listing-carousel::-webkit-scrollbar{display:none}.listing-carousel>*{scroll-snap-align:start}.listing-hide-scrollbar::-webkit-scrollbar{display:none}.listing-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.listing-chip{transition:all var(--listing-transition);user-select:none;-webkit-tap-highlight-color:transparent}.listing-chip-active{background:var(--listing-brand-primary)!important;color:white!important;border-color:transparent!important}@keyframes listingBadgeShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.listing-badge-featured{background:linear-gradient(90deg,var(--listing-brand-accent),#f0d060,var(--listing-brand-accent));background-size:200% 100%;animation:listingBadgeShimmer 3s infinite}.listing-hero-gradient{background:linear-gradient(135deg,var(--listing-brand-primary-dark) 0%,var(--listing-brand-primary) 40%,var(--listing-brand-primary-light) 70%,var(--listing-brand-accent) 100%)}.listing-gold-glow{box-shadow:0 0 20px rgba(212,168,37,0.3)}.listing-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-ptr-indicator{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100;transition:opacity 0.2s ease}.listing-ptr-spinner{width:28px;height:28px;border:2.5px solid #e5e7eb;border-top-color:var(--listing-brand-primary);border-radius:50%;animation:listingSpin 0.8s linear infinite}.listing-sentinel{height:1px;width:100%}@keyframes listingFadeIn{from{opacity:0}to{opacity:1}}.listing-fade-in{animation:listingFadeIn 0.3s ease-out both}.listing-img-loading{opacity:0;transition:opacity 0.3s ease}.listing-img-loaded{opacity:1}@media (pointer:coarse){.listing-touch-feedback{-webkit-tap-highlight-color:transparent}.listing-touch-feedback:active{opacity:0.85;transform:scale(0.98)}}@media (prefers-reduced-motion:reduce){.listing-card,.listing-card-enter,.listing-skeleton,.listing-badge-featured,.listing-loading-spinner,.listing-ptr-spinner{animation:none!important;transition:none!important}}.listing-safe-top{padding-top:var(--listing-safe-top)}.listing-safe-bottom{padding-bottom:max(var(--listing-safe-bottom),1rem)}