@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-h: 220;--primary-s: 90%;--primary-l: 56%;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-foreground: hsl(0, 0%, 100%);--background: #F4F6F8;--surface: #FFFFFF;--border: #CACAD1;--text-main: #474445;--text-muted: #666666;--price: var(--primary);--danger: #DB2B3F;--warning: #FF8F00;--radius-sm: 12px;--radius-md: 24px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: var(--font-sans)}@media (prefers-color-scheme: dark){:root{--background: hsl(225, 25%, 8%);--surface: hsl(225, 25%, 12%);--surface-translucent: hsla(225, 25%, 12%, .85);--text-main: hsl(225, 20%, 96%);--text-muted: hsl(225, 10%, 65%);--primary-l: 65%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 16px}.glass{background:var(--surface);border-bottom:1px solid var(--border)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-card{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gap-8{gap:2rem}.font-medium{font-weight:500}.font-bold{font-weight:700}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-left{text-align:left}.md\:items-start{align-items:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:48px;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-size:16px;font-family:var(--font-sans)}.btn-sm{height:32px;padding:0 12px;font-size:14px}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:none}.btn-primary:hover{filter:brightness(110%);transform:none}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(110%)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{filter:brightness(110%)}.btn-success{background:#16a34a;color:#fff}.btn-success:hover{filter:brightness(110%)}.btn-ghost{background:transparent;color:var(--text-main)}.btn-ghost:hover{background:#0000000d}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:600;line-height:1}.badge-primary{background:var(--primary);color:var(--primary-foreground)}.badge-secondary{background:#e2e8f0;color:#475569}.badge-error{background:#fee2e2;color:#dc2626}.badge-success{background:#dcfce7;color:#15803d}.input{width:100%;height:40px;padding:0 36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-main);transition:border-color .2s;font-size:16px;box-shadow:none}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px hsla(var(--primary-h),var(--primary-s),var(--primary-l),.2)}.card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid transparent;transition:all .2s ease;box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.h1{font-size:2rem;font-weight:700;letter-spacing:-.5px;color:var(--text-main)}.h2{font-size:1.5rem;font-weight:600}.h3{font-size:1.125rem;font-weight:400;margin-bottom:4px}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--text-muted)}.text-price{color:var(--text-main);font-weight:700;font-size:1.125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease-out forwards}.spinner{border:3px solid hsla(0,0%,0%,.1);border-left-color:var(--primary);border-radius:50%;width:1.5rem;height:1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-4{top:1rem}.right-4{right:1rem}.left-2{left:.5rem}.right-2{right:.5rem}.left-3{left:.75rem}.top-1\/2{top:50%}.translate-y-1\/2{transform:translateY(50%)}.-translate-y-1\/2{transform:translateY(-50%)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.block{display:block}.hidden{display:none}.flex-grow{flex-grow:1}.flex-1{flex:1 1 0%}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-20{width:5rem}.h-20{height:5rem}.w-24{width:6rem}.h-24{height:6rem}.w-32{width:8rem}.h-32{height:8rem}.h-48{height:12rem}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-h-90vh{max-height:90vh}.max-h-50vh{max-height:50vh}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.p-20{padding:5rem}.p-24{padding:6rem}.p-28{padding:7rem}.p-32{padding:8rem}.p-36{padding:9rem}.p-40{padding:10rem}.p-44{padding:11rem}.p-48{padding:12rem}.pl-10{padding-left:2.5rem}.pr-8{padding-right:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.bg-white{background-color:var(--surface)}.bg-yellow-50{background-color:#fefce8}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-blue-600{background-color:#2563eb}.bg-warning{background-color:var(--warning)}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#dcfce7}.bg-green-600{background-color:#16a34a}.hover\:bg-green-700:hover{background-color:#15803d}.text-green-600{color:#16a34a}.bg-overlay{background-color:#00000080}.bg-gray-900{background-color:#111827}.bg-zinc-900{background-color:#18181b}.text-primary{color:var(--primary)}.text-gray-900{color:#111827}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.border-gray-800{border-color:#1f2937}.brightness-0{filter:brightness(0)}.invert{filter:invert(1)}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-green-700{color:#15803d}.text-white{color:#fff}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-primary{border-color:var(--primary)}.border-border{border-color:var(--border)}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.cursor-pointer{cursor:pointer}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transition-colors{transition:background-color .2s,color .2s,border-color .2s}.transition-transform{transition:transform .2s}.transition-all{transition:all .2s}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.scale-95{transform:scale(.95)}.scale-100,.group:hover .group-hover\:scale-100{transform:scale(1)}.hover-zoom-target{opacity:0;transform:scale(.95);pointer-events:none;transition:all .2s ease}.hover-zoom-trigger:hover .hover-zoom-target{opacity:1;transform:scale(1)}.opacity-0{opacity:0}.opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.bg-white\/80{background-color:#fffc}.hover\:bg-white:hover{background-color:#fff}.aspect-4-3{aspect-ratio:4/3}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:block}}.header-logo{height:40px;width:auto}@media (min-width: 768px){.header-logo{height:56px}}.desktop-nav{display:none}@media (min-width: 768px){.desktop-nav{display:flex}}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:none;border:none;cursor:pointer;color:var(--text-main);border-radius:8px;transition:background .15s}.mobile-menu-btn:hover{background:#0000000f}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s ease}.mobile-drawer{position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--surface);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideInRight .22s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.mobile-drawer-nav{display:flex;flex-direction:column;padding:12px 0;flex:1;overflow-y:auto}.mobile-drawer-link{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:16px;font-weight:500;color:var(--text-main);border:none;background:none;cursor:pointer;text-align:left;transition:background .15s;text-decoration:none}.mobile-drawer-link:hover{background:#0000000a}.mobile-drawer-link--primary{color:var(--primary);font-weight:600}.mobile-drawer-link--danger{color:var(--danger);width:100%}.bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--surface);border-top:1px solid var(--border);padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 12px #00000014}@media (min-width: 768px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 20px;font-size:11px;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:10px;transition:color .15s;min-width:64px}.bottom-nav-item:hover,.bottom-nav-item--active{color:var(--primary)}.bottom-nav-fab{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 4px 14px #2563eb66;margin-bottom:4px;transition:transform .15s,box-shadow .15s;text-decoration:none}.bottom-nav-fab:active{transform:scale(.93);box-shadow:0 2px 8px #2563eb4d}@media (max-width: 767px){.layout-main{padding-bottom:80px!important}}.category-chips-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.category-chips-scroll::-webkit-scrollbar{display:none}@media (min-width: 768px){.category-chips-scroll{flex-wrap:wrap;overflow-x:visible}}.category-chip{flex-shrink:0;padding:6px 14px;border-radius:9999px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.category-chip:hover{background:#f3f4f6}.category-chip--active{background:var(--warning);color:#fff;border-color:var(--warning)}.listing-image-gallery{position:relative;aspect-ratio:4/3;width:100%}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .15s}.gallery-arrow:hover{background:#fff}.gallery-arrow--left{left:10px}.gallery-arrow--right{right:10px}.gallery-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px}.gallery-dot{width:7px;height:7px;border-radius:50%;background:#fff9;border:none;cursor:pointer;transition:background .15s,transform .15s}.gallery-dot--active{background:#fff;transform:scale(1.3)}.gallery-thumbs{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumb{flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .15s;background:none;padding:0}.gallery-thumb--active{border-color:var(--primary)}.mobile-contact-bar{display:none}@media (max-width: 767px){.mobile-contact-bar{display:block;position:fixed;bottom:64px;left:0;right:0;z-index:90;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #0000001a;padding:10px 16px max(10px,env(safe-area-inset-bottom))}.listing-detail-page{padding-bottom:140px}}.mobile-contact-bar-inner{display:flex;align-items:center;gap:12px}@media (max-width: 767px){.listing-detail-info .desktop-only{display:none!important}}@media (max-width: 639px){.grid-cols-card{grid-template-columns:1fr}}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-8{margin-bottom:2rem}.pb-20{padding-bottom:5rem}.pt-8{padding-top:2rem}.px-4{padding-left:1rem;padding-right:1rem}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}@media (min-width: 768px){.md\\:h-20{height:5rem}.md\\:mb-6{margin-bottom:1.5rem}.md\\:mt-4{margin-top:1rem}.md\\:gap-3{gap:.75rem}.md\\:gap-6{gap:1.5rem}.md\\:gap-8{gap:2rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:text-3xl{font-size:1.875rem}.md\\:text-2xl{font-size:1.5rem}.md\\:text-lg{font-size:1.125rem}.md\\:p-6{padding:1.5rem}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.flex-none{flex:none}.w-48{width:12rem}.border-l{border-left-width:1px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.prose{max-width:65ch}.whitespace-pre-wrap{white-space:pre-wrap}.leading-relaxed{line-height:1.625}