.device:has(.explore-view),.explore-view{background:#fff}
.explore-view .explore-topbar{min-height:65px;flex:none;padding:4px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}
.explore-topbar h1{margin:0;color:#182f40;font:700 22px/1.2 Manrope,sans-serif;letter-spacing:-.7px}
.city-control{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 3px 0 8px;border:0;border-radius:12px;background:transparent;color:#456876;font-size:12px;font-weight:700}
.city-control svg:first-child{width:17px;height:17px}.city-control svg:last-child{width:14px;height:14px;color:#8fa4ae}
.explore-view .screen-content{background:#fff;overscroll-behavior:contain}
.explore-content{padding:8px 20px 26px}
.explore-search{height:50px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#f2f6f7;border:1px solid transparent;border-radius:15px;color:#8198a3}
.explore-search:focus-within{background:#fff;border-color:#adc5c9;box-shadow:0 0 0 3px #eaf2f3}
.explore-search>svg{width:19px;height:19px;flex:none}
.explore-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#243f4e;font-size:14px}
.explore-search input::placeholder{color:#91a4ad}.explore-search input::-webkit-search-cancel-button{display:none}
.search-clear{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#8096a0;padding:0}
.search-clear[hidden]{display:none}.search-clear svg{width:16px;height:16px}
.category-strip{display:flex;gap:7px;overflow:auto;scrollbar-width:none;overscroll-behavior-inline:contain;margin:20px -20px 0;padding:0 20px 3px}
.category-strip::-webkit-scrollbar{display:none}
.category-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;padding:0 14px;border:1px solid #e5edef;border-radius:14px;background:#fff;color:#536f7c;font-size:12px;font-weight:700;white-space:nowrap}
.category-chip svg{width:16px;height:16px;stroke-width:1.7}.category-chip.active{background:#193c50;border-color:#193c50;color:#fff}
.places-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 7px}
.places-heading h2{font:700 16px/1.3 Manrope,sans-serif;color:#1a3646;letter-spacing:-.35px}
.sample-label{color:#8b9ca4;font-size:10px;font-weight:600;white-space:nowrap}
.place-row{display:flex;align-items:center;gap:2px;min-height:91px;border-bottom:1px solid #edf2f3}
.place-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:12px 0;background:transparent;border:0;border-radius:12px;color:#193746;text-align:start}
.place-main .avatar{width:52px;height:52px;border-radius:15px;font-size:15px}
.place-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.place-info strong{font:700 14px/1.25 Manrope,sans-serif;letter-spacing:-.25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.place-location{font-size:11px;line-height:1.3;color:#8799a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.place-rating{font-size:11px;color:#4e6976;font-weight:700;line-height:1.3;direction:ltr}.place-rating b{color:#d7a15d;font-size:12px}.place-rating span{font-weight:500;color:#91a1a8}
.place-save{width:46px;height:46px;flex:none;color:#6d8691}.place-save svg{width:20px;height:20px}
.explore-empty{text-align:center;padding:58px 12px;color:#8298a2}
.explore-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:18px;background:#edf4f4;color:#6e9297}
.explore-empty-icon svg{width:23px;height:23px}.explore-empty h3{font-size:16px;color:#1d3948}.explore-empty p{font-size:13px;line-height:1.5;margin-top:6px}
.explore-reset{min-height:44px;border:0;border-radius:12px;background:#edf4f4;color:#315c64;padding:0 15px;font-size:12px;font-weight:700;margin-top:17px}
.explore-view .nav{background:#fff;border-color:#edf2f3}.explore-view .nav-btn{color:#8a9da7}.explore-view .nav-btn.active{color:#244e60}
[dir="rtl"] .explore-topbar h1,[dir="rtl"] .places-heading h2,[dir="rtl"] .place-info strong{font-family:'Noto Sans Arabic',Tahoma,sans-serif;letter-spacing:0}
[dir="rtl"] .city-control{padding:0 8px 0 3px}
[dir="rtl"] .place-info{align-items:flex-start}
@media(prefers-reduced-motion:reduce){.category-chip,.place-save,.explore-reset{transition:none}}