/* ===== style block 0 (originally inline at offset 769141) ===== */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#F5F4F0;min-height:100vh;transition:background .3s,color .3s}

/* ── DARK MODE — GLOBAL OVERRIDE ── */
body.dark{background:#111827 !important;color:#e5e7eb !important}

/* Catch-all: any element with white-ish inline backgrounds */
body.dark div[style*="background:#fff"],
body.dark div[style*="background: #fff"],
body.dark div[style*="background:#ffffff"],
body.dark div[style*="background:white"],
body.dark div[style*="background: white"],
body.dark span[style*="background:#fff"],
body.dark label[style*="background:#fff"],
body.dark button[style*="background:#fff"]{background:#1f2937 !important}

body.dark div[style*="background:#F5F4F0"],
body.dark div[style*="background:#f5f5f5"],
body.dark div[style*="background:#f8f9fa"],
body.dark div[style*="background:#fafafa"],
body.dark div[style*="background:#f9fafb"],
body.dark div[style*="background:#f0f4f8"],
body.dark div[style*="background:linear-gradient(180deg,#f8f9fa"],
body.dark div[style*="background:linear-gradient(180deg,#f0f4f8"]{background:#111827 !important}

body.dark div[style*="color:#111"],
body.dark span[style*="color:#111"],
body.dark a[style*="color:#111"],
body.dark div[style*="color:#111111"],
body.dark span[style*="color:#111111"],
body.dark div[style*="color:#374151"],
body.dark span[style*="color:#374151"],
body.dark div[style*="color:#1e293b"],
body.dark button[style*="color:#111"],
body.dark button[style*="color:#374151"]{color:#e5e7eb !important}

body.dark div[style*="color:#6b7280"],
body.dark span[style*="color:#6b7280"],
body.dark div[style*="color:#9ca3af"],
body.dark span[style*="color:#9ca3af"],
body.dark div[style*="color:#92400e"],
body.dark div[style*="color:#1E40AF"]{color:#9ca3af !important}

body.dark div[style*="border-bottom:1px solid"],
body.dark div[style*="border:1px solid"],
body.dark div[style*="border:1.5px solid #eee"],
body.dark div[style*="border:1.5px solid #e5e7eb"],
body.dark div[style*="border-bottom:1px solid #eee"],
body.dark div[style*="border-color:#eee"]{border-color:#374151 !important}

/* Navigation */
body.dark .nav{background:rgba(15,23,42,0.85) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important}
body.dark .tabs{background:#1e293b !important;border-color:#374151 !important;box-shadow:0 -2px 10px rgba(0,0,0,.2) !important}
body.dark .tab .ti{color:#6b7280 !important}
body.dark .tab .tlbl{color:#6b7280 !important}
body.dark .tab.on .ti{color:#60a5fa !important}
body.dark .tab.on .tlbl{color:#60a5fa !important}
body.dark .tab.on::before{background:#60a5fa !important}

/* Hero */
body.dark .hero{background:#0f172a !important}

/* Sections */
body.dark .section{background:#1e293b !important}
body.dark .sec-title{color:#f1f5f9 !important}
body.dark .sec-all{color:#60a5fa !important}

/* Cards */
body.dark .rcard{background:#1e293b !important;border-color:#374151 !important}
body.dark .rcard:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(96,165,250,.15) !important;border-color:rgba(96,165,250,.3) !important}
body.dark .rname{color:#f1f5f9 !important}
body.dark .rmeta{color:#9ca3af !important}
body.dark .list-card{border-color:#374151 !important;background:#1e293b !important}
body.dark .list-card:hover{background:#263040 !important}
body.dark .list-title,.dark .list-card-name{color:#f1f5f9 !important}
body.dark .list-desc,.dark .list-card-desc{color:#9ca3af !important}
body.dark .list-meta,.dark .list-card-meta{color:#60a5fa !important}

/* Back bar */
body.dark .back-bar{background:#1e293b !important;border-color:#374151 !important}
body.dark .back-btn{color:#60a5fa !important}
body.dark .back-btn svg{stroke:#60a5fa !important}
body.dark .back-bar-title{color:#f1f5f9 !important}

/* Profile */
body.dark .profile-hdr{background:#1e293b !important}
body.dark .p-avatar{background-color:#0A3D5C !important}
body.dark .p-name{color:#f1f5f9 !important}
body.dark .p-sub{color:#6b7280 !important}
body.dark .ps-num{color:#60a5fa !important}
body.dark .ps-lbl{color:#6b7280 !important}
body.dark .profile-sec{background:#1e293b !important}
body.dark .prof-sec-title{color:#f1f5f9 !important}

/* Auth / forms */
body.dark .auth-card{background:#1e293b !important;border-color:#374151 !important}
body.dark .auth-btn{background:#2563eb !important}
body.dark .flbl{color:#9ca3af !important}
body.dark .finput{background:#111827 !important;color:#f1f5f9 !important}
body.dark .fwrap{border-color:#374151 !important;background:#111827 !important}
body.dark .fwrap.focused{border-color:#60a5fa !important}
body.dark .soc-btn{background:#111827 !important;color:#d1d5db !important;border-color:#374151 !important}

/* Detail page */
body.dark .action-block{background:#1e293b !important;border-color:#374151 !important}
body.dark .act-d{background:#1e293b !important;border-color:#374151 !important}
body.dark .act-d:hover{border-color:#60a5fa !important;background:#263040 !important}
body.dark .act-d-lbl{color:#60a5fa !important}
body.dark .act-d svg{stroke:#60a5fa !important}
body.dark .det-tabs{background:#1e293b !important;border-color:#374151 !important}
body.dark .dt{color:#6b7280 !important}
body.dark .dt.on{color:#60a5fa !important;border-bottom-color:#60a5fa !important}
body.dark .info-section{background:#1e293b !important;border-color:#374151 !important}
body.dark .info-sec-title{color:#e2e8f0 !important}
body.dark .info-row{border-color:#374151 !important}
body.dark .ir-lbl{color:#6b7280 !important}
body.dark .ir-val{color:#e5e7eb !important}
body.dark .ir-val a{color:#60a5fa !important}
body.dark .info-desc{color:#d1d5db !important}
body.dark .rec-block{background:#1e293b !important;border-color:#374151 !important}
body.dark .rec-title{color:#f1f5f9 !important}
body.dark .rec-btn{background:#1e293b !important;border-color:#374151 !important;color:#d1d5db !important}
body.dark .rec-btn.yes.sel{background:#1a2744 !important;border-color:#60a5fa !important}
body.dark .rec-btn.maybe.sel{background:#2d1f0e !important;border-color:#C97B1A !important}
body.dark .rec-btn.no.sel{background:#2d0e0e !important;border-color:#E83030 !important}
body.dark .rec-btn .rec-icon{opacity:1 !important}
body.dark .rec-block{background:#1e293b !important;border-color:#374151 !important}
body.dark .rec-fb{background:#1e293b !important;color:#d1d5db !important}
body.dark .rec-lbl{color:#9ca3af !important}
body.dark .rec-count{color:#6b7280 !important}
body.dark .owner-reply{background:#1a2744 !important;border-color:#1e40af !important;color:#d1d5db !important}
body.dark .owner-reply div{color:#d1d5db !important}
body.dark .owner-reply div[style*="color:#0A3D5C"]{color:#60a5fa !important}
body.dark .owner-reply div[style*="color:#374151"]{color:#d1d5db !important}
body.dark .rev-actions{border-color:rgba(255,255,255,.08) !important}
body.dark .rev-act-btn{background:#1e293b !important;border-color:#374151 !important;color:#9ca3af !important}

/* Mobile reviews — compact layout */
@media(max-width:768px){
  .rev-row{padding:12px 10px !important;gap:8px !important}
  .rev-row>div:first-child{width:26px !important;height:26px !important;font-size:10px !important}
  .rev-name{font-size:12px !important}
  .rev-place{font-size:11px !important}
  .rev-actions{overflow-x:auto;flex-wrap:nowrap !important;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px !important}
  .rev-actions::-webkit-scrollbar{display:none}
  .rev-act-btn{white-space:nowrap !important;flex-shrink:0 !important;padding:4px 6px !important;font-size:9px !important}
  .rev-act-btn span[style*="font-size:13px"]{font-size:11px !important}
  /* Owner/Admin dashboard notification feed — shrink avatar bubbles */
  #ow-reviews-sec [style*="width:40px"][style*="height:40px"]{
    width:28px !important;height:28px !important;font-size:11px !important;min-width:28px !important
  }
  #ow-reviews-sec [style*="font-size:16px"][style*="font-weight:800"]{font-size:13px !important}
  #ow-reviews-sec [style*="font-size:18px"]{font-size:14px !important}
  /* Notification rows — reduce padding and gap on mobile */
  #ow-reviews-sec [style*="padding:12px 14px"]{padding:10px 12px !important;gap:8px !important}
  /* Admin reviews list avatar/initial circles */
  #ow-allreviews-list div[style*="padding:12px"]{padding:10px !important}
  #ow-allreviews-list div[style*="font-size:13px"][style*="font-weight:700"]{font-size:12px !important}
  .admin-rev-del-btn,button[onclick*="adminEditReview"]{padding:5px 9px !important;font-size:10px !important}
}
body.dark .bar-fill{background:#F59E0B !important}
body.dark .rc-local{border-color:#374151 !important;background:#1e293b !important}
body.dark .rc-local .rc-body{color:#d1d5db !important}
body.dark .rc-local .rc-name{color:#f1f5f9 !important}
body.dark .rc-local .rc-stars{color:#F59E0B !important}
body.dark .rc-local .rc-date{color:#6b7280 !important}
body.dark .rc-local .rc-info{color:#6b7280 !important}
body.dark .owner-reply{background:#1a2744 !important;border-color:#1e40af !important}
body.dark .owner-reply div[style*="color:#374151"]{color:#d1d5db !important}
body.dark .owner-reply div[style*="color:#0A3D5C"]{color:#60a5fa !important}
body.dark .rec-count{color:#6b7280 !important}
body.dark .rev-act-btn[style*="background:#FEF3C7"]{background:#2d1f0e !important;border-color:#D97706 !important;color:#D97706 !important}
body.dark .rev-act-btn[style*="background:#F3E8FF"]{background:#1f0e2d !important;border-color:#7C3AED !important;color:#7C3AED !important}
body.dark .rev-act-btn[style*="background:#FEE2E2"]{background:#2d0e0e !important;border-color:#E83030 !important;color:#E83030 !important}
body.dark .rev-act-btn[style*="background:#F3F4F6"]{background:#1e293b !important;border-color:#6B7280 !important;color:#6B7280 !important}
body.dark [style*="background:#e5e7eb"][style*="height:6px"]{background:#374151 !important}
body.dark [style*="background:#e5e7eb"][style*="height:8px"]{background:#374151 !important}
body.dark .rc-av[style*="background:#dbeafe"]{background:#1a2744 !important}
body.dark .det-pg{background:#111827 !important}
body.dark .rc-head{color:#f1f5f9 !important}
body.dark .rc-stars{color:#F59E0B !important}
body.dark .rc-body{color:#d1d5db !important}

/* Reviews */
body.dark .rev-card{background:#1e293b !important;border-color:#374151 !important}
body.dark .rc-name{color:#f1f5f9 !important}
body.dark .rc-body{color:#d1d5db !important}
body.dark .rc-date{color:#6b7280 !important}
body.dark .rc-info{color:#6b7280 !important}
body.dark .review-summary{background:#1e293b !important;border-color:#374151 !important}
body.dark .rs-score{color:#f1f5f9 !important}
body.dark .bar-track{background:#374151 !important}

/* Inline review form */
body.dark #inline-review-form{background:#1e293b !important;border-color:#60a5fa !important}
body.dark #inline-review-text{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}

/* Chips */
body.dark .chip{background:rgba(255,255,255,.18) !important;color:#fff !important;border-color:rgba(255,255,255,.35) !important}
body.dark .chip.on{background:#fff !important;color:#111 !important}
body.dark .chip.chip-open{background:rgba(22,163,74,.35) !important;color:#4ade80 !important;border-color:rgba(22,163,74,.5) !important}
body.dark .chip.chip-open.on{background:#16A34A !important;color:#fff !important}

/* Photos */
body.dark .photo-overlay{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 60%,transparent 100%) !important}

/* Pages */
body.dark .page-hdr{background:#0f172a !important}
body.dark .page-hdr h2{color:#f1f5f9 !important}
body.dark .page-hdr p{color:#6b7280 !important}

/* Contact */
body.dark .contact-wrap{background:#1e293b !important}
body.dark .contact-intro{color:#9ca3af !important}
body.dark .contact-card{background:#111827 !important;border-color:#374151 !important}
body.dark .contact-card:hover{border-color:#60a5fa !important}
body.dark .contact-name{color:#f1f5f9 !important}
body.dark .contact-val{color:#60a5fa !important}
body.dark .contact-arr{color:#4b5563 !important}
body.dark .contact-icon{opacity:.85}
body.dark .c-input{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark .c-input:focus{border-color:#60a5fa !important}
body.dark .c-textarea{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark .c-textarea:focus{border-color:#60a5fa !important}
body.dark .c-btn{background:#2563eb !important}
body.dark .sent-msg{background:#064e3b !important;color:#6ee7b7 !important}
body.dark #screen-contact{background:#111827 !important}
body.dark #screen-contact .page-hdr{background:#0f172a !important}

/* Owner */
/* Owner dashboard styles */
.ow-stat-card{background:rgba(255,255,255,.12);border-radius:10px;padding:10px 8px;text-align:center;backdrop-filter:blur(4px)}
.ow-stat-num{font-size:19px;font-weight:900;color:#fff}
.ow-stat-lbl{font-size:12px;color:rgba(255,255,255,.6);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}
.ow-stat-ch{font-size:10px;font-weight:700;margin-top:3px}
.ow-stat-ch.up{color:#4ade80}
.ow-stat-ch.down{color:#f87171}
.ow-tab{flex:1;padding:10px 4px;font-size:0;color:#9ca3af;border:none;background:#fff;cursor:pointer;font-family:inherit;transition:all .15s;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;border:1.5px solid #d1d5db}
.ow-tab svg{width:20px;height:20px;stroke:#9ca3af;stroke-width:1.5;fill:none;flex-shrink:0}
.ow-tab span{font-size:12px;font-weight:600;color:#9ca3af;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.2px}
.ow-tab.on{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);border-color:#0891B2}
.ow-tab.on svg{stroke:#0891B2}
.ow-tab.on span{color:#0891B2;font-weight:700}
.ow-tab:hover{background:#f8f9fa}
.ow-logout-tab:hover{background:#fef2f2 !important;border-color:#dc2626 !important}
.ow-logout-tab:hover svg{stroke:#dc2626 !important}
.ow-logout-tab:hover span{color:#dc2626 !important}
body.dark .ow-logout-tab:hover{background:#2d0e0e !important;border-color:#dc2626 !important}
body.dark .ow-logout-tab:hover svg{stroke:#ef4444 !important}
body.dark .ow-logout-tab:hover span{color:#ef4444 !important}
.ow-panel{padding:0}
.ow-section{background:#fff;padding:18px 16px;margin-bottom:6px}
.ow-sec-title{font-size:15px;font-weight:800;color:#111;margin-bottom:14px}
.ow-bar{flex:1;background:#DBEAFE;border-radius:6px 6px 0 0;min-height:8px;position:relative;transition:height .3s}
.ow-bar span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:#9ca3af;font-weight:600;white-space:nowrap}
.ow-bar-active{background:linear-gradient(to top,#0A3D5C,#2563EB) !important}
.ow-metric-row{display:flex;flex-direction:column;gap:10px}
.ow-metric{padding:12px;background:#f8f9fa;border-radius:10px;border:1px solid #eee}
.ow-metric-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ow-metric-label{font-size:12px;color:#6b7280}
.ow-metric-val{font-size:15px;font-weight:800;color:#111;margin-top:2px}
.ow-metric-ch{font-size:11px;font-weight:700;margin-left:4px}
.ow-metric-ch.up{color:#16A34A}
.ow-metric-ch.down{color:#dc2626}
.ow-compare-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ow-compare-label{font-size:12px;font-weight:600;color:#6b7280;width:80px;flex-shrink:0}
.ow-compare-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}
.ow-compare-bar div{height:100%;border-radius:4px;transition:width .5s}
.ow-compare-val{font-size:12px;font-weight:800;width:40px;text-align:right;flex-shrink:0}
.ow-review-card{background:#f8f9fa;border-radius:12px;padding:14px;margin-bottom:10px;border:1px solid #eee}
.ow-reply-box{background:#fff;border-radius:8px;padding:10px;border:1px solid #e5e7eb;margin-top:8px}
.ow-setting-group{margin-bottom:14px}
.ow-setting-label{font-size:12px;font-weight:600;color:#374151;display:block;margin-bottom:6px}
.ow-setting-input{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:11px 14px;font-size:15px;font-family:inherit;color:#111;outline:none;background:#f8f9fa;box-sizing:border-box;transition:border-color .15s}
.ow-setting-input:focus{border-color:#0A3D5C}
.ow-plan{background:#f8f9fa;border-radius:12px;padding:14px 10px;text-align:center;border:1.5px solid #eee;position:relative}
.ow-plan-featured{border-color:#0A3D5C;background:#EFF6FF}

/* Owner dark mode */
body.dark .ow-tab{color:#6b7280;border-color:#fff;background:#1e293b}
body.dark .ow-tab svg{stroke:#6b7280 !important}
body.dark .ow-tab.on{background:#1e293b !important;border-color:#0891B2 !important;box-shadow:0 1px 3px rgba(0,0,0,.3)}
body.dark .ow-tab.on svg{stroke:#0891B2 !important}
body.dark .ow-tab.on span{color:#0891B2 !important}
body.dark .ow-tab:hover{background:#263040}
body.dark #ow-tabs{background:#111827 !important;border-color:#374151 !important}
body.dark .ow-section{background:#1e293b !important}
body.dark .ow-sec-title{color:#f1f5f9 !important}
body.dark .ow-bar{background:#374151 !important}
body.dark .ow-metric{background:#111827 !important;border-color:#374151 !important}
body.dark .ow-metric-label{color:#6b7280 !important}
body.dark .ow-metric-val{color:#f1f5f9 !important}
body.dark .ow-compare-label{color:#9ca3af !important}
body.dark .ow-compare-bar{background:#374151 !important}
body.dark .ow-review-card{background:#111827 !important;border-color:#374151 !important}
body.dark .ow-review-card div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark .ow-review-card div[style*="color:#374151"]{color:#d1d5db !important}
body.dark .ow-reply-box{background:#1e293b !important;border:1.5px solid #4b5563 !important}
body.dark .ow-reply-box textarea{background:#111827 !important;color:#f1f5f9 !important;border:1px solid #4b5563 !important;border-radius:6px !important;padding:8px !important}
body.dark .ow-reply-box textarea::placeholder{color:#9ca3af !important}
body.dark .ow-reply-box button{background:#C97B1A !important;color:#fff !important;border:none !important}
body.dark .ow-setting-label{color:#9ca3af !important}
body.dark .ow-setting-input{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark .ow-plan{background:#111827 !important;border-color:#374151 !important}
body.dark .ow-plan div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark .ow-plan-featured{background:#1e293b !important;border-color:#60a5fa !important}

/* Owner — full dark mode */
body.dark #screen-owner{background:#111827 !important}
body.dark #screen-owner .back-bar{background:#1e293b !important;border-color:#374151 !important}
body.dark .owner-landing{background:#1e293b !important}
body.dark .owner-action-card{background:#111827 !important;border-color:#374151 !important}
body.dark .owner-action-card:hover{border-color:#60a5fa !important}
body.dark .owner-action-title{color:#f1f5f9 !important}
body.dark .owner-action-sub{color:#9ca3af !important}
body.dark .owner-action-arr{color:#4b5563 !important}
body.dark .owner-action-ico{background:#1e293b !important}

/* Owner landing inline overrides */
body.dark #owner-landing div[style*="background:#f5f5f5"]{background:#111827 !important}
body.dark #owner-landing div[style*="background:#fff"]{background:#1e293b !important}
body.dark #owner-landing div[style*="border:1px solid #eee"]{border-color:#374151 !important}
body.dark #owner-landing div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #owner-landing span[style*="color:#111"]{color:#f1f5f9 !important}

/* Owner forms inline overrides */
body.dark #owner-add-form div[style*="background:#f5f5f5"]{background:#111827 !important}
body.dark #owner-claim-form div[style*="background:#f5f5f5"]{background:#111827 !important}
body.dark #owner-login-form div[style*="background:#f5f5f5"]{background:#111827 !important}
body.dark #owner-add-form div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #owner-claim-form div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #owner-login-form div[style*="color:#111"]{color:#f1f5f9 !important}

/* Owner dashboard inline overrides */
body.dark #owner-content div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #owner-content span[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #owner-content div[style*="color:#374151"]{color:#d1d5db !important}
body.dark #owner-content div[style*="color:#6b7280"]{color:#9ca3af !important}
body.dark #owner-content div[style*="color:#9ca3af"]{color:#6b7280 !important}
body.dark #owner-content div[style*="background:#f8f9fa"]{background:#111827 !important}
body.dark #owner-content div[style*="background:#F5F4F0"]{background:#0f172a !important}
body.dark #owner-content div[style*="border:1px solid #eee"]{border-color:#374151 !important}
body.dark #owner-content div[style*="border:1.5px solid #eee"]{border-color:#374151 !important}
body.dark #owner-content div[style*="background:#EFF6FF"]{background:#1e293b !important}
body.dark #owner-content div[style*="border:1px solid #BFDBFE"]{border-color:#374151 !important}
body.dark #owner-content div[style*="color:#1E40AF"]{color:#60a5fa !important}
body.dark #owner-content span[style*="color:#1E40AF"]{color:#60a5fa !important}

/* Danger zone */
body.dark #owner-content .ow-section[style*="background:#fff5f5"]{background:#1c1117 !important;border-color:#7f1d1d !important}

/* Photo grid empty state */
body.dark #ow-photo-grid div[style*="background:#F5F4F0"]{background:#111827 !important}

/* Subscription plans dark */
body.dark #owner-content div[style*="background:#EFF6FF"]{background:#111827 !important}
body.dark #owner-content .ow-plan button[style*="background:#374151"]{background:#4b5563 !important}
body.dark #owner-content .ow-plan button[style*="background:#16A34A"]{background:#16A34A !important}

/* Review cards inside dashboard */
body.dark #ow-reviews-sec div[style*="background:#EFF6FF"]{background:#1e293b !important}
body.dark #ow-reviews-sec div[style*="background:#FEF3C7"]{background:#1e293b !important}
body.dark #ow-reviews-sec div[style*="background:#FDF2F8"]{background:#1e293b !important}
body.dark #ow-reviews-sec div[style*="background:#F0FDF4"]{background:#0f2418 !important}

/* Stats bar chart */
body.dark .ow-bar span{color:#6b7280 !important}
body.dark .ow-bar-active{background:linear-gradient(to top,#2563EB,#60a5fa) !important}
body.dark .ow-compare-val{color:#d1d5db !important}

/* Owner content background */
body.dark #owner-content{background:#111827 !important}
body.dark #owner-content .ow-panel{background:#111827 !important}
body.dark .owner-action-ico{opacity:.85}

/* Owner landing — "Niyə Harda?" cards and wrapper */
body.dark #owner-landing div[style*="background:#f5f5f5"]{background:#111827 !important}
body.dark #owner-landing div[style*="background:#fff"]{background:#1e293b !important}
body.dark #owner-landing div[style*="border:1px solid #eee"]{border-color:#374151 !important}
body.dark #owner-landing div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #owner-landing div[style*="color:#6b7280"]{color:#6b7280 !important}

/* Owner forms */
body.dark #owner-add-form div[style*="background:#f5f5f5"]{background:#111827 !important}
body.dark #owner-claim-form div[style*="background:#f5f5f5"]{background:#111827 !important}
body.dark #owner-login-form div[style*="background:#f5f5f5"]{background:#111827 !important}

/* Owner content (dashboard) */
body.dark #owner-content{background:#111827 !important}
body.dark .stats-grid{background:#1e293b !important}
body.dark .stat{background:#111827 !important;border-color:#374151 !important}
body.dark .stat-num{color:#f1f5f9 !important}
body.dark .stat-lbl{color:#6b7280 !important}
body.dark .stat-ch{color:#60a5fa !important}
body.dark .owner-sec{background:#1e293b !important}
body.dark .os-title{color:#f1f5f9 !important}
body.dark .rr-card{background:#1e293b !important;border-color:#374151 !important}
body.dark .rr-top{border-color:#374151 !important}
body.dark .rr-reviewer{color:#f1f5f9 !important}
body.dark .rr-stars{color:#F59E0B !important}
body.dark .rr-text{color:#d1d5db !important}
body.dark .rr-reply{background:#111827 !important;border-color:#374151 !important}
body.dark .rr-reply-lbl{color:#60a5fa !important}
body.dark .rr-reply textarea{color:#f1f5f9 !important;background:transparent !important}
body.dark .rr-reply textarea::placeholder{color:#6b7280 !important}
body.dark #owner-reply-ta{background:transparent !important;color:#f1f5f9 !important}
body.dark .rr-btn{background:#2563eb !important;color:#fff !important}
body.dark .plan-grid{background:#111827 !important}
body.dark .plan{background:#1e293b !important;border-color:#374151 !important}
body.dark .plan.feat{border-color:#60a5fa !important}
body.dark .plan-name{color:#f1f5f9 !important}
body.dark .plan-price{color:#f1f5f9 !important}
body.dark .plan-per{color:#6b7280 !important}
body.dark .plan-btn{background:#2563eb !important}
body.dark .plan-btn.out{background:#374151 !important;color:#d1d5db !important}

/* Search */
body.dark #screen-search{background:#111827 !important}
body.dark .sx-hdr{background:#1e293b !important;border-color:#374151 !important}
body.dark .sx-bar{background:#111827 !important}
body.dark .sx-bar.focus{border-color:#60a5fa !important;background:#1e293b !important}
body.dark .sx-bar input{color:#f1f5f9 !important}
body.dark .sx-section{background:#1e293b !important}
body.dark .sx-section-title{color:#f1f5f9 !important}
body.dark .sx-section-action{color:#60a5fa !important}
body.dark .sx-trending-name{color:#f1f5f9 !important}
body.dark .sx-trending-cat{color:#6b7280 !important}
body.dark .sx-result-card{background:#1e293b !important;border-color:#374151 !important}
body.dark .sx-result-card:hover{background:#263040 !important}
body.dark .sx-name{color:#f1f5f9 !important}
body.dark .sx-score{color:#f1f5f9 !important}
body.dark .sx-meta{color:#9ca3af !important}
body.dark .sx-snippet{color:#9ca3af !important}
body.dark .sx-tag{background:#374151 !important;color:#d1d5db !important;border-color:#4b5563 !important}
body.dark .sx-filters{background:#111827 !important;border-color:#374151 !important}
body.dark .sx-chip{background:#111827 !important;color:#d1d5db !important;border-color:#374151 !important}
body.dark .sx-chip:hover{border-color:#60a5fa !important}
body.dark .sx-chip.on{background:#60a5fa !important;color:#111 !important;border-color:#60a5fa !important}
body.dark .sx-sort-bar{background:#1e293b !important;border-color:#374151 !important}
body.dark .sx-sort-count{color:#f1f5f9 !important}
body.dark .sx-sort-select{background:#111827 !important;color:#d1d5db !important;border-color:#374151 !important}
body.dark .sx-cat-name{color:#f1f5f9 !important}
body.dark .sx-open.yes{background:#064e3b !important;color:#6ee7b7 !important}
body.dark .sx-open.no{background:#7f1d1d !important;color:#fca5a5 !important}

/* Filter pills */
body.dark .filter-pill{background:#111827 !important;color:#d1d5db !important;border-color:#374151 !important}
body.dark .filter-pill.on{background:#60a5fa !important;color:#111 !important}

/* Amenities */
body.dark .amen-badge{background:#111827 !important;border-color:#374151 !important;color:#d1d5db !important}

/* Hours */
body.dark .hours-table .hday{color:#9ca3af !important}
body.dark .hours-table .htime{color:#e5e7eb !important}

/* Personal info */
body.dark #pi-inline{background:#1e293b !important;border-color:#60a5fa !important}
body.dark #pi-inline label{color:#9ca3af !important}
body.dark #pi-inline input{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}

/* Map */
body.dark #screen-xarite{background:#111827 !important}
body.dark #screen-xarite .back-bar{background:#1e293b !important;border-color:#374151 !important}
body.dark .map-filters{background:#1e293b !important;border-color:#374151 !important}
body.dark .mf{background:#111827 !important;color:#d1d5db !important;border-color:#374151 !important}
body.dark .mf:hover{border-color:#60a5fa !important}
body.dark .mf.on{background:#60a5fa !important;color:#111 !important;border-color:#60a5fa !important}
body.dark #map{background:#1a2332 !important}
/* Leaflet dark tiles — invert brightness */
body.dark .leaflet-tile-pane{filter:brightness(0.85) contrast(1.1) saturate(0.8)}
body.dark .hmap-tiles{filter:brightness(0.85) contrast(1.1) saturate(0.8)}
body.dark .leaflet-control-zoom a{background:#1e293b !important;color:#d1d5db !important;border-color:#374151 !important}
body.dark .leaflet-control-attribution{background:rgba(17,24,39,.8) !important;color:#6b7280 !important}
body.dark .leaflet-popup-content-wrapper{background:#1e293b !important;color:#f1f5f9 !important}
body.dark .leaflet-popup-tip{background:#1e293b !important}

/* Modals / overlays */
body.dark .modal-sheet{background:#1e293b !important}
body.dark .share-sheet > div{background:#1e293b !important}

/* Rev row (home recent reviews) */
body.dark .rev-row{border-color:#374151 !important}
body.dark .rev-row:hover{background:#263040 !important}
body.dark .rev-name{color:#f1f5f9 !important}
body.dark .rev-place{color:#60a5fa !important}
body.dark .rev-quote{color:#d1d5db !important}

/* My reviews screen */
body.dark #my-reviews-screen{background:#111827 !important}

/* Notifications */
body.dark #pf-notifs{background:#111827 !important}
body.dark #pf-notifs-inline{background:#1e293b !important;border-color:#60a5fa !important}
body.dark #pf-notifs-inline div[style*="background:#f8f9fa"]{background:#111827 !important}
body.dark .notif-item{background:#1e293b !important;border-color:#374151 !important}

/* KYC / claim screens */
body.dark #owner-claim-form{background:#111827 !important}
body.dark #owner-add-form{background:#111827 !important}
body.dark #owner-login-form{background:#111827 !important}
body.dark #owner-content{background:#111827 !important}

/* Autocomplete */
body.dark .autocomplete-item{background:#1e293b !important;border-color:#374151 !important}
body.dark .autocomplete-item:hover{background:#263040 !important}
body.dark #search-autocomplete{background:#1e293b !important;border-color:#374151 !important}
body.dark #search-autocomplete div{background:#1e293b !important}
body.dark .ac-item{background:#1e293b !important;border-color:#374151 !important;color:#f1f5f9 !important}
body.dark .ac-item:hover{background:#263040 !important}
body.dark .ac-name{color:#f1f5f9 !important}
body.dark .ac-meta{color:#9ca3af !important}
body.dark .ac-rating{color:#F59E0B !important}
body.dark .ac-icon{color:#f1f5f9 !important}
body.dark #hero-dropdown{background:#1e293b !important;border-color:#374151 !important}
body.dark #hero-dropdown div{background:#1e293b !important}
body.dark #hero-dropdown div:hover{background:#263040 !important}
body.dark #hero-dropdown div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #hero-dropdown div[style*="color:#6b7280"]{color:#9ca3af !important}
body.dark #hero-dropdown div[style*="color:#0A3D5C"]{color:#60a5fa !important}
body.dark #hero-dropdown div[style*="background:#f8f9fa"]{background:#111827 !important}
body.dark #hero-dropdown div[style*="background:#fff"]{background:#1e293b !important}

/* Recent search items */
body.dark .recent-item{background:#1e293b !important;border-color:#374151 !important}
body.dark .recent-item:hover{background:#263040 !important}

/* Saved places */
body.dark #saved-screen{background:#111827 !important}

/* Toast */
body.dark .share-toast{background:#1e293b !important}

/* Global text overrides for inline styles */
body.dark [style*="color:#111"]{color:#e5e7eb !important}
body.dark [style*="color:#374151"]{color:#d1d5db !important}
body.dark [style*="background:#fff"]{background:#1e293b !important}
body.dark [style*="background:#F5F4F0"]{background:#111827 !important}
body.dark [style*="background:#f5f5f5"]{background:#111827 !important}
body.dark [style*="background:#f8f9fa"]{background:#1e293b !important}
body.dark [style*="background:white"]{background:#1e293b !important}
body.dark [style*="border-bottom:1px solid rgba(0,0,0"]{border-color:#374151 !important}
body.dark [style*="border:1.5px solid #eee"]{border-color:#374151 !important}
body.dark [style*="border:1px solid #eee"]{border-color:#374151 !important}
body.dark [style*="border:1.5px solid #e5e7eb"]{border-color:#374151 !important}
body.dark [style*="border-bottom:1px solid #eee"]{border-color:#374151 !important}
body.dark [style*="border-bottom:1px solid #f0f0f0"]{border-color:#374151 !important}
body.dark [style*="border-bottom:4px solid #F5F4F0"]{border-color:#111827 !important}
body.dark [style*="border-top:1px solid"]{border-color:#374151 !important}
body.dark select{background:#111827 !important;color:#d1d5db !important;border-color:#374151 !important}
body.dark input{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark textarea{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark input::placeholder{color:#6b7280 !important}
body.dark textarea::placeholder{color:#6b7280 !important}
body.dark button.auth-btn{background:#2563eb !important}
body.dark .ben-item{background:#111827 !important;border-color:#374151 !important}
body.dark .ben-t{color:#f1f5f9 !important}
body.dark .ben-d{color:#9ca3af !important}

/* Chip results / "Hamısına bax" list */
body.dark #chip-results{background:#111827 !important}
body.dark #chip-results div[style*="background:#fff"]{background:#1e293b !important}
body.dark #chip-results div[style*="background:#f8f9fa"]{background:#1e293b !important}
body.dark #chip-results div[style*="background:#f7f7f7"]{background:#111827 !important}
body.dark #chip-results div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #chip-results span[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #chip-results div[style*="color:#6b7280"]{color:#9ca3af !important}
body.dark #chip-results span[style*="color:#6b7280"]{color:#9ca3af !important}
body.dark #chip-results div[style*="color:#9ca3af"]{color:#6b7280 !important}
body.dark #chip-results span[style*="color:#9ca3af"]{color:#6b7280 !important}
body.dark #chip-results div[style*="border-bottom:1px"]{border-color:#374151 !important}
body.dark #chip-results div[style*="border:1.5px solid #eee"]{border-color:#374151 !important}
body.dark #chip-results div[style*="border-bottom:1px solid #e5e7eb"]{border-color:#374151 !important}
body.dark #chip-results div[style*="border-bottom:1px solid #F5F4F0"]{border-color:#374151 !important}
body.dark #chip-results-title{color:#f1f5f9 !important}
body.dark #chip-results-count{color:#60a5fa !important}

/* Near me section header */
body.dark div[style*="background:#f5f5f5"] span[style*="text-transform:uppercase"]{color:#6b7280 !important}

/* Profile feature cards */
.pf-card:hover{border-color:#0A3D5C !important}
.pf-card-exit:hover{border-color:#E83030 !important}

body.dark .pf-card{background:#111827 !important;border-color:#374151 !important;color:#f1f5f9 !important}
body.dark .pf-card:hover{background:#1e293b !important;border-color:#60a5fa !important}
body.dark .pf-card div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark .pf-card div[style*="color:#E83030"]{color:#f87171 !important}
body.dark .pf-card div[style*="color:#9ca3af"]{color:#6b7280 !important}
body.dark .pf-card div[style*="color:#0A3D5C"]{color:#60a5fa !important}
body.dark .pf-card-exit{background:#1c1117 !important;border-color:#7f1d1d !important}
body.dark .pf-card-exit:hover{background:#2d1520 !important;border-color:#dc2626 !important}
body.dark .pf-card-exit div[style*="color:#E83030"]{color:#f87171 !important}

/* Profile feature cards — force dark on all inline-styled cards inside pf-loggedin */
body.dark #pf-loggedin div[style*="background:#f8f9fa"]{background:#111827 !important;border-color:#374151 !important}
body.dark #pf-loggedin div[style*="background:#fff0f0"]{background:#1c1117 !important;border-color:#7f1d1d !important}
body.dark #pf-loggedin div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #pf-loggedin div[style*="color:#E83030"]{color:#f87171 !important}
body.dark #pf-loggedin div[style*="color:#0A3D5C"]{color:#60a5fa !important}
body.dark #pf-loggedin div[style*="color:#9ca3af"]{color:#6b7280 !important}
body.dark #pf-loggedin div[style*="border:1.5px solid #eee"]{border-color:#374151 !important}
body.dark #pf-loggedin div[style*="border:1.5px solid #fee2e2"]{border-color:#7f1d1d !important}
body.dark #pf-loggedin .badge-row{background:#111827 !important;border-color:#374151 !important}

/* Dark mode toggle card in profile */
body.dark #dark-mode-card{background:#1e293b !important;border-color:#374151 !important}

/* Profile header area */
body.dark #pf-loggedin .p-stats{border-color:#374151 !important}
body.dark #pf-loggedin .ps{border-color:#374151 !important}

/* Guest screen benefits */
body.dark #pf-guest > div:last-child{background:#1e293b !important}

/* Login/Register screens */
body.dark #pf-login,body.dark #pf-register{background:#111827 !important}
body.dark .auth-form-wrap{background:#111827 !important}
body.dark .auth-card{background:#1e293b !important;border-color:#374151 !important}
body.dark .auth-title{color:#f1f5f9 !important}
body.dark .flbl{color:#9ca3af !important}
body.dark .fwrap{background:#111827 !important;border-color:#374151 !important}
body.dark .fwrap.focused{border-color:#60a5fa !important}
body.dark .finput{background:#111827 !important;color:#f1f5f9 !important}
body.dark .soc-btn{background:#1e293b !important;color:#d1d5db !important;border-color:#374151 !important}
body.dark .auth-div-line{background:#374151 !important}
body.dark .auth-err{background:#2d0e0e !important;color:#fca5a5 !important}
body.dark .auth-btn{background:#2563eb !important}
body.dark span[onclick*="showProfileResetForm"]{color:#60a5fa !important}
body.dark #pf-login div[style*="padding:20px"]{background:#111827 !important}
body.dark #pf-register div[style*="padding:20px"]{background:#111827 !important}
body.dark #owner-login-form{background:#111827 !important}
body.dark #owner-login-form div[style*="padding:20px"]{background:#111827 !important}
body.dark #owner-login-form .auth-card{background:#1e293b !important}
body.dark #owner-login-form .finput{background:#111827 !important;color:#f1f5f9 !important}
body.dark #owner-login-form .fwrap{background:#111827 !important;border-color:#374151 !important}
body.dark #owner-login-form div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #owner-login-form>div:last-child{background:#111827 !important}
body.dark #owner-claim-form>div:last-child{background:#111827 !important}
body.dark #owner-add-form>div:last-child{background:#111827 !important}
body.dark #pf-login>div:nth-child(3){background:#111827 !important}
body.dark #pf-register>div:nth-child(3){background:#111827 !important}
body.dark #owner-claim-form div[style*="padding:20px"]{background:#111827 !important}
body.dark #owner-claim-form .auth-card{background:#1e293b !important}
body.dark #owner-claim-form .finput{background:#111827 !important;color:#f1f5f9 !important}
body.dark #owner-claim-form .fwrap{background:#111827 !important;border-color:#374151 !important}
body.dark #owner-add-form div[style*="padding:20px"]{background:#111827 !important}
body.dark #owner-add-form .auth-card{background:#1e293b !important}
body.dark #owner-add-form .finput{background:#111827 !important;color:#f1f5f9 !important}
body.dark #pf-login .auth-card{background:#1e293b !important}
body.dark #pf-login input{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark #pf-login .fwrap{background:#111827 !important;border-color:#374151 !important}
body.dark #pf-login .flbl{color:#9ca3af !important}
body.dark #pf-login div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #pf-login div[style*="color:#9ca3af"]{color:#6b7280 !important}
body.dark #pf-login .soc-btn{background:#1e293b !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark #pf-login .auth-div-line{background:#374151 !important}
body.dark #pf-login span[style*="color:#0A3D5C"]{color:#60a5fa !important}
body.dark #pf-register{background:#111827 !important}
body.dark #pf-register > div{background:#111827 !important}
body.dark #pf-register input{background:#111827 !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark #pf-register .fwrap{background:#111827 !important;border-color:#374151 !important}
body.dark #pf-register .flbl{color:#9ca3af !important}
body.dark #pf-register .soc-btn{background:#1e293b !important;color:#f1f5f9 !important;border-color:#374151 !important}
body.dark #pf-register div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #pf-register{background:#111827 !important}
body.dark #pf-register > div:last-child{background:#111827 !important}

/* Screen profile background */
body.dark #screen-profile{background:#111827 !important}

/* My reviews screen */
body.dark #my-reviews-screen{background:#111827 !important}
body.dark #my-reviews-screen div[style*="background:#fff"]{background:#1e293b !important}
body.dark #my-reviews-screen div[style*="background:#f8f9fa"]{background:#111827 !important}
body.dark #my-reviews-screen div[style*="color:#111"]{color:#f1f5f9 !important}
body.dark #my-reviews-screen div[style*="border:1.5px solid #eee"]{border-color:#374151 !important}

/* Saved places screen */
body.dark div[id*="saved"] div[style*="background:#fff"]{background:#1e293b !important}

/* Achievements screen */
body.dark div[id*="achievement"] div[style*="background:#fff"]{background:#1e293b !important}

/* NAV */
.nav{background:rgba(10,61,92,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:200}
@media(max-width:768px){.nav{height:46px;padding:0 12px}}
.logo{display:flex;align-items:center;gap:4px;cursor:pointer}.logo:hover{opacity:.88}
.harda{display:flex;align-items:center;gap:10px}
.harda-letters{display:flex;align-items:baseline;gap:2px}
.harda-pin{flex-shrink:0;width:28px;height:36px;transition:transform .2s;position:relative}
.harda-pin:hover{transform:scale(1.15)}
.harda-pin:active{transform:scale(.9)}
@keyframes pinPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.harda-pin-hint{animation:pinPulse 2s ease infinite}
.pin-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#0A3D5C;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:300}
.pin-tooltip::before{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);border:4px solid transparent;border-bottom-color:#0A3D5C}
.harda-pin:hover+.pin-tooltip,.harda-pin:hover~.pin-tooltip{opacity:1}
@media(max-width:768px){.harda{gap:7px}.harda-pin{width:20px;height:26px}.pin-tooltip{font-size:9px;padding:3px 8px}}
.harda span{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:26px;font-weight:900;background:#fff;padding:3px 6px;border-radius:8px;margin-right:2px;line-height:1}
.h1{color:#0092BC}.h2{color:#E8202A}.h3{color:#00A550}.h4{color:#0092BC}.h5{color:#E8202A}
.lang{display:flex;gap:2px;align-items:center;margin-left:10px}
@media(max-width:768px){
  .harda span{font-size:18px;padding:2px 4px;border-radius:6px}
  .lang{gap:2px;margin-left:auto;margin-right:4px}
  .lang{transform:scale(0.6);transform-origin:right center}
  .lb{font-size:14px;padding:4px 8px;border-radius:6px;font-weight:800;letter-spacing:.5px}
}
.lb{background:rgba(255,255,255,.15);border:none;color:rgba(255,255,255,.4);font-size:15px;font-weight:800;padding:4px 8px;border-radius:6px;cursor:pointer;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.5px;line-height:1;transition:all .15s}
.lb.on{color:#fff;background:rgba(255,255,255,.25)}
.flag{display:flex;height:3px}
.fb1{background:#0092BC;flex:1}.fb2{background:#E8202A;flex:1}.fb3{background:#00A550;flex:1}

/* TABS — unified white bar */
.tabs{background:#fff;border:none;display:flex;position:sticky;top:62px;z-index:150;box-shadow:0 1px 0 #e5e7eb;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px 10px;height:54px;cursor:pointer;position:relative;transition:all .2s;min-width:max-content}
@media(max-width:768px){.tabs{top:48px;padding:2px 0}.tab{height:48px;gap:3px;padding:6px 8px 8px}.ti{width:20px;height:20px}.ti svg{width:20px;height:20px}.tlbl{font-size:7px;letter-spacing:.4px}}
.tab::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:#C97B1A;border-radius:0 0 3px 3px;transition:width .25s ease}
.tab.on::before{width:100%}
.ti{display:block;width:22px;height:22px;color:#9ca3af;flex-shrink:0;transition:color .2s,transform .2s;position:relative;z-index:1}
.ti svg{width:22px;height:22px;display:block}
.tab.on{background:transparent}
.tab.on .ti{color:#0A3D5C;transform:scale(1.1)}
.tlbl{font-size:12px;font-weight:700;color:#9ca3af;text-align:center;letter-spacing:.3px;text-transform:uppercase;transition:color .2s;white-space:nowrap}
.tab.on .tlbl{color:#0A3D5C;font-weight:800}

/* Dark mode tabs */
body.dark .tabs{background:#1e293b;box-shadow:0 1px 0 #374151}
body.dark .ti{color:#6b7280}
body.dark .tlbl{color:#6b7280}
body.dark .tab.on .ti{color:#60a5fa}
body.dark .tab.on .tlbl{color:#60a5fa}
body.dark .tab.on::before{background:#60a5fa}

/* SCREENS */
.screen{display:none;opacity:0}.screen.active{display:block;min-height:100vh;animation:fadeIn .15s ease forwards}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* HOME */
.hero{position:relative;min-height:300px;background:linear-gradient(135deg,#0A3D5C 0%,#1565C0 50%,#0D47A1 100%);display:flex;align-items:center;justify-content:center;overflow:visible;padding:40px 24px}
@media(max-width:768px){.hero{min-height:220px;padding:24px 16px}}
.hero-bg-wrap{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1;pointer-events:none}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 1.5s ease}
.hero-inner{position:relative;z-index:2;text-align:center;width:100%;max-width:520px}
.hero-eye{font-size:12px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
.hero-title{font-size:38px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:12px;letter-spacing:-.7px;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.hero-sub{font-size:15px;color:rgba(255,255,255,.85);margin-bottom:26px;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.3)}
@media(max-width:768px){
  .hero-eye{font-size:9px;margin-bottom:8px;letter-spacing:2px}
  .hero-title{font-size:24px;margin-bottom:8px;letter-spacing:-.3px}
  .hero-sub{font-size:12px;margin-bottom:16px}
}
.search-bar{display:flex;background:none;border-radius:0;overflow:visible;width:100%}
.search-bar input{flex:1;border:none;padding:12px 14px;font-size:15px;outline:none;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111;background:transparent;font-weight:500}
.search-bar input::placeholder{color:#9ca3af}
.search-bar button{background:#C97B1A;color:#fff;border:none;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.app-banner{display:inline-flex;align-items:center;gap:10px;margin-top:14px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.28);border-radius:28px;padding:8px 18px 8px 8px;cursor:pointer}
.app-banner-icon{width:32px;height:32px;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.app-banner-top{font-size:10px;font-weight:500;color:rgba(255,255,255,.6);line-height:1.3}
.app-banner-bottom{font-size:12px;font-weight:700;color:#fff;line-height:1.3}
.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.chip{font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;gap:5px;transition:all .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.chip svg{flex-shrink:0;opacity:.9}
.chip:hover{background:rgba(255,255,255,.18);color:#fff}
.chip.on{background:#fff;color:#0A3D5C;border-color:transparent;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.chip.chip-primary{font-size:12px;font-weight:800;padding:7px 16px;background:rgba(0,0,0,.55);color:#fff;border-color:rgba(255,255,255,.3)}
.chip.chip-primary.on{background:#fff;color:#0A3D5C;border-color:transparent;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.chip.chip-open{background:rgba(22,163,74,.7);color:#fff;border-color:rgba(22,163,74,.8);font-weight:800}
.chip.chip-open.on{background:#16A34A;color:#fff;border-color:#16A34A}
/* Azerbaijani cultural SVG patterns */
:root{
  --pat-buta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 4c-3 0-6 3-7 8s0 12 3 16c1.5 2 3 3 4 3s2.5-1 4-3c3-4 4-11 3-16S23 4 20 4zm0 22c-1 0-2-1-3-3-2-3.5-2.5-9-1.5-13S18 5 20 5s3 2 4 5 .5 9.5-1.5 13c-1 2-2 3-3 3z' fill='%230A3D5C' opacity='.04'/%3E%3Ccircle cx='20' cy='14' r='2' fill='%230A3D5C' opacity='.03'/%3E%3C/svg%3E");
  --pat-nazar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='8' fill='none' stroke='%230A3D5C' stroke-width='.5' opacity='.06'/%3E%3Ccircle cx='24' cy='24' r='5' fill='none' stroke='%230A3D5C' stroke-width='.4' opacity='.05'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%230A3D5C' opacity='.04'/%3E%3C/svg%3E");
  --pat-armudu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='48' viewBox='0 0 36 48'%3E%3Cpath d='M18 6c-4 0-7 3-7 7 0 3 1.5 5 3 6.5-1 1-2 2.5-2 4.5 0 2 .8 3.5 2 5v7c0 2.5 1.8 4 4 4s4-1.5 4-4v-7c1.2-1.5 2-3 2-5 0-2-1-3.5-2-4.5 1.5-1.5 3-3.5 3-6.5 0-4-3-7-7-7z' fill='none' stroke='%230A3D5C' stroke-width='.5' opacity='.04'/%3E%3C/svg%3E");
}
.section{background:#ffffff;margin-top:14px}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px;position:relative}
.sec-hdr::before{content:'';position:absolute;inset:0;background:var(--pat-buta);opacity:.6;pointer-events:none}
.sec-title{font-size:19px;font-weight:800;color:#111111;letter-spacing:-.2px;position:relative;z-index:1}
.serif{font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.rc-body{font-size:15px;line-height:1.6}

/* Pattern on hero eye strip */
.hero-eye{position:relative}
.hero-inner::before{content:'';position:absolute;inset:0;background:var(--pat-nazar);opacity:.5;pointer-events:none}

/* Pattern on empty states */
.empty-state{position:relative}
.empty-state::before{content:'';position:absolute;inset:0;background:var(--pat-armudu);opacity:.5;pointer-events:none;border-radius:inherit}

/* Pattern on footer */
#screen-home > div:last-child{position:relative}
#screen-home > div:last-child::before{content:'';position:absolute;inset:0;background:var(--pat-buta);opacity:.3;pointer-events:none}

/* Dark mode — slightly brighter patterns */
body.dark .sec-hdr::before{opacity:.3;filter:invert(1)}
body.dark .hero-inner::before{opacity:.3;filter:invert(1)}
.sec-all{font-size:12px;font-weight:700;color:#0A3D5C;cursor:pointer;letter-spacing:.2px;position:relative;z-index:1}
.cards-row{display:flex;gap:14px;padding:0 24px 24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}
.cards-row::-webkit-scrollbar{display:none}
.cards-row>.rcard{scroll-snap-align:start}

/* Scroll progress indicator */
.scroll-track{height:3px;background:rgba(0,0,0,.06);border-radius:2px;margin:0 24px 16px;overflow:hidden}
.scroll-fill{height:100%;background:#C97B1A;border-radius:2px;width:20%;min-width:20%;transition:width .1s ease-out}
body.dark .scroll-track{background:rgba(255,255,255,.08)}
body.dark .scroll-fill{background:#60a5fa}

/* Time-based recommendations */
.time-rec{background:#fff;padding:0 0 8px}
.time-rec-grid{display:flex;gap:14px;padding:0 24px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.time-rec-grid::-webkit-scrollbar{display:none}
.time-card{flex-shrink:0;width:280px;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;scroll-snap-align:start;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.time-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.time-card-img{height:140px;background-size:cover;background-position:center;position:relative}
.time-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.6))}
.time-card-overlay{position:absolute;bottom:10px;left:12px;z-index:2;color:#fff}
.time-card-overlay .tc-name{font-size:15px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.time-card-overlay .tc-meta{font-size:11px;opacity:.85;margin-top:2px}
.time-card-body{padding:10px 12px;background:#fff}
.time-card-body .tc-cat{font-size:11px;color:#6b7280}
.time-card-body .tc-rating{display:flex;align-items:center;gap:4px;margin-top:4px}
.time-card-body .tc-stars{color:#C97B1A;font-size:10px}
.time-card-body .tc-score{font-size:12px;font-weight:800;color:#111}
.time-card-body .tc-price{font-size:11px;color:#0A3D5C;font-weight:700}
body.dark .time-rec{background:#1e293b}
body.dark .time-card{box-shadow:0 2px 12px rgba(0,0,0,.3)}
body.dark .time-card-body{background:#1e293b}
body.dark .time-card-body .tc-cat{color:#9ca3af}
body.dark .time-card-body .tc-score{color:#f1f5f9}

/* Category grid */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 24px}
@media(max-width:400px){.cat-grid{grid-template-columns:repeat(3,1fr);gap:8px}}
.cat-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;border-radius:14px;background:#f8f9fa;border:1.5px solid #eee;cursor:pointer;transition:all .15s}
.cat-tile:hover{border-color:#0A3D5C;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.cat-tile:active{transform:scale(.97)}
.cat-tile-icon{font-size:24px;line-height:1}
.cat-tile-name{font-size:10px;font-weight:700;color:#374151;text-align:center;line-height:1.2}
.cat-tile-count{font-size:9px;color:#9ca3af;font-weight:600}
body.dark .cat-tile{background:#111827;border-color:#374151}
body.dark .cat-tile:hover{border-color:#60a5fa}
body.dark .cat-tile-name{color:#d1d5db}

/* Discover button */
.discover-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 24px 20px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#C97B1A 0%,#B8720F 100%);color:#fff;font-size:14px;font-weight:800;cursor:pointer;border:none;width:calc(100% - 48px);font-family:inherit;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(212,131,26,.3)}
.discover-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,131,26,.4)}
.discover-btn:active{transform:scale(.98)}
.discover-btn svg{flex-shrink:0}
body.dark .discover-btn{box-shadow:0 4px 14px rgba(212,131,26,.2)}

/* ── PEEK & POP — signature interaction ── */
.peek-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,0);transition:background .25s ease;display:flex;align-items:center;justify-content:center;pointer-events:none}
.peek-overlay.on{background:rgba(0,0,0,.5);pointer-events:all;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.peek-card{width:90%;max-width:380px;background:#fff;border-radius:20px;overflow:hidden;transform:scale(.85);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:80vh;overflow-y:auto}
.peek-overlay.on .peek-card{transform:scale(1);opacity:1}
.peek-img{width:100%;height:200px;background-size:cover;background-position:center;position:relative}
.peek-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,rgba(0,0,0,.5))}
.peek-name{position:absolute;bottom:12px;left:16px;z-index:2;font-size:19px;font-weight:900;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.peek-body{padding:16px}
.peek-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.peek-stars{color:#C97B1A;font-size:15px}
.peek-score{font-size:15px;font-weight:800;color:#111}
.peek-cat{font-size:12px;color:#9ca3af}
.peek-about{font-size:15px;color:#374151;line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.peek-amen{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.peek-amen span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;background:#F5F4F0;color:#374151;border:1px solid #e5e7eb}
.peek-cta{width:100%;padding:14px;background:#0A3D5C;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .1s}
.peek-cta:active{transform:scale(.97)}
.peek-hint{text-align:center;margin-top:10px;font-size:12px;color:#9ca3af}
body.dark .peek-card{background:#1e293b}
body.dark .peek-score{color:#f1f5f9}
body.dark .peek-about{color:#d1d5db}
body.dark .peek-amen span{background:#111827;color:#d1d5db;border-color:#374151}
body.dark .peek-cta{background:#60a5fa;color:#111}

/* Section fade-in */
@keyframes sectionFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.section-anim{animation:sectionFadeIn .4s ease forwards}
.section-anim:nth-child(2){animation-delay:.1s}
.section-anim:nth-child(3){animation-delay:.2s}
.rcard{background:#ffffff;border:1px solid rgba(0,0,0,0.08);border-radius:14px;overflow:hidden;flex-shrink:0;width:200px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z' fill='%230A3D5C'/%3E%3C/svg%3E") 12 22, pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.rcard:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(10,61,92,.15);border-color:rgba(10,61,92,.2)}
.rcard-img{height:130px;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;background:#F5F4F0;overflow:hidden}
.rcard-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,rgba(0,0,0,.35));z-index:3;pointer-events:none}
.rcard-img img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:2}
.rcard-img .rcard-icon-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}
.rbadge{position:absolute;top:6px;right:6px;font-size:0;z-index:4}
.rbadge.v{width:18px;height:18px;border-radius:50%;background:#0A3D5C;box-shadow:0 0 0 2px #fff;display:flex;align-items:center;justify-content:center;padding:0}
.rbadge.v::after{content:'';display:block;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-1px}
.rbadge.t{background:#C97B1A;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px}
.rcard-body{padding:10px 12px 13px}
.rname{font-size:15px;font-weight:800;color:#111111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}
.rmeta{font-size:12px;color:#9ca3af;margin:3px 0 6px}
.rrating{display:flex;align-items:center;gap:3px}
.rstars{color:#C97B1A;font-size:10px}
.rscore{font-size:11px;font-weight:700;color:#111111}
.rcount{font-size:12px;color:#6b7280}
.rev-row{display:flex;align-items:flex-start;gap:14px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,0.08);cursor:pointer}
.rev-row:hover{background:#f8f9fa}
.rev-row:last-child{border-bottom:none}
.rev-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.rev-body{flex:1;overflow:visible;overflow-wrap:anywhere}
.rev-top{display:flex;align-items:center;gap:6px;margin-bottom:2px;flex-wrap:wrap}
.rev-name{font-size:15px;font-weight:800;color:#111111}
.rev-place{font-size:12px;font-weight:600;color:#0A3D5C;cursor:pointer}
.rev-place:hover{text-decoration:underline}
.rev-stars{color:#C97B1A;font-size:12px}
.rev-quote{font-size:15px;color:#6b7280;font-style:normal;line-height:1.5;word-break:break-word;white-space:normal !important;overflow:visible !important;text-overflow:unset !important;max-width:none !important;display:block !important;-webkit-line-clamp:unset !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important}
.rev-time{font-size:12px;font-weight:500;color:#6b7280;margin-top:2px}

/* LISTS PAGE */
.page-hdr{padding:20px 20px 16px;background:#0A3D5C}
.page-hdr.dark{background:#111827}
.page-eye{font-size:10px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}
.page-hdr h2{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.2px}
.page-hdr p{font-size:12px;color:rgba(255,255,255,.6);margin-top:3px}
.list-card{background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.15);display:flex;cursor:pointer;align-items:center}
.list-card:hover{background:#f8f9fa}
.list-cover{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;margin:10px 0 10px 14px}
.list-cover img{width:100%;height:100%;object-fit:cover}
.list-cover{width:88px;height:80px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;background:#f8f9fa}
.list-body{flex:1;padding:12px 16px;display:flex;flex-direction:column;justify-content:center}
.list-title{font-size:15px;font-weight:800;color:#111111;margin-bottom:3px;letter-spacing:-.2px}
.list-desc{font-size:12px;color:#9ca3af;line-height:1.4;margin-bottom:5px}
.list-meta{font-size:12px;font-weight:600;color:#0A3D5C}

/* MAP */
.map-filters{display:flex;gap:8px;padding:10px 14px;background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.15);overflow-x:auto;position:relative;z-index:500}
.map-filters::-webkit-scrollbar{display:none}
.mf{font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;border:1px solid rgba(0,0,0,0.3);background:#f8f9fa;color:#6b7280;cursor:pointer;white-space:nowrap;flex-shrink:0}
.mf.on{background:#0A3D5C;color:#fff;border-color:#0A3D5C}
#map{width:100%;height:420px;min-height:420px}
.map-list{background:#ffffff}
.list-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 8px}
.list-hdr-title{font-size:14px;font-weight:700;color:#111111}
.list-count{font-size:11px;font-weight:600;color:#0A3D5C}
.map-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,0.15);cursor:pointer}
.map-item:hover{background:#f8f9fa}
.map-item-icon{width:42px;height:42px;border-radius:10px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.map-item-name{font-size:15px;font-weight:700;color:#111111}
.map-item-meta{font-size:12px;color:#6b7280;margin-top:2px}
.map-item-dist{font-size:12px;font-weight:700;color:#0A3D5C}
.map-item-rating{font-size:12px;color:#C97B1A;font-weight:600;margin-top:2px}

/* OWNER */
.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px 20px;background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.15)}
.stat{background:#f8f9fa;border-radius:10px;padding:14px}
.stat-num{font-size:24px;font-weight:800;color:#111111;letter-spacing:-.5px}
.stat-lbl{font-size:11px;font-weight:500;color:#6b7280;margin-top:2px}
.stat-ch{font-size:11px;font-weight:700;color:#16A34A;margin-top:3px}
.owner-sec{padding:18px 20px;background:#ffffff;border-top:1px solid rgba(0,0,0,0.15)}
.os-title{font-size:13px;font-weight:700;color:#111111;margin-bottom:14px;text-transform:uppercase;letter-spacing:.4px}
.rr-card{border:1px solid rgba(0,0,0,0.15);border-radius:10px;padding:14px;margin-bottom:12px;background:#f8f9fa}
.rr-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.rr-reviewer{font-size:13px;font-weight:700;color:#111111}
.rr-stars{color:#C97B1A;font-size:11px}
.rr-text{font-size:12px;color:#6b7280;line-height:1.5;margin-bottom:10px;font-style:italic}
.rr-reply{background:#ffffff;border-radius:8px;padding:10px 12px}
.rr-reply-lbl{font-size:9px;font-weight:700;color:#0A3D5C;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.rr-reply textarea{width:100%;border:none;background:transparent;font-size:13px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111111;outline:none;resize:none}
.rr-btn{background:#0A3D5C;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700;cursor:pointer;margin-top:8px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.plan-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}
.plan{border:1px solid rgba(0,0,0,0.15);border-radius:10px;padding:14px 10px;text-align:center;background:#f8f9fa}
.plan.feat{border:2px solid #0A3D5C;background:#ffffff}
.plan-name{font-size:11px;font-weight:700;color:#111111;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.plan-price{font-size:22px;font-weight:800;color:#111111;letter-spacing:-.5px}
.plan-per{font-size:10px;color:#6b7280}
.plan-badge{font-size:9px;font-weight:700;background:#EFF6FF;color:#0A3D5C;padding:2px 8px;border-radius:4px;margin:6px auto;display:inline-block;text-transform:uppercase;letter-spacing:.4px}
.plan-btn{width:100%;background:#0A3D5C;color:#fff;border:none;border-radius:6px;padding:8px;font-size:11px;font-weight:700;cursor:pointer;margin-top:10px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.plan-btn.out{background:transparent;color:#0A3D5C;border:1px solid #0A3D5C}

/* PROFILE */
.profile-hdr{background:#0A3D5C;padding:24px;text-align:center}
.p-avatar{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;margin:0 auto 10px;border:2px solid rgba(255,255,255,.2)}
.p-name{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.2px}
.p-sub{font-size:11px;font-weight:500;color:rgba(255,255,255,.6);margin-top:3px}
.p-stats{display:flex;margin-top:16px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.ps{flex:1;text-align:center;padding:12px}.ps+.ps{border-left:1px solid rgba(255,255,255,.1)}
.ps-num{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px}
.ps-lbl{font-size:10px;font-weight:500;color:rgba(255,255,255,.6);margin-top:2px}
.profile-sec{padding:16px 20px;background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.15)}
.prof-sec-title{font-size:10px;font-weight:700;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}
.badge-row{display:flex;gap:8px;flex-wrap:wrap}
.badge{display:flex;align-items:center;gap:6px;background:#f8f9fa;border:1px solid rgba(0,0,0,0.15);border-radius:8px;padding:6px 10px}
.badge-icon{font-size:14px}
.badge-name{font-size:11px;font-weight:600;color:#111111}
.prow{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.15);cursor:pointer}
.prow:last-child{border-bottom:none}
.prow-lbl{font-size:13px;font-weight:500;color:#111111}
.prow-arr{font-size:14px;color:#6b7280}

/* CONTACT */
.contact-wrap{padding:24px 20px;background:#ffffff}
.contact-intro{font-size:13px;color:#6b7280;line-height:1.6;margin-bottom:20px}
.contact-card{display:flex;align-items:center;gap:14px;padding:16px;background:#f8f9fa;border:1px solid rgba(0,0,0,0.15);border-radius:12px;margin-bottom:12px;cursor:pointer;text-decoration:none}
.contact-card:hover{border-color:#0A3D5C}
.contact-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.contact-body{flex:1}
.contact-name{font-size:13px;font-weight:700;color:#111111}
.contact-val{font-size:12px;font-weight:500;color:#0A3D5C;margin-top:2px}
.contact-arr{font-size:16px;color:#6b7280}
.c-input{width:100%;border:1.5px solid #d1d5db;border-radius:10px;padding:13px 14px;font-size:14px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111;background:#fff;outline:none;margin-bottom:10px;box-sizing:border-box;transition:border-color .15s}.c-input:focus{border-color:#0A3D5C}
.c-textarea{width:100%;border:1.5px solid #d1d5db;border-radius:10px;padding:13px 14px;font-size:14px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111;background:#fff;outline:none;resize:none;margin-bottom:10px;box-sizing:border-box;transition:border-color .15s}.c-textarea:focus{border-color:#0A3D5C}
.c-btn{width:100%;background:#0A3D5C;color:#fff;border:none;border-radius:10px;padding:15px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:background .3s,transform .1s;margin-bottom:40px}.c-btn:active{transform:scale(0.98)}
.sent-msg{display:none;text-align:center;padding:16px;background:#dcfce7;border-radius:10px;color:#166534;font-size:13px;font-weight:700;margin-top:10px}

/* DETAIL PAGE */
.detail-back-bar{background:#ffffff;padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,0.15)}
.detail-back-btn{display:flex;align-items:center;gap:6px;cursor:pointer;color:#0A3D5C;font-size:13px;font-weight:700;border:none;background:none;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.detail-back-btn svg{width:18px;height:18px;stroke:#0A3D5C;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.photo-hero{position:relative;height:320px;overflow:hidden;background:#000}
@media(max-width:768px){.photo-hero{height:280px}}
.photo-grid-d{display:none}
.photo-main-d,.photo-tr-d,.photo-br-d{display:none}
.photo-carousel{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.photo-carousel::-webkit-scrollbar{display:none}
.photo-slide{flex:0 0 100%;width:100%;height:100%;background-size:cover;background-position:center;scroll-snap-align:start;position:relative}
.photo-dots{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:15}
.photo-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .2s;cursor:pointer}
.photo-dot.on{background:#fff;width:18px;border-radius:3px}
.see-all-btn{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:5px;cursor:pointer;border:none;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;z-index:15;backdrop-filter:blur(4px)}
.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.4) 60%,transparent 100%);padding:20px 16px 14px;z-index:10;pointer-events:none}
.ov-name{font-size:24px;font-weight:900;color:#fff;letter-spacing:-.5px;margin-bottom:6px;line-height:1.1}
.ov-rating{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.ov-stars{color:#C97B1A;font-size:13px}
.ov-score{font-size:14px;font-weight:800;color:#fff}
.ov-count{font-size:12px;font-weight:500;color:rgba(255,255,255,.8)}
.ov-claimed{font-size:10px;font-weight:700;background:rgba(255,255,255,.18);color:#fff;padding:2px 7px;border-radius:3px;border:1px solid rgba(255,255,255,.3)}
.ov-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ov-tag{font-size:12px;font-weight:500;color:rgba(255,255,255,.85)}
.ov-dot{color:rgba(255,255,255,.45);font-size:10px}
.ov-open{font-size:12px;font-weight:700;color:#4ade80}
.action-block{background:#ffffff;padding:16px 16px;border-bottom:1px solid rgba(0,0,0,0.08)}
#reserve-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,123,26,.35)}
#reserve-btn:active{transform:scale(.98)}
body.dark #det-reserve-bar{background:#1e293b}
body.dark #reserve-btn{background:#60a5fa;color:#111}
.action-row-d{display:flex;gap:10px}
.act-d{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border-radius:12px;border:1.5px solid #dbeafe;background:#eff6ff;cursor:pointer;transition:all .15s;min-width:0;overflow:hidden}
.act-d:hover{background:#dbeafe;border-color:#0A3D5C}
.act-d:active{transform:scale(.96)}
.act-d svg{width:22px;height:22px;stroke:#0A3D5C;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.act-d-lbl{font-size:11px;font-weight:800;color:#0A3D5C;text-align:center;word-break:break-word;line-height:1.2}
.recommend-block{background:#ffffff;padding:12px 18px;border-bottom:1px solid rgba(0,0,0,0.08)}
.rec-title{font-size:12px;font-weight:700;color:#6b7280;margin-bottom:8px}
.rec-options{display:flex;gap:8px}
.rec-btn{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border-radius:20px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:all .15s}
.rec-btn:hover{background:#f8f9fa}
.rec-btn.yes.sel{border-color:#0A3D5C;background:#EFF6FF}
.rec-btn.maybe.sel{border-color:#C97B1A;background:#fffbeb}
.rec-btn.no.sel{border-color:#E83030;background:#fff5f5}
.rec-icon{font-size:16px;line-height:1}
.rec-lbl{font-size:11px;font-weight:700;color:#6b7280}
.rec-btn.yes.sel .rec-lbl{color:#0A3D5C}
.rec-btn.maybe.sel .rec-lbl{color:#C97B1A}
.rec-btn.no.sel .rec-lbl{color:#E83030}
.rec-count{font-size:10px;font-weight:600;color:#6b7280}
.rec-fb{margin-top:12px;font-size:13px;font-weight:600;display:none;padding:10px 14px;border-radius:8px}
.rec-fb.yes{background:#f0fdf4;color:#166534}
.rec-fb.maybe{background:#fffbeb;color:#92400e}
.rec-fb.no{background:#fff5f5;color:#991b1b}
.det-tabs{background:#ffffff;display:flex;border-bottom:1px solid #e5e7eb}
.dt{flex:1;text-align:center;padding:14px 4px;font-size:14px;font-weight:800;color:#9ca3af;border-bottom:3px solid transparent;cursor:pointer;margin-bottom:-1px;transition:all .15s}
.dt.on{color:#0A3D5C;border-bottom-color:#0A3D5C;background:rgba(11,77,122,.04)}
.det-pg{display:none}.det-pg.active{display:block}
.info-section{background:#ffffff;padding:18px;border-bottom:1px solid rgba(0,0,0,0.15)}
.info-sec-title{font-size:15px;font-weight:800;color:#111;text-transform:none;letter-spacing:0;margin-bottom:12px}
.info-desc{font-size:15px;color:#111111;line-height:1.7}
.info-row{display:flex;align-items:flex-start;gap:14px;padding:11px 0;border-bottom:1px solid rgba(0,0,0,0.15)}
.info-row:last-child{border-bottom:none}
.ir-icon{width:20px;display:flex;align-items:center;justify-content:center;margin-top:1px;flex-shrink:0}
.ir-icon svg{width:16px;height:16px;stroke:#6b7280;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ir-body{flex:1}
.ir-lbl{font-size:12px;font-weight:500;color:#6b7280;margin-bottom:2px}
.ir-val{font-size:14px;font-weight:600;color:#111111}
.ir-val a{color:#0A3D5C;text-decoration:none}
.hours-table{margin-top:6px;width:100%}
.hours-table tr td{font-size:12px;padding:3px 0}
.hours-table .hday{font-weight:500;color:#6b7280;width:100px}
.hours-table .htime{font-weight:600;color:#111111}
.hours-table .today .hday{color:#0A3D5C;font-weight:700}
.hours-table .today .htime{color:#16A34A;font-weight:700}
.closed-day .htime{color:#E83030}
.amenities{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.amenity{font-size:12px;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:4px}
.amenity svg{width:14px;height:14px;stroke:#16A34A;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.review-summary{background:#ffffff;padding:18px;border-bottom:1px solid rgba(0,0,0,0.15)}
.rs-top{display:flex;align-items:center;gap:20px;margin-bottom:16px}
.rs-score{font-size:52px;font-weight:800;color:#111111;letter-spacing:-3px;line-height:1}
.rs-right{flex:1}
.rs-stars{color:#C97B1A;font-size:18px;margin-bottom:4px}
.rs-count{font-size:13px;font-weight:500;color:#6b7280}
.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.bar-stars{font-size:11px;font-weight:600;color:#6b7280;width:12px;text-align:right}
.bar-track{flex:1;height:8px;background:rgba(0,0,0,0.15);border-radius:4px;overflow:hidden}
.bar-fill{height:100%;background:#C97B1A;border-radius:4px}
.bar-pct{font-size:11px;font-weight:600;color:#6b7280;width:30px}
.wr-prominent{width:100%;background:#f8f9fa;border:2px solid rgba(0,0,0,0.3);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;margin-top:14px}
.wr-p-stars{display:flex;gap:3px}
.wr-p-star{font-size:22px;color:rgba(0,0,0,0.3)}
.wr-p-txt{font-size:14px;font-weight:600;color:#6b7280}
.rec-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.rec-bar-row:last-child{margin-bottom:0}
.rec-bar-track{flex:1;height:7px;background:rgba(0,0,0,0.15);border-radius:4px;overflow:hidden}
.rec-bar-fill{height:100%;border-radius:4px}
.rec-bar-fill.yes{background:#16A34A}
.rec-bar-fill.maybe{background:#C97B1A}
.rec-bar-fill.no{background:#E83030}
.rev-card{background:#ffffff;padding:18px;border-bottom:none;position:relative}
.rev-card::after{content:'';display:block;width:40px;height:1px;background:#d1d5db;margin:16px auto 0}
.rc-head{display:flex;gap:12px;margin-bottom:10px}
.rc-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}
.rc-meta{flex:1}
.rc-name{font-size:15px;font-weight:800;color:#111111;letter-spacing:-.2px}
.rc-info{font-size:12px;font-weight:500;color:#6b7280;margin-top:1px}
.rc-date{font-size:12px;color:#6b7280;margin-top:2px}
.rc-stars{color:#C97B1A;font-size:14px;margin-bottom:4px}
.rc-rec{font-size:11px;font-weight:700;margin-bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px}
.rc-rec.yes{background:#f0fdf4;color:#166534}
.rc-rec.maybe{background:#fffbeb;color:#92400e}
.rc-body{font-size:14px;color:#374151;line-height:1.7}
.rc-photos{display:flex;gap:6px;margin-top:10px}
.rc-photo{width:70px;height:70px;border-radius:6px;overflow:hidden;flex-shrink:0}
.rc-photo img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.rc-photo-emoji{width:70px;height:70px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;font-size:28px;flex-shrink:0}
.owner-reply{background:#f8f9fa;border-radius:8px;padding:12px 14px;margin-top:12px;border-left:3px solid #0A3D5C}
.or-lbl{font-size:11px;font-weight:700;color:#0A3D5C;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.or-body{font-size:13px;color:#6b7280;line-height:1.6}
.rc-actions{display:flex;align-items:center;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,0.15)}
.rc-act{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;border:none;background:none;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.rc-act svg{width:15px;height:15px;stroke:#6b7280;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.load-more{width:100%;padding:16px;background:#ffffff;border:none;font-size:14px;font-weight:700;color:#0A3D5C;cursor:pointer;border-top:1px solid rgba(0,0,0,0.15);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out;border-radius:8px}
body.dark .skeleton{background:linear-gradient(90deg,#1e293b 25%,#2d3748 50%,#1e293b 75%);background-size:800px 100%}
.back-bar{background:#fff;padding:11px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;position:sticky;top:114px;z-index:50}
.back-btn{display:flex;align-items:center;gap:5px;color:#0A3D5C;font-size:13px;font-weight:700;border:none;background:none;cursor:pointer;padding:0;font-family:inherit}
.back-btn svg{width:18px;height:18px;stroke:#0A3D5C;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.back-bar-title{font-size:14px;font-weight:700;color:#111}
.ben-item{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#fff;border-radius:12px;margin-bottom:10px;border:1px solid #eee}
.ben-ico{width:44px;height:44px;border-radius:11px;background:#EFF6FF;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.ben-t{font-size:13px;font-weight:700;color:#111;margin-bottom:2px}
.ben-d{font-size:11px;color:#999}
.auth-wm{display:flex;gap:2px;justify-content:center;font-size:24px;font-weight:900}
.auth-form-wrap{background:#f5f5f5}
.auth-title{color:#111}
.auth-subtitle{color:#999}
.auth-card{background:#fff;border-radius:16px;padding:22px 18px;margin-bottom:14px;border:1px solid #eee}
body.dark .auth-form-wrap{background:#111827 !important}
body.dark .auth-title{color:#f1f5f9 !important}
body.dark .auth-subtitle{color:#9ca3af !important}
body.dark .auth-btn{background:#0A3D5C !important}
body.dark input:-webkit-autofill,body.dark input:-webkit-autofill:hover,body.dark input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #111827 inset !important;-webkit-text-fill-color:#f1f5f9 !important;caret-color:#f1f5f9 !important;transition:background-color 5000s ease-in-out 0s}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#111 !important}
.fgroup{margin-bottom:14px}
.flbl{font-size:11px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:5px}
.fwrap{display:flex;align-items:center;border:1.5px solid #eee;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s}
.fwrap.focused{border-color:#0A3D5C}
.ficon{padding-left:12px;display:flex;align-items:center;flex-shrink:0}
.finput{flex:1;border:none;padding:12px 12px 12px 9px;font-size:14px;outline:none;font-weight:500;color:#111;background:transparent}
.feye{margin-right:11px;background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:0;flex-shrink:0}
.auth-err{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;padding:9px 13px;margin-bottom:13px;font-size:12px;font-weight:600;color:#991b1b;display:none}
.auth-btn{width:100%;background:#0A3D5C;color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;margin-bottom:14px}
.auth-div-line{flex:1;height:1px;background:#eee}
.soc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border:1.5px solid #eee;border-radius:10px;cursor:pointer;background:#fff;font-size:12px;font-weight:600;color:#111;font-family:inherit}
.also-card{flex-shrink:0;width:128px;background:#fff;border:1.5px solid #eee;border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s}
.also-card:hover{border-color:#0A3D5C}
.also-card-img{height:62px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#f5f5f5}
.also-card-body{padding:8px 8px 10px}
.also-card-name{font-size:12px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.also-card-cat{font-size:12px;color:#9ca3af;margin:2px 0 3px}
.also-card-rating{font-size:12px;font-weight:700;color:#C97B1A}
.notif-tab{flex:1;padding:12px 6px;border:none;background:transparent;font-size:13px;font-weight:700;color:#999;cursor:pointer;border-bottom:3px solid transparent;font-family:inherit}
.notif-tab.on{color:#0A3D5C;border-bottom-color:#0A3D5C}
.ntab-cnt{font-size:10px;font-weight:700;background:#C97B1A;color:#fff;padding:1px 5px;border-radius:8px;margin-left:3px}
.notif-item{background:#fff;border-bottom:1px solid #f0f0f0;padding:14px 16px;display:flex;gap:12px;cursor:pointer}
.notif-item.unread{border-left:3px solid #0A3D5C}
.notif-item.unread .ni-title{font-weight:700;color:#111}
.ni-ico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ni-body{flex:1;min-width:0}
.ni-title{font-size:15px;color:#333;margin-bottom:3px;line-height:1.45}
.ni-time{font-size:12px;color:#9CA3AF;margin-top:2px}
.ni-dot{width:8px;height:8px;border-radius:50%;background:#0A3D5C;flex-shrink:0;margin-top:5px}



.dir-mode-btn{flex:1;padding:9px 4px;border:1.5px solid #e5e7eb;border-radius:9px;background:#f8f9fa;font-size:12px;font-weight:600;color:#374151;cursor:pointer;font-family:inherit;transition:all .15s}
.dir-mode-btn.on{background:#0A3D5C;color:#fff;border-color:#0A3D5C}

.owner-action-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:16px;margin-bottom:12px;border:1.5px solid #eee;cursor:pointer;transition:border-color .15s}
.owner-action-card:hover{border-color:#0A3D5C}
.owner-action-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.owner-action-body{flex:1;min-width:0}
.owner-action-title{font-size:14px;font-weight:700;color:#111;margin-bottom:3px}
.owner-action-sub{font-size:12px;color:#6b7280;line-height:1.4}
.owner-action-arr{font-size:18px;color:#d1d5db;flex-shrink:0}


.filter-pill{padding:7px 13px;border:1.5px solid #e5e7eb;border-radius:20px;background:#f8f9fa;font-size:12px;font-weight:600;color:#374151;cursor:pointer;white-space:nowrap;font-family:inherit;flex-shrink:0;transition:all .15s}
.filter-pill.on{background:#0A3D5C;color:#fff;border-color:#0A3D5C}
.search-result-card{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#fff;border-bottom:1px solid #F5F4F0;cursor:pointer}
.search-result-card:hover{background:#fafafa}
.autocomplete-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #F5F4F0;cursor:pointer;background:#fff}
.autocomplete-item:hover{background:#fafafa}
.recent-item{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #F5F4F0;cursor:pointer;background:#fff}
.recent-item:hover{background:#fafafa}


.also-kw:hover{background:#DBEAFE}


/* ── SIMPLE MAP STYLES ── */
.hmap { position:relative; overflow:hidden; background:#e8ecef; }
.hmap-tiles { position:absolute; inset:0; }
.hmap-tile { position:absolute; image-rendering:auto; }
.hmap-pins { position:absolute; inset:0; pointer-events:none; }
.hmap-pin { position:absolute; transform:translate(-50%,-50%); pointer-events:all; cursor:pointer; }
.hmap-pin-dot { width:40px; height:40px; border-radius:50%; border:3px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center; font-size:18px; transition:transform .15s; }
.hmap-pin-dot:hover { transform:scale(1.15); }
.hmap-popup { position:absolute; background:#fff; border-radius:12px; padding:12px 14px; box-shadow:0 4px 20px rgba(0,0,0,.2); min-width:160px; z-index:100; transform:translateX(-50%); pointer-events:all; }
.hmap-popup::after { content:''; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); border:7px solid transparent; border-bottom:none; border-top-color:#fff; }
.hmap-ctrl { position:absolute; right:12px; top:12px; display:flex; flex-direction:column; gap:4px; z-index:10; }
.hmap-btn { width:32px; height:32px; background:#fff; border:none; border-radius:6px; box-shadow:0 1px 5px rgba(0,0,0,.2); font-size:18px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#333; }
.hmap-attr { position:absolute; bottom:4px; right:4px; font-size:9px; color:#666; background:rgba(255,255,255,.8); padding:1px 4px; border-radius:3px; z-index:10; }


/* Score coin badge */
.rscore {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #F59E0B, #D97706);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 20px;
  letter-spacing: .3px;
  box-shadow: 0 1px 3px rgba(217,119,6,.4);
  min-width: 28px;
}
.rcount {
  font-size: 11px;
  color: #9ca3af;
  margin-left: 2px;
}

.act-d svg{pointer-events:none;width:22px;height:22px;stroke:#0A3D5C;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.act-d span{pointer-events:none}

button.act-d{appearance:none;-webkit-appearance:none;font-family:inherit;padding:14px 6px;}

/* ===== style block 1 (originally inline at offset 962440) ===== */
/* screen-search display controlled by JS only */
.sx-hdr{background:#fff;padding:8px 10px;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:101;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.sx-bar{flex:1;display:flex;align-items:center;background:#F5F4F0;border-radius:12px;border:2px solid transparent;transition:all .2s;overflow:hidden}
.sx-bar.focus{border-color:#0A3D5C;background:#fff;box-shadow:0 0 0 3px rgba(11,77,122,.1)}
.sx-bar input{flex:1;border:none;padding:12px 10px;font-size:15px;color:#111;outline:none;font-family:inherit;font-weight:500;background:transparent}
.sx-bar input::placeholder{color:#9ca3af}
.sx-back{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center}
.sx-clear{background:none;border:none;cursor:pointer;padding:0 12px;color:#9ca3af;font-size:18px;display:none}
.sx-filters{background:#fff;padding:8px 10px;border-bottom:1px solid #eee;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:none;position:sticky;top:50px;z-index:100}
.sx-filters::-webkit-scrollbar{display:none}
.sx-chip{padding:7px 14px;border:1.5px solid #e5e7eb;border-radius:20px;background:#fff;font-size:12px;font-weight:600;color:#374151;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;font-family:inherit}
.sx-chip:hover{border-color:#0A3D5C}
.sx-chip.on{background:#0A3D5C;color:#fff;border-color:#0A3D5C}
.sx-section{background:#fff;margin-bottom:6px;overflow:hidden}
.sx-section-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}
.sx-section-title{font-size:13px;font-weight:800;color:#111}
.sx-section-action{font-size:12px;font-weight:600;color:#0A3D5C;cursor:pointer;background:none;border:none;font-family:inherit}
.sx-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .1s;-webkit-tap-highlight-color:transparent}
.sx-item:hover{background:#f8f9fa}
.sx-item:active{background:#f0f0f0}
.sx-img{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#F5F4F0}
.sx-img img{width:100%;height:100%;object-fit:cover;display:block}
.sx-name{font-size:17px;font-weight:800;color:#111}
.sx-name mark{background:#FEF9C3;color:#111;font-weight:800;padding:0 1px;border-radius:2px}
.sx-meta{font-size:13px;color:#6b7280;margin-top:4px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sx-rating{display:flex;align-items:center;gap:4px;margin-top:4px}
.sx-stars{color:#C97B1A;font-size:13px;letter-spacing:-1px}
.sx-score{font-size:13px;font-weight:800;color:#111}
.sx-count{font-size:12px;color:#9ca3af}
.sx-open{font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px}
.sx-open.yes{background:#dcfce7;color:#16A34A}
.sx-open.no{background:#fee2e2;color:#dc2626}
.sx-snippet{font-size:13px;color:#555;font-style:italic;margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.sx-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;background:#F5F4F0;color:#374151;border:1px solid #e5e7eb}
.sx-trending-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer}
.sx-trending-item:hover{background:#f8f9fa}
.sx-trending-num{width:22px;height:22px;border-radius:6px;background:#C97B1A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}
.sx-trending-name{font-size:13px;font-weight:600;color:#111;flex:1}
.sx-trending-cat{font-size:11px;color:#9ca3af}
.sx-cat-scroll{display:flex;gap:10px;padding:0 16px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sx-cat-scroll::-webkit-scrollbar{display:none}
.sx-cat-card{width:100px;flex-shrink:0;cursor:pointer;text-align:center}
.sx-cat-card:hover .sx-cat-img{transform:scale(1.05)}
.sx-cat-img{width:100px;height:70px;border-radius:12px;overflow:hidden;margin-bottom:6px;transition:transform .2s}
.sx-cat-img img{width:100%;height:100%;object-fit:cover}
.sx-cat-name{font-size:11px;font-weight:700;color:#111}
.sx-empty{padding:60px 20px;text-align:center;background:#fff}
.sx-empty-icon{font-size:56px;margin-bottom:16px;filter:grayscale(.3)}
.sx-empty-title{font-size:17px;font-weight:800;color:#111;margin-bottom:8px}
.sx-empty-sub{font-size:13px;color:#9ca3af;line-height:1.5;max-width:260px;margin:0 auto}
.empty-state{padding:48px 24px;text-align:center;position:relative;overflow:hidden}
.empty-state::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:var(--pat-nazar);opacity:.4;pointer-events:none}
.empty-state-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(10,61,92,.08),rgba(201,123,26,.08));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;z-index:1}
.empty-state-icon svg{width:36px;height:36px}
.empty-state-title{font-size:15px;font-weight:800;color:#111;margin-bottom:8px;position:relative;z-index:1}
.empty-state-sub{font-size:12px;color:#9ca3af;line-height:1.6;max-width:260px;margin:0 auto;position:relative;z-index:1}
.empty-state-cta{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:10px 20px;background:#0A3D5C;color:#fff;border:none;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;position:relative;z-index:1;transition:transform .15s,box-shadow .15s}
.empty-state-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,61,92,.25)}
body.dark .empty-state-icon{background:linear-gradient(135deg,rgba(96,165,250,.1),rgba(201,123,26,.1))}
body.dark .empty-state-title{color:#f1f5f9}
body.dark .empty-state-sub{color:#6b7280}
body.dark .empty-state-cta{background:#60a5fa;color:#111}
.sx-result-card{display:flex;gap:16px;padding:20px 16px;background:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .15s}
.sx-result-card:hover{background:#fafafa}
.sx-result-card:active{background:#f5f5f5}
.sx-result-img{width:200px;height:180px;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative}
.sx-result-img img{width:100%;height:100%;object-fit:cover}
.sx-result-rank{position:absolute;top:0;left:0;width:auto;height:auto;border-radius:0 0 8px 0;background:rgba(0,0,0,.65);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;padding:4px 8px;backdrop-filter:blur(4px)}
.sx-result-price{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;backdrop-filter:blur(4px)}
@media(max-width:768px){
.sx-result-img{width:120px;height:120px}
}
.sx-divider{height:6px;background:#F5F4F0}
.sx-sort-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid #eee}
.sx-sort-count{font-size:13px;font-weight:800;color:#111}
.sx-sort-select{border:1.5px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:600;color:#111;background:#fff;cursor:pointer;outline:none;font-family:inherit;padding:6px 10px}