:root{
  --jw-primary:#0d6efd; --jw-primary-dark:#0a58ca;
  --jw-hero-1:#1e3a8a; --jw-hero-2:#0d6efd; --jw-accent:#ffc107;
  --jw-radius:14px;
}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
a{color:var(--jw-primary);}

/* Navbar */
.jw-navbar{background:var(--bs-body-bg);backdrop-filter:saturate(180%) blur(8px);}
.jw-logo{font-size:1.35rem;letter-spacing:-.5px;}

/* Hero */
.jw-hero{background:linear-gradient(135deg,var(--jw-hero-1),var(--jw-hero-2));position:relative;overflow:hidden;}
.jw-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -10%,rgba(255,255,255,.18),transparent 45%);pointer-events:none;}
.jw-search{max-width:760px;background:rgba(255,255,255,.12);padding:1rem;border-radius:var(--jw-radius);backdrop-filter:blur(6px);}
.opacity-90{opacity:.9;}

/* Stats */
.jw-stat{font-size:2rem;font-weight:800;color:var(--jw-primary);line-height:1;}

/* Category cards */
.jw-cat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .5rem;
  background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--jw-radius);
  text-align:center;color:var(--bs-body-color);transition:.2s;height:100%;}
.jw-cat-card:hover{transform:translateY(-4px);border-color:var(--jw-primary);box-shadow:0 8px 24px rgba(13,110,253,.15);color:var(--jw-primary);}
.jw-cat-card i{font-size:1.9rem;color:var(--jw-primary);}
.jw-cat-card span{font-size:.85rem;font-weight:600;}

/* Business cards */
.jw-card{border-radius:var(--jw-radius);overflow:hidden;transition:.2s;}
.jw-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12)!important;}
.jw-card-cover{height:150px;background-size:cover;background-position:center;position:relative;background-color:#e9ecef;}
.jw-card-logo{width:46px;height:46px;border-radius:10px;object-fit:cover;border:2px solid var(--bs-body-bg);margin-top:-28px;background:#fff;}
.jw-badge-feat{position:absolute;top:.5rem;left:.5rem;}
.jw-badge-verify{position:absolute;top:.5rem;right:.5rem;}
.jw-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* Tourist cards */
.jw-tourist-card{display:block;height:180px;border-radius:var(--jw-radius);background-size:cover;background-position:center;
  position:relative;background-color:#495057;}
.jw-tourist-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.7));border-radius:var(--jw-radius);}
.jw-tourist-title{position:absolute;bottom:.75rem;left:.75rem;color:#fff;font-weight:700;z-index:1;}

.jw-blog-img{height:180px;object-fit:cover;}

/* CTA */
.jw-cta{background:linear-gradient(135deg,#111827,#1f2937);}

/* Footer */
.jw-footer{background:#0b1220;color:#cbd5e1;}
.jw-footer a{color:#94a3b8;text-decoration:none;}
.jw-footer a:hover{color:#fff;}
.jw-footer h5,.jw-footer h6{color:#fff;}

.jw-breadcrumb{background:var(--bs-body-bg);border-bottom:1px solid var(--bs-border-color);}

/* Detail page */
.jw-detail-cover{height:300px;background-size:cover;background-position:center;border-radius:var(--jw-radius);background-color:#dee2e6;}
.jw-gallery img{height:120px;width:100%;object-fit:cover;border-radius:10px;}

@media(max-width:576px){.jw-card-cover{height:130px;}.display-5{font-size:1.8rem;}}

/* ===== Promo strip (banner + colored cards) ===== */
.jw-strip-banner .carousel-item { min-height: 220px; }
.jw-strip-card { transition: transform .15s ease, box-shadow .15s ease; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.jw-strip-card:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.jw-strip-card .bi-chevron-right { background: rgba(255,255,255,.25); border-radius: 50%; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; }
.jw-strip-card-img { filter: drop-shadow(0 3px 6px rgba(0,0,0,.2)); }
.rounded-4 { border-radius: 1rem !important; }
@media (max-width: 991px){ .jw-strip-banner .carousel-item img { max-height: 220px !important; } }

/* ===== Modern redesign: colorful category tiles ===== */
.jw-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 14px;
}
.jw-tile {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 16px;
  padding: 18px 10px; text-align: center;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.jw-tile:hover { transform: translateY(-4px); box-shadow: 0 8px 22px rgba(0,0,0,.10); border-color: rgba(0,0,0,.12); }
.jw-tile-icon {
  width: 60px; height: 60px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center; font-size: 28px;
}
.jw-tile-label { font-size: .85rem; font-weight: 600; color: #1f2430; line-height: 1.2; }
[data-bs-theme="dark"] .jw-tile { background: #1b1f27; border-color: rgba(255,255,255,.08); }
[data-bs-theme="dark"] .jw-tile-label { color: #e8eaed; }

/* ===== Offers banner ===== */
.jw-offers { transition: transform .15s ease, box-shadow .15s ease; box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.jw-offers:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.2); color:#fff; }

/* ===== Modern polish ===== */
.jw-hero { position: relative; }
.jw-card, .card { border-radius: 14px; }
.btn { border-radius: 10px; }
html,body{overflow-x:clip}
@media(max-width:768px){.container{padding-left:16px!important;padding-right:16px!important}.row{--bs-gutter-x:1rem}}