@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--pub-bg:#f7f8fa;--pub-white:#fff;--pub-card:#fff;--pub-border:#e8ecf0;--pub-border-light:#f0f2f5;--pub-text:#1a1a2e;--pub-text2:#6b7280;--pub-text3:#9ca3af;--pub-price:#059669;--pub-price-bg:#ecfdf5;--pub-accent:#ff6b35;--pub-accent-hover:#e85a2a;--pub-blue:#3b82f6;--pub-blue-bg:#eff6ff;--pub-purple:#8b5cf6;--pub-red:#ef4444;--pub-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--pub-shadow-md:0 4px 12px #00000014;--pub-shadow-lg:0 10px 30px #0000001a;--pub-radius:16px;--pub-radius-sm:12px;--pub-radius-xs:8px}*{box-sizing:border-box;margin:0;padding:0}.pub-app{background:var(--pub-bg);min-height:100vh;color:var(--pub-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pub-header{z-index:100;background:var(--pub-white);border-bottom:1px solid var(--pub-border-light);position:sticky;top:0;box-shadow:0 1px 4px #0000000a}.pub-header-inner{justify-content:space-between;align-items:center;max-width:640px;margin:0 auto;padding:12px 16px;display:flex}.pub-logo{color:var(--pub-text);align-items:center;gap:10px;text-decoration:none;display:flex}.pub-logo-icon{background:linear-gradient(135deg,var(--pub-accent),#ff8f6b);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.pub-logo-title{color:var(--pub-text);font-size:15px;font-weight:700;line-height:1.2}.pub-logo-sub{color:var(--pub-text3);font-size:11px;font-weight:400}.pub-admin-link{background:var(--pub-bg);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;text-decoration:none;transition:background .2s;display:flex}.pub-admin-link:hover{background:var(--pub-border)}.pub-main{max-width:640px;margin:0 auto;padding:0 16px 100px}.pub-footer{text-align:center;color:var(--pub-text3);max-width:640px;margin:0 auto;padding:24px 16px 32px;font-size:12px}.pub-footer a{color:var(--pub-accent);text-decoration:none}.pub-search-wrap{z-index:50;background:var(--pub-bg);padding:16px 0 8px;position:sticky;top:60px}.pub-search{border:1.5px solid var(--pub-border);background:var(--pub-white);width:100%;color:var(--pub-text);box-shadow:var(--pub-shadow-sm);border-radius:28px;outline:none;padding:14px 18px 14px 44px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.pub-search:focus{border-color:var(--pub-accent);box-shadow:0 0 0 3px #ff6b351f}.pub-search::placeholder{color:var(--pub-text3)}.pub-search-icon{pointer-events:none;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.pub-filters{flex-direction:column;gap:8px;padding:6px 0 12px;display:flex}.pub-filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pub-filter-row::-webkit-scrollbar{display:none}.pub-chip{border:1.5px solid var(--pub-border);background:var(--pub-white);color:var(--pub-text2);cursor:pointer;white-space:nowrap;border-radius:24px;align-items:center;gap:4px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pub-chip:hover{border-color:var(--pub-text2)}.pub-chip.active{background:var(--pub-text);border-color:var(--pub-text);color:#fff}.pub-chip-select{border:1.5px solid var(--pub-border);background:var(--pub-white);color:var(--pub-text2);cursor:pointer;appearance:none;border-radius:24px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500}.pub-stats{color:var(--pub-text2);justify-content:space-between;align-items:center;padding:8px 0 16px;font-size:13px;display:flex}.pub-stats strong{color:var(--pub-text);font-weight:700}.pub-card{background:var(--pub-card);border-radius:var(--pub-radius);box-shadow:var(--pub-shadow-sm);border:1px solid var(--pub-border-light);cursor:pointer;color:inherit;margin-bottom:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.pub-card:hover{box-shadow:var(--pub-shadow-md);transform:translateY(-2px)}.pub-card:active{transform:scale(.99)}.pub-card-img-wrap{aspect-ratio:16/10;background:#f0f2f5;position:relative;overflow:hidden}.pub-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.pub-card:hover .pub-card-img{transform:scale(1.03)}.pub-card-img-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.pub-card-img-placeholder .placeholder-icon{opacity:.3;font-size:40px}.pub-card-img-placeholder .placeholder-text{color:var(--pub-text3);font-size:12px}.pub-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute}.pub-badge-video{color:#fff;background:#ef4444e6;top:10px;left:10px}.pub-badge-photos{color:#fff;background:#0000008c;bottom:10px;right:10px}.pub-badge-new{color:#fff;background:#3b82f6e6;top:10px;right:10px}.pub-card-body{padding:14px 16px 16px}.pub-card-price-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.pub-card-price{color:var(--pub-price);letter-spacing:-.3px;font-size:20px;font-weight:800}.pub-card-price-unit{color:var(--pub-text3);font-size:13px;font-weight:500}.pub-card-type{color:var(--pub-accent);background:#ff6b3514;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.pub-card-title{color:var(--pub-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.pub-card-details{color:var(--pub-text2);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.pub-card-detail{align-items:center;gap:4px;display:flex}.pub-card-detail-icon{font-size:14px}.pub-skeleton{border-radius:var(--pub-radius);background:linear-gradient(90deg,#f0f2f5 25%,#e5e7eb 50%,#f0f2f5 75%) 0 0/200% 100%;animation:1.5s infinite pubShimmer}.pub-skeleton-card{border-radius:var(--pub-radius);height:320px;margin-bottom:16px}@keyframes pubShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pub-empty{text-align:center;color:var(--pub-text2);padding:60px 24px}.pub-empty-icon{background:var(--pub-border-light);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:36px;display:flex}.pub-empty-title{color:var(--pub-text);margin-bottom:6px;font-size:16px;font-weight:600}.pub-empty-text{font-size:13px;line-height:1.5}.pub-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.pub-spinner{border:3px solid var(--pub-border);border-top-color:var(--pub-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite pubSpin}.pub-loading-text{color:var(--pub-text3);font-size:13px}@keyframes pubSpin{to{transform:rotate(360deg)}}.pub-detail-back{color:var(--pub-text2);align-items:center;gap:6px;padding:12px 0;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.pub-detail-back:hover{color:var(--pub-text)}.pub-detail-gallery{border-radius:var(--pub-radius);touch-action:pan-y;box-shadow:var(--pub-shadow-sm);position:relative;overflow:hidden}.pub-detail-slides{transition:transform .35s cubic-bezier(.25,.8,.25,1);display:flex}.pub-detail-slide{aspect-ratio:16/10;min-width:100%}.pub-detail-slide img{object-fit:cover;width:100%;height:100%}.pub-gallery-counter{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px}.pub-detail-dots{gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.pub-detail-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:all .2s}.pub-detail-dot.active{background:#fff;border-radius:3px;width:18px}.pub-detail-no-img{aspect-ratio:16/10;border-radius:var(--pub-radius);color:#d1d5db;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:40px;display:flex}.pub-detail-info{padding:20px 0 16px}.pub-detail-price{color:var(--pub-price);letter-spacing:-.5px;margin-bottom:2px;font-size:28px;font-weight:800}.pub-detail-price span{color:var(--pub-text3);font-size:15px;font-weight:500}.pub-detail-title{color:var(--pub-text);margin-bottom:14px;font-size:17px;font-weight:600;line-height:1.5}.pub-detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.pub-detail-tag{background:var(--pub-bg);color:var(--pub-text2);border:1px solid var(--pub-border-light);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.pub-detail-section{border-top:1px solid var(--pub-border-light);padding:20px 0}.pub-section-title{color:var(--pub-text);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.pub-section-title .icon{font-size:18px}.pub-detail-desc{color:var(--pub-text2);font-size:14px;line-height:1.7}.pub-furniture-grid{flex-wrap:wrap;gap:8px;display:flex}.pub-furniture-item{border-radius:var(--pub-radius-xs);background:var(--pub-bg);border:1px solid var(--pub-border-light);color:var(--pub-text);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.pub-furniture-item:before{content:"✓";color:var(--pub-price);font-weight:700}.pub-video-card{border-radius:var(--pub-radius-sm);border:1px solid var(--pub-border);margin-top:8px;overflow:hidden}.pub-video-link{color:var(--pub-text);align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.pub-video-link:hover{background:var(--pub-bg)}.pub-video-icon{background:#fee2e2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.pub-sale-card{border-radius:var(--pub-radius-sm);background:var(--pub-bg);border:1px solid var(--pub-border-light);align-items:center;gap:12px;padding:16px;display:flex}.pub-sale-avatar{background:linear-gradient(135deg,var(--pub-accent),#ff8f6b);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.pub-sale-name{font-size:14px;font-weight:600}.pub-sale-role{color:var(--pub-text3);font-size:12px}.pub-cta{z-index:100;background:var(--pub-white);border-top:1px solid var(--pub-border-light);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.pub-cta-inner{gap:10px;max-width:640px;margin:0 auto;display:flex}.pub-cta-btn{border-radius:var(--pub-radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:flex}.pub-cta-btn:active{transform:scale(.97)}.pub-cta-call{background:var(--pub-price);color:#fff;box-shadow:0 4px 12px #0596694d}.pub-cta-zalo{color:#fff;background:#0068ff;box-shadow:0 4px 12px #0068ff4d}@media (min-width:768px){.pub-main,.pub-header-inner{max-width:680px}.pub-card-body{padding:16px 20px 18px}}.pub-badge-hot{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8f6b);border-radius:8px;align-items:center;gap:3px;padding:5px 10px;font-size:11px;font-weight:700;display:flex;top:10px;left:10px;box-shadow:0 2px 8px #ff6b354d}.pub-badge-new-listing{color:#fff;background:#3b82f6;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;top:10px;right:10px;box-shadow:0 2px 8px #3b82f64d}.pub-badge-video{color:#fff;background:#ef4444eb;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;top:10px;left:10px}.pub-card-price{color:var(--pub-price);letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.pub-social-proof{color:var(--pub-text3);align-items:center;gap:6px;padding:6px 0 0;font-size:11px;display:flex}.pub-social-dot{background:var(--pub-price);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pubPulse}@keyframes pubPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.pub-trust-row{flex-wrap:wrap;gap:8px;padding:8px 0 0;display:flex}.pub-trust-badge{color:var(--pub-text3);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.pub-trust-badge .trust-icon{font-size:12px}.pub-card-actions{border-top:1px solid var(--pub-border-light);gap:8px;padding:12px 16px 14px;display:flex}.pub-card-cta{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.pub-card-cta:active{transform:scale(.96)}.pub-card-cta-view{background:var(--pub-bg);color:var(--pub-text);border:1px solid var(--pub-border)}.pub-card-cta-view:hover{background:var(--pub-border-light)}.pub-card-cta-chat{background:var(--pub-price);color:#fff;box-shadow:0 2px 8px #05966940}.pub-card-cta-chat:hover{background:#047857}.pub-scroll-divider{align-items:center;gap:12px;padding:20px 0 14px;display:flex}.pub-scroll-divider-line{background:var(--pub-border);flex:1;height:1px}.pub-scroll-divider-text{color:var(--pub-text2);white-space:nowrap;background:var(--pub-bg);border:1px solid var(--pub-border-light);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.pub-hero-stat{scrollbar-width:none;gap:12px;padding:16px 0 4px;display:flex;overflow-x:auto}.pub-hero-stat::-webkit-scrollbar{display:none}.pub-hero-pill{background:var(--pub-white);border:1px solid var(--pub-border-light);box-shadow:var(--pub-shadow-sm);color:var(--pub-text2);text-align:center;border-radius:12px;flex-shrink:0;padding:10px 16px;font-size:12px}.pub-hero-pill strong{color:var(--pub-text);margin-bottom:2px;font-size:18px;font-weight:800;display:block}.pub-hero-pill .pill-accent{color:var(--pub-price)}.pub-badge-photos{color:#fff;background:#0000008c;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;bottom:10px;right:10px}.pub-similar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.pub-similar-scroll::-webkit-scrollbar{display:none}.pub-similar-card{border-radius:var(--pub-radius-sm);background:var(--pub-white);border:1px solid var(--pub-border-light);width:200px;box-shadow:var(--pub-shadow-sm);color:inherit;flex-shrink:0;text-decoration:none;transition:transform .15s,box-shadow .15s;overflow:hidden}.pub-similar-card:hover{box-shadow:var(--pub-shadow-md);transform:translateY(-2px)}.pub-similar-card:active{transform:scale(.97)}.pub-similar-img{object-fit:cover;width:100%;height:120px;display:block}.pub-similar-img-placeholder{color:#d1d5db;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);justify-content:center;align-items:center;width:100%;height:120px;font-size:28px;display:flex}.pub-similar-body{padding:10px 12px}.pub-similar-price{color:var(--pub-price);margin-bottom:3px;font-size:15px;font-weight:800}.pub-similar-price span{color:var(--pub-text3);font-size:11px;font-weight:500}.pub-similar-title{color:var(--pub-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.pub-similar-meta{color:var(--pub-text3);gap:6px;font-size:10px;display:flex}.pub-similar-tag{background:var(--pub-bg);border-radius:4px;padding:2px 6px;font-weight:500}