:root { --gold: #d4a017; --dark: #1a2a3a; }
body { font-family: 'Segoe UI', system-ui, sans-serif; background: #eef1f5; }
.navbar { background: #fff !important; box-shadow: 0 2px 10px rgba(0,0,0,.08); position: sticky; top: 0; z-index: 1030; }
.btn-gold { background: var(--gold); border: none; color: #fff; border-radius: 20px; }
.hero { background: url('../hero.png') center/cover no-repeat; color: #fff; padding: 50px 20px; border-radius: 20px; margin: 15px; position: relative; }
.hero::before { content: ''; position: absolute; inset: 0; background: rgba(26,42,58,0.5); border-radius: 20px; }
.hero .container { position: relative; z-index: 1; }
.hero-countries { white-space: nowrap; overflow-x: auto; font-size: 14px; }
.search-box { background: #fff; border-radius: 16px; padding: 15px; box-shadow: 0 4px 15px rgba(0,0,0,.1); }
.section-block { border-radius: 20px; padding: 25px; margin: 15px; }
.section-cats { background: #e8f5e9; }
.section-featured { background: #fff8e1; }
.section-latest { background: #e3f2fd; }
.section-popular { background: #fce4ec; }
.section-recent { background: #f3e5f5; }
.listing-card { border: none; border-radius: 16px; box-shadow: 0 3px 12px rgba(0,0,0,.08); background: #fff; overflow: hidden; }
.listing-card img, .listing-card .img-placeholder { height: 140px; width: 100%; object-fit: cover; background: #f5f5f5; display: flex; align-items: center; justify-content: center; }
.category-btn { border-radius: 16px; padding: 14px 10px; background: #fff; border: 2px solid #c8e6c9; font-size: 13px; }
.category-btn:hover { background: #4caf50; color: #fff; border-color: #4caf50; }
footer { background: #1a2a3a; color: #ccc; padding: 30px 0; margin: 15px; border-radius: 20px; }
footer a { color: #ccc; text-decoration: none; }
footer a:hover { color: #fff; }
#jumpTop { position: fixed; bottom: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; background: var(--gold); color: #fff; border: none; display: none; z-index: 999; }
.carousel-control-prev, .carousel-control-next { width: 40px; opacity: 1; }
.carousel-control-prev { left: -20px; }
.carousel-control-next { right: -20px; }