/*
 * AskOllo RC18 template fidelity styles.
 * Styles are ported from the user-approved template pages and scoped by their original class families.
 */


/* ===== SUBURB-LANDING : Pasted text(20260830-001723).txt ===== */

.ollo-suburb-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-suburb-shell *,
.ollo-suburb-shell *::before,
.ollo-suburb-shell *::after{
  box-sizing:border-box;
}

/* ===== HERO ===== */
.ollo-suburb-hero{
  position:relative;
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:56px 48px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 380px;
  gap:40px;
  align-items:center;
}

.ollo-suburb-hero-watermark{
  position:absolute;
  inset:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:50px;
  padding:40px;
  opacity:.035;
  pointer-events:none;
}

.ollo-suburb-hero-watermark i{
  font-size:40px;
  color:#FFFFFF;
  animation:subFloat 8s ease-in-out infinite;
}

.ollo-suburb-hero-watermark i:nth-child(2n){ animation-delay:-2s; }
.ollo-suburb-hero-watermark i:nth-child(3n){ animation-delay:-4s; }
.ollo-suburb-hero-watermark i:nth-child(5n){ animation-delay:-6s; }

@keyframes subFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}

.ollo-suburb-hero-content{
  position:relative;
  z-index:2;
}

.ollo-suburb-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:18px;
}

.ollo-suburb-pill i{ font-size:12px; }

.ollo-suburb-hero-content h1{
  margin:0 0 14px;
  color:#FFFFFF;
  font-size:48px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-suburb-hero-content > p{
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:16px;
  line-height:1.6;
  font-weight:600;
  max-width:520px;
}

.ollo-suburb-hero-stats{
  display:flex;
  gap:24px;
  margin-top:26px;
}

.ollo-suburb-stat strong{
  display:block;
  color:#FF4D00;
  font-size:24px;
  font-weight:900;
}

.ollo-suburb-stat span{
  color:rgba(255,255,255,.5);
  font-size:11px;
  font-weight:700;
  margin-top:2px;
  display:block;
}

.ollo-suburb-hero-search{
  display:flex;
  align-items:center;
  background:#FFFFFF;
  border-radius:999px;
  padding:5px 5px 5px 18px;
  margin-top:26px;
  max-width:460px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.ollo-suburb-hero-search > i{
  color:#6b7a8a;
  font-size:15px;
  margin-right:10px;
  flex-shrink:0;
}

.ollo-suburb-hero-search input{
  flex:1;
  border:none;
  outline:none;
  font-size:14px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  background:transparent;
  min-width:0;
}

.ollo-suburb-hero-search input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-suburb-hero-search button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:11px 22px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  flex-shrink:0;
}

.ollo-suburb-hero-search button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

.ollo-suburb-hero-map{
  position:relative;
  z-index:2;
  height:320px;
  border-radius:24px;
  overflow:hidden;
  border:3px solid rgba(255,255,255,.08);
}

/* ===== QUICK NAV ===== */
.ollo-suburb-quicknav{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  margin-top:24px;
  margin-bottom:8px;
}

.ollo-suburb-qn-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:18px 12px;
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  text-decoration:none;
  transition:.3s ease;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
}

.ollo-suburb-qn-item:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 12px 28px rgba(0,29,55,.08);
}

.ollo-suburb-qn-item i{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-suburb-qn-item span{
  color:#001D37;
  font-size:12px;
  font-weight:800;
}

.ollo-suburb-qn-item em{
  color:#6b7a8a;
  font-size:11px;
  font-weight:700;
  font-style:normal;
}

/* ===== SECTIONS ===== */
.ollo-suburb-section{
  margin-top:40px;
}

.ollo-suburb-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}

.ollo-suburb-section-head span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  display:block;
}

.ollo-suburb-section-head h2{
  margin:6px 0 0;
  color:#001D37;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-suburb-section-head a{
  color:#FF4D00;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  transition:.2s ease;
}

.ollo-suburb-section-head a:hover{ opacity:.7; }
.ollo-suburb-section-head a i{ font-size:11px; }

/* ===== CARD GRID ===== */
.ollo-suburb-card-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.ollo-suburb-card{
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 10px 26px rgba(0,29,55,.05);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-suburb-card:hover{
  transform:translateY(-5px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 16px 36px rgba(0,29,55,.10);
}

.ollo-suburb-card-img{
  position:relative;
  height:160px;
  overflow:hidden;
}

.ollo-suburb-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.4s ease;
}

.ollo-suburb-card:hover .ollo-suburb-card-img img{
  transform:scale(1.05);
}

.ollo-suburb-card-badge{
  position:absolute;
  top:10px;
  left:10px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(0,29,55,.8);
  color:#FFFFFF;
  font-size:10px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:5px;
  backdrop-filter:blur(4px);
}

.ollo-suburb-card-badge i{ font-size:9px; }

.ollo-suburb-card-body{
  padding:14px;
}

.ollo-suburb-card-body > span{
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.ollo-suburb-card-body h3{
  margin:5px 0 8px;
  color:#001D37;
  font-size:15px;
  font-weight:900;
  line-height:1.2;
}

.ollo-suburb-card-rating{
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-suburb-stars{
  color:#FF4D00;
  font-size:12px;
  letter-spacing:1px;
}

.ollo-suburb-card-rating strong{
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-suburb-card-rating span{
  color:#6b7a8a;
  font-size:11px;
  font-weight:600;
}

/* ===== JOBS LIST ===== */
.ollo-suburb-jobs-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ollo-suburb-job-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
  padding:18px 22px;
  border-radius:20px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
  transition:.3s ease;
  cursor:pointer;
}

.ollo-suburb-job-card:hover{
  transform:translateX(6px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 12px 28px rgba(0,29,55,.08);
}

.ollo-suburb-job-type{
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,77,0,.1);
  color:#FF4D00;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.ollo-suburb-job-info h3{
  margin:0;
  color:#001D37;
  font-size:15px;
  font-weight:900;
}

.ollo-suburb-job-info p{
  margin:4px 0 0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:600;
}

.ollo-suburb-job-card button{
  border:none;
  border-radius:999px;
  background:#F3F6F8;
  color:#001D37;
  padding:9px 16px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-suburb-job-card button:hover{
  background:#FF4D00;
  color:#FFFFFF;
}

/* ===== EVENTS ===== */
.ollo-suburb-events-grid{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ollo-suburb-event-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  align-items:center;
  padding:18px 22px;
  border-radius:20px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
  transition:.3s ease;
  cursor:pointer;
}

.ollo-suburb-event-card:hover{
  transform:translateX(6px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 12px 28px rgba(0,29,55,.08);
}

.ollo-suburb-event-date{
  width:64px;
  height:64px;
  border-radius:16px;
  background:rgba(255,77,0,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.ollo-suburb-event-date span{
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}

.ollo-suburb-event-date strong{
  color:#001D37;
  font-size:24px;
  font-weight:900;
  line-height:1;
}

.ollo-suburb-event-info h3{
  margin:0;
  color:#001D37;
  font-size:15px;
  font-weight:900;
}

.ollo-suburb-event-info p{
  margin:5px 0 0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-suburb-event-info p i{ color:#FF4D00; font-size:11px; }

.ollo-suburb-event-tags{
  display:flex;
  gap:6px;
  margin-top:8px;
}

.ollo-suburb-event-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

/* ===== COMMUNITY ===== */
.ollo-suburb-community-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.ollo-suburb-community-card{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:14px;
  align-items:center;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
  transition:.3s ease;
  cursor:pointer;
}

.ollo-suburb-community-card:hover{
  transform:translateY(-3px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 12px 28px rgba(0,29,55,.08);
}

.ollo-suburb-community-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-suburb-community-card h3{
  margin:0;
  color:#001D37;
  font-size:14px;
  font-weight:900;
}

.ollo-suburb-community-card p{
  margin:3px 0 0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
}

.ollo-suburb-community-card span{
  color:#FF4D00;
  font-size:11px;
  font-weight:800;
  margin-top:4px;
  display:block;
}

/* ===== ARTICLES ===== */
.ollo-suburb-articles-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.ollo-suburb-article-card{
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,29,55,.05);
  transition:.35s ease;
  cursor:pointer;
}

.ollo-suburb-article-card:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 16px 36px rgba(0,29,55,.10);
}

.ollo-suburb-article-card img{
  width:100%;
  height:160px;
  object-fit:cover;
  display:block;
  transition:.4s ease;
}

.ollo-suburb-article-card:hover img{
  transform:scale(1.05);
}

.ollo-suburb-article-body{
  padding:16px;
}

.ollo-suburb-article-body span{
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.ollo-suburb-article-body h3{
  margin:5px 0 8px;
  color:#001D37;
  font-size:15px;
  font-weight:900;
  line-height:1.3;
}

.ollo-suburb-article-body p{
  margin:0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
}

/* ===== SUBURB INFO ===== */
.ollo-suburb-info-section{
  background:#F3F6F8;
  border-radius:36px;
  padding:36px;
}

.ollo-suburb-info-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:24px;
}

.ollo-suburb-info-card{
  padding:24px;
  border-radius:22px;
  background:#FFFFFF;
  border:1px solid rgba(0,29,55,.06);
}

.ollo-suburb-info-card h3{
  margin:0 0 12px;
  color:#001D37;
  font-size:18px;
  font-weight:900;
}

.ollo-suburb-info-card > p{
  margin:0;
  color:#415565;
  font-size:14px;
  line-height:1.7;
  font-weight:600;
}

.ollo-suburb-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.ollo-suburb-facts > div{
  padding:10px;
  border-radius:12px;
  background:#F3F6F8;
}

.ollo-suburb-facts span{
  display:block;
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
}

.ollo-suburb-facts strong{
  display:block;
  color:#001D37;
  font-size:14px;
  font-weight:800;
  margin-top:3px;
}

/* ===== NEARBY ===== */
.ollo-suburb-nearby-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.ollo-suburb-nearby-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  text-decoration:none;
  transition:.3s ease;
  box-shadow:0 6px 16px rgba(0,29,55,.04);
}

.ollo-suburb-nearby-card:hover{
  transform:translateY(-3px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 10px 24px rgba(0,29,55,.08);
}

.ollo-suburb-nearby-card i{
  width:36px;
  height:36px;
  border-radius:10px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.ollo-suburb-nearby-card h3{
  margin:0;
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-suburb-nearby-card span{
  display:block;
  margin-top:2px;
  color:#6b7a8a;
  font-size:11px;
  font-weight:700;
}

/* ===== CTA ===== */
.ollo-suburb-cta{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  text-align:center;
  margin-top:40px;
}

.ollo-suburb-cta-content{
  max-width:480px;
  margin:0 auto;
}

.ollo-suburb-cta-content > span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.ollo-suburb-cta h2{
  margin:12px 0 12px;
  color:#FFFFFF;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-suburb-cta p{
  margin:0;
  color:rgba(255,255,255,.6);
  font-size:14px;
  line-height:1.6;
  font-weight:600;
}

.ollo-suburb-cta button{
  margin-top:24px;
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:14px 28px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-suburb-cta button:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(255,77,0,.35);
}

/* ===== DEMO MSG ===== */
.ollo-suburb-demo-msg{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}

.ollo-suburb-demo-msg.active{ display:block; }

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-suburb-hero{
    grid-template-columns:1fr;
    padding:40px 32px;
  }

  .ollo-suburb-hero-map{ height:260px; }
  .ollo-suburb-quicknav{ grid-template-columns:repeat(3,1fr); }
  .ollo-suburb-card-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-suburb-articles-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-suburb-community-grid{ grid-template-columns:1fr; }
  .ollo-suburb-info-grid{ grid-template-columns:1fr; }
  .ollo-suburb-nearby-grid{ grid-template-columns:repeat(3,1fr); }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-suburb-shell{ padding:18px 10px; }

  .ollo-suburb-hero{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-suburb-hero-content h1{ font-size:34px; }
  .ollo-suburb-hero-stats{ flex-wrap:wrap; gap:14px; }
  .ollo-suburb-hero-map{ height:220px; border-radius:20px; }

  .ollo-suburb-quicknav{
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }

  .ollo-suburb-qn-item{ padding:14px 8px; }

  .ollo-suburb-card-grid{ grid-template-columns:1fr; }
  .ollo-suburb-articles-grid{ grid-template-columns:1fr; }
  .ollo-suburb-nearby-grid{ grid-template-columns:1fr; }

  .ollo-suburb-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .ollo-suburb-section-head h2{ font-size:22px; }

  .ollo-suburb-job-card{
    grid-template-columns:1fr;
    gap:10px;
  }

  .ollo-suburb-job-card button{ width:100%; }

  .ollo-suburb-event-card{
    grid-template-columns:52px 1fr;
    gap:12px;
  }

  .ollo-suburb-event-date{ width:52px; height:52px; border-radius:14px; }
  .ollo-suburb-event-date strong{ font-size:20px; }

  .ollo-suburb-info-section{
    padding:24px 16px;
    border-radius:28px;
  }

  .ollo-suburb-cta{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-suburb-cta h2{ font-size:22px; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-suburb-hero-content h1{ font-size:28px; }
  .ollo-suburb-quicknav{ grid-template-columns:repeat(2,1fr); }
}


/* ===== SUBURB-CATEGORY : Pasted text(20260830-002315).txt ===== */

.ollo-sc-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-sc-shell *,
.ollo-sc-shell *::before,
.ollo-sc-shell *::after{
  box-sizing:border-box;
}

/* ===== HERO ===== */
.ollo-sc-hero{
  position:relative;
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:56px 48px;
  overflow:hidden;
}

.ollo-sc-hero-watermark{
  position:absolute;
  inset:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:55px;
  padding:40px;
  opacity:.035;
  pointer-events:none;
}

.ollo-sc-hero-watermark i{
  font-size:42px;
  color:#FFFFFF;
  animation:scFloat 8s ease-in-out infinite;
}

.ollo-sc-hero-watermark i:nth-child(2n){ animation-delay:-2s; }
.ollo-sc-hero-watermark i:nth-child(3n){ animation-delay:-4s; }
.ollo-sc-hero-watermark i:nth-child(5n){ animation-delay:-6s; }

@keyframes scFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-9px); }
}

.ollo-sc-hero-content{
  position:relative;
  z-index:2;
  max-width:620px;
}

.ollo-sc-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}

.ollo-sc-breadcrumb a{
  color:rgba(255,255,255,.5);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  transition:.2s ease;
}

.ollo-sc-breadcrumb a:hover{ color:#FFFFFF; }

.ollo-sc-breadcrumb i{
  color:rgba(255,255,255,.3);
  font-size:9px;
}

.ollo-sc-breadcrumb span{
  color:rgba(255,255,255,.7);
  font-size:12px;
  font-weight:700;
}

.ollo-sc-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:18px;
}

.ollo-sc-pill i{ font-size:12px; }

.ollo-sc-hero-content h1{
  margin:0 0 14px;
  color:#FFFFFF;
  font-size:38px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-sc-hero-content h1 span{
  color:#FF4D00;
}

.ollo-sc-hero-content > p{
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:15px;
  line-height:1.6;
  font-weight:600;
}

.ollo-sc-hero-stats{
  display:flex;
  gap:28px;
  margin-top:24px;
}

.ollo-sc-stat strong{
  display:block;
  color:#FF4D00;
  font-size:24px;
  font-weight:900;
}

.ollo-sc-stat span{
  color:rgba(255,255,255,.5);
  font-size:11px;
  font-weight:700;
  margin-top:2px;
  display:block;
}

.ollo-sc-hero-search{
  display:flex;
  align-items:center;
  background:#FFFFFF;
  border-radius:999px;
  padding:5px 5px 5px 18px;
  margin-top:24px;
  max-width:460px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.ollo-sc-hero-search > i{
  color:#6b7a8a;
  font-size:15px;
  margin-right:10px;
  flex-shrink:0;
}

.ollo-sc-hero-search input{
  flex:1;
  border:none;
  outline:none;
  font-size:14px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  background:transparent;
  min-width:0;
}

.ollo-sc-hero-search input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-sc-hero-search button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:11px 22px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  flex-shrink:0;
}

.ollo-sc-hero-search button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

/* ===== SUBCATEGORY NAV ===== */
.ollo-sc-subnav{
  padding:18px 0;
  border-bottom:1px solid rgba(0,29,55,.06);
}

.ollo-sc-subnav-scroll{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:4px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-sc-subnav-scroll::-webkit-scrollbar{ display:none; }

.ollo-sc-subcat{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:9px 16px;
  background:#FFFFFF;
  color:#001D37;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:7px;
  transition:.25s ease;
}

.ollo-sc-subcat i{ font-size:12px; color:#FF4D00; }

.ollo-sc-subcat:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-sc-subcat.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-sc-subcat.active i{ color:#FFFFFF; }

/* ===== CONTROLS ===== */
.ollo-sc-controls{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 0;
  flex-wrap:wrap;
}

.ollo-sc-sort{
  display:flex;
  align-items:center;
  gap:8px;
}

.ollo-sc-sort span{
  color:#6b7a8a;
  font-size:13px;
  font-weight:700;
}

.ollo-sc-sort select{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:8px 14px;
  font-size:13px;
  font-weight:800;
  color:#001D37;
  background:#FFFFFF;
  font-family:Poppins,Arial,sans-serif;
  cursor:pointer;
  outline:none;
}

.ollo-sc-sort select:focus{ border-color:#FF4D00; }

.ollo-sc-filter-pills{
  display:flex;
  gap:6px;
  flex:1;
  overflow-x:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-sc-filter-pills::-webkit-scrollbar{ display:none; }

.ollo-sc-fpill{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:7px 14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
  transition:.25s ease;
}

.ollo-sc-fpill:hover{ border-color:#FF4D00; color:#FF4D00; }

.ollo-sc-fpill.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-sc-view-toggle{
  display:flex;
  gap:4px;
}

.ollo-sc-view-btn{
  width:36px;
  height:36px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:12px;
  background:transparent;
  color:#6b7a8a;
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}

.ollo-sc-view-btn.active{
  background:#001D37;
  border-color:#001D37;
  color:#FFFFFF;
}

.ollo-sc-view-btn:hover:not(.active){
  border-color:#FF4D00;
  color:#FF4D00;
}

/* ===== LISTINGS GRID ===== */
.ollo-sc-listings{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.ollo-sc-card{
  border-radius:24px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 12px 30px rgba(0,29,55,.05);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-sc-card:hover{
  transform:translateY(-5px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 18px 40px rgba(0,29,55,.10);
}

.ollo-sc-card-img{
  position:relative;
  height:180px;
  overflow:hidden;
}

.ollo-sc-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.4s ease;
}

.ollo-sc-card:hover .ollo-sc-card-img img{
  transform:scale(1.05);
}

.ollo-sc-card-badge{
  position:absolute;
  top:12px;
  left:12px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(0,29,55,.8);
  color:#FFFFFF;
  font-size:10px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:5px;
  backdrop-filter:blur(4px);
}

.ollo-sc-card-badge i{ font-size:9px; }

.ollo-sc-card-save{
  position:absolute;
  top:12px;
  right:12px;
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#001D37;
  font-size:13px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  backdrop-filter:blur(4px);
}

.ollo-sc-card-save:hover{
  background:#FF4D00;
  color:#FFFFFF;
  transform:scale(1.1);
}

.ollo-sc-card-body{
  padding:18px;
}

.ollo-sc-card-sub{
  color:#FF4D00;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.ollo-sc-card-body h3{
  margin:5px 0 8px;
  color:#001D37;
  font-size:17px;
  font-weight:900;
  line-height:1.2;
}

.ollo-sc-card-desc{
  margin:0 0 12px;
  color:#6b7a8a;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ollo-sc-card-rating{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}

.ollo-sc-stars{
  color:#FF4D00;
  font-size:12px;
  letter-spacing:1px;
}

.ollo-sc-card-rating strong{
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-sc-card-rating span{
  color:#6b7a8a;
  font-size:11px;
  font-weight:600;
}

.ollo-sc-card-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.ollo-sc-card-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

.ollo-sc-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:12px;
  border-top:1px solid rgba(0,29,55,.06);
}

.ollo-sc-card-footer > span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-sc-card-footer > span i{
  color:#FF4D00;
  font-size:11px;
}

.ollo-sc-card-footer button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:8px 16px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-sc-card-footer button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.25);
}

/* ===== LIST VIEW ===== */
.ollo-sc-listings.list-view{
  grid-template-columns:1fr;
}

.ollo-sc-listings.list-view .ollo-sc-card{
  display:grid;
  grid-template-columns:260px 1fr;
}

.ollo-sc-listings.list-view .ollo-sc-card-img{
  height:100%;
  min-height:200px;
}

/* ===== PAGINATION ===== */
.ollo-sc-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:28px;
}

.ollo-sc-page-btn{
  width:40px;
  height:40px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-sc-page-btn:hover:not(:disabled):not(.active){
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-sc-page-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-sc-page-btn:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* ===== SECTIONS ===== */
.ollo-sc-section{
  margin-top:40px;
}

.ollo-sc-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}

.ollo-sc-section-head span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  display:block;
}

.ollo-sc-section-head h2{
  margin:6px 0 0;
  color:#001D37;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.03em;
}

/* ===== REVIEWS ===== */
.ollo-sc-reviews-section{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:40px 36px;
}

.ollo-sc-reviews-section .ollo-sc-section-head span{ color:#FF4D00; }
.ollo-sc-reviews-section .ollo-sc-section-head h2{ color:#FFFFFF; }

.ollo-sc-reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.ollo-sc-review-card{
  padding:22px;
  border-radius:22px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(6px);
  transition:.3s ease;
}

.ollo-sc-review-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,77,0,.3);
  background:rgba(255,77,0,.05);
}

.ollo-sc-review-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.ollo-sc-review-avatar{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-sc-review-top h3{
  margin:0;
  color:#FFFFFF;
  font-size:14px;
  font-weight:900;
}

.ollo-sc-review-stars{
  color:#FF4D00;
  font-size:12px;
  letter-spacing:1px;
  display:block;
  margin-top:2px;
}

.ollo-sc-review-card > p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:13px;
  line-height:1.6;
  font-weight:600;
  font-style:italic;
}

.ollo-sc-review-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}

.ollo-sc-review-meta span{
  color:rgba(255,255,255,.45);
  font-size:11px;
  font-weight:700;
}

.ollo-sc-review-meta span:first-child{
  color:#FF4D00;
  font-weight:800;
}

/* ===== NEARBY ===== */
.ollo-sc-nearby-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.ollo-sc-nearby-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  text-decoration:none;
  transition:.3s ease;
  box-shadow:0 6px 16px rgba(0,29,55,.04);
}

.ollo-sc-nearby-card:hover{
  transform:translateY(-3px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 10px 24px rgba(0,29,55,.08);
}

.ollo-sc-nearby-card i{
  width:36px;
  height:36px;
  border-radius:10px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.ollo-sc-nearby-card h3{
  margin:0;
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-sc-nearby-card span{
  display:block;
  margin-top:2px;
  color:#6b7a8a;
  font-size:11px;
  font-weight:700;
}

/* ===== CTA ===== */
.ollo-sc-cta{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  text-align:center;
  margin-top:40px;
}

.ollo-sc-cta-content{
  max-width:500px;
  margin:0 auto;
}

.ollo-sc-cta-content > span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.ollo-sc-cta h2{
  margin:12px 0 12px;
  color:#FFFFFF;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-sc-cta p{
  margin:0;
  color:rgba(255,255,255,.6);
  font-size:14px;
  line-height:1.6;
  font-weight:600;
}

.ollo-sc-cta-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:24px;
}

.ollo-sc-cta-actions button{
  border:none;
  border-radius:999px;
  padding:14px 24px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-sc-cta-actions button:first-child{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-sc-cta-actions button:first-child:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(255,77,0,.35);
}

.ollo-sc-cta-actions button:last-child{
  background:rgba(255,255,255,.08);
  color:#FFFFFF;
  border:1.5px solid rgba(255,255,255,.2);
}

.ollo-sc-cta-actions button:last-child:hover{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.4);
  transform:translateY(-3px);
}

/* ===== DEMO MSG ===== */
.ollo-sc-demo-msg{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}

.ollo-sc-demo-msg.active{ display:block; }

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-sc-listings{ grid-template-columns:repeat(2,1fr); }
  .ollo-sc-reviews-grid{ grid-template-columns:1fr; }
  .ollo-sc-nearby-grid{ grid-template-columns:repeat(3,1fr); }

  .ollo-sc-listings.list-view .ollo-sc-card{
    grid-template-columns:200px 1fr;
  }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-sc-shell{ padding:18px 10px; }

  .ollo-sc-hero{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-sc-hero-content h1{ font-size:28px; }
  .ollo-sc-hero-stats{ flex-wrap:wrap; gap:14px; }
  .ollo-sc-hero-search{ max-width:100%; }

  .ollo-sc-controls{ flex-direction:column; align-items:flex-start; gap:10px; }
  .ollo-sc-view-toggle{ display:none; }

  .ollo-sc-listings{
    grid-template-columns:1fr;
  }

  .ollo-sc-listings.list-view .ollo-sc-card{
    grid-template-columns:1fr;
  }

  .ollo-sc-listings.list-view .ollo-sc-card-img{
    height:180px;
  }

  .ollo-sc-nearby-grid{ grid-template-columns:1fr; }

  .ollo-sc-reviews-section{
    padding:28px 20px;
    border-radius:28px;
  }

  .ollo-sc-section-head h2{ font-size:22px; }

  .ollo-sc-cta{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-sc-cta h2{ font-size:22px; }

  .ollo-sc-cta-actions{
    flex-direction:column;
  }

  .ollo-sc-cta-actions button{ width:100%; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-sc-hero-content h1{ font-size:24px; }
  .ollo-sc-card-body h3{ font-size:15px; }
}


/* ===== SIGN-IN : Pasted text(20260830-002415).txt ===== */

.ollo-auth-shell{
  width:100%;
  min-height:760px;
  padding:40px 24px;
  font-family:Poppins,Arial,sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-auth-shell *,
.ollo-auth-shell *::before,
.ollo-auth-shell *::after{
  box-sizing:border-box;
}

.ollo-auth-card{
  width:100%;
  min-height:640px;
  display:grid;
  grid-template-columns:64% 36%;
  gap:0;
  padding:24px;
  border-radius:36px;
  background:#02243D;
  box-shadow:0 22px 55px rgba(0,29,55,.14);
  overflow:hidden;
}

.ollo-auth-brand{
  min-height:640px;
  padding:44px;
  border-radius:30px 0 0 30px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#001D37;
}

.ollo-auth-logo{
  position:relative;
  z-index:2;
  width:178px;
  height:auto;
  display:block;
  object-fit:contain;
  margin-bottom:58px;
}

.ollo-auth-brand > span{
  position:relative;
  z-index:2;
  color:#FF4D00;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.ollo-auth-brand h1{
  position:relative;
  z-index:2;
  max-width:720px;
  margin:12px 0 16px;
  color:#FFFFFF;
  font-size:58px;
  line-height:1.03;
  font-weight:900;
  letter-spacing:-.05em;
}

.ollo-auth-brand p{
  position:relative;
  z-index:2;
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:16px;
  line-height:1.7;
}

.ollo-auth-benefits{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:34px;
}

.ollo-auth-benefits div{
  padding:17px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#FFFFFF;
  transition:.3s ease;
}

.ollo-auth-benefits div:hover{
  transform:translateY(-4px);
  border-color:rgba(255,77,0,.45);
}

.ollo-auth-benefits i{
  color:#FF4D00;
  font-size:20px;
  margin-bottom:12px;
}

.ollo-auth-benefits strong{
  display:block;
  color:#FFFFFF;
  font-size:15px;
  font-weight:900;
  margin-bottom:6px;
}

.ollo-auth-benefits span{
  display:block;
  color:rgba(255,255,255,.76);
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}

.ollo-auth-panel{
  width:100%;
  height:100%;
  min-height:640px;
  max-width:none;
  background:#FFFFFF;
  border-radius:0 30px 30px 0;
  padding:42px;
  box-shadow:none;
  border:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}

.ollo-auth-heading{
  margin-bottom:24px;
}

.ollo-auth-heading span{
  display:block;
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:8px;
}

.ollo-auth-heading h2{
  margin:0;
  color:#001D37;
  font-size:32px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-auth-heading p{
  margin:10px 0 0;
  color:#415565;
  font-size:14px;
  line-height:1.55;
}

.ollo-auth-chooser{
  display:none;
  gap:16px;
}

.ollo-auth-chooser.active{
  display:grid;
}

.ollo-choice-card{
  width:100%;
  min-height:154px;
  border:1px solid #E7EAF0;
  border-radius:26px;
  background:#F3F6F8;
  padding:24px;
  text-align:left;
  cursor:pointer;
  transition:.3s ease;
  overflow:hidden;
}

.ollo-choice-card i{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(255,77,0,.10);
  color:#FF4D00;
  font-size:20px;
  margin-bottom:16px;
}

.ollo-choice-card strong{
  display:block;
  color:#001D37;
  font-size:20px;
  font-weight:900;
  margin-bottom:8px;
}

.ollo-choice-card span{
  display:block;
  color:#415565;
  font-size:13px;
  line-height:1.5;
  font-weight:700;
}

.ollo-choice-card:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  background:#FFFFFF;
  box-shadow:
    0 0 12px rgba(255,77,0,.18),
    0 14px 28px rgba(0,29,55,.10);
}

.ollo-choice-card.business{
  background:#001D37;
  border-color:#001D37;
}

.ollo-choice-card.business strong{
  color:#FFFFFF;
}

.ollo-choice-card.business span{
  color:rgba(255,255,255,.78);
}

.ollo-choice-card.business:hover{
  border-color:#FF4D00;
}

.ollo-auth-form{
  display:none;
}

.ollo-auth-form.active{
  display:block;
}

.ollo-back-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  border:none;
  background:transparent;
  color:#FF4D00;
  padding:0;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.ollo-auth-form h3{
  margin:0;
  color:#001D37;
  font-size:30px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.04em;
}

.ollo-auth-form p{
  margin:8px 0 22px;
  color:#415565;
  font-size:14px;
  line-height:1.5;
}

.ollo-auth-form label{
  display:block;
  margin:0 0 8px;
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-auth-form input{
  width:100%;
  border:1px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:14px 16px;
  margin-bottom:16px;
  font-size:14px;
  color:#001D37;
  background:#FFFFFF;
  outline:none;
}

.ollo-auth-form input:focus{
  border-color:#FF4D00;
  box-shadow:0 0 0 4px rgba(255,77,0,.10);
}

.ollo-auth-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}

.ollo-check{
  display:flex!important;
  align-items:center;
  gap:8px;
  margin:0!important;
  color:#415565!important;
  font-size:13px!important;
  font-weight:800!important;
}

.ollo-check input{
  width:auto!important;
  margin:0!important;
}

.ollo-auth-row a{
  color:#FF4D00;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.ollo-listing-type{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0 0 18px;
}

.ollo-listing-btn{
  border:1px solid rgba(0,29,55,.10);
  border-radius:18px;
  background:#F3F6F8;
  color:#001D37;
  padding:13px 12px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:.25s ease;
  display:flex;
  align-items:center;
  gap:8px;
  text-align:left;
}

.ollo-listing-btn i{
  color:#FF4D00;
  font-size:14px;
  width:18px;
  text-align:center;
}

.ollo-listing-btn:hover{
  transform:translateY(-2px);
}

.ollo-listing-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-listing-btn.active i{
  color:#FFFFFF;
}

.terms{
  margin:0 0 18px!important;
  line-height:1.4;
}

.ollo-primary-btn{
  width:100%;
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:15px 24px;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(255,77,0,.22);
  transition:.25s ease;
}

.ollo-primary-btn:hover{
  transform:translateY(-2px);
  background:#E24400;
}

.ollo-auth-switch{
  margin-top:18px;
  text-align:center;
  color:#415565;
  font-size:13px;
  font-weight:800;
}

.ollo-auth-switch button{
  border:none;
  background:transparent;
  color:#FF4D00;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  padding:0;
}

.ollo-auth-message{
  display:none;
  margin-top:16px;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.10);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  line-height:1.4;
}

.ollo-auth-message.active{
  display:block;
}

@media(max-width:1024px){
  .ollo-auth-card{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .ollo-auth-brand{
    min-height:auto;
    border-radius:30px 30px 0 0;
  }

  .ollo-auth-panel{
    min-height:auto;
    border-radius:0 0 30px 30px;
  }
}

@media(max-width:767px){
  .ollo-auth-shell{
    padding:20px 12px;
  }

  .ollo-auth-card{
    padding:14px;
    border-radius:28px;
  }

  .ollo-auth-brand{
    padding:30px 22px;
    border-radius:24px 24px 0 0;
  }

  .ollo-auth-logo{
    width:150px;
    margin-bottom:38px;
  }

  .ollo-auth-brand h1{
    font-size:36px;
  }

  .ollo-auth-brand p{
    font-size:15px;
  }

  .ollo-auth-benefits{
    grid-template-columns:1fr;
  }

  .ollo-auth-panel{
    padding:24px;
    border-radius:0 0 24px 24px;
  }

  .ollo-auth-heading h2,
  .ollo-auth-form h3{
    font-size:26px;
  }

  .ollo-auth-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .ollo-listing-type{
    grid-template-columns:1fr;
  }
}


/* ===== SEARCH-RESULTS : Pasted text(20260830-002455).txt ===== */

.ollo-search-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-search-shell *,
.ollo-search-shell *::before,
.ollo-search-shell *::after{
  box-sizing:border-box;
}

/* ===== SEARCH HEADER ===== */
.ollo-search-header{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:28px;
  padding:40px 36px;
  margin-bottom:24px;
}

.ollo-search-header-inner{
  max-width:720px;
}

.ollo-search-bar-wrap{
  display:flex;
  align-items:center;
  background:#FFFFFF;
  border-radius:999px;
  padding:6px 6px 6px 20px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.ollo-search-bar-wrap > i{
  color:#6b7a8a;
  font-size:16px;
  margin-right:12px;
  flex-shrink:0;
}

.ollo-search-input{
  flex:1;
  border:none;
  outline:none;
  font-size:15px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  background:transparent;
  min-width:0;
}

.ollo-search-input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-search-clear{
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:transparent;
  color:#6b7a8a;
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  flex-shrink:0;
}

.ollo-search-clear:hover{
  background:#F3F6F8;
  color:#001D37;
}

.ollo-search-btn{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:12px 24px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  flex-shrink:0;
}

.ollo-search-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,77,0,.3);
}

.ollo-search-meta{
  margin-top:18px;
}

.ollo-search-meta p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:14px;
  font-weight:600;
}

.ollo-search-meta strong{
  color:#FFFFFF;
  font-weight:900;
}

/* ===== CONTENT AREA ===== */
.ollo-search-content{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
  align-items:start;
}

/* ===== FILTER SIDEBAR ===== */
.ollo-search-filters{
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 18px 45px rgba(0,29,55,.06);
  position:sticky;
  top:24px;
}

.ollo-sf-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}

.ollo-sf-header h3{
  margin:0;
  color:#001D37;
  font-size:16px;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:8px;
}

.ollo-sf-header h3 i{ color:#FF4D00; font-size:14px; }

.ollo-sf-reset{
  border:none;
  background:transparent;
  color:#FF4D00;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.2s ease;
}

.ollo-sf-reset:hover{ opacity:.7; }

.ollo-sf-group{
  padding:16px 0;
  border-top:1px solid rgba(0,29,55,.06);
}

.ollo-sf-group h4{
  margin:0 0 12px;
  color:#001D37;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.ollo-sf-options{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.ollo-sf-option{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  cursor:pointer;
  transition:.25s ease;
  border:1px solid transparent;
}

.ollo-sf-option:hover{
  background:rgba(255,77,0,.04);
}

.ollo-sf-option.active{
  background:rgba(255,77,0,.08);
  border-color:rgba(255,77,0,.15);
}

.ollo-sf-option input{ display:none; }

.ollo-sf-option span{
  flex:1;
  color:#001D37;
  font-size:13px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
}

.ollo-sf-option span i{
  color:#FF4D00;
  font-size:13px;
  width:18px;
  text-align:center;
}

.ollo-sf-option em{
  color:#6b7a8a;
  font-size:12px;
  font-weight:800;
  font-style:normal;
  background:#F3F6F8;
  padding:3px 8px;
  border-radius:999px;
}

.ollo-sf-checkbox{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:12px;
  cursor:pointer;
  transition:.2s ease;
}

.ollo-sf-checkbox:hover{ background:rgba(0,29,55,.03); }

.ollo-sf-checkbox input{
  width:16px;
  height:16px;
  accent-color:#FF4D00;
  cursor:pointer;
}

.ollo-sf-checkbox span{
  flex:1;
  color:#001D37;
  font-size:13px;
  font-weight:700;
}

.ollo-sf-checkbox em{
  color:#6b7a8a;
  font-size:12px;
  font-weight:800;
  font-style:normal;
}

.ollo-sf-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.ollo-sf-tag{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:7px 14px;
  background:transparent;
  color:#001D37;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-sf-tag:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-sf-tag.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

/* ===== RESULTS AREA ===== */
.ollo-search-results{
  min-width:0;
}

.ollo-sr-controls{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}

.ollo-sr-sort{
  display:flex;
  align-items:center;
  gap:8px;
}

.ollo-sr-sort span{
  color:#6b7a8a;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.ollo-sr-sort select{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:8px 14px;
  font-size:13px;
  font-weight:800;
  color:#001D37;
  background:#FFFFFF;
  font-family:Poppins,Arial,sans-serif;
  cursor:pointer;
  outline:none;
  transition:.2s ease;
}

.ollo-sr-sort select:focus{
  border-color:#FF4D00;
}

.ollo-sr-view{
  display:flex;
  gap:4px;
  margin-left:auto;
}

.ollo-sr-view-btn{
  width:36px;
  height:36px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:12px;
  background:transparent;
  color:#6b7a8a;
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}

.ollo-sr-view-btn.active{
  background:#001D37;
  border-color:#001D37;
  color:#FFFFFF;
}

.ollo-sr-view-btn:hover:not(.active){
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-sr-filter-toggle{
  display:none;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:8px 16px;
  background:#FFFFFF;
  color:#001D37;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  align-items:center;
  gap:6px;
  transition:.2s ease;
}

.ollo-sr-filter-toggle i{ color:#FF4D00; }

/* ===== RESULTS GRID ===== */
.ollo-sr-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.ollo-sr-card{
  border-radius:24px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 12px 30px rgba(0,29,55,.05);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-sr-card:hover{
  transform:translateY(-5px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 18px 40px rgba(0,29,55,.10);
}

.ollo-sr-card-image{
  position:relative;
  height:180px;
  overflow:hidden;
}

.ollo-sr-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.4s ease;
}

.ollo-sr-card:hover .ollo-sr-card-image img{
  transform:scale(1.05);
}

.ollo-sr-card-type{
  position:absolute;
  top:12px;
  left:12px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(0,29,55,.8);
  color:#FFFFFF;
  font-size:11px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:5px;
  backdrop-filter:blur(4px);
}

.ollo-sr-type-job{ background:rgba(255,77,0,.85); }
.ollo-sr-type-event{ background:rgba(0,29,55,.85); }
.ollo-sr-type-article{ background:rgba(107,122,138,.85); }
.ollo-sr-type-community{ background:rgba(0,29,55,.85); }

.ollo-sr-card-save{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#001D37;
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  backdrop-filter:blur(4px);
}

.ollo-sr-card-save:hover{
  background:#FF4D00;
  color:#FFFFFF;
  transform:scale(1.1);
}

.ollo-sr-card-save.saved{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-sr-card-body{
  padding:18px;
}

.ollo-sr-card-category{
  color:#FF4D00;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.ollo-sr-card-body h3{
  margin:6px 0 8px;
  color:#001D37;
  font-size:16px;
  font-weight:900;
  line-height:1.25;
  letter-spacing:-.02em;
}

.ollo-sr-card-location{
  margin:0 0 10px;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-sr-card-location i{
  color:#FF4D00;
  font-size:11px;
}

.ollo-sr-card-rating{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}

.ollo-sr-stars{
  color:#FF4D00;
  font-size:13px;
  letter-spacing:1px;
}

.ollo-sr-card-rating strong{
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-sr-card-rating span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:600;
}

.ollo-sr-card-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:10px;
}

.ollo-sr-card-meta span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-sr-card-meta i{
  color:#FF4D00;
  font-size:11px;
  width:14px;
  text-align:center;
}

.ollo-sr-card-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.ollo-sr-card-tags span{
  padding:4px 10px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

/* ===== PAGINATION ===== */
.ollo-sr-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:32px;
}

.ollo-sr-page-btn{
  width:40px;
  height:40px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-sr-page-btn:hover:not(:disabled):not(.active){
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-sr-page-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-sr-page-btn:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* ===== NO RESULTS ===== */
.ollo-sr-empty{
  text-align:center;
  padding:60px 24px;
  border-radius:28px;
  border:1px dashed rgba(0,29,55,.12);
  background:#F3F6F8;
}

.ollo-sr-empty > i{
  font-size:36px;
  color:#6b7a8a;
  opacity:.4;
  margin-bottom:16px;
}

.ollo-sr-empty h3{
  margin:0 0 8px;
  color:#001D37;
  font-size:22px;
  font-weight:900;
}

.ollo-sr-empty p{
  margin:0 0 20px;
  color:#6b7a8a;
  font-size:14px;
  font-weight:600;
  line-height:1.6;
}

.ollo-sr-empty-suggestions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}

.ollo-sr-empty-suggestions span{
  color:#6b7a8a;
  font-size:13px;
  font-weight:700;
}

.ollo-sr-empty-suggestions button{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:7px 14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.2s ease;
}

.ollo-sr-empty-suggestions button:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

/* ===== LIST VIEW ===== */
.ollo-sr-grid.list-view{
  grid-template-columns:1fr;
}

.ollo-sr-grid.list-view .ollo-sr-card{
  display:grid;
  grid-template-columns:220px 1fr;
}

.ollo-sr-grid.list-view .ollo-sr-card-image{
  height:100%;
  min-height:160px;
}

.ollo-sr-grid.list-view .ollo-sr-card-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-search-content{ grid-template-columns:1fr; }

  .ollo-search-filters{
    position:fixed;
    top:0;
    left:-320px;
    width:300px;
    height:100vh;
    border-radius:0 28px 28px 0;
    z-index:9999;
    overflow-y:auto;
    transition:.4s ease;
    box-shadow:0 0 60px rgba(0,0,0,.3);
  }

  .ollo-search-filters.open{
    left:0;
  }

  .ollo-sr-filter-toggle{ display:flex; }
  .ollo-sr-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-search-shell{ padding:18px 10px; }

  .ollo-search-header{
    padding:28px 20px;
    border-radius:22px;
  }

  .ollo-search-bar-wrap{ padding:4px 4px 4px 14px; }
  .ollo-search-input{ font-size:14px; }
  .ollo-search-btn{ padding:10px 16px; font-size:13px; }

  .ollo-sr-controls{
    flex-wrap:wrap;
  }

  .ollo-sr-grid{
    grid-template-columns:1fr;
  }

  .ollo-sr-grid.list-view .ollo-sr-card{
    grid-template-columns:1fr;
  }

  .ollo-sr-grid.list-view .ollo-sr-card-image{
    height:180px;
  }

  .ollo-sr-view{ display:none; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-search-header{ padding:22px 16px; }
  .ollo-sr-card-body{ padding:14px; }
  .ollo-sr-card-body h3{ font-size:14px; }
}

/* ===== FILTER OVERLAY ===== */
.ollo-filter-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,29,55,.5);
  z-index:9998;
  backdrop-filter:blur(4px);
}

.ollo-filter-overlay.active{ display:block; }


/* ===== JOB-DETAIL : Pasted text(20260830-002533).txt ===== */

.ollo-job-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-job-shell *,
.ollo-job-shell *::before,
.ollo-job-shell *::after{
  box-sizing:border-box;
}

.ollo-job-template{
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:transparent;
}

/* ===== HERO — BANNER + WHITE CARD BELOW ===== */
.ollo-job-hero{
  overflow:visible;
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 18px 45px rgba(0,29,55,.10);
}

.ollo-job-banner{
  height:300px;
  background:linear-gradient(135deg,#001D37,#38586a,#90a3ad);
  border-radius:28px 28px 0 0;
  overflow:hidden;
}

.ollo-job-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Profile section now sits fully inside the white card area */
.ollo-job-profile{
  display:flex;
  align-items:center;
  gap:22px;
  padding:28px 32px 32px;
  position:relative;
}

.ollo-job-icon{
  width:88px;
  height:88px;
  border-radius:22px;
  background:#F3F6F8;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  box-shadow:none;
}

.ollo-job-icon span{
  color:#FF4D00;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-job-title{
  flex:1;
  min-width:0;
}

.ollo-job-title span,
.ollo-section-head strong,
.ollo-section-head a,
.ollo-tag-row span,
.ollo-mini-card span,
.ollo-contact-row span,
.ollo-detail-list span,
.ollo-detail-grid span,
.ollo-highlight-grid span{
  color:#FF4D00;
  font-size:13px;
  font-weight:900;
}

.ollo-job-title h1{
  margin:6px 0 4px;
  color:#001D37;
  font-size:38px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-job-title p{
  margin:0;
  color:#415565;
  font-size:15px;
  font-weight:700;
}

.ollo-job-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

.ollo-job-actions button,
.ollo-contact-actions button,
.sidebar-btn{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#fff;
  padding:12px 20px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-job-actions button:hover,
.ollo-contact-actions button:hover,
.sidebar-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,77,0,.25);
}

.ollo-job-actions button:nth-child(2),
.ollo-job-actions button:nth-child(3),
.ollo-contact-actions button:nth-child(2),
.ollo-contact-actions button:nth-child(3){
  background:#F3F6F8;
  color:#001D37;
}

.ollo-job-actions button:nth-child(2):hover,
.ollo-job-actions button:nth-child(3):hover,
.ollo-contact-actions button:nth-child(2):hover,
.ollo-contact-actions button:nth-child(3):hover{
  background:#001D37;
  color:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.15);
}

/* ===== GRID ===== */
.ollo-job-grid{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:24px;
  align-items:start;
}

.ollo-job-main,
.ollo-job-sidebar{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.ollo-card{
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 45px rgba(0,29,55,.08);
}

.ollo-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.ollo-section-head a{
  text-decoration:none;
  transition:.2s ease;
}

.ollo-section-head a:hover{
  opacity:.7;
}

.ollo-card h2,
.ollo-section-head h2{
  margin:0;
  color:#001D37;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-section-head p,
.ollo-body-copy,
.ollo-mini-card p,
.ollo-contact-row strong,
.ollo-detail-list strong,
.ollo-detail-grid strong,
.ollo-highlight-grid p,
.ollo-sidebar-copy,
.ollo-business-mini p{
  margin:8px 0 0;
  color:#415565;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
}

.ollo-tag-row{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:18px;
}

.ollo-tag-row span{
  display:inline-flex;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,77,0,.12);
}

.ollo-detail-grid,
.ollo-highlight-grid,
.ollo-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.ollo-detail-grid article,
.ollo-highlight-grid article,
.ollo-mini-card,
.ollo-list-block{
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,29,55,.08);
}

.ollo-detail-grid strong{
  display:block;
  color:#001D37;
  font-size:17px;
}

.ollo-highlight-grid h3,
.ollo-mini-card h3,
.ollo-business-mini h3{
  margin:8px 0;
  color:#001D37;
  font-size:18px;
  font-weight:900;
}

.ollo-list-block ul{
  margin:0;
  padding-left:20px;
  color:#415565;
  font-size:14px;
  line-height:1.8;
  font-weight:700;
}

.ollo-list-block li::marker{
  color:#FF4D00;
}

.ollo-mini-card{
  overflow:hidden;
  padding:0;
  cursor:pointer;
  transition:.35s ease;
}

.ollo-mini-card:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.22), 0 10px 20px rgba(0,29,55,.10);
}

.ollo-mini-card img{
  width:100%;
  height:135px;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}

.ollo-mini-card:hover img{
  transform:scale(1.04);
}

.ollo-mini-card div{
  padding:16px;
}

.ollo-contact-row,
.ollo-detail-list div{
  padding:14px 0;
  border-bottom:1px solid rgba(0,29,55,.08);
}

.ollo-contact-row:last-of-type,
.ollo-detail-list div:last-child{
  border-bottom:none;
}

.ollo-contact-row strong,
.ollo-detail-list strong{
  display:block;
  color:#001D37;
}

.ollo-contact-actions{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.ollo-business-mini{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:12px;
  align-items:center;
  margin-top:14px;
}

.ollo-business-mini img{
  width:72px;
  height:72px;
  border-radius:18px;
  object-fit:cover;
  background:transparent;
  border:none;
  box-shadow:0 10px 24px rgba(0,29,55,.12);
}

.sidebar-btn{
  width:100%;
  margin-top:16px;
}

.ollo-demo-message{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-demo-message.active{
  display:block;
}

@media(max-width:1024px){
  .ollo-job-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:767px){
  .ollo-job-shell{
    padding:18px 10px;
  }

  .ollo-job-template{
    padding:14px;
  }

  .ollo-job-banner{
    height:200px;
  }

  .ollo-job-profile{
    flex-direction:column;
    align-items:flex-start;
    padding:22px 20px 26px;
    gap:16px;
  }

  .ollo-job-icon{
    width:72px;
    height:72px;
    border-radius:18px;
  }

  .ollo-job-icon span{
    font-size:18px;
  }

  .ollo-job-title h1{
    font-size:28px;
  }

  .ollo-detail-grid,
  .ollo-highlight-grid,
  .ollo-mini-grid{
    grid-template-columns:1fr;
  }

  .ollo-section-head{
    flex-direction:column;
  }

  .ollo-job-actions{
    flex-direction:column;
  }

  .ollo-job-actions button{
    width:100%;
  }
}


/* ===== JOB-ARCHIVE : Pasted text(20260830-002609).txt ===== */

.ollo-ja-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ja-shell *,
.ollo-ja-shell *::before,
.ollo-ja-shell *::after{
  box-sizing:border-box;
}

/* ===== HERO ===== */
.ollo-ja-hero{
  position:relative;
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:56px 48px;
  overflow:hidden;
}

.ollo-ja-hero-watermark{
  position:absolute;
  inset:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:55px;
  padding:40px;
  opacity:.035;
  pointer-events:none;
}

.ollo-ja-hero-watermark i{
  font-size:42px;
  color:#FFFFFF;
  animation:jaFloat 8s ease-in-out infinite;
}

.ollo-ja-hero-watermark i:nth-child(2n){ animation-delay:-2s; }
.ollo-ja-hero-watermark i:nth-child(3n){ animation-delay:-4s; }
.ollo-ja-hero-watermark i:nth-child(5n){ animation-delay:-6s; }

@keyframes jaFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-9px); }
}

.ollo-ja-hero-content{
  position:relative;
  z-index:2;
  max-width:600px;
}

.ollo-ja-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:18px;
}

.ollo-ja-pill i{ font-size:12px; }

.ollo-ja-hero-content h1{
  margin:0 0 14px;
  color:#FFFFFF;
  font-size:44px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-ja-hero-content > p{
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:16px;
  line-height:1.6;
  font-weight:600;
}

.ollo-ja-hero-stats{
  display:flex;
  gap:28px;
  margin-top:26px;
}

.ollo-ja-stat strong{
  display:block;
  color:#FF4D00;
  font-size:24px;
  font-weight:900;
}

.ollo-ja-stat span{
  color:rgba(255,255,255,.5);
  font-size:11px;
  font-weight:700;
  margin-top:2px;
  display:block;
}

.ollo-ja-hero-search{
  display:flex;
  align-items:center;
  background:#FFFFFF;
  border-radius:999px;
  padding:5px 5px 5px 18px;
  margin-top:26px;
  max-width:460px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.ollo-ja-hero-search > i{
  color:#6b7a8a;
  font-size:15px;
  margin-right:10px;
  flex-shrink:0;
}

.ollo-ja-hero-search input{
  flex:1;
  border:none;
  outline:none;
  font-size:14px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  background:transparent;
  min-width:0;
}

.ollo-ja-hero-search input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-ja-hero-search button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:11px 22px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  flex-shrink:0;
}

.ollo-ja-hero-search button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

/* ===== TYPE NAV ===== */
.ollo-ja-typenav{
  padding:18px 0;
  border-bottom:1px solid rgba(0,29,55,.06);
}

.ollo-ja-typenav-scroll{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:4px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-ja-typenav-scroll::-webkit-scrollbar{ display:none; }

.ollo-ja-type-btn{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:9px 16px;
  background:#FFFFFF;
  color:#001D37;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:7px;
  transition:.25s ease;
}

.ollo-ja-type-btn i{ font-size:12px; color:#FF4D00; }

.ollo-ja-type-btn:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-ja-type-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-ja-type-btn.active i{ color:#FFFFFF; }

/* ===== SECTIONS ===== */
.ollo-ja-section{
  margin-top:36px;
}

.ollo-ja-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}

.ollo-ja-section-head span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  display:block;
}

.ollo-ja-section-head h2{
  margin:6px 0 0;
  color:#001D37;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-ja-results-count{
  color:#6b7a8a;
  font-size:13px;
  font-weight:700;
}

.ollo-ja-results-count strong{
  color:#001D37;
}

/* ===== FEATURED GRID ===== */
.ollo-ja-featured-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.ollo-ja-featured-card{
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 12px 30px rgba(0,29,55,.05);
  transition:.35s ease;
  cursor:pointer;
  display:flex;
  flex-direction:column;
}

.ollo-ja-featured-card:hover{
  transform:translateY(-5px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 18px 40px rgba(0,29,55,.10);
}

.ollo-ja-featured-header{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
}

.ollo-ja-featured-logo{
  width:48px;
  height:48px;
  border-radius:14px;
  overflow:hidden;
}

.ollo-ja-featured-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ollo-ja-featured-header h3{
  margin:0;
  color:#001D37;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
}

.ollo-ja-featured-header p{
  margin:3px 0 0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
}

.ollo-ja-featured-badge{
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,77,0,.1);
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.ollo-ja-featured-details{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.ollo-ja-featured-details span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-ja-featured-details i{
  color:#FF4D00;
  font-size:11px;
}

.ollo-ja-featured-desc{
  margin:0 0 14px;
  color:#415565;
  font-size:13px;
  line-height:1.6;
  font-weight:600;
  flex:1;
}

.ollo-ja-featured-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-bottom:16px;
}

.ollo-ja-featured-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

.ollo-ja-featured-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:14px;
  border-top:1px solid rgba(0,29,55,.06);
}

.ollo-ja-featured-footer span{
  color:#6b7a8a;
  font-size:11px;
  font-weight:700;
}

.ollo-ja-featured-footer button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:9px 18px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ja-featured-footer button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.25);
}

/* ===== CONTROLS ===== */
.ollo-ja-controls{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.ollo-ja-control-group{
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-ja-control-group label{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.ollo-ja-control-group select{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  font-weight:800;
  color:#001D37;
  background:#FFFFFF;
  font-family:Poppins,Arial,sans-serif;
  cursor:pointer;
  outline:none;
}

.ollo-ja-control-group select:focus{ border-color:#FF4D00; }

/* ===== JOB ROWS ===== */
.ollo-ja-jobs-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ollo-ja-job-row{
  display:grid;
  grid-template-columns:56px 1fr auto;
  gap:18px;
  align-items:center;
  padding:20px 24px;
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 10px 26px rgba(0,29,55,.04);
  transition:.35s ease;
  cursor:pointer;
}

.ollo-ja-job-row:hover{
  transform:translateX(6px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.10), 0 14px 32px rgba(0,29,55,.08);
}

.ollo-ja-row-logo{
  width:56px;
  height:56px;
  border-radius:16px;
  overflow:hidden;
}

.ollo-ja-row-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ollo-ja-row-info{ min-width:0; }

.ollo-ja-row-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}

.ollo-ja-row-type{
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
}

.ollo-ja-row-type.ft{ background:rgba(0,29,55,.08); color:#001D37; }
.ollo-ja-row-type.pt{ background:rgba(30,100,200,.1); color:#1e64c8; }
.ollo-ja-row-type.cs{ background:rgba(255,77,0,.1); color:#FF4D00; }
.ollo-ja-row-type.ap{ background:rgba(50,180,80,.1); color:#22a84a; }
.ollo-ja-row-type.vol{ background:rgba(140,80,200,.1); color:#7b3bb5; }

.ollo-ja-row-posted{
  color:#a0adb8;
  font-size:11px;
  font-weight:700;
}

.ollo-ja-row-info h3{
  margin:0 0 3px;
  color:#001D37;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
}

.ollo-ja-row-company{
  margin:0 0 8px;
  color:#6b7a8a;
  font-size:13px;
  font-weight:700;
}

.ollo-ja-row-meta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:8px;
}

.ollo-ja-row-meta span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-ja-row-meta i{
  color:#FF4D00;
  font-size:11px;
}

.ollo-ja-row-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}

.ollo-ja-row-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

.ollo-ja-row-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}

.ollo-ja-row-save{
  width:34px;
  height:34px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:50%;
  background:transparent;
  color:#6b7a8a;
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}

.ollo-ja-row-save:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-ja-row-cta{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:9px 18px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
}

.ollo-ja-row-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.25);
}

/* ===== PAGINATION ===== */
.ollo-ja-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:28px;
}

.ollo-ja-page-btn{
  width:40px;
  height:40px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ja-page-btn:hover:not(:disabled):not(.active){
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-ja-page-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-ja-page-btn:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* ===== ALERTS ===== */
.ollo-ja-alerts-card{
  display:grid;
  grid-template-columns:56px 1fr auto;
  gap:20px;
  align-items:center;
  padding:28px 32px;
  border-radius:28px;
  background:#F3F6F8;
  border:1px solid rgba(0,29,55,.06);
}

.ollo-ja-alerts-icon{
  width:56px;
  height:56px;
  border-radius:16px;
  background:rgba(255,77,0,.1);
  color:#FF4D00;
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-ja-alerts-content h3{
  margin:0;
  color:#001D37;
  font-size:17px;
  font-weight:900;
}

.ollo-ja-alerts-content p{
  margin:5px 0 0;
  color:#6b7a8a;
  font-size:13px;
  font-weight:600;
  line-height:1.5;
}

.ollo-ja-alerts-form{
  display:flex;
  gap:8px;
}

.ollo-ja-alerts-form input{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:11px 18px;
  font-size:13px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  outline:none;
  width:220px;
}

.ollo-ja-alerts-form input:focus{ border-color:#FF4D00; }

.ollo-ja-alerts-form input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-ja-alerts-form button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:11px 20px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
}

.ollo-ja-alerts-form button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

/* ===== CTA ===== */
.ollo-ja-cta{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  text-align:center;
  margin-top:40px;
}

.ollo-ja-cta-content{
  max-width:500px;
  margin:0 auto;
}

.ollo-ja-cta-content > span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.ollo-ja-cta h2{
  margin:12px 0 12px;
  color:#FFFFFF;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-ja-cta p{
  margin:0;
  color:rgba(255,255,255,.6);
  font-size:14px;
  line-height:1.6;
  font-weight:600;
}

.ollo-ja-cta-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:24px;
}

.ollo-ja-cta-actions button{
  border:none;
  border-radius:999px;
  padding:14px 24px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ja-cta-actions button:first-child{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-ja-cta-actions button:first-child:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(255,77,0,.35);
}

.ollo-ja-cta-actions button:last-child{
  background:rgba(255,255,255,.08);
  color:#FFFFFF;
  border:1.5px solid rgba(255,255,255,.2);
}

.ollo-ja-cta-actions button:last-child:hover{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.4);
  transform:translateY(-3px);
}

/* ===== DEMO MSG ===== */
.ollo-ja-demo-msg{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}

.ollo-ja-demo-msg.active{ display:block; }

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-ja-featured-grid{ grid-template-columns:1fr; }

  .ollo-ja-alerts-card{
    grid-template-columns:1fr;
    text-align:center;
  }

  .ollo-ja-alerts-icon{ margin:0 auto; }
  .ollo-ja-alerts-form{ justify-content:center; }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-ja-shell{ padding:18px 10px; }

  .ollo-ja-hero{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-ja-hero-content h1{ font-size:32px; }
  .ollo-ja-hero-stats{ flex-wrap:wrap; gap:14px; }
  .ollo-ja-hero-search{ max-width:100%; }

  .ollo-ja-controls{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .ollo-ja-job-row{
    grid-template-columns:44px 1fr;
    gap:12px;
    padding:16px;
  }

  .ollo-ja-row-logo{ width:44px; height:44px; border-radius:12px; }

  .ollo-ja-row-actions{
    grid-column:1 / -1;
    flex-direction:row;
    align-items:center;
    width:100%;
  }

  .ollo-ja-row-cta{ flex:1; text-align:center; }

  .ollo-ja-row-meta{ flex-direction:column; gap:4px; }

  .ollo-ja-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .ollo-ja-section-head h2{ font-size:22px; }

  .ollo-ja-alerts-card{
    padding:22px 18px;
    border-radius:22px;
  }

  .ollo-ja-alerts-form{
    flex-direction:column;
    width:100%;
  }

  .ollo-ja-alerts-form input{ width:100%; }

  .ollo-ja-cta{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-ja-cta h2{ font-size:22px; }

  .ollo-ja-cta-actions{
    flex-direction:column;
  }

  .ollo-ja-cta-actions button{ width:100%; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-ja-hero-content h1{ font-size:26px; }
  .ollo-ja-row-info h3{ font-size:14px; }
  .ollo-ja-row-logo{ width:38px; height:38px; border-radius:10px; }
}


/* ===== EVENT-DETAIL : Pasted text(20260830-002734).txt ===== */

.ollo-event-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-event-shell *,
.ollo-event-shell *::before,
.ollo-event-shell *::after{
  box-sizing:border-box;
}

.ollo-event-template{
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:transparent;
}

/* ===== HERO — BANNER + WHITE CARD BELOW ===== */
.ollo-event-hero{
  overflow:visible;
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 18px 45px rgba(0,29,55,.10);
}

.ollo-event-banner{
  height:300px;
  background:linear-gradient(135deg,#001D37,#38586a,#90a3ad);
  border-radius:28px 28px 0 0;
  overflow:hidden;
}

.ollo-event-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Profile section sits fully inside the white card */
.ollo-event-profile{
  display:flex;
  align-items:center;
  gap:22px;
  padding:28px 32px 32px;
  position:relative;
}

.ollo-event-date{
  width:88px;
  height:88px;
  border-radius:22px;
  background:#F3F6F8;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:none;
  box-shadow:none;
}

.ollo-event-date strong{
  color:#FF4D00;
  font-size:34px;
  line-height:1;
  font-weight:900;
}

.ollo-event-date span{
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:2px;
}

.ollo-event-title{
  flex:1;
  min-width:0;
}

.ollo-event-title span,
.ollo-section-head strong,
.ollo-section-head a,
.ollo-tag-row span,
.ollo-mini-card span,
.ollo-contact-row span,
.ollo-detail-list span,
.ollo-detail-grid span,
.ollo-highlight-grid span{
  color:#FF4D00;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.ollo-event-title h1{
  margin:6px 0 4px;
  color:#001D37;
  font-size:38px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-event-title p{
  margin:0;
  color:#415565;
  font-size:15px;
  font-weight:700;
}

.ollo-event-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}

.ollo-event-actions button,
.ollo-contact-actions button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#fff;
  padding:12px 20px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-event-actions button:hover,
.ollo-contact-actions button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,77,0,.25);
}

.ollo-event-actions button:nth-child(2),
.ollo-event-actions button:nth-child(3),
.ollo-contact-actions button:nth-child(2),
.ollo-contact-actions button:nth-child(3){
  background:#F3F6F8;
  color:#001D37;
}

.ollo-event-actions button:nth-child(2):hover,
.ollo-event-actions button:nth-child(3):hover,
.ollo-contact-actions button:nth-child(2):hover,
.ollo-contact-actions button:nth-child(3):hover{
  background:#001D37;
  color:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.15);
}

/* ===== GRID ===== */
.ollo-event-grid{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:24px;
  align-items:start;
}

.ollo-event-main,
.ollo-event-sidebar{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.ollo-card{
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 45px rgba(0,29,55,.08);
}

.ollo-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.ollo-section-head a{
  text-decoration:none;
  transition:.2s ease;
}

.ollo-section-head a:hover{
  opacity:.7;
}

.ollo-card h2,
.ollo-section-head h2{
  margin:0;
  color:#001D37;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-section-head p,
.ollo-body-copy,
.ollo-mini-card p,
.ollo-contact-row strong,
.ollo-detail-list strong,
.ollo-detail-grid strong,
.ollo-highlight-grid p{
  margin:8px 0 0;
  color:#415565;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
}

.ollo-tag-row{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:18px;
}

.ollo-tag-row span{
  display:inline-flex;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,77,0,.12);
}

.ollo-detail-grid,
.ollo-highlight-grid,
.ollo-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.ollo-detail-grid article,
.ollo-highlight-grid article,
.ollo-mini-card{
  border-radius:22px;
  padding:18px;
  background:#FFFFFF;
  border:1px solid rgba(0,29,55,.08);
  box-shadow:0 6px 14px rgba(0,29,55,.05);
  transition:.35s ease;
}

.ollo-detail-grid article:hover,
.ollo-highlight-grid article:hover,
.ollo-mini-card:hover{
  transform:translateY(-3px);
  border-color:#FF4D00;
  box-shadow:0 0 10px rgba(255,77,0,.18), 0 8px 18px rgba(0,29,55,.08);
}

.ollo-detail-grid strong{
  display:block;
  color:#001D37;
  font-size:17px;
}

.ollo-highlight-grid h3,
.ollo-mini-card h3{
  margin:8px 0;
  color:#001D37;
  font-size:18px;
  font-weight:900;
}

.ollo-mini-card{
  overflow:hidden;
  padding:0;
  cursor:pointer;
}

.ollo-mini-card img{
  width:100%;
  height:135px;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}

.ollo-mini-card:hover img{
  transform:scale(1.04);
}

.ollo-mini-card div{
  padding:16px;
}

.ollo-contact-row,
.ollo-detail-list div{
  padding:14px 0;
  border-bottom:1px solid rgba(0,29,55,.08);
}

.ollo-contact-row:last-of-type,
.ollo-detail-list div:last-child{
  border-bottom:none;
}

.ollo-contact-row strong,
.ollo-detail-list strong{
  display:block;
  color:#001D37;
}

.ollo-contact-actions{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.ollo-demo-message{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-demo-message.active{
  display:block;
}

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-event-grid{
    grid-template-columns:1fr;
  }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-event-shell{
    padding:18px 10px;
  }

  .ollo-event-template{
    padding:14px;
  }

  .ollo-event-banner{
    height:200px;
  }

  .ollo-event-profile{
    flex-direction:column;
    align-items:flex-start;
    padding:22px 20px 26px;
    gap:16px;
  }

  .ollo-event-date{
    width:72px;
    height:72px;
    border-radius:18px;
  }

  .ollo-event-date strong{
    font-size:28px;
  }

  .ollo-event-date span{
    font-size:11px;
  }

  .ollo-event-title h1{
    font-size:28px;
  }

  .ollo-detail-grid,
  .ollo-highlight-grid,
  .ollo-mini-grid{
    grid-template-columns:1fr;
  }

  .ollo-section-head{
    flex-direction:column;
  }

  .ollo-event-actions{
    flex-direction:column;
  }

  .ollo-event-actions button{
    width:100%;
  }
}


/* ===== DIRECTORY-CATEGORY : Pasted text(20260830-002803).txt ===== */

.ollo-catpage-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-catpage-shell *,
.ollo-catpage-shell *::before,
.ollo-catpage-shell *::after{
  box-sizing:border-box;
}

/* ===== HERO ===== */
.ollo-catpage-hero{
  position:relative;
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:60px 48px;
  overflow:hidden;
  margin-bottom:0;
}

.ollo-catpage-hero-watermark{
  position:absolute;
  inset:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:55px;
  padding:40px;
  opacity:.04;
  pointer-events:none;
}

.ollo-catpage-hero-watermark i{
  font-size:44px;
  color:#FFFFFF;
  animation:catFloat 8s ease-in-out infinite;
}

.ollo-catpage-hero-watermark i:nth-child(2n){ animation-delay:-2s; }
.ollo-catpage-hero-watermark i:nth-child(3n){ animation-delay:-4s; }
.ollo-catpage-hero-watermark i:nth-child(4n){ animation-delay:-6s; }

@keyframes catFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

.ollo-catpage-hero-content{
  position:relative;
  z-index:2;
  max-width:640px;
}

.ollo-catpage-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
}

.ollo-catpage-breadcrumb a{
  color:rgba(255,255,255,.5);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  transition:.2s ease;
}

.ollo-catpage-breadcrumb a:hover{ color:#FFFFFF; }

.ollo-catpage-breadcrumb i{
  color:rgba(255,255,255,.3);
  font-size:9px;
}

.ollo-catpage-breadcrumb span{
  color:rgba(255,255,255,.7);
  font-size:12px;
  font-weight:700;
}

.ollo-catpage-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:20px;
}

.ollo-catpage-pill i{ font-size:12px; }

.ollo-catpage-hero-content h1{
  margin:0 0 14px;
  color:#FFFFFF;
  font-size:42px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-catpage-hero-content > p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:16px;
  line-height:1.6;
  font-weight:600;
  max-width:520px;
}

.ollo-catpage-hero-stats{
  display:flex;
  gap:28px;
  margin-top:28px;
}

.ollo-catpage-stat strong{
  display:block;
  color:#FF4D00;
  font-size:26px;
  font-weight:900;
}

.ollo-catpage-stat span{
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:700;
  margin-top:3px;
  display:block;
}

.ollo-catpage-hero-search{
  display:flex;
  align-items:center;
  background:#FFFFFF;
  border-radius:999px;
  padding:5px 5px 5px 18px;
  margin-top:28px;
  max-width:480px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.ollo-catpage-hero-search > i{
  color:#6b7a8a;
  font-size:15px;
  margin-right:10px;
  flex-shrink:0;
}

.ollo-catpage-hero-search input{
  flex:1;
  border:none;
  outline:none;
  font-size:14px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  background:transparent;
  min-width:0;
}

.ollo-catpage-hero-search input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-catpage-hero-search button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:11px 22px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  flex-shrink:0;
}

.ollo-catpage-hero-search button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

/* ===== SUBCATEGORY NAV ===== */
.ollo-catpage-subnav{
  padding:18px 0;
  margin-bottom:8px;
  border-bottom:1px solid rgba(0,29,55,.06);
}

.ollo-catpage-subnav-scroll{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:6px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-catpage-subnav-scroll::-webkit-scrollbar{ display:none; }

.ollo-catpage-subcat{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:9px 16px;
  background:#FFFFFF;
  color:#001D37;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:7px;
  transition:.25s ease;
}

.ollo-catpage-subcat i{
  font-size:12px;
  color:#FF4D00;
}

.ollo-catpage-subcat:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-catpage-subcat.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-catpage-subcat.active i{ color:#FFFFFF; }

/* ===== SECTIONS ===== */
.ollo-catpage-section{
  margin-top:40px;
}

.ollo-catpage-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
}

.ollo-catpage-section-head span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  display:block;
}

.ollo-catpage-section-head h2{
  margin:8px 0 0;
  color:#001D37;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-catpage-section-head a{
  color:#FF4D00;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:6px;
  transition:.2s ease;
  white-space:nowrap;
}

.ollo-catpage-section-head a:hover{ opacity:.7; }
.ollo-catpage-section-head a i{ font-size:11px; }

/* ===== LISTING GRID ===== */
.ollo-catpage-listings-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.ollo-catpage-card{
  border-radius:24px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 12px 30px rgba(0,29,55,.05);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-catpage-card:hover{
  transform:translateY(-5px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 18px 40px rgba(0,29,55,.10);
}

.ollo-catpage-card-img{
  position:relative;
  height:170px;
  overflow:hidden;
}

.ollo-catpage-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.4s ease;
}

.ollo-catpage-card:hover .ollo-catpage-card-img img{
  transform:scale(1.05);
}

.ollo-catpage-card-badge{
  position:absolute;
  top:12px;
  left:12px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,77,0,.9);
  color:#FFFFFF;
  font-size:10px;
  font-weight:800;
  backdrop-filter:blur(4px);
}

.ollo-catpage-card-save{
  position:absolute;
  top:12px;
  right:12px;
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#001D37;
  font-size:13px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  backdrop-filter:blur(4px);
}

.ollo-catpage-card-save:hover{
  background:#FF4D00;
  color:#FFFFFF;
  transform:scale(1.1);
}

.ollo-catpage-card-body{
  padding:16px;
}

.ollo-catpage-card-sub{
  color:#FF4D00;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.ollo-catpage-card-body h3{
  margin:5px 0 6px;
  color:#001D37;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
}

.ollo-catpage-card-body > p{
  margin:0 0 10px;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-catpage-card-body > p i{
  color:#FF4D00;
  font-size:11px;
}

.ollo-catpage-card-rating{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}

.ollo-catpage-stars{
  color:#FF4D00;
  font-size:12px;
  letter-spacing:1px;
}

.ollo-catpage-card-rating strong{
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-catpage-card-rating span{
  color:#6b7a8a;
  font-size:11px;
  font-weight:600;
}

.ollo-catpage-card-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}

.ollo-catpage-card-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

/* ===== WHY LOCALS LOVE ===== */
.ollo-catpage-love-section{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  margin-top:40px;
}

.ollo-catpage-love-section .ollo-catpage-section-head span{ color:#FF4D00; }
.ollo-catpage-love-section .ollo-catpage-section-head h2{ color:#FFFFFF; }

.ollo-catpage-love-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.ollo-catpage-love-card{
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(6px);
  transition:.35s ease;
}

.ollo-catpage-love-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,77,0,.3);
  background:rgba(255,77,0,.06);
}

.ollo-catpage-love-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  background:rgba(255,77,0,.12);
  color:#FF4D00;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
}

.ollo-catpage-love-card h3{
  margin:0 0 8px;
  color:#FFFFFF;
  font-size:16px;
  font-weight:900;
}

.ollo-catpage-love-card p{
  margin:0;
  color:rgba(255,255,255,.6);
  font-size:13px;
  line-height:1.6;
  font-weight:600;
}

/* ===== TRENDING ===== */
.ollo-catpage-trending-grid{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ollo-catpage-trending-card{
  display:grid;
  grid-template-columns:36px 56px 1fr auto;
  gap:16px;
  align-items:center;
  padding:16px 20px;
  border-radius:20px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
  transition:.3s ease;
  cursor:pointer;
}

.ollo-catpage-trending-card:hover{
  transform:translateX(6px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 12px 28px rgba(0,29,55,.08);
}

.ollo-catpage-trending-rank{
  width:36px;
  height:36px;
  border-radius:12px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:16px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-catpage-trending-card img{
  width:56px;
  height:56px;
  border-radius:16px;
  object-fit:cover;
}

.ollo-catpage-trending-info h3{
  margin:0;
  color:#001D37;
  font-size:15px;
  font-weight:900;
}

.ollo-catpage-trending-info p{
  margin:3px 0 0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
}

.ollo-catpage-trending-rating{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:4px;
}

.ollo-catpage-trending-rating span{
  color:#FF4D00;
  font-size:12px;
  letter-spacing:1px;
}

.ollo-catpage-trending-rating strong{
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-catpage-trending-fire{
  width:36px;
  height:36px;
  border-radius:12px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ===== EXPLORE CATEGORIES ===== */
.ollo-catpage-explore-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.ollo-catpage-explore-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
  text-decoration:none;
  transition:.3s ease;
}

.ollo-catpage-explore-card:hover{
  transform:translateY(-3px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.12), 0 12px 28px rgba(0,29,55,.08);
}

.ollo-catpage-explore-card i{
  width:48px;
  height:48px;
  border-radius:14px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.ollo-catpage-explore-card h3{
  margin:0;
  color:#001D37;
  font-size:15px;
  font-weight:900;
}

.ollo-catpage-explore-card span{
  display:block;
  margin-top:3px;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
}

/* ===== LOCAL GUIDE CTA ===== */
.ollo-catpage-cta{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  text-align:center;
  margin-top:40px;
}

.ollo-catpage-cta-content{
  max-width:520px;
  margin:0 auto;
}

.ollo-catpage-cta-content > span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.ollo-catpage-cta h2{
  margin:12px 0 12px;
  color:#FFFFFF;
  font-size:30px;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-catpage-cta p{
  margin:0;
  color:rgba(255,255,255,.6);
  font-size:15px;
  line-height:1.6;
  font-weight:600;
}

.ollo-catpage-cta-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:28px;
}

.ollo-catpage-cta-actions button{
  border:none;
  border-radius:999px;
  padding:14px 24px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-catpage-cta-actions button:first-child{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-catpage-cta-actions button:first-child:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(255,77,0,.35);
}

.ollo-catpage-cta-actions button:last-child{
  background:rgba(255,255,255,.08);
  color:#FFFFFF;
  border:1.5px solid rgba(255,255,255,.2);
}

.ollo-catpage-cta-actions button:last-child:hover{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.4);
  transform:translateY(-3px);
}

/* ===== DEMO MSG ===== */
.ollo-catpage-demo-msg{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}

.ollo-catpage-demo-msg.active{ display:block; }

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-catpage-listings-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-catpage-love-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-catpage-explore-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-catpage-shell{ padding:18px 10px; }

  .ollo-catpage-hero{
    padding:36px 22px;
    border-radius:28px;
  }

  .ollo-catpage-hero-content h1{ font-size:30px; }

  .ollo-catpage-hero-stats{
    flex-direction:column;
    gap:12px;
  }

  .ollo-catpage-hero-search{
    max-width:100%;
  }

  .ollo-catpage-listings-grid{ grid-template-columns:1fr; }
  .ollo-catpage-love-grid{ grid-template-columns:1fr; }
  .ollo-catpage-explore-grid{ grid-template-columns:1fr; }

  .ollo-catpage-love-section{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-catpage-trending-card{
    grid-template-columns:32px 48px 1fr;
    gap:12px;
  }

  .ollo-catpage-trending-fire{ display:none; }

  .ollo-catpage-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .ollo-catpage-section-head h2{ font-size:24px; }

  .ollo-catpage-cta{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-catpage-cta h2{ font-size:24px; }

  .ollo-catpage-cta-actions{
    flex-direction:column;
  }

  .ollo-catpage-cta-actions button{ width:100%; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-catpage-hero-content h1{ font-size:26px; }
  .ollo-catpage-trending-card{ grid-template-columns:28px 44px 1fr; gap:10px; padding:12px 14px; }
  .ollo-catpage-trending-card img{ width:44px; height:44px; border-radius:12px; }
}


/* ===== COMMUNITY-GROUP-DETAIL : Pasted text(20260830-002925).txt ===== */

.ollo-cgd-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-cgd-shell *,
.ollo-cgd-shell *::before,
.ollo-cgd-shell *::after{
  box-sizing:border-box;
}

/* ===== STATE TOGGLE ===== */
.ollo-cgd-state-toggle{
  display:flex;
  gap:8px;
  margin-bottom:20px;
}

.ollo-cgd-state-btn{
  padding:9px 18px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  background:#FFFFFF;
  color:#001D37;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.25s ease;
}

.ollo-cgd-state-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

/* ===== HERO ===== */
.ollo-cgd-hero{
  position:relative;
  border-radius:32px;
  overflow:hidden;
  height:320px;
}

.ollo-cgd-hero-img{
  position:absolute;
  inset:0;
}

.ollo-cgd-hero-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ollo-cgd-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,29,55,.85) 0%, rgba(0,29,55,.3) 60%, transparent 100%);
}

.ollo-cgd-hero-content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:flex-end;
  padding:32px;
  gap:20px;
}

.ollo-cgd-logo{
  width:88px;
  height:88px;
  border-radius:22px;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}

.ollo-cgd-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.ollo-cgd-hero-info{ flex:1; min-width:0; }

.ollo-cgd-hero-badges{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:8px;
}

.ollo-cgd-badge{
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:4px;
  backdrop-filter:blur(4px);
}

.ollo-cgd-badge.verified{ background:rgba(255,255,255,.15); color:#FFFFFF; }
.ollo-cgd-badge.partner{ background:rgba(255,77,0,.2); color:#FF4D00; }
.ollo-cgd-badge.fave{ background:rgba(255,77,0,.2); color:#FF4D00; }

.ollo-cgd-hero-info h1{
  margin:0;
  color:#FFFFFF;
  font-size:34px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-cgd-hero-cat{
  margin:6px 0 0;
  color:rgba(255,255,255,.7);
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-cgd-hero-cat i{ color:#FF4D00; font-size:13px; }

.ollo-cgd-hero-actions{
  display:flex;
  gap:8px;
  flex-shrink:0;
  align-self:flex-end;
}

.ollo-cgd-follow-btn{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:10px 20px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-cgd-follow-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

.ollo-cgd-follow-btn.following{
  background:rgba(255,255,255,.15);
  border:1.5px solid rgba(255,255,255,.3);
}

.ollo-cgd-share-btn{
  width:40px;
  height:40px;
  border:1.5px solid rgba(255,255,255,.3);
  border-radius:50%;
  background:rgba(255,255,255,.1);
  color:#FFFFFF;
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  backdrop-filter:blur(4px);
}

.ollo-cgd-share-btn:hover{
  background:rgba(255,255,255,.2);
  border-color:#FFFFFF;
}

/* ===== UNCLAIMED BANNER ===== */
.ollo-cgd-unclaimed-banner{
  margin-top:16px;
  padding:18px 22px;
  border-radius:18px;
  background:#FFF5F0;
  border:1px solid rgba(255,77,0,.15);
}

.ollo-cgd-unclaimed-content{
  display:grid;
  grid-template-columns:24px 1fr auto;
  gap:14px;
  align-items:center;
}

.ollo-cgd-unclaimed-content > i{
  color:#FF4D00;
  font-size:18px;
}

.ollo-cgd-unclaimed-content strong{
  color:#001D37;
  font-size:14px;
  font-weight:900;
  display:block;
}

.ollo-cgd-unclaimed-content p{
  margin:3px 0 0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
}

.ollo-cgd-unclaimed-content button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:10px 20px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.3s ease;
  white-space:nowrap;
}

.ollo-cgd-unclaimed-content button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.25);
}

/* ===== MAIN CONTENT LAYOUT ===== */
.ollo-cgd-content{
  display:grid;
  grid-template-columns:1fr 340px;
  gap:28px;
  margin-top:28px;
}

.ollo-cgd-main{ min-width:0; }

/* ===== SECTIONS ===== */
.ollo-cgd-section{
  margin-bottom:36px;
}

.ollo-cgd-section h2{
  margin:0 0 16px;
  color:#001D37;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.02em;
}

.ollo-cgd-section > p{
  margin:0 0 12px;
  color:#415565;
  font-size:14px;
  line-height:1.7;
  font-weight:600;
}

/* ===== SERVICES GRID ===== */
.ollo-cgd-services-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.ollo-cgd-service-card{
  padding:20px;
  border-radius:20px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 6px 16px rgba(0,29,55,.04);
  transition:.3s ease;
}

.ollo-cgd-service-card:hover{
  transform:translateY(-3px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.10), 0 10px 24px rgba(0,29,55,.08);
}

.ollo-cgd-service-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
}

.ollo-cgd-service-card h3{
  margin:0 0 6px;
  color:#001D37;
  font-size:14px;
  font-weight:900;
}

.ollo-cgd-service-card p{
  margin:0;
  color:#6b7a8a;
  font-size:12px;
  line-height:1.5;
  font-weight:600;
}

/* ===== GALLERY ===== */
.ollo-cgd-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.ollo-cgd-gallery-item{
  border-radius:16px;
  overflow:hidden;
  height:140px;
  cursor:pointer;
  transition:.3s ease;
}

.ollo-cgd-gallery-item:hover{
  transform:scale(1.03);
  box-shadow:0 8px 20px rgba(0,29,55,.12);
}

.ollo-cgd-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ===== EVENTS ===== */
.ollo-cgd-events-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ollo-cgd-event-row{
  display:grid;
  grid-template-columns:56px 1fr auto;
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 6px 16px rgba(0,29,55,.03);
  transition:.3s ease;
  cursor:pointer;
}

.ollo-cgd-event-row:hover{
  transform:translateX(5px);
  border-color:#FF4D00;
}

.ollo-cgd-event-date{
  width:56px;
  height:56px;
  border-radius:14px;
  background:rgba(255,77,0,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.ollo-cgd-event-date span{
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}

.ollo-cgd-event-date strong{
  color:#001D37;
  font-size:22px;
  font-weight:900;
  line-height:1;
}

.ollo-cgd-event-info h3{
  margin:0;
  color:#001D37;
  font-size:14px;
  font-weight:900;
}

.ollo-cgd-event-info p{
  margin:4px 0 0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-cgd-event-info p i{
  color:#FF4D00;
  font-size:10px;
}

.ollo-cgd-event-tag{
  padding:5px 12px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:11px;
  font-weight:900;
}

/* ===== REVIEWS ===== */
.ollo-cgd-reviews-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}

.ollo-cgd-reviews-head h2{ margin:0; }

.ollo-cgd-reviews-summary{
  display:flex;
  align-items:center;
  gap:8px;
}

.ollo-cgd-stars{
  color:#FF4D00;
  font-size:14px;
  letter-spacing:1px;
}

.ollo-cgd-reviews-summary strong{
  color:#001D37;
  font-size:16px;
  font-weight:900;
}

.ollo-cgd-reviews-summary span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
}

.ollo-cgd-reviews-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ollo-cgd-review{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(0,29,55,.06);
  background:#FFFFFF;
  box-shadow:0 6px 16px rgba(0,29,55,.03);
}

.ollo-cgd-review-header{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

.ollo-cgd-review-avatar{
  width:38px;
  height:38px;
  border-radius:10px;
  background:rgba(255,77,0,.1);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-cgd-review-header h3{
  margin:0;
  color:#001D37;
  font-size:14px;
  font-weight:900;
}

.ollo-cgd-review-stars{
  color:#FF4D00;
  font-size:11px;
  letter-spacing:1px;
  margin-right:8px;
}

.ollo-cgd-review-time{
  color:#a0adb8;
  font-size:11px;
  font-weight:700;
}

.ollo-cgd-review > p{
  margin:0;
  color:#415565;
  font-size:13px;
  line-height:1.6;
  font-weight:600;
  font-style:italic;
}

.ollo-cgd-more-reviews{
  margin-top:14px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  background:transparent;
  color:#001D37;
  padding:10px 20px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.2s ease;
}

.ollo-cgd-more-reviews:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

/* ===== SIDEBAR ===== */
.ollo-cgd-sidebar{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.ollo-cgd-info-card,
.ollo-cgd-involved-card,
.ollo-cgd-map-card,
.ollo-cgd-related-card{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 10px 26px rgba(0,29,55,.04);
}

.ollo-cgd-info-card h3,
.ollo-cgd-involved-card h3,
.ollo-cgd-map-card h3,
.ollo-cgd-related-card h3{
  margin:0 0 14px;
  color:#001D37;
  font-size:15px;
  font-weight:900;
}

.ollo-cgd-info-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ollo-cgd-info-list li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#415565;
  font-size:13px;
  font-weight:700;
}

.ollo-cgd-info-list li i{
  color:#FF4D00;
  font-size:13px;
  width:18px;
  text-align:center;
  flex-shrink:0;
}

.ollo-cgd-info-list li a{
  color:#FF4D00;
  text-decoration:none;
  font-weight:800;
}

.ollo-cgd-info-list li a:hover{ text-decoration:underline; }

.ollo-cgd-info-divider{
  height:1px;
  background:rgba(0,29,55,.06);
  margin:16px 0;
}

.ollo-cgd-socials{
  display:flex;
  gap:10px;
}

.ollo-cgd-socials a{
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:.2s ease;
}

.ollo-cgd-socials a:hover{
  background:#FF4D00;
  color:#FFFFFF;
  transform:translateY(-2px);
}

/* ===== INVOLVED CARD ===== */
.ollo-cgd-involved-card p{
  margin:0 0 16px;
  color:#6b7a8a;
  font-size:13px;
  font-weight:600;
  line-height:1.5;
}

.ollo-cgd-involved-card button{
  display:block;
  width:100%;
  border:none;
  border-radius:999px;
  padding:12px 18px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.3s ease;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.ollo-cgd-involved-card button:first-of-type{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-cgd-involved-card button:first-of-type:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.25);
}

.ollo-cgd-secondary-btn{
  background:#F3F6F8 !important;
  color:#001D37 !important;
}

.ollo-cgd-secondary-btn:hover{
  background:#FF4D00 !important;
  color:#FFFFFF !important;
  transform:translateY(-2px);
}

/* ===== MAP ===== */
.ollo-cgd-map{
  border-radius:14px;
  overflow:hidden;
  margin-bottom:10px;
}

.ollo-cgd-map-address{
  margin:0;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-cgd-map-address i{
  color:#FF4D00;
  font-size:11px;
}

/* ===== RELATED ===== */
.ollo-cgd-related-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ollo-cgd-related-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(0,29,55,.06);
  text-decoration:none;
  transition:.25s ease;
}

.ollo-cgd-related-item:hover{
  border-color:#FF4D00;
  transform:translateX(4px);
}

.ollo-cgd-related-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.ollo-cgd-related-item strong{
  display:block;
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-cgd-related-item span{
  display:block;
  color:#6b7a8a;
  font-size:11px;
  font-weight:700;
  margin-top:2px;
}

/* ===== CTA ===== */
.ollo-cgd-cta{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  text-align:center;
  margin-top:40px;
}

.ollo-cgd-cta-content{
  max-width:480px;
  margin:0 auto;
}

.ollo-cgd-cta-content > span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.ollo-cgd-cta h2{
  margin:12px 0 12px;
  color:#FFFFFF;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-cgd-cta p{
  margin:0 0 24px;
  color:rgba(255,255,255,.6);
  font-size:14px;
  line-height:1.6;
  font-weight:600;
}

.ollo-cgd-cta button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:14px 28px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-cgd-cta button:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(255,77,0,.35);
}

/* ===== DEMO MSG ===== */
.ollo-cgd-demo-msg{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}

.ollo-cgd-demo-msg.active{ display:block; }

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-cgd-content{
    grid-template-columns:1fr;
  }

  .ollo-cgd-sidebar{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }

  .ollo-cgd-services-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-cgd-gallery{ grid-template-columns:repeat(4,1fr); }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-cgd-shell{ padding:18px 10px; }

  .ollo-cgd-hero{
    height:280px;
    border-radius:24px;
  }

  .ollo-cgd-hero-content{
    padding:20px;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .ollo-cgd-logo{ width:64px; height:64px; border-radius:16px; }

  .ollo-cgd-hero-info h1{ font-size:24px; }

  .ollo-cgd-hero-actions{
    position:absolute;
    top:16px;
    right:16px;
  }

  .ollo-cgd-follow-btn{ padding:8px 14px; font-size:11px; }

  .ollo-cgd-unclaimed-content{
    grid-template-columns:1fr;
    text-align:center;
  }

  .ollo-cgd-unclaimed-content > i{ display:none; }

  .ollo-cgd-content{ grid-template-columns:1fr; }

  .ollo-cgd-sidebar{
    grid-template-columns:1fr;
  }

  .ollo-cgd-services-grid{ grid-template-columns:1fr; }
  .ollo-cgd-gallery{ grid-template-columns:repeat(2,1fr); }
  .ollo-cgd-gallery-item{ height:120px; }

  .ollo-cgd-section h2{ font-size:20px; }

  .ollo-cgd-event-row{
    grid-template-columns:48px 1fr;
    gap:10px;
  }

  .ollo-cgd-event-tag{ display:none; }

  .ollo-cgd-cta{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-cgd-cta h2{ font-size:22px; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-cgd-hero{ height:240px; }
  .ollo-cgd-hero-info h1{ font-size:20px; }
  .ollo-cgd-hero-cat{ font-size:12px; }
}


/* ===== EVENT-ARCHIVE : Pasted text(20260830-003154).txt ===== */

.ollo-ea-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ea-shell *,
.ollo-ea-shell *::before,
.ollo-ea-shell *::after{
  box-sizing:border-box;
}

/* ===== HERO ===== */
.ollo-ea-hero{
  position:relative;
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:56px 48px;
  overflow:hidden;
}

.ollo-ea-hero-watermark{
  position:absolute;
  inset:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:55px;
  padding:40px;
  opacity:.035;
  pointer-events:none;
}

.ollo-ea-hero-watermark i{
  font-size:42px;
  color:#FFFFFF;
  animation:eaFloat 8s ease-in-out infinite;
}

.ollo-ea-hero-watermark i:nth-child(2n){ animation-delay:-2s; }
.ollo-ea-hero-watermark i:nth-child(3n){ animation-delay:-4s; }
.ollo-ea-hero-watermark i:nth-child(5n){ animation-delay:-6s; }

@keyframes eaFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-9px); }
}

.ollo-ea-hero-content{
  position:relative;
  z-index:2;
  max-width:600px;
}

.ollo-ea-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:18px;
}

.ollo-ea-pill i{ font-size:12px; }

.ollo-ea-hero-content h1{
  margin:0 0 14px;
  color:#FFFFFF;
  font-size:44px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-ea-hero-content > p{
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:16px;
  line-height:1.6;
  font-weight:600;
}

.ollo-ea-hero-stats{
  display:flex;
  gap:28px;
  margin-top:26px;
}

.ollo-ea-stat strong{
  display:block;
  color:#FF4D00;
  font-size:24px;
  font-weight:900;
}

.ollo-ea-stat span{
  color:rgba(255,255,255,.5);
  font-size:11px;
  font-weight:700;
  margin-top:2px;
  display:block;
}

.ollo-ea-hero-search{
  display:flex;
  align-items:center;
  background:#FFFFFF;
  border-radius:999px;
  padding:5px 5px 5px 18px;
  margin-top:26px;
  max-width:460px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.ollo-ea-hero-search > i{
  color:#6b7a8a;
  font-size:15px;
  margin-right:10px;
  flex-shrink:0;
}

.ollo-ea-hero-search input{
  flex:1;
  border:none;
  outline:none;
  font-size:14px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  background:transparent;
  min-width:0;
}

.ollo-ea-hero-search input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-ea-hero-search button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:11px 22px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  flex-shrink:0;
}

.ollo-ea-hero-search button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

/* ===== DATE NAV ===== */
.ollo-ea-datenav{
  padding:18px 0;
  border-bottom:1px solid rgba(0,29,55,.06);
}

.ollo-ea-datenav-scroll{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:4px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-ea-datenav-scroll::-webkit-scrollbar{ display:none; }

.ollo-ea-date-btn{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:9px 16px;
  background:#FFFFFF;
  color:#001D37;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
  transition:.25s ease;
}

.ollo-ea-date-btn:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-ea-date-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

/* ===== SECTIONS ===== */
.ollo-ea-section{
  margin-top:36px;
}

.ollo-ea-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}

.ollo-ea-section-head span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  display:block;
}

.ollo-ea-section-head h2{
  margin:6px 0 0;
  color:#001D37;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.03em;
}

/* ===== FEATURED GRID ===== */
.ollo-ea-featured-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.ollo-ea-featured-card{
  border-radius:28px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 14px 35px rgba(0,29,55,.06);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-ea-featured-card:hover{
  transform:translateY(-5px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 20px 45px rgba(0,29,55,.10);
}

.ollo-ea-featured-img{
  position:relative;
  height:220px;
  overflow:hidden;
}

.ollo-ea-featured-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.4s ease;
}

.ollo-ea-featured-card:hover .ollo-ea-featured-img img{
  transform:scale(1.05);
}

.ollo-ea-featured-date-badge{
  position:absolute;
  top:14px;
  left:14px;
  width:56px;
  padding:10px 0;
  border-radius:16px;
  background:rgba(0,29,55,.85);
  text-align:center;
  backdrop-filter:blur(6px);
}

.ollo-ea-featured-date-badge span{
  display:block;
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}

.ollo-ea-featured-date-badge strong{
  display:block;
  color:#FFFFFF;
  font-size:22px;
  font-weight:900;
  line-height:1;
  margin-top:2px;
}

.ollo-ea-save{
  position:absolute;
  top:14px;
  right:14px;
  width:36px;
  height:36px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#001D37;
  font-size:14px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  backdrop-filter:blur(4px);
}

.ollo-ea-save:hover{
  background:#FF4D00;
  color:#FFFFFF;
  transform:scale(1.1);
}

.ollo-ea-featured-body{
  padding:20px;
}

.ollo-ea-featured-cat{
  color:#FF4D00;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.ollo-ea-featured-body h3{
  margin:6px 0 12px;
  color:#001D37;
  font-size:20px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.02em;
}

.ollo-ea-featured-meta{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-bottom:12px;
}

.ollo-ea-featured-meta span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-ea-featured-meta i{
  color:#FF4D00;
  font-size:11px;
  width:14px;
  text-align:center;
}

.ollo-ea-featured-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.ollo-ea-featured-tags span{
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:11px;
  font-weight:800;
}

/* ===== CONTROLS ===== */
.ollo-ea-controls{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.ollo-ea-control-group{
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-ea-control-group label{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.ollo-ea-control-group select{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  font-weight:800;
  color:#001D37;
  background:#FFFFFF;
  font-family:Poppins,Arial,sans-serif;
  cursor:pointer;
  outline:none;
}

.ollo-ea-control-group select:focus{ border-color:#FF4D00; }

.ollo-ea-pill-filters{
  display:flex;
  gap:6px;
  flex:1;
  overflow-x:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-ea-pill-filters::-webkit-scrollbar{ display:none; }

.ollo-ea-pill-btn{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:7px 14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
  transition:.25s ease;
}

.ollo-ea-pill-btn:hover{ border-color:#FF4D00; color:#FF4D00; }

.ollo-ea-pill-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

/* ===== EVENT ROWS ===== */
.ollo-ea-events-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ollo-ea-event-row{
  display:grid;
  grid-template-columns:64px 100px 1fr auto;
  gap:18px;
  align-items:center;
  padding:20px 22px;
  border-radius:24px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 10px 26px rgba(0,29,55,.04);
  transition:.35s ease;
  cursor:pointer;
}

.ollo-ea-event-row:hover{
  transform:translateX(6px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.10), 0 14px 32px rgba(0,29,55,.08);
}

.ollo-ea-row-date{
  width:64px;
  padding:10px 0;
  border-radius:16px;
  background:rgba(255,77,0,.08);
  text-align:center;
}

.ollo-ea-row-date span{
  display:block;
  color:#FF4D00;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
}

.ollo-ea-row-date strong{
  display:block;
  color:#001D37;
  font-size:24px;
  font-weight:900;
  line-height:1.1;
}

.ollo-ea-row-date em{
  display:block;
  color:#6b7a8a;
  font-size:10px;
  font-weight:800;
  font-style:normal;
  margin-top:1px;
}

.ollo-ea-row-img{
  width:100px;
  height:72px;
  border-radius:14px;
  overflow:hidden;
}

.ollo-ea-row-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.4s ease;
}

.ollo-ea-event-row:hover .ollo-ea-row-img img{
  transform:scale(1.08);
}

.ollo-ea-row-info{ min-width:0; }

.ollo-ea-row-cat{
  color:#FF4D00;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}

.ollo-ea-row-info h3{
  margin:4px 0 8px;
  color:#001D37;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
}

.ollo-ea-row-meta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.ollo-ea-row-meta span{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-ea-row-meta i{
  color:#FF4D00;
  font-size:11px;
}

.ollo-ea-row-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:8px;
}

.ollo-ea-row-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

.ollo-ea-row-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}

.ollo-ea-row-save{
  width:34px;
  height:34px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:50%;
  background:transparent;
  color:#6b7a8a;
  font-size:13px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}

.ollo-ea-row-save:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-ea-row-cta{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:9px 18px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
}

.ollo-ea-row-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.25);
}

/* ===== PAGINATION ===== */
.ollo-ea-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:28px;
}

.ollo-ea-page-btn{
  width:40px;
  height:40px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ea-page-btn:hover:not(:disabled):not(.active){
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-ea-page-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-ea-page-btn:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* ===== CTA ===== */
.ollo-ea-cta{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  text-align:center;
  margin-top:40px;
}

.ollo-ea-cta-content{
  max-width:500px;
  margin:0 auto;
}

.ollo-ea-cta-content > span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.ollo-ea-cta h2{
  margin:12px 0 12px;
  color:#FFFFFF;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-ea-cta p{
  margin:0;
  color:rgba(255,255,255,.6);
  font-size:14px;
  line-height:1.6;
  font-weight:600;
}

.ollo-ea-cta-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:24px;
}

.ollo-ea-cta-actions button{
  border:none;
  border-radius:999px;
  padding:14px 24px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ea-cta-actions button:first-child{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-ea-cta-actions button:first-child:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(255,77,0,.35);
}

.ollo-ea-cta-actions button:last-child{
  background:rgba(255,255,255,.08);
  color:#FFFFFF;
  border:1.5px solid rgba(255,255,255,.2);
}

.ollo-ea-cta-actions button:last-child:hover{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.4);
  transform:translateY(-3px);
}

/* ===== DEMO MSG ===== */
.ollo-ea-demo-msg{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}

.ollo-ea-demo-msg.active{ display:block; }

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-ea-featured-grid{ grid-template-columns:1fr; }

  .ollo-ea-event-row{
    grid-template-columns:56px 80px 1fr auto;
    gap:12px;
    padding:16px 18px;
  }

  .ollo-ea-row-date{ width:56px; }
  .ollo-ea-row-date strong{ font-size:20px; }
  .ollo-ea-row-img{ width:80px; height:60px; border-radius:12px; }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-ea-shell{ padding:18px 10px; }

  .ollo-ea-hero{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-ea-hero-content h1{ font-size:32px; }
  .ollo-ea-hero-stats{ flex-wrap:wrap; gap:14px; }
  .ollo-ea-hero-search{ max-width:100%; }

  .ollo-ea-controls{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .ollo-ea-event-row{
    grid-template-columns:52px 1fr;
    gap:12px;
    padding:16px;
  }

  .ollo-ea-row-img{ display:none; }

  .ollo-ea-row-actions{
    grid-column:1 / -1;
    flex-direction:row;
    align-items:center;
    width:100%;
  }

  .ollo-ea-row-cta{ flex:1; text-align:center; }

  .ollo-ea-row-meta{
    flex-direction:column;
    gap:4px;
  }

  .ollo-ea-section-head h2{ font-size:22px; }

  .ollo-ea-featured-img{ height:180px; }
  .ollo-ea-featured-body h3{ font-size:17px; }

  .ollo-ea-cta{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-ea-cta h2{ font-size:22px; }

  .ollo-ea-cta-actions{
    flex-direction:column;
  }

  .ollo-ea-cta-actions button{ width:100%; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-ea-hero-content h1{ font-size:26px; }
  .ollo-ea-row-date{ width:46px; border-radius:12px; }
  .ollo-ea-row-date strong{ font-size:18px; }
  .ollo-ea-row-info h3{ font-size:14px; }
}


/* ===== USER-DASHBOARD : Pasted text(20260830-003343).txt ===== */

.ollo-premium-profile-widget,
.ollo-premium-profile-widget *{
  box-sizing:border-box;
}

.ollo-premium-profile-widget{
  width:100%;
  margin:0;
  padding:0;
  background:#f3f6f8;
  font-family:Poppins,Arial,sans-serif;
  overflow:hidden;
}

.ollo-premium-hero{
  position:relative;
  width:100%;
  min-height:850px;
  padding:70px;
  border-radius:34px;
  overflow:hidden;
  background:#001D37;
  box-shadow:0 36px 90px rgba(0,29,55,.18);
}

.ollo-premium-hero:before{
  content:"";
  position:absolute;
  inset:24px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
  z-index:2;
}

.ollo-premium-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 28%, rgba(255,255,255,.035), transparent 34%),
    radial-gradient(circle at 82% 68%, rgba(255,255,255,.028), transparent 38%);
  pointer-events:none;
  z-index:1;
}

.ollo-type-stage{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:100;
  pointer-events:none;
}

.ollo-type-line{
  width:0;
  max-width:max-content;
  overflow:hidden;
  white-space:nowrap;
  opacity:0;
  color:#fff;
  font-weight:900;
}

.type-ollo{
  color:#ff4d00;
  font-size:clamp(90px,10vw,180px);
  line-height:.88;
  letter-spacing:.04em;
  border-right:5px solid #ff4d00;
  animation:
    olloTypeOne 8s steps(7,end) forwards,
    olloCursorOff 0s linear 2.2s forwards;
}

.type-welcome{
  margin-top:30px;
  font-size:clamp(48px,4vw,80px);
  line-height:1;
  letter-spacing:-.02em;
  font-weight:600;
  border-right:5px solid #ff4d00;
  animation:
    olloTypeTwo 8s steps(12,end) forwards,
    olloCursorOff 0s linear 5.8s forwards;
}

.ollo-premium-inner{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:80px;
  width:100%;
  min-height:710px;
  align-items:center;
  opacity:0;
  transform:translateY(30px);
  animation:olloRevealContent 8s ease forwards;
}

.ollo-profile-feature{
  position:relative;
  align-self:center;
}

.ollo-profile-card-glass{
  width:100%;
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 26px;
  border-radius:34px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 26px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07);
}

.ollo-profile-orbit{
  position:relative;
  width:260px;
  height:260px;
  display:grid;
  place-items:center;
  margin:0 auto 28px;
  border-radius:999px;
  background:rgba(255,255,255,.035);
  box-shadow:0 34px 90px rgba(0,0,0,.34), 0 18px 44px rgba(255,77,0,.16);
}

.ollo-orbit-ring{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:conic-gradient(from 130deg,#ff4d00 0deg,#ff8a3d 58deg,rgba(255,255,255,.1) 120deg,rgba(255,255,255,.08) 220deg,#ff4d00 360deg);
  padding:8px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

.ollo-profile-orbit img{
  width:205px;
  height:205px;
  object-fit:cover;
  display:block;
  border-radius:999px;
  border:6px solid #001d37;
  position:relative;
  z-index:2;
}

.ollo-profile-copy{
  text-align:center;
}

.ollo-mini-label{
  display:inline-flex;
  width:max-content;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,77,0,.12);
  color:#ff4d00;
  border:1px solid rgba(255,77,0,.26);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.ollo-profile-copy h1{
  margin:14px 0 8px;
  color:#fff;
  font-size:54px;
  line-height:.88;
  letter-spacing:-.07em;
  font-weight:900;
}

.ollo-profile-copy p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:17px;
  font-weight:700;
}

.ollo-profile-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:20px;
}

.ollo-profile-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 17px;
  border-radius:999px;
  background:rgba(255,77,0,.11);
  color:#ff4d00;
  border:1px solid rgba(255,77,0,.52);
  font-size:14px;
  font-weight:900;
}

.ollo-dashboard-feature{
  align-self:center;
  padding-top:118px;
}

.ollo-dashboard-heading{
  max-width:760px;
  margin-bottom:30px;
}

.ollo-dashboard-heading span{
  display:block;
  margin-bottom:8px;
  color:#ff4d00;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
}

.ollo-dashboard-heading h2{
  margin:0;
  color:#fff;
  font-size:clamp(40px,4vw,72px);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:900;
}

.ollo-dashboard-heading p{
  max-width:720px;
  margin:20px 0 0;
  color:rgba(255,255,255,.7);
  font-size:17px;
  line-height:1.6;
  font-weight:600;
}

.ollo-stats-luxury-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.ollo-luxury-stat{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:118px;
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg,#ff6a00 0%,#ff4d00 100%);
  color:#fff;
  box-shadow:0 20px 50px rgba(255,77,0,.26), inset 0 1px 0 rgba(255,255,255,.22);
  transition:.25s ease;
}

.ollo-luxury-stat:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 68px rgba(255,77,0,.34), inset 0 1px 0 rgba(255,255,255,.22);
}

.ollo-luxury-stat i{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.17);
  color:#fff;
  font-size:21px;
}

.ollo-luxury-stat strong{
  display:block;
  color:#fff;
  font-size:48px;
  line-height:.9;
  font-weight:900;
}

.ollo-luxury-stat span{
  display:block;
  margin-top:7px;
  color:#fff;
  font-size:14px;
  line-height:1.1;
  font-weight:800;
}

.ollo-progress-panel{
  width:min(720px,100%);
  margin:36px 0 0;
  padding:20px 24px;
  border-radius:24px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
}

.ollo-progress-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:13px;
  font-size:14px;
  font-weight:900;
}

.ollo-progress-bar{
  height:11px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  overflow:hidden;
}

.ollo-progress-bar span{
  display:block;
  width:72%;
  height:100%;
  border-radius:inherit;
  background:#ff4d00;
}

.ollo-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.ollo-primary-btn,
.ollo-secondary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:56px;
  padding:14px 26px;
  border-radius:999px;
  font-size:15px;
  font-weight:900;
  text-decoration:none!important;
  transition:.25s ease;
}

.ollo-primary-btn{
  background:#ff4d00;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(255,77,0,.25);
}

.ollo-secondary-btn{
  background:rgba(255,255,255,.09);
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18);
}

.ollo-primary-btn:hover,
.ollo-secondary-btn:hover{
  transform:translateY(-3px);
}

@keyframes olloCursorOff{
  to{
    border-right-color:transparent;
  }
}

@keyframes olloTypeOne{
  0%{opacity:0;width:0;}
  5%{opacity:1;width:0;}
  22%{opacity:1;width:7.8ch;}
  75%{opacity:1;width:7.8ch;}
  85%{opacity:0;width:7.8ch;}
  100%{opacity:0;width:7.8ch;}
}

@keyframes olloTypeTwo{
  0%,35%{opacity:0;width:0;}
  45%{opacity:1;width:0;}
  68%{opacity:1;width:12ch;}
  78%{opacity:1;width:12ch;}
  85%{opacity:0;width:12ch;}
  100%{opacity:0;width:12ch;}
}

@keyframes olloRevealContent{
  0%,95%{opacity:0;transform:translateY(30px);}
  100%{opacity:1;transform:translateY(0);}
}

@media(max-width:1200px){
  .ollo-premium-hero{
    min-height:760px;
    padding:54px;
  }

  .ollo-premium-inner{
    grid-template-columns:330px minmax(0,1fr);
    gap:46px;
    min-height:640px;
  }

  .ollo-profile-card-glass{
    min-height:560px;
  }

  .ollo-profile-orbit{
    width:230px;
    height:230px;
  }

  .ollo-profile-orbit img{
    width:180px;
    height:180px;
  }

  .ollo-profile-copy h1{
    font-size:46px;
  }

  .ollo-stats-luxury-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:1024px){
  .ollo-premium-hero{
    min-height:auto;
    padding:42px;
  }

  .ollo-premium-inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:150px;
  }

  .ollo-profile-card-glass{
    min-height:auto;
  }

  .ollo-dashboard-feature{
    padding-top:0;
  }

  .ollo-dashboard-heading{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .ollo-progress-panel{
    margin-left:auto;
    margin-right:auto;
  }

  .ollo-hero-actions{
    justify-content:center;
  }
}

@media(max-width:767px){
  .ollo-premium-hero{
    padding:34px 22px;
    border-radius:28px;
  }

  .ollo-premium-hero:before{
    inset:14px;
    border-radius:22px;
  }

  .type-ollo{
    font-size:64px;
    letter-spacing:.03em;
  }

  .type-welcome{
    font-size:38px;
  }

  .ollo-premium-inner{
    padding-top:0;
  }

  .ollo-profile-card-glass{
    padding:28px 18px;
  }

  .ollo-profile-orbit{
    width:190px;
    height:190px;
  }

  .ollo-profile-orbit img{
    width:150px;
    height:150px;
  }

  .ollo-profile-copy h1{
    font-size:40px;
  }

  .ollo-dashboard-heading h2{
    font-size:38px;
  }

  .ollo-dashboard-heading p{
    font-size:15px;
  }

  .ollo-stats-luxury-row{
    grid-template-columns:1fr;
  }

  .ollo-luxury-stat{
    min-height:100px;
  }

  .ollo-primary-btn,
  .ollo-secondary-btn{
    width:100%;
  }
}


/* ===== FOOD-HERO : Pasted text(20260830-003755).txt ===== */

.ollo-ed-scene{
  width:100%;
  margin:0;
  padding:0;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ed-scene *,
.ollo-ed-scene *::before,
.ollo-ed-scene *::after{
  box-sizing:border-box;
}

/* ===== HERO — LOCKED 850px ===== */
.ollo-ed-hero{
  width:100%;
  height:850px;
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:linear-gradient(135deg,#001D37 0%,#02243D 60%,#001D37 100%);
  display:grid;
  grid-template-columns:44% 56%;
  align-items:stretch;
}

/* ===== WATERMARK ===== */
.ollo-ed-watermark{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:1;
}

.ollo-ed-watermark-grid{
  position:absolute;
  inset:-40px;
  display:grid;
  grid-template-columns:repeat(10,1fr);
  grid-template-rows:repeat(6,1fr);
  gap:0;
  align-items:center;
  justify-items:center;
  transform:rotate(-12deg) scale(1.3);
  transform-origin:center center;
}

.ollo-ed-watermark-grid i{
  font-size:48px;
  color:rgba(255,255,255,.04);
  animation:olloEdWmFloat 6s ease-in-out infinite;
}

.ollo-ed-watermark-grid i:nth-child(10n+1){ animation-delay:0s; }
.ollo-ed-watermark-grid i:nth-child(10n+2){ animation-delay:0.6s; }
.ollo-ed-watermark-grid i:nth-child(10n+3){ animation-delay:1.2s; }
.ollo-ed-watermark-grid i:nth-child(10n+4){ animation-delay:1.8s; }
.ollo-ed-watermark-grid i:nth-child(10n+5){ animation-delay:2.4s; }
.ollo-ed-watermark-grid i:nth-child(10n+6){ animation-delay:3s; }
.ollo-ed-watermark-grid i:nth-child(10n+7){ animation-delay:3.6s; }
.ollo-ed-watermark-grid i:nth-child(10n+8){ animation-delay:4.2s; }
.ollo-ed-watermark-grid i:nth-child(10n+9){ animation-delay:4.8s; }
.ollo-ed-watermark-grid i:nth-child(10n+10){ animation-delay:5.4s; }

.ollo-ed-watermark-grid i:nth-child(odd){ animation-duration:7s; }
.ollo-ed-watermark-grid i:nth-child(3n){ animation-duration:8.5s; }
.ollo-ed-watermark-grid i:nth-child(7n){ animation-duration:9.5s; }
.ollo-ed-watermark-grid i:nth-child(5n){ animation-duration:7.8s; }

@keyframes olloEdWmFloat{
  0%, 100%{ transform:translateY(0) rotate(0deg); opacity:1; }
  20%{ transform:translateY(-6px) rotate(1.5deg); opacity:.88; }
  50%{ transform:translateY(-14px) rotate(-1deg); opacity:1; }
  70%{ transform:translateY(-9px) rotate(2deg); opacity:.92; }
}

/* ===== LEFT PANEL ===== */
.ollo-ed-left{
  position:relative;
  z-index:4;
  padding:60px 44px 60px 56px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.ollo-ed-pill{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  padding:0 20px;
  border-radius:999px;
  background:rgba(255,77,0,.12);
  border:1px solid rgba(255,77,0,.3);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  margin-bottom:26px;
}

.ollo-ed-left h1{
  margin:0;
  color:#FFFFFF;
  font-size:72px;
  font-weight:900;
  line-height:1.0;
  letter-spacing:-.02em;
}

.ollo-ed-left p{
  margin:22px 0 30px;
  max-width:440px;
  color:rgba(255,255,255,.75);
  font-size:18px;
  line-height:1.55;
}

/* Search */
.ollo-ed-search{
  width:100%;
  max-width:460px;
  height:62px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 8px 0 22px;
  border-radius:999px;
  background:#FFFFFF;
  box-shadow:0 16px 40px rgba(0,0,0,.20);
}

.ollo-ed-search i{
  color:#001D37;
  font-size:18px;
  opacity:.7;
}

.ollo-ed-search input{
  flex:1;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  color:#001D37;
  font-size:14px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ed-search input::placeholder{
  color:#6b7a8a;
  opacity:1;
}

.ollo-ed-search button{
  height:46px;
  min-width:100px;
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ed-search button:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,77,0,.30);
}

/* Stats */
.ollo-ed-stats{
  display:flex;
  gap:32px;
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
}

.ollo-ed-stat{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.ollo-ed-stat strong{
  color:#FF4D00;
  font-size:26px;
  font-weight:900;
  line-height:1;
}

.ollo-ed-stat span{
  color:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

/* ===== RIGHT PANEL — LOOPING MOSAIC ===== */
.ollo-ed-right{
  position:relative;
  z-index:3;
  overflow:hidden;
}

.ollo-ed-mosaic-mask{
  position:absolute;
  inset:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 92%,transparent 100%);
}

.ollo-ed-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:6px;
  padding:0 6px;
  position:absolute;
  top:0;
  left:0;
  right:0;
}

.ollo-ed-mosaic-col{
  display:flex;
  flex-direction:column;
  gap:6px;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  will-change:transform;
}

.ollo-ed-col-1{ animation:olloEdColScroll1 35s linear infinite; }
.ollo-ed-col-2{ animation:olloEdColScroll2 40s linear infinite; }
.ollo-ed-col-3{ animation:olloEdColScroll3 37s linear infinite; }

/* Pause on hover */
.ollo-ed-right:hover .ollo-ed-mosaic-col{
  animation-play-state:paused;
}

@keyframes olloEdColScroll1{
  from{ transform:translateY(0); }
  to{ transform:translateY(-50%); }
}
@keyframes olloEdColScroll2{
  from{ transform:translateY(-50%); }
  to{ transform:translateY(0); }
}
@keyframes olloEdColScroll3{
  from{ transform:translateY(0); }
  to{ transform:translateY(-50%); }
}

.ollo-ed-mosaic-img{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  flex-shrink:0;
  cursor:pointer;
  border:3px solid transparent;
  transition:border-color .3s ease, box-shadow .3s ease;
}

.ollo-ed-mosaic-img:hover{
  border-color:#FF4D00;
  box-shadow:0 0 20px rgba(255,77,0,.35), 0 0 40px rgba(255,77,0,.15);
}

.ollo-ed-mosaic-img > img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}

.ollo-ed-mosaic-img:hover > img{
  transform:scale(1.04);
}

/* ===== ALWAYS-VISIBLE LOGO — NO WHITE BORDER ===== */
.ollo-ed-tile-logo{
  position:absolute;
  top:10px;
  left:10px;
  width:38px;
  height:38px;
  border-radius:10px;
  overflow:hidden;
  background:transparent;
  border:none;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.ollo-ed-tile-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:10px;
  border:none;
}

/* ===== HOVER LABEL ===== */
.ollo-ed-img-label{
  position:absolute;
  bottom:10px;
  left:10px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(0,29,55,.85);
  backdrop-filter:blur(8px);
  color:#FFFFFF;
  font-size:10px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:5px;
  opacity:0;
  transform:translateY(5px);
  transition:.3s ease;
}

.ollo-ed-mosaic-img:hover .ollo-ed-img-label{
  opacity:1;
  transform:translateY(0);
}

.ollo-ed-img-label i{
  color:#FF4D00;
  font-size:9px;
}

/* Column image heights */
.ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(1){ height:280px; }
.ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(2){ height:220px; }
.ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(3){ height:260px; }
.ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(4){ height:280px; }
.ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(5){ height:220px; }
.ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(6){ height:260px; }

.ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(1){ height:240px; }
.ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(2){ height:300px; }
.ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(3){ height:240px; }
.ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(4){ height:240px; }
.ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(5){ height:300px; }
.ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(6){ height:240px; }

.ollo-ed-col-3 .ollo-ed-mosaic-img:nth-child(1){ height:260px; }
.ollo-ed-col-3 .ollo-ed-mosaic-img:nth-child(2){ height:230px; }
.ollo-ed-col-3 .ollo-ed-mosaic-img:nth-child(3){ height:280px; }
.ollo-ed-col-3 .ollo-ed-mosaic-img:nth-child(4){ height:260px; }
.ollo-ed-col-3 .ollo-ed-mosaic-img:nth-child(5){ height:230px; }
.ollo-ed-col-3 .ollo-ed-mosaic-img:nth-child(6){ height:280px; }

/* ===== POPUP ===== */
.ollo-ed-popup-overlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,20,40,.65);
  backdrop-filter:blur(6px);
  align-items:center;
  justify-content:center;
  padding:24px;
}

.ollo-ed-popup-overlay.active{
  display:flex;
}

.ollo-ed-popup{
  width:100%;
  max-width:860px;
  max-height:86vh;
  display:grid;
  grid-template-columns:44% 56%;
  border-radius:28px;
  overflow:hidden;
  background:#FFFFFF;
  box-shadow:0 32px 80px rgba(0,0,0,.35);
  animation:olloEdPopupIn .35s ease;
}

@keyframes olloEdPopupIn{
  from{ opacity:0; transform:scale(.94) translateY(16px); }
  to{ opacity:1; transform:scale(1) translateY(0); }
}

.ollo-ed-popup-close{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:none;
  background:rgba(0,29,55,.8);
  color:#FFFFFF;
  font-size:18px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  transition:.3s ease;
}

.ollo-ed-popup-close:hover{
  background:#FF4D00;
  transform:rotate(90deg);
}

.ollo-ed-popup-image{
  position:relative;
  overflow:hidden;
}

.ollo-ed-popup-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  min-height:400px;
}

.ollo-ed-popup-badge{
  position:absolute;
  top:16px;
  left:16px;
  padding:8px 16px;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  font-size:14px;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:6px;
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

.ollo-ed-popup-badge i{ font-size:12px; }

.ollo-ed-popup-content{
  padding:36px 32px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
}

.ollo-ed-popup-cuisine{
  display:inline-block;
  width:max-content;
  padding:6px 14px;
  border-radius:999px;
  background:#F3F6F8;
  color:#415565;
  font-size:12px;
  font-weight:800;
  margin-bottom:14px;
}

.ollo-ed-popup-content h3{
  margin:0;
  color:#001D37;
  font-size:28px;
  font-weight:900;
  line-height:1.2;
}

.ollo-ed-popup-rating-trigger{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:0;
  border:none;
  background:transparent;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-ed-popup-stars{
  color:#FF4D00;
  font-size:16px;
  letter-spacing:1px;
}

.ollo-ed-popup-rating-trigger strong{
  color:#001D37;
  font-size:16px;
  font-weight:900;
}

.ollo-ed-popup-rating-trigger span{
  color:#6b7a8a;
  font-size:13px;
  font-weight:600;
}

.ollo-ed-popup-location{
  margin:14px 0 0;
  color:#415565;
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:7px;
}

.ollo-ed-popup-location i{
  color:#FF4D00;
  font-size:14px;
}

.ollo-ed-popup-desc{
  margin:18px 0 0;
  color:#2d3e4e;
  font-size:14px;
  line-height:1.6;
}

.ollo-ed-popup-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.ollo-ed-popup-tags span{
  padding:6px 14px;
  border-radius:999px;
  background:#F3F6F8;
  color:#001D37;
  font-size:11px;
  font-weight:800;
}

.ollo-ed-popup-actions{
  display:flex;
  gap:12px;
  margin-top:24px;
}

.ollo-ed-popup-btn-primary{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  transition:.3s ease;
}

.ollo-ed-popup-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,77,0,.3);
}

.ollo-ed-popup-btn-secondary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:48px;
  padding:0 24px;
  border-radius:999px;
  background:#F3F6F8;
  color:#001D37;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:.3s ease;
}

.ollo-ed-popup-btn-secondary:hover{
  background:#001D37;
  color:#FFFFFF;
}

/* ===== REDUCED MOTION ===== */
@media(prefers-reduced-motion:reduce){
  .ollo-ed-watermark-grid i{ animation:none; }
  .ollo-ed-col-1, .ollo-ed-col-2, .ollo-ed-col-3{ animation:none; }
}

/* ===== TABLET ===== */
@media(max-width:1100px){
  .ollo-ed-hero{
    height:740px;
    grid-template-columns:46% 54%;
  }

  .ollo-ed-left{
    padding:48px 32px 48px 40px;
  }

  .ollo-ed-left h1{ font-size:54px; }
  .ollo-ed-left p{ font-size:16px; }
  .ollo-ed-stats{ gap:24px; }
  .ollo-ed-stat strong{ font-size:22px; }

  .ollo-ed-mosaic{ grid-template-columns:1fr 1fr; }
  .ollo-ed-col-3{ display:none; }

  .ollo-ed-popup{
    grid-template-columns:40% 60%;
    max-width:720px;
  }

  .ollo-ed-watermark-grid{
    grid-template-columns:repeat(8,1fr);
  }

  .ollo-ed-watermark-grid i{ font-size:40px; }

  .ollo-ed-tile-logo{
    width:32px;
    height:32px;
    border-radius:8px;
  }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-ed-hero{
    height:auto;
    display:flex;
    flex-direction:column;
    border-radius:28px;
  }

  .ollo-ed-left{
    order:1;
    padding:40px 22px 32px;
  }

  .ollo-ed-pill{ margin-bottom:20px; }
  .ollo-ed-left h1{ font-size:44px; }
  .ollo-ed-left p{ font-size:15px; margin:18px 0 24px; max-width:100%; }

  .ollo-ed-search{
    max-width:100%;
    height:56px;
    padding:8px 8px 8px 18px;
  }

  .ollo-ed-search button{
    height:40px;
    min-width:82px;
    font-size:13px;
  }

  .ollo-ed-stats{ gap:20px; margin-top:26px; padding-top:20px; }
  .ollo-ed-stat strong{ font-size:20px; }

  .ollo-ed-right{
    order:2;
    height:280px;
    position:relative;
  }

  .ollo-ed-mosaic{ grid-template-columns:1fr 1fr; }
  .ollo-ed-col-3{ display:none; }
  .ollo-ed-mosaic-img{ border-radius:10px; }
  .ollo-ed-img-label{ display:none; }

  .ollo-ed-tile-logo{
    width:28px;
    height:28px;
    border-radius:7px;
    top:7px;
    left:7px;
  }

  .ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(1),
  .ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(4){ height:200px; }
  .ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(2),
  .ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(5){ height:160px; }
  .ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(3),
  .ollo-ed-col-1 .ollo-ed-mosaic-img:nth-child(6){ height:180px; }

  .ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(1),
  .ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(4){ height:170px; }
  .ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(2),
  .ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(5){ height:210px; }
  .ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(3),
  .ollo-ed-col-2 .ollo-ed-mosaic-img:nth-child(6){ height:170px; }

  /* Popup mobile */
  .ollo-ed-popup{
    grid-template-columns:1fr;
    max-height:90vh;
  }

  .ollo-ed-popup-image img{
    min-height:220px;
    max-height:240px;
  }

  .ollo-ed-popup-content{ padding:24px 20px; }
  .ollo-ed-popup-content h3{ font-size:22px; }
  .ollo-ed-popup-actions{ flex-direction:column; }

  .ollo-ed-watermark-grid{
    grid-template-columns:repeat(5,1fr);
    grid-template-rows:repeat(10,1fr);
    transform:rotate(-10deg) scale(1.5);
  }

  .ollo-ed-watermark-grid i{
    font-size:26px;
    color:rgba(255,255,255,.03);
  }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-ed-left{ padding:34px 18px 26px; }
  .ollo-ed-left h1{ font-size:38px; }
  .ollo-ed-left p{ font-size:14px; }
  .ollo-ed-search button{ display:none; }
  .ollo-ed-right{ height:220px; }
  .ollo-ed-stats{ gap:16px; }
  .ollo-ed-stat strong{ font-size:18px; }

  .ollo-ed-tile-logo{
    width:24px;
    height:24px;
    border-radius:6px;
    top:6px;
    left:6px;
  }
}


/* ===== FOOD-DIRECTORY : Pasted text (2)(20260830-003807).txt ===== */

.ollo-page-shell{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:0;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-page-shell *,
.ollo-page-shell *::before,
.ollo-page-shell *::after{
  box-sizing:border-box;
}

.ollo-directory-layout{
  display:grid;
  grid-template-columns:calc(32% - 14px) calc(68% - 14px);
  gap:28px;
  width:100%;
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
}

.ollo-filter-panel{
  background:#FFFFFF !important;
  border-radius:28px;
  padding:28px;
  border:1px solid #E7EAF0;
  box-shadow:0 8px 20px rgba(0,29,55,0.08);
  position:sticky;
  top:20px;
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#FF4D00 transparent;
}

.ollo-filter-panel::-webkit-scrollbar{
  width:5px;
}

.ollo-filter-panel::-webkit-scrollbar-track{
  background:transparent;
}

.ollo-filter-panel::-webkit-scrollbar-thumb{
  background:#FF4D00;
  border-radius:999px;
}

.filter-panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.filter-panel-header h2{
  margin:0;
  color:#001D37;
  font-size:26px;
  font-weight:900 !important;
}

.filter-toggle-btn{
  display:none;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border:1.5px solid #FF4D00;
  border-radius:999px;
  background:transparent;
  color:#FF4D00;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.25s ease;
}

.filter-toggle-btn i{
  font-size:14px;
}

.filter-toggle-btn.active{
  background:#FF4D00;
  color:#FFFFFF;
}

.filter-panel-body{
  margin-top:22px;
}

.filter-group{
  margin-bottom:22px;
}

.filter-group>label{
  display:block;
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-bottom:10px;
}

.filter-group input,
.sort-box select{
  width:100%;
  border:1px solid rgba(0,29,55,0.10);
  border-radius:30px;
  padding:14px 16px;
  font-size:14px;
  color:#001D37;
  outline:none;
  background:#FFFFFF;
  box-shadow:0 8px 18px rgba(0,29,55,0.06);
  font-family:Poppins,Arial,sans-serif;
}

.filter-group input:focus,
.sort-box select:focus{
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,0.14),0 8px 18px rgba(0,29,55,0.06);
}

.filter-pills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.filter-pills button{
  border:1px solid rgba(0,29,55,0.06);
  border-radius:999px;
  background:#FFFFFF;
  color:#001D37;
  font-size:12px;
  font-weight:800;
  padding:9px 13px;
  cursor:pointer;
  transition:.25s ease;
  display:flex;
  align-items:center;
  gap:7px;
  box-shadow:0 6px 14px rgba(0,29,55,0.05);
  font-family:Poppins,Arial,sans-serif;
}

.filter-pills button i,
.business-tile span i,
.popup-address i,
.popup-tags span i{
  color:#FF4D00;
  font-size:14px;
  line-height:1;
  flex-shrink:0;
  transition:.25s ease;
}

.filter-pills button:hover,
.filter-pills button.active{
  background:#FF4D00;
  color:#FFFFFF;
  transform:translateY(-2px);
  box-shadow:0 0 12px rgba(255,77,0,0.22);
}

.filter-pills button:hover i,
.filter-pills button.active i{
  color:#FFFFFF;
}

.clear-btn{
  width:100%;
  border:1px solid #FF4D00;
  border-radius:999px;
  background:transparent;
  color:#FF4D00;
  padding:13px 22px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.clear-btn:hover{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-results{
  width:100%;
  min-width:0;
}

.results-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}

.results-header h2{
  margin:0;
  color:#001D37;
  font-size:28px;
  font-weight:900;
}

.results-header p{
  margin:6px 0 0;
  color:#415565;
  font-size:15px;
  line-height:1.5;
}

.sort-box{
  display:flex;
  align-items:center;
  gap:10px;
  color:#001D37;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

.sort-box select{
  width:auto;
  min-width:150px;
  padding:10px 16px;
}

.demo-status{
  display:inline-flex;
  margin-bottom:20px;
  padding:8px 13px;
  border-radius:999px;
  background:#F3F6F8;
  color:#001D37;
  font-size:12px;
  font-weight:900;
  border:1px solid #E7EAF0;
}

.business-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  width:100%;
}

.business-tile{
  overflow:hidden;
  min-height:220px;
  border-radius:28px;
  background:#FFFFFF !important;
  border:1px solid #E7EAF0;
  box-shadow:0 8px 20px rgba(0,29,55,0.08);
  display:flex;
  flex-direction:column;
  text-align:left;
  color:#001D37;
  font-weight:900;
  transition:.35s ease;
  cursor:pointer;
  padding:0;
}

.business-tile:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,0.22),0 10px 20px rgba(0,29,55,0.10) !important;
}

.business-tile>img{
  width:100%;
  height:145px;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}

.business-tile:hover>img{
  transform:scale(1.04);
}

.business-tile div{
  padding:18px;
}

.business-tile span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  margin-bottom:8px;
}

.business-tile h3{
  margin:0;
  color:#001D37;
  font-size:18px;
  font-weight:900;
}

.business-tile p{
  margin:8px 0 0;
  color:#415565;
  font-size:13px;
  font-weight:700;
}

.empty-state{
  display:none;
  background:#F3F6F8;
  color:#001D37;
  border-radius:24px;
  padding:26px;
  font-size:15px;
  line-height:1.6;
  border:1px solid #E7EAF0;
}

.empty-state.active{
  display:block;
}

/* ===== POPUP ===== */
.ollo-popup{
  position:fixed;
  inset:0;
  background:rgba(0,29,55,.72);
  backdrop-filter:blur(8px);
  display:none;
  align-items:center;
  justify-content:center;
  overflow-y:auto;
  padding:32px 18px;
  z-index:99999;
}

.ollo-popup.active{
  display:flex;
}

.ollo-popup-card{
  width:100%;
  max-width:1400px;
  max-height:78vh;
  background:#FFFFFF;
  border-radius:34px;
  position:relative;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  overflow:hidden;
}

.ollo-popup-scroll{
  display:grid;
  grid-template-columns:48% 52%;
  max-height:78vh;
  overflow:hidden;
}

.ollo-popup-image-side{
  position:relative;
  height:78vh;
  overflow:hidden;
}

.ollo-popup-image-side>img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.popup-logo-wrap{
  position:absolute;
  left:34px;
  top:34px;
  z-index:100;
}

.popup-logo{
  width:124px;
  height:124px;
  object-fit:contain;
  background:transparent;
  border-radius:0;
  padding:0;
  box-shadow:none;
  border:none;
}

.ollo-popup-content{
  padding:46px 48px 34px;
  overflow-y:auto;
  max-height:78vh;
  scrollbar-width:thin;
  scrollbar-color:transparent transparent;
  scrollbar-gutter:stable;
}

.ollo-popup-content.is-scrolling{
  scrollbar-color:#FF4D00 transparent;
}

.ollo-popup-content::-webkit-scrollbar{
  width:6px;
}

.ollo-popup-content::-webkit-scrollbar-track{
  background:transparent;
}

.ollo-popup-content::-webkit-scrollbar-thumb{
  background:transparent;
  border-radius:999px;
}

.ollo-popup-content.is-scrolling::-webkit-scrollbar-thumb{
  background:#FF4D00;
}

.ollo-close{
  position:absolute;
  top:20px;
  right:20px;
  width:44px;
  height:44px;
  padding:0!important;
  border:none;
  border-radius:50%;
  background:#FFFFFF;
  color:#001D37;
  font-size:26px;
  cursor:pointer;
  z-index:1000;
  box-shadow:0 8px 22px rgba(0,29,55,.16);
  transition:.3s ease;
}

.ollo-close:hover{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-popup-content>span{
  display:inline-flex;
  color:#FF4D00;
  font-weight:900;
  font-size:14px;
  margin-bottom:10px;
}

.ollo-popup-content h2{
  margin:0 0 12px;
  color:#001D37;
  font-size:44px;
  line-height:1.05;
  font-weight:900;
}

.popup-desc{
  color:#415565;
  font-size:15px;
  line-height:1.65;
}

.popup-rating-trigger,
.popup-rating-trigger:hover,
.popup-rating-trigger:focus,
.popup-rating-trigger:active{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:4px 0 20px;
  padding:0!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  color:#415565!important;
  appearance:none;
}

.popup-stars{
  color:#FF4D00;
  letter-spacing:1px;
}

.popup-rating-trigger strong{
  color:#001D37;
}

.popup-reviews-panel{
  display:none;
  margin:0 0 24px;
  padding:18px;
  border-radius:18px;
  background:#F3F6F8;
}

.popup-reviews-panel.active{
  display:grid;
  gap:14px;
}

.popup-review{
  padding-bottom:14px;
  border-bottom:1px solid rgba(0,29,55,.08);
}

.popup-review:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.popup-review strong{
  display:block;
  color:#001D37;
  font-weight:900;
  margin-bottom:4px;
}

.popup-review span{
  display:block;
  color:#FF4D00;
  margin-bottom:6px;
}

.popup-review p{
  margin:0;
  color:#415565;
  line-height:1.6;
  font-size:13px;
}

.popup-more-reviews{
  display:none;
}

.popup-more-reviews.active{
  display:block;
}

.show-more-reviews{
  justify-self:start;
  border:none!important;
  background:#FFFFFF!important;
  color:#FF4D00!important;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  padding:10px 14px;
  border-radius:999px;
  font-family:Poppins,Arial,sans-serif;
}

.popup-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0;
}

.popup-tags span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#F3F6F8;
  color:#001D37;
  font-size:12px;
  font-weight:900;
}

.popup-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:24px 0;
}

.popup-info-grid div{
  background:#F3F6F8;
  border-radius:18px;
  padding:16px;
  color:#001D37;
  font-size:13px;
  line-height:1.5;
}

.popup-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.popup-cta,
.popup-secondary{
  border:none;
  border-radius:999px;
  padding:15px 26px;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.3s ease;
}

.popup-cta{
  background:#FF4D00;
  color:#FFFFFF;
}

.popup-cta:hover{
  transform:translateY(-2px);
}

.popup-secondary{
  background:#F3F6F8;
  color:#001D37;
}

.popup-secondary:hover{
  background:#001D37;
  color:#FFFFFF;
}

.popup-map-section{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(0,29,55,.08);
}

.popup-map-section h3{
  margin:0 0 12px;
  color:#001D37;
  font-size:18px;
  font-weight:900;
}

.popup-address{
  display:flex;
  align-items:center;
  gap:10px;
  color:#415565;
  font-size:14px;
  font-weight:700;
  margin-bottom:12px;
}

.popup-address i{
  font-size:18px;
}

#restaurantPopupMap{
  width:100%!important;
  max-width:100%!important;
  height:250px!important;
  border:0!important;
  border-radius:18px!important;
  margin-top:12px!important;
  display:block!important;
}

.demo-message{
  display:none;
  margin-top:16px;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.10);
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.demo-message.active{
  display:block;
}

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-directory-layout{
    grid-template-columns:1fr;
    gap:20px;
  }

  .ollo-filter-panel{
    position:static;
    max-height:none;
  }

  .business-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .popup-info-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-directory-layout{
    gap:16px;
  }

  .ollo-filter-panel{
    padding:20px;
    border-radius:22px;
  }

  .filter-panel-header{
    margin-bottom:0;
  }

  .filter-panel-header h2{
    font-size:22px;
  }

  .filter-toggle-btn{
    display:flex;
  }

  .filter-panel-body{
    display:none;
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(0,29,55,.08);
  }

  .filter-panel-body.active{
    display:block;
  }

  .filter-pills{
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:8px;
    padding-bottom:8px;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }

  .filter-pills::-webkit-scrollbar{
    height:4px;
  }

  .filter-pills::-webkit-scrollbar-track{
    background:rgba(0,29,55,.06);
    border-radius:999px;
  }

  .filter-pills::-webkit-scrollbar-thumb{
    background:#FF4D00;
    border-radius:999px;
  }

  .filter-pills button{
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
  }

  .results-header{
    flex-direction:column;
    gap:12px;
  }

  .results-header h2{
    font-size:22px;
  }

  .results-header p{
    font-size:14px;
  }

  .sort-box{
    width:100%;
  }

  .sort-box select{
    flex:1;
    min-width:0;
  }

  .business-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .business-tile{
    min-height:auto;
    display:grid;
    grid-template-columns:110px 1fr;
    align-items:stretch;
    border-radius:20px;
  }

  .business-tile>img{
    width:110px;
    height:100%;
    min-height:110px;
    border-radius:20px 0 0 20px;
  }

  .business-tile div{
    padding:14px 16px;
    align-self:center;
  }

  .business-tile h3{
    font-size:16px;
  }

  .business-tile p{
    font-size:12px;
    margin-top:6px;
  }

  /* Mobile popup */
  .ollo-popup{
    align-items:flex-start;
    padding:20px 14px;
  }

  .ollo-popup-card{
    max-width:100%;
    max-height:none;
    border-radius:24px;
    overflow:hidden;
  }

  .ollo-popup-scroll{
    display:block;
    max-height:none;
    overflow:visible;
  }

  .ollo-popup-image-side{
    height:220px;
    overflow:visible;
    position:relative;
  }

  .ollo-popup-image-side>img{
    height:220px;
    object-fit:cover;
  }

  .popup-logo-wrap{
    position:absolute;
    left:20px;
    bottom:-40px;
    top:auto;
    margin:0;
    padding:0;
    z-index:999;
    display:block;
  }

  .popup-logo{
    width:88px;
    height:88px;
  }

  .ollo-close{
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    font-size:22px;
  }

  .ollo-popup-content{
    padding:56px 20px 24px;
    max-height:none;
    overflow:visible;
  }

  .ollo-popup-content h2{
    font-size:26px;
  }

  .popup-rating-trigger{
    flex-wrap:wrap;
    gap:6px;
    font-size:13px;
  }

  .popup-desc{
    font-size:14px;
  }

  .popup-tags{
    gap:8px;
  }

  .popup-tags span{
    padding:8px 12px;
    font-size:11px;
  }

  .popup-info-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .popup-info-grid div{
    padding:14px;
    border-radius:14px;
    font-size:12px;
  }

  .popup-actions{
    flex-direction:column;
    gap:10px;
  }

  .popup-cta,
  .popup-secondary{
    width:100%;
    padding:14px 20px;
    font-size:14px;
    text-align:center;
  }

  .popup-map-section h3{
    font-size:16px;
  }

  #restaurantPopupMap{
    height:200px!important;
    border-radius:14px!important;
  }
}


/* ===== FOOD-CURATED : Pasted text (3)(9).txt ===== */

.ollo-explore-rows{
  width:100%;
  margin:0;
  padding:48px 36px;
  background:#001D37;
  border-radius:36px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-explore-rows *,
.ollo-explore-rows *::before,
.ollo-explore-rows *::after{
  box-sizing:border-box;
}

.ollo-row-head{
  margin-bottom:36px;
}

.ollo-row-head span{
  display:block;
  margin-bottom:8px;
  color:#FF4D00;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.ollo-row-head h2{
  margin:0;
  color:#FFFFFF;
  font-size:38px;
  font-weight:900;
  line-height:1.1;
}

.ollo-row-head p{
  margin:10px 0 0;
  max-width:780px;
  color:rgba(255,255,255,.7);
  font-size:16px;
  line-height:1.55;
}

.ollo-row,
.ollo-category-row{
  margin-top:36px;
}

.ollo-row-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:16px;
}

.ollo-row-title h3,
.ollo-category-row h3{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:#FFFFFF;
  font-size:24px;
  font-weight:900;
  line-height:1.2;
}

.ollo-row-fa{
  width:38px;
  height:38px;
  min-width:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:18px;
  line-height:1;
  flex-shrink:0;
}

.ollo-row-title a{
  color:#FF4D00;
  font-size:15px;
  font-weight:900;
  text-decoration:none !important;
  transition:.25s ease;
  white-space:nowrap;
  flex-shrink:0;
}

.ollo-row-title a:hover{
  transform:translateX(3px);
}

.ollo-card-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.ollo-mini-card{
  overflow:hidden;
  border-radius:28px;
  background:#FFFFFF;
  border:1.5px solid transparent;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  transition:.35s ease;
  cursor:pointer;
}

.ollo-mini-card:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.22),0 10px 20px rgba(0,0,0,.15);
}

.ollo-mini-card > img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}

.ollo-mini-card:hover > img{
  transform:scale(1.04);
}

.ollo-mini-card div{
  padding:18px;
}

.ollo-mini-card span{
  display:flex;
  align-items:center;
  gap:7px;
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  margin-bottom:8px;
}

.ollo-label-fa{
  color:#FF4D00;
  font-size:15px;
  width:20px;
  text-align:center;
  flex-shrink:0;
}

.ollo-mini-card h4{
  margin:0;
  color:#001D37;
  font-size:20px;
  font-weight:900;
  line-height:1.2;
}

.ollo-mini-card p{
  margin:8px 0 0;
  color:#415565;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
}

.ollo-mini-card p i{
  color:#FF4D00;
}

.ollo-category-row{
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.1);
}

.ollo-category-strip{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding:18px 2px 4px;
}

.ollo-category-strip button{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  border:1.5px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#FFFFFF;
  padding:14px 18px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-category-strip button i{
  color:#FF4D00;
  font-size:16px;
  width:22px;
  text-align:center;
  flex-shrink:0;
  transition:.25s ease;
}

.ollo-category-strip button:hover{
  background:#FF4D00;
  color:#FFFFFF;
  border-color:#FF4D00;
  transform:translateY(-2px);
  box-shadow:0 0 12px rgba(255,77,0,.22);
}

.ollo-category-strip button:hover i{
  color:#FFFFFF;
}

/* ===== POPUP ===== */
.ollo-fd-popup{
  position:fixed;
  inset:0;
  background:rgba(0,29,55,.72);
  backdrop-filter:blur(8px);
  display:none;
  align-items:center;
  justify-content:center;
  overflow-y:auto;
  padding:32px 18px;
  z-index:99999;
}

.ollo-fd-popup.active{
  display:flex;
}

.ollo-fd-popup-card{
  width:100%;
  max-width:1400px;
  max-height:78vh;
  background:#FFFFFF;
  border-radius:34px;
  position:relative;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  overflow:hidden;
}

.ollo-fd-popup-scroll{
  display:grid;
  grid-template-columns:48% 52%;
  max-height:78vh;
  overflow:hidden;
}

.ollo-fd-popup-image-side{
  position:relative;
  height:78vh;
  overflow:hidden;
}

.ollo-fd-popup-image-side>img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ollo-fd-popup-logo-wrap{
  position:absolute;
  left:34px;
  top:34px;
  z-index:100;
}

.ollo-fd-popup-logo{
  width:124px;
  height:124px;
  object-fit:contain;
  background:transparent;
  border-radius:0;
  padding:0;
  box-shadow:none;
  border:none;
}

.ollo-fd-popup-content{
  padding:46px 48px 34px;
  overflow-y:auto;
  max-height:78vh;
  scrollbar-width:thin;
  scrollbar-color:transparent transparent;
  scrollbar-gutter:stable;
}

.ollo-fd-popup-content.is-scrolling{
  scrollbar-color:#FF4D00 transparent;
}

.ollo-fd-popup-content::-webkit-scrollbar{
  width:6px;
}

.ollo-fd-popup-content::-webkit-scrollbar-track{
  background:transparent;
}

.ollo-fd-popup-content::-webkit-scrollbar-thumb{
  background:transparent;
  border-radius:999px;
}

.ollo-fd-popup-content.is-scrolling::-webkit-scrollbar-thumb{
  background:#FF4D00;
}

.ollo-fd-close{
  position:absolute;
  top:20px;
  right:20px;
  width:44px;
  height:44px;
  padding:0!important;
  border:none;
  border-radius:50%;
  background:#FFFFFF;
  color:#001D37;
  font-size:26px;
  cursor:pointer;
  z-index:1000;
  box-shadow:0 8px 22px rgba(0,29,55,.16);
  transition:.3s ease;
}

.ollo-fd-close:hover{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-fd-popup-content>span{
  display:inline-flex;
  color:#FF4D00;
  font-weight:900;
  font-size:14px;
  margin-bottom:10px;
}

.ollo-fd-popup-content h2{
  margin:0 0 12px;
  color:#001D37;
  font-size:44px;
  line-height:1.05;
  font-weight:900;
}

.ollo-fd-desc{
  color:#415565;
  font-size:15px;
  line-height:1.65;
}

.ollo-fd-rating-trigger,
.ollo-fd-rating-trigger:hover,
.ollo-fd-rating-trigger:focus,
.ollo-fd-rating-trigger:active{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:4px 0 20px;
  padding:0!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  color:#415565!important;
  appearance:none;
}

.ollo-fd-stars{
  color:#FF4D00;
  letter-spacing:1px;
}

.ollo-fd-rating-trigger strong{
  color:#001D37;
}

.ollo-fd-reviews-panel{
  display:none;
  margin:0 0 24px;
  padding:18px;
  border-radius:18px;
  background:#F3F6F8;
}

.ollo-fd-reviews-panel.active{
  display:grid;
  gap:14px;
}

.ollo-fd-review{
  padding-bottom:14px;
  border-bottom:1px solid rgba(0,29,55,.08);
}

.ollo-fd-review:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.ollo-fd-review strong{
  display:block;
  color:#001D37;
  font-weight:900;
  margin-bottom:4px;
}

.ollo-fd-review span{
  display:block;
  color:#FF4D00;
  margin-bottom:6px;
}

.ollo-fd-review p{
  margin:0;
  color:#415565;
  line-height:1.6;
  font-size:13px;
}

.ollo-fd-more-reviews{
  display:none;
}

.ollo-fd-more-reviews.active{
  display:block;
}

.ollo-fd-show-more{
  justify-self:start;
  border:none!important;
  background:#FFFFFF!important;
  color:#FF4D00!important;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  padding:10px 14px;
  border-radius:999px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-fd-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0;
}

.ollo-fd-tags span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#F3F6F8;
  color:#001D37;
  font-size:12px;
  font-weight:900;
}

.ollo-fd-tags span i{
  color:#FF4D00;
  font-size:14px;
}

.ollo-fd-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:24px 0;
}

.ollo-fd-info-grid div{
  background:#F3F6F8;
  border-radius:18px;
  padding:16px;
  color:#001D37;
  font-size:13px;
  line-height:1.5;
}

.ollo-fd-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.ollo-fd-cta,
.ollo-fd-secondary{
  border:none;
  border-radius:999px;
  padding:15px 26px;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  transition:.3s ease;
}

.ollo-fd-cta{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-fd-cta:hover{
  transform:translateY(-2px);
}

.ollo-fd-secondary{
  background:#F3F6F8;
  color:#001D37;
}

.ollo-fd-secondary:hover{
  background:#001D37;
  color:#FFFFFF;
}

.ollo-fd-map-section{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(0,29,55,.08);
}

.ollo-fd-map-section h3{
  margin:0 0 12px;
  color:#001D37;
  font-size:18px;
  font-weight:900;
}

.ollo-fd-address{
  display:flex;
  align-items:center;
  gap:10px;
  color:#415565;
  font-size:14px;
  font-weight:700;
  margin-bottom:12px;
}

.ollo-fd-address i{
  color:#FF4D00;
  font-size:18px;
}

#olloFdPopupMap{
  width:100%!important;
  max-width:100%!important;
  height:250px!important;
  border:0!important;
  border-radius:18px!important;
  margin-top:12px!important;
  display:block!important;
}

.ollo-fd-demo-msg{
  display:none;
  margin-top:16px;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.10);
  color:#001D37;
  font-size:13px;
  font-weight:900;
}

.ollo-fd-demo-msg.active{
  display:block;
}

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-card-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ollo-fd-info-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-explore-rows{
    padding:32px 20px;
    border-radius:28px;
    overflow:hidden;
  }

  .ollo-row-head{
    margin-bottom:24px;
  }

  .ollo-row-head h2{
    font-size:28px;
  }

  .ollo-row-head p{
    font-size:14px;
  }

  .ollo-row{
    margin-top:28px;
  }

  .ollo-row-title{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
  }

  .ollo-row-title h3{
    font-size:18px;
    gap:10px;
    min-width:0;
  }

  .ollo-row-fa{
    width:32px;
    height:32px;
    min-width:32px;
    border-radius:10px;
    font-size:15px;
  }

  .ollo-row-title a{
    font-size:13px;
    align-self:center;
    padding:8px 14px;
    border:1.5px solid #FF4D00;
    border-radius:999px;
    text-align:center;
    line-height:1;
  }

  .ollo-category-row h3{
    font-size:18px;
    gap:10px;
  }

  .ollo-card-strip{
    display:flex;
    overflow-x:auto;
    gap:14px;
    padding:4px 2px 12px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .ollo-card-strip::-webkit-scrollbar,
  .ollo-category-strip::-webkit-scrollbar{
    height:6px;
  }

  .ollo-card-strip::-webkit-scrollbar-track,
  .ollo-category-strip::-webkit-scrollbar-track{
    background:rgba(255,255,255,.08);
    border-radius:999px;
  }

  .ollo-card-strip::-webkit-scrollbar-thumb,
  .ollo-category-strip::-webkit-scrollbar-thumb{
    background:#FF4D00;
    border-radius:999px;
  }

  .ollo-mini-card{
    flex:0 0 78%;
    scroll-snap-align:start;
  }

  .ollo-mini-card > img{
    height:150px;
  }

  .ollo-mini-card div{
    padding:16px;
  }

  .ollo-mini-card h4{
    font-size:18px;
  }

  .ollo-mini-card p{
    font-size:13px;
  }

  .ollo-category-strip{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:12px;
  }

  .ollo-category-strip button{
    padding:12px 16px;
    font-size:13px;
  }

  /* Mobile popup */
  .ollo-fd-popup{
    align-items:flex-start;
    padding:20px 14px;
  }

  .ollo-fd-popup-card{
    max-width:100%;
    max-height:none;
    border-radius:24px;
  }

  .ollo-fd-popup-scroll{
    display:block;
    max-height:none;
    overflow:visible;
  }

  .ollo-fd-popup-image-side{
    height:220px;
    overflow:visible;
    position:relative;
  }

  .ollo-fd-popup-image-side>img{
    height:220px;
    object-fit:cover;
  }

  .ollo-fd-popup-logo-wrap{
    position:absolute;
    left:20px;
    bottom:-40px;
    top:auto;
    z-index:999;
  }

  .ollo-fd-popup-logo{
    width:88px;
    height:88px;
  }

  .ollo-fd-close{
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    font-size:22px;
  }

  .ollo-fd-popup-content{
    padding:56px 20px 24px;
    max-height:none;
    overflow:visible;
  }

  .ollo-fd-popup-content h2{
    font-size:26px;
  }

  .ollo-fd-rating-trigger{
    flex-wrap:wrap;
    gap:6px;
    font-size:13px;
  }

  .ollo-fd-desc{
    font-size:14px;
  }

  .ollo-fd-tags{
    gap:8px;
  }

  .ollo-fd-tags span{
    padding:8px 12px;
    font-size:11px;
  }

  .ollo-fd-info-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .ollo-fd-info-grid div{
    padding:14px;
    border-radius:14px;
    font-size:12px;
  }

  .ollo-fd-actions{
    flex-direction:column;
    gap:10px;
  }

  .ollo-fd-cta,
  .ollo-fd-secondary{
    width:100%;
    padding:14px 20px;
    font-size:14px;
    text-align:center;
  }

  .ollo-fd-map-section h3{
    font-size:16px;
  }

  #olloFdPopupMap{
    height:200px!important;
    border-radius:14px!important;
  }
}


/* ===== FOOD-CATEGORY : Pasted text(20260830-004125).txt ===== */

.ollo-edc-shell{
  width:100%;
  padding:30px 20px;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-edc-shell *,
.ollo-edc-shell *::before,
.ollo-edc-shell *::after{
  box-sizing:border-box;
}

/* ===== HERO ===== */
.ollo-edc-hero{
  position:relative;
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:56px 48px;
  overflow:hidden;
}

.ollo-edc-hero-watermark{
  position:absolute;
  inset:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:55px;
  padding:40px;
  opacity:.035;
  pointer-events:none;
}

.ollo-edc-hero-watermark i{
  font-size:42px;
  color:#FFFFFF;
  animation:edcFloat 8s ease-in-out infinite;
}

.ollo-edc-hero-watermark i:nth-child(2n){ animation-delay:-2s; }
.ollo-edc-hero-watermark i:nth-child(3n){ animation-delay:-4s; }
.ollo-edc-hero-watermark i:nth-child(5n){ animation-delay:-6s; }

@keyframes edcFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-9px); }
}

.ollo-edc-hero-content{
  position:relative;
  z-index:2;
  max-width:600px;
}

.ollo-edc-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,77,0,.15);
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:18px;
}

.ollo-edc-pill i{ font-size:12px; }

.ollo-edc-hero-content h1{
  margin:0 0 14px;
  color:#FFFFFF;
  font-size:44px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.04em;
}

.ollo-edc-hero-content > p{
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:16px;
  line-height:1.6;
  font-weight:600;
}

.ollo-edc-hero-stats{
  display:flex;
  gap:28px;
  margin-top:26px;
}

.ollo-edc-stat strong{
  display:block;
  color:#FF4D00;
  font-size:24px;
  font-weight:900;
}

.ollo-edc-stat span{
  color:rgba(255,255,255,.5);
  font-size:11px;
  font-weight:700;
  margin-top:2px;
  display:block;
}

.ollo-edc-hero-search{
  display:flex;
  align-items:center;
  background:#FFFFFF;
  border-radius:999px;
  padding:5px 5px 5px 18px;
  margin-top:26px;
  max-width:460px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.ollo-edc-hero-search > i{
  color:#6b7a8a;
  font-size:15px;
  margin-right:10px;
  flex-shrink:0;
}

.ollo-edc-hero-search input{
  flex:1;
  border:none;
  outline:none;
  font-size:14px;
  font-weight:700;
  color:#001D37;
  font-family:Poppins,Arial,sans-serif;
  background:transparent;
  min-width:0;
}

.ollo-edc-hero-search input::placeholder{
  color:#a0adb8;
  font-weight:600;
}

.ollo-edc-hero-search button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:11px 22px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
  flex-shrink:0;
}

.ollo-edc-hero-search button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(255,77,0,.3);
}

/* ===== CAT NAV ===== */
.ollo-edc-catnav{
  padding:18px 0;
  border-bottom:1px solid rgba(0,29,55,.06);
}

.ollo-edc-catnav-scroll{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:4px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-edc-catnav-scroll::-webkit-scrollbar{ display:none; }

.ollo-edc-cat-link{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:9px 16px;
  background:#FFFFFF;
  color:#001D37;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:7px;
  transition:.25s ease;
}

.ollo-edc-cat-link i{ font-size:12px; color:#FF4D00; }

.ollo-edc-cat-link:hover{
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-edc-cat-link.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-edc-cat-link.active i{ color:#FFFFFF; }

/* ===== SECTIONS ===== */
.ollo-edc-section{
  margin-top:36px;
}

.ollo-edc-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}

.ollo-edc-section-head span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  display:block;
}

.ollo-edc-section-head h2{
  margin:6px 0 0;
  color:#001D37;
  font-size:26px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-edc-results-count{
  color:#6b7a8a;
  font-size:13px;
  font-weight:700;
}

.ollo-edc-results-count strong{ color:#001D37; }

/* ===== POPULAR GRID ===== */
.ollo-edc-popular-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.ollo-edc-popular-card{
  border-radius:26px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 12px 30px rgba(0,29,55,.05);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-edc-popular-card:hover{
  transform:translateY(-5px);
  border-color:#FF4D00;
  box-shadow:0 0 14px rgba(255,77,0,.12), 0 18px 40px rgba(0,29,55,.10);
}

.ollo-edc-popular-img{
  position:relative;
  height:200px;
  overflow:hidden;
}

.ollo-edc-popular-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s ease;
}

.ollo-edc-popular-card:hover .ollo-edc-popular-img img{
  transform:scale(1.05);
}

.ollo-edc-popular-badge{
  position:absolute;
  top:12px;
  left:12px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(0,29,55,.8);
  color:#FFFFFF;
  font-size:10px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:4px;
  backdrop-filter:blur(4px);
}

.ollo-edc-popular-badge i{ font-size:9px; color:#FF4D00; }

.ollo-edc-popular-rating{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border-radius:10px;
  background:rgba(255,77,0,.9);
  color:#FFFFFF;
  font-size:13px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-edc-popular-body{
  padding:20px;
}

.ollo-edc-popular-body h3{
  margin:0 0 5px;
  color:#001D37;
  font-size:18px;
  font-weight:900;
  line-height:1.2;
}

.ollo-edc-popular-loc{
  margin:0 0 10px;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:5px;
}

.ollo-edc-popular-loc i{ color:#FF4D00; font-size:11px; }

.ollo-edc-popular-desc{
  margin:0 0 12px;
  color:#415565;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ollo-edc-popular-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.ollo-edc-popular-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

.ollo-edc-popular-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:12px;
  border-top:1px solid rgba(0,29,55,.06);
}

.ollo-edc-popular-footer span{
  color:#6b7a8a;
  font-size:11px;
  font-weight:700;
}

.ollo-edc-popular-footer button{
  border:none;
  border-radius:999px;
  background:#FF4D00;
  color:#FFFFFF;
  padding:8px 16px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-edc-popular-footer button:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(255,77,0,.25);
}

/* ===== WHY LOCALS ===== */
.ollo-edc-why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.ollo-edc-why-card{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
  transition:.3s ease;
}

.ollo-edc-why-card:hover{
  transform:translateY(-3px);
  border-color:#FF4D00;
  box-shadow:0 0 10px rgba(255,77,0,.08), 0 12px 28px rgba(0,29,55,.08);
}

.ollo-edc-why-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}

.ollo-edc-why-card h3{
  margin:0 0 8px;
  color:#001D37;
  font-size:14px;
  font-weight:900;
}

.ollo-edc-why-card p{
  margin:0;
  color:#6b7a8a;
  font-size:12px;
  line-height:1.5;
  font-weight:600;
}

/* ===== TRENDING ===== */
.ollo-edc-trending-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.ollo-edc-trending-card{
  border-radius:22px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 8px 20px rgba(0,29,55,.04);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-edc-trending-card:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.10), 0 14px 32px rgba(0,29,55,.08);
}

.ollo-edc-trending-img{
  height:140px;
  overflow:hidden;
}

.ollo-edc-trending-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s ease;
}

.ollo-edc-trending-card:hover .ollo-edc-trending-img img{
  transform:scale(1.06);
}

.ollo-edc-trending-body{
  padding:16px;
  position:relative;
}

.ollo-edc-trending-rank{
  position:absolute;
  top:-14px;
  left:14px;
  width:28px;
  height:28px;
  border-radius:8px;
  background:#FF4D00;
  color:#FFFFFF;
  font-size:11px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-edc-trending-body h3{
  margin:8px 0 4px;
  color:#001D37;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
}

.ollo-edc-trending-body > p{
  margin:0;
  color:#6b7a8a;
  font-size:11px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:4px;
}

.ollo-edc-trending-body > p i{ color:#FF4D00; font-size:10px; }

.ollo-edc-trending-stat{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:8px;
  color:#FF4D00;
  font-size:11px;
  font-weight:800;
}

.ollo-edc-trending-stat i{ font-size:10px; }

/* ===== CONTROLS ===== */
.ollo-edc-controls{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.ollo-edc-control-group{
  display:flex;
  align-items:center;
  gap:6px;
}

.ollo-edc-control-group label{
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.ollo-edc-control-group select{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  font-weight:800;
  color:#001D37;
  background:#FFFFFF;
  font-family:Poppins,Arial,sans-serif;
  cursor:pointer;
  outline:none;
}

.ollo-edc-control-group select:focus{ border-color:#FF4D00; }

.ollo-edc-pill-filters{
  display:flex;
  gap:6px;
  flex:1;
  overflow-x:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.ollo-edc-pill-filters::-webkit-scrollbar{ display:none; }

.ollo-edc-pill-btn{
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:999px;
  padding:7px 14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  font-family:Poppins,Arial,sans-serif;
  white-space:nowrap;
  transition:.25s ease;
}

.ollo-edc-pill-btn:hover{ border-color:#FF4D00; color:#FF4D00; }

.ollo-edc-pill-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

/* ===== LISTINGS GRID ===== */
.ollo-edc-listings-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.ollo-edc-listing-card{
  border-radius:24px;
  border:1px solid rgba(0,29,55,.08);
  background:#FFFFFF;
  box-shadow:0 10px 26px rgba(0,29,55,.04);
  overflow:hidden;
  transition:.35s ease;
  cursor:pointer;
}

.ollo-edc-listing-card:hover{
  transform:translateY(-4px);
  border-color:#FF4D00;
  box-shadow:0 0 12px rgba(255,77,0,.10), 0 16px 36px rgba(0,29,55,.08);
}

.ollo-edc-listing-img{
  position:relative;
  height:180px;
  overflow:hidden;
}

.ollo-edc-listing-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s ease;
}

.ollo-edc-listing-card:hover .ollo-edc-listing-img img{
  transform:scale(1.05);
}

.ollo-edc-listing-rating{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,77,0,.9);
  color:#FFFFFF;
  font-size:12px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ollo-edc-listing-save{
  position:absolute;
  top:12px;
  left:12px;
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#001D37;
  font-size:13px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  backdrop-filter:blur(4px);
}

.ollo-edc-listing-save:hover{
  background:#FF4D00;
  color:#FFFFFF;
  transform:scale(1.1);
}

.ollo-edc-listing-body{
  padding:18px;
}

.ollo-edc-listing-body h3{
  margin:0 0 6px;
  color:#001D37;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
}

.ollo-edc-listing-meta{
  margin:0 0 10px;
  color:#6b7a8a;
  font-size:12px;
  font-weight:700;
}

.ollo-edc-listing-meta i{
  color:#FF4D00;
  font-size:10px;
  margin-right:3px;
}

.ollo-edc-listing-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}

.ollo-edc-listing-tags span{
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,77,0,.08);
  color:#FF4D00;
  font-size:10px;
  font-weight:800;
}

/* ===== PAGINATION ===== */
.ollo-edc-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:28px;
}

.ollo-edc-page-btn{
  width:40px;
  height:40px;
  border:1.5px solid rgba(0,29,55,.10);
  border-radius:14px;
  background:#FFFFFF;
  color:#001D37;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-edc-page-btn:hover:not(:disabled):not(.active){
  border-color:#FF4D00;
  color:#FF4D00;
}

.ollo-edc-page-btn.active{
  background:#FF4D00;
  border-color:#FF4D00;
  color:#FFFFFF;
}

.ollo-edc-page-btn:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* ===== CTA ===== */
.ollo-edc-cta{
  background:linear-gradient(160deg,#001D37 0%,#02243D 100%);
  border-radius:36px;
  padding:48px 40px;
  text-align:center;
  margin-top:40px;
}

.ollo-edc-cta-content{
  max-width:500px;
  margin:0 auto;
}

.ollo-edc-cta-content > span{
  color:#FF4D00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.ollo-edc-cta h2{
  margin:12px 0 12px;
  color:#FFFFFF;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
}

.ollo-edc-cta p{
  margin:0;
  color:rgba(255,255,255,.6);
  font-size:14px;
  line-height:1.6;
  font-weight:600;
}

.ollo-edc-cta-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:24px;
}

.ollo-edc-cta-actions button{
  border:none;
  border-radius:999px;
  padding:14px 24px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.3s ease;
  font-family:Poppins,Arial,sans-serif;
}

.ollo-edc-cta-actions button:first-child{
  background:#FF4D00;
  color:#FFFFFF;
}

.ollo-edc-cta-actions button:first-child:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(255,77,0,.35);
}

.ollo-edc-cta-actions button:last-child{
  background:rgba(255,255,255,.08);
  color:#FFFFFF;
  border:1.5px solid rgba(255,255,255,.2);
}

.ollo-edc-cta-actions button:last-child:hover{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.4);
  transform:translateY(-3px);
}

/* ===== DEMO MSG ===== */
.ollo-edc-demo-msg{
  display:none;
  border-radius:14px;
  padding:13px 15px;
  background:rgba(255,77,0,.12);
  color:#001D37;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}

.ollo-edc-demo-msg.active{ display:block; }

/* ===== TABLET ===== */
@media(max-width:1024px){
  .ollo-edc-popular-grid{ grid-template-columns:1fr; }
  .ollo-edc-why-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-edc-trending-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-edc-listings-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ===== MOBILE ===== */
@media(max-width:767px){
  .ollo-edc-shell{ padding:18px 10px; }

  .ollo-edc-hero{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-edc-hero-content h1{ font-size:32px; }
  .ollo-edc-hero-stats{ flex-wrap:wrap; gap:14px; }
  .ollo-edc-hero-search{ max-width:100%; }

  .ollo-edc-controls{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .ollo-edc-why-grid{ grid-template-columns:1fr; }
  .ollo-edc-trending-grid{ grid-template-columns:repeat(2,1fr); }
  .ollo-edc-listings-grid{ grid-template-columns:1fr; }

  .ollo-edc-popular-img{ height:180px; }
  .ollo-edc-listing-img{ height:160px; }
  .ollo-edc-trending-img{ height:110px; }

  .ollo-edc-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .ollo-edc-section-head h2{ font-size:22px; }

  .ollo-edc-cta{
    padding:32px 20px;
    border-radius:28px;
  }

  .ollo-edc-cta h2{ font-size:22px; }

  .ollo-edc-cta-actions{
    flex-direction:column;
  }

  .ollo-edc-cta-actions button{ width:100%; }
}

/* ===== SMALL MOBILE ===== */
@media(max-width:430px){
  .ollo-edc-hero-content h1{ font-size:26px; }
  .ollo-edc-trending-grid{ grid-template-columns:1fr; }
}

/* ===== BUSINESS DASHBOARD HERO : user-approved inline template ===== */
.ollo-business-hero-widget,.ollo-business-hero-widget *{box-sizing:border-box;}
.ollo-business-hero-widget{width:100%;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:34px;border-radius:30px;background:#001d37;color:#fff;font-family:Poppins,Arial,sans-serif;}
.ollo-business-hero-widget span{display:block;margin-bottom:8px;color:#ff4d00;font-size:13px;font-weight:900;text-transform:uppercase;}
.ollo-business-hero-widget h1{margin:0;max-width:760px;font-size:clamp(36px,4vw,64px);line-height:.98;letter-spacing:-.055em;font-weight:900;}
.ollo-business-hero-widget p{max-width:720px;margin:16px 0 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.6;font-weight:600;}
.ollo-business-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:999px;background:#ff4d00;color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:900;flex:0 0 auto;}
@media(max-width:1024px){.ollo-business-hero-widget{flex-direction:column;align-items:flex-start;}}
@media(max-width:767px){.ollo-business-hero-widget{padding:28px 22px;border-radius:26px;}.ollo-business-primary-btn{width:100%;}}

/* ===== NOTIFICATIONS / ACTIVITY : user-approved inline template ===== */
.ollo-notif-shell{font-family:'Poppins',sans-serif;color:#001D37;width:100%;padding:30px 20px;max-width:700px;margin:0 auto;}
.ollo-notif-shell *{box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent!important;}
.ollo-notif-header{margin-bottom:28px;}.ollo-notif-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.ollo-notif-header h1{font-size:26px;font-weight:900;margin:0;display:flex;align-items:center;gap:10px;}.ollo-notif-header h1 i{color:#FF4D00;font-size:22px;}
.ollo-notif-mark-all{background:none;border:none;color:#FF4D00;font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;padding:6px 12px;border-radius:999px;transition:all .2s;}.ollo-notif-mark-all:hover{background:rgba(255,77,0,.06);}
.ollo-notif-tabs{display:flex;gap:6px;flex-wrap:wrap;}.ollo-notif-tab{padding:7px 14px;border-radius:999px;background:#F3F6F8;border:1px solid rgba(0,29,55,.06);font-size:12px;font-weight:700;font-family:inherit;color:#6b7a8a;cursor:pointer;transition:all .2s;text-decoration:none;}.ollo-notif-tab:hover{border-color:#FF4D00;color:#FF4D00;}.ollo-notif-tab.active{background:#001D37;color:#FFF;border-color:#001D37;}
.ollo-notif-empty{text-align:center;padding:80px 20px;}.ollo-notif-empty-icon{width:72px;height:72px;border-radius:50%;background:rgba(0,29,55,.04);color:#94A3B8;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}.ollo-notif-empty h2{font-size:20px;font-weight:900;margin:0 0 10px;}.ollo-notif-empty p{font-size:14px;color:#6b7a8a;font-weight:600;line-height:1.6;margin:0 0 24px;max-width:380px;margin-left:auto;margin-right:auto;}.ollo-notif-empty-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:#FF4D00;color:#FFF;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;}.ollo-notif-empty-btn:hover{background:#E04400;transform:translateY(-2px);}
.ollo-notif-list{display:flex;flex-direction:column;gap:2px;}.ollo-notif-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;transition:all .2s;cursor:pointer;text-decoration:none;color:inherit;}.ollo-notif-item:hover{background:#F8FAFC;}.ollo-notif-item.unread,.ollo-notif-item.is-unread{background:#FFF8F5;}.ollo-notif-item-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}.ollo-notif-item-icon.review{background:rgba(245,158,11,.1);color:#F59E0B;}.ollo-notif-item-icon.event{background:rgba(59,130,246,.1);color:#3B82F6;}.ollo-notif-item-icon.job{background:rgba(34,197,94,.1);color:#22C55E;}.ollo-notif-item-icon.community{background:rgba(168,85,247,.1);color:#A855F7;}.ollo-notif-item-icon.sports{background:rgba(14,165,233,.1);color:#0EA5E9;}.ollo-notif-item-icon.billing{background:rgba(99,102,241,.1);color:#6366F1;}.ollo-notif-item-content{flex:1;}.ollo-notif-item-content p{margin:0;font-size:13px;font-weight:600;color:#001D37;line-height:1.4;}.ollo-notif-item-time{font-size:11px;color:#94A3B8;font-weight:700;}.ollo-notif-item-dot{width:8px;height:8px;border-radius:50%;background:#FF4D00;flex-shrink:0;}
@media(max-width:767px){.ollo-notif-header h1{font-size:22px;}.ollo-notif-header-top{flex-direction:column;align-items:flex-start;gap:10px;}}

/* ===== NEW BUSINESSES : user-approved inline template ===== */
.ollo-new-hero{width:100%;height:850px;position:relative;overflow:hidden;border-radius:34px;background:#001D37;font-family:Poppins,Arial,sans-serif;}
.ollo-new-hero *,.ollo-new-hero *::before,.ollo-new-hero *::after{box-sizing:border-box;}.ollo-new-hero-img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;}.ollo-new-content{position:absolute;top:0;left:0;width:40%;height:100%;padding:70px 48px;display:flex;flex-direction:column;justify-content:center;z-index:3;}.ollo-new-label{display:inline-block;margin-bottom:18px;color:#FF4D00;font-size:14px;font-weight:900;letter-spacing:.12em;}.ollo-new-content h1{margin:0;color:#FFFFFF;font-size:58px;line-height:1.02;font-weight:900;}.ollo-new-content p{margin:24px 0 32px;color:#FFFFFF;font-size:19px;line-height:1.55;opacity:.95;max-width:470px;}.ollo-new-benefits{display:flex;flex-direction:column;gap:11px;}.ollo-new-benefits div{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:15px;font-weight:800;}.ollo-new-benefits i{width:34px;height:34px;border-radius:50%;background:rgba(255,77,0,.18);color:#FF4D00;display:flex;align-items:center;justify-content:center;font-size:14px;}.ollo-new-business-panel{position:absolute;right:8%;top:26%;width:42%;height:48%;z-index:4;}.ollo-new-business{position:absolute;inset:0;display:grid;grid-template-columns:42% 58%;overflow:hidden;border-radius:34px;background:#FFFFFF;box-shadow:0 28px 70px rgba(0,0,0,.32);opacity:0;transform:translateY(18px) scale(.98);transition:opacity .8s ease,transform .8s ease;pointer-events:none;}.ollo-new-business.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}.ollo-new-business img{width:100%;height:100%;object-fit:cover;display:block;}.ollo-new-business div{padding:34px;display:flex;flex-direction:column;justify-content:center;}.ollo-new-business span{display:flex;align-items:center;gap:8px;color:#FF4D00;font-size:13px;font-weight:900;margin-bottom:12px;}.ollo-new-business h3{margin:0;color:#001D37;font-size:32px;line-height:1.08;font-weight:900;}.ollo-new-business p{margin:16px 0 22px;color:#415565;font-size:15px;line-height:1.45;font-weight:700;}.ollo-new-business a{width:max-content;display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:#FF4D00;color:#FFFFFF;font-size:14px;font-weight:900;text-decoration:none!important;transition:.3s ease;}.ollo-new-business a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,77,0,.30);}
@media(max-width:1200px){.ollo-new-content{width:48%;}.ollo-new-content h1{font-size:48px;}.ollo-new-content p{font-size:17px;}.ollo-new-business-panel{right:5%;width:44%;height:44%;}.ollo-new-business{grid-template-columns:1fr;}.ollo-new-business img{height:150px;}.ollo-new-business div{padding:24px;}.ollo-new-business h3{font-size:26px;}}
@media(max-width:767px){.ollo-new-hero{height:auto;min-height:0;display:flex;flex-direction:column;border-radius:28px;padding:0 0 28px;}.ollo-new-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,29,55,.28) 0%,rgba(0,29,55,.72) 45%,rgba(0,29,55,.96) 100%);z-index:1;pointer-events:none;}.ollo-new-hero-img{position:absolute;inset:0;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center bottom;}.ollo-new-content{position:relative;order:1;width:100%;height:auto;padding:38px 24px 24px;justify-content:flex-start;z-index:3;}.ollo-new-label{font-size:12px;margin-bottom:16px;}.ollo-new-content h1{font-size:40px;line-height:1.02;}.ollo-new-content p{font-size:15px;line-height:1.5;margin:18px 0 24px;max-width:100%;}.ollo-new-benefits{gap:10px;}.ollo-new-benefits div{font-size:14px;}.ollo-new-business-panel{position:relative;order:2;right:auto;top:auto;width:calc(100% - 48px);height:420px;margin:10px 24px 0;z-index:4;}.ollo-new-business{grid-template-columns:1fr;border-radius:28px;}.ollo-new-business img{width:100%;height:185px;object-fit:cover;}.ollo-new-business div{padding:22px;justify-content:flex-start;}.ollo-new-business span{font-size:12px;margin-bottom:10px;}.ollo-new-business h3{font-size:25px;}.ollo-new-business p{font-size:14px;margin:12px 0 18px;}.ollo-new-business a{min-height:42px;padding:0 18px;font-size:13px;}}
@media(max-width:430px){.ollo-new-content{padding:34px 20px 22px;}.ollo-new-content h1{font-size:36px;}.ollo-new-content p{font-size:14px;}.ollo-new-business-panel{width:calc(100% - 40px);height:410px;margin:8px 20px 0;}.ollo-new-business img{height:170px;}.ollo-new-business div{padding:20px;}.ollo-new-business h3{font-size:23px;}.ollo-new-business p{font-size:13px;}}

/* RC18 dynamic fidelity helpers; these extend rather than replace approved source styles. */
.askollo-rc18-admin-body{margin-top:24px}.askollo-rc18-dashboard-body{margin-top:24px}.askollo-rc18-live-form input,.askollo-rc18-live-form select{font-family:Poppins,Arial,sans-serif}.askollo-rc18-link-reset{color:inherit;text-decoration:none}.askollo-rc18-card-link{position:absolute;inset:0;z-index:2;text-indent:-9999px}.askollo-rc18-section-empty{padding:28px;border-radius:22px;background:#F3F6F8;color:#415565;font-weight:700}.askollo-rc18-count{font-variant-numeric:tabular-nums}

/* RC18 Explore Suburbs fidelity page */
.ollo-suburbs-shell,.ollo-suburbs-shell *{box-sizing:border-box}.ollo-suburbs-shell{width:100%;padding:30px 20px;font-family:Poppins,Arial,sans-serif;color:#001d37}.ollo-suburbs-hero{position:relative;overflow:hidden;border-radius:36px;background:linear-gradient(145deg,#001d37,#02243d);padding:64px 52px;margin-bottom:28px}.ollo-suburbs-hero:after{content:"";position:absolute;right:-80px;top:-100px;width:360px;height:360px;border-radius:50%;border:70px solid rgba(255,77,0,.08)}.ollo-suburbs-hero-content{position:relative;z-index:2;max-width:760px}.ollo-suburbs-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,77,0,.14);color:#ff4d00;font-size:12px;font-weight:900;letter-spacing:.06em}.ollo-suburbs-hero h1{margin:16px 0 14px;color:#fff;font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.045em;font-weight:900}.ollo-suburbs-hero p{margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.65;font-weight:600}.ollo-suburbs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ollo-suburbs-card{display:block;overflow:hidden;border-radius:30px;background:#fff;border:1px solid #e7eaf0;box-shadow:0 10px 28px rgba(0,29,55,.08);color:#001d37!important;text-decoration:none!important;transition:.3s ease}.ollo-suburbs-card:hover{transform:translateY(-5px);border-color:#ff4d00;box-shadow:0 0 14px rgba(255,77,0,.14),0 18px 42px rgba(0,29,55,.12)}.ollo-suburbs-card-media{position:relative;height:230px;overflow:hidden;background:#001d37}.ollo-suburbs-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s ease}.ollo-suburbs-card:hover .ollo-suburbs-card-media img{transform:scale(1.04)}.ollo-suburbs-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px;color:#ff4d00;background:linear-gradient(145deg,#001d37,#063354)}.ollo-suburbs-count{position:absolute;left:16px;bottom:16px;padding:7px 12px;border-radius:999px;background:rgba(0,29,55,.86);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(6px)}.ollo-suburbs-card-body{padding:22px}.ollo-suburbs-card-body>span{color:#ff4d00;font-size:11px;font-weight:900;letter-spacing:.08em}.ollo-suburbs-card-body h2{margin:6px 0 8px;font-size:25px;line-height:1.1;font-weight:900;letter-spacing:-.03em}.ollo-suburbs-card-body p{margin:0 0 18px;color:#647586;font-size:13px;line-height:1.6;font-weight:600}.ollo-suburbs-card-body strong{display:flex;align-items:center;gap:8px;color:#ff4d00;font-size:13px;font-weight:900}@media(max-width:1024px){.ollo-suburbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.ollo-suburbs-shell{padding:18px 10px}.ollo-suburbs-hero{padding:38px 24px;border-radius:28px}.ollo-suburbs-grid{grid-template-columns:1fr}.ollo-suburbs-card-media{height:200px}}

/* ===== RC18 dynamic-control compatibility =====
   These rules preserve the supplied visual treatment when a demo <button>
   has correctly become a live <a> route or form control. */
.filter-pills a{
  border:1px solid rgba(0,29,55,0.06);
  border-radius:999px;
  background:#FFFFFF;
  color:#001D37;
  font-size:12px;
  font-weight:800;
  padding:9px 13px;
  cursor:pointer;
  transition:.25s ease;
  display:flex;
  align-items:center;
  gap:7px;
  box-shadow:0 6px 14px rgba(0,29,55,0.05);
  font-family:Poppins,Arial,sans-serif;
  text-decoration:none!important;
}
.filter-pills a i{color:#FF4D00;font-size:14px;line-height:1;flex-shrink:0;transition:.25s ease}
.filter-pills a:hover,.filter-pills a.active{background:#FF4D00;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 0 12px rgba(255,77,0,0.22)}
.filter-pills a:hover i,.filter-pills a.active i{color:#FFFFFF}
.clear-btn{display:flex;align-items:center;justify-content:center;text-decoration:none!important}
.filter-group select{width:100%;border:1px solid rgba(0,29,55,.10);border-radius:30px;padding:14px 16px;font-size:14px;color:#001D37;outline:none;background:#FFFFFF;box-shadow:0 8px 18px rgba(0,29,55,.06);font-family:Poppins,Arial,sans-serif}

.ollo-category-strip .ollo-category-link{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#FFFFFF!important;padding:14px 18px;font-size:14px;font-weight:900;cursor:pointer;transition:.25s ease;font-family:Poppins,Arial,sans-serif;text-decoration:none!important
}
.ollo-category-strip .ollo-category-link i{color:#FF4D00;font-size:16px;width:22px;text-align:center;flex-shrink:0;transition:.25s ease}
.ollo-category-strip .ollo-category-link:hover{background:#FF4D00;color:#FFFFFF!important;border-color:#FF4D00;transform:translateY(-2px);box-shadow:0 0 12px rgba(255,77,0,.22)}
.ollo-category-strip .ollo-category-link:hover i{color:#FFFFFF}

.ollo-edc-pill-filters a.ollo-edc-pill-btn{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.ollo-edc-cta-actions a.ollo-edc-cta-link,
.ollo-sc-cta-actions a,
.ollo-ea-cta-actions a{
  border:none;border-radius:999px;padding:14px 24px;font-size:13px;font-weight:900;cursor:pointer;transition:.3s ease;font-family:Poppins,Arial,sans-serif;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center
}
.ollo-edc-cta-actions a.ollo-edc-cta-link:first-child,
.ollo-sc-cta-actions a:first-child,
.ollo-ea-cta-actions a:first-child{background:#FF4D00;color:#FFFFFF!important}
.ollo-edc-cta-actions a.ollo-edc-cta-link:first-child:hover,
.ollo-sc-cta-actions a:first-child:hover,
.ollo-ea-cta-actions a:first-child:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,77,0,.35)}
.ollo-edc-cta-actions a.ollo-edc-cta-link:last-child,
.ollo-sc-cta-actions a:last-child,
.ollo-ea-cta-actions a:last-child{background:rgba(255,255,255,.08);color:#FFFFFF!important;border:1.5px solid rgba(255,255,255,.2)}
.ollo-edc-cta-actions a.ollo-edc-cta-link:last-child:hover,
.ollo-sc-cta-actions a:last-child:hover,
.ollo-ea-cta-actions a:last-child:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);transform:translateY(-3px)}

.ollo-ja-featured-footer .ollo-ja-featured-cta{
  border:none;border-radius:999px;background:#FF4D00;color:#FFFFFF!important;padding:9px 18px;font-size:12px;font-weight:900;cursor:pointer;transition:.3s ease;font-family:Poppins,Arial,sans-serif;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center
}
.ollo-ja-featured-footer .ollo-ja-featured-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,77,0,.25)}

/* The supplied Job and Event details intentionally share some generic class
   names. Scope the Job variants so the later Event stylesheet cannot change
   the approved Job card treatment. */
.ollo-job-shell .ollo-detail-grid article,
.ollo-job-shell .ollo-mini-card,
.ollo-job-shell .ollo-list-block{
  border-radius:22px;padding:18px;background:rgba(255,255,255,.72);border:1px solid rgba(0,29,55,.08);box-shadow:none
}
.ollo-job-shell .ollo-mini-card{overflow:hidden;padding:0;cursor:pointer;transition:.35s ease}
.ollo-job-shell .ollo-mini-card:hover{transform:translateY(-4px);border-color:#FF4D00;box-shadow:0 0 12px rgba(255,77,0,.22),0 10px 20px rgba(0,29,55,.10)}
.ollo-job-shell .ollo-mini-card img{width:100%;height:135px;object-fit:cover;display:block;transition:transform .4s ease}
.ollo-job-shell .ollo-mini-card:hover img{transform:scale(1.04)}
.ollo-job-shell .ollo-mini-card div{padding:16px}
.ollo-job-shell .ollo-detail-grid article:hover{transform:none;border-color:rgba(0,29,55,.08);box-shadow:none}

/* Live links substituted for demo buttons in the exact detail layouts. */
.ollo-job-actions a,
.ollo-event-actions a,
.ollo-contact-actions a,
.sidebar-btn{
  border:none;border-radius:999px;background:#FF4D00;color:#fff!important;padding:12px 20px;font-size:13px;font-weight:900;cursor:pointer;transition:.3s ease;font-family:Poppins,Arial,sans-serif;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center
}
.ollo-job-actions a:hover,.ollo-event-actions a:hover,.ollo-contact-actions a:hover,.sidebar-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,77,0,.25)}
.ollo-contact-actions a:nth-child(2),.ollo-contact-actions a:nth-child(3){background:#F3F6F8;color:#001D37!important}
.ollo-contact-actions a:nth-child(2):hover,.ollo-contact-actions a:nth-child(3):hover{background:#001D37;color:#FFFFFF!important;box-shadow:0 8px 20px rgba(0,29,55,.15)}
.ollo-rc18-button-reset{text-decoration:none!important}

@media(max-width:767px){
  .ollo-edc-cta-actions a.ollo-edc-cta-link,.ollo-sc-cta-actions a,.ollo-ea-cta-actions a{width:100%}
}
.ollo-edc-cta-actions a.ollo-edc-cta-link:only-child,
.ollo-sc-cta-actions a:only-child,
.ollo-ea-cta-actions a:only-child{background:#FF4D00;color:#FFFFFF!important;border:none}
.ollo-cgd-cta a{border:none;border-radius:999px;background:#FF4D00;color:#FFFFFF!important;padding:14px 28px;font-size:13px;font-weight:900;cursor:pointer;transition:.3s ease;font-family:Poppins,Arial,sans-serif;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.ollo-cgd-cta a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,77,0,.35)}

/* =========================================================
   RC19 UNIFIED MAIN HUBS
   Directory design master applied to Directory, Jobs, Events,
   Community and Sports while preserving stream-specific data.
   ========================================================= */
.ollo-hub-combined{
  --ollo-hub-gap:72px;
  --ollo-hub-side-margin:clamp(120px,12vw,180px);
  width:calc(100% - (var(--ollo-hub-side-margin) * 2));
  max-width:none;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--ollo-hub-gap);
  font-family:Poppins,Arial,sans-serif;
  color:#001D37;
}
.ollo-hub-combined *,
.ollo-hub-combined *::before,
.ollo-hub-combined *::after{box-sizing:border-box}

.ollo-hub-hero{
  width:100%;height:850px;position:relative;overflow:hidden;border-radius:34px;
  background:linear-gradient(135deg,#001D37 0%,#02243D 60%,#001D37 100%);
  display:grid;grid-template-columns:44% 56%;align-items:stretch;
}
.ollo-hub-watermark{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.ollo-hub-watermark-grid{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(8,1fr);align-items:center;justify-items:center;transform:rotate(-12deg) scale(1.3);transform-origin:center}
.ollo-hub-watermark-grid i{font-size:48px;color:rgba(255,255,255,.04);animation:olloHubWmFloat 7.5s ease-in-out infinite}
.ollo-hub-watermark-grid i:nth-child(3n){animation-duration:8.5s}.ollo-hub-watermark-grid i:nth-child(5n){animation-delay:-2.4s}.ollo-hub-watermark-grid i:nth-child(7n){animation-duration:9.5s}
@keyframes olloHubWmFloat{0%,100%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-14px) rotate(-1deg);opacity:.86}}
.ollo-hub-left{position:relative;z-index:4;padding:60px 44px 60px 56px;display:flex;flex-direction:column;justify-content:center}
.ollo-hub-pill{width:max-content;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 20px;border-radius:999px;background:rgba(255,77,0,.12);border:1px solid rgba(255,77,0,.3);color:#FF4D00;font-size:12px;font-weight:900;letter-spacing:.06em;margin-bottom:26px}
.ollo-hub-left h1{margin:0;color:#FFF;font-size:72px;font-weight:900;line-height:1;letter-spacing:-.02em}
.ollo-hub-left>p{margin:22px 0 30px;max-width:440px;color:rgba(255,255,255,.75);font-size:18px;line-height:1.55}
.ollo-hub-search{width:100%;max-width:460px;height:62px;display:flex;align-items:center;gap:12px;padding:0 8px 0 22px;border-radius:999px;background:#FFF;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.ollo-hub-search>i{color:#001D37;font-size:18px;opacity:.7}.ollo-hub-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#001D37;font-size:14px;font-family:inherit}.ollo-hub-search input::placeholder{color:#6b7a8a;opacity:1}
.ollo-hub-search button{height:46px;min-width:100px;border:0;border-radius:999px;background:#FF4D00;color:#FFF;font-size:14px;font-weight:900;cursor:pointer;transition:.3s;font-family:inherit}.ollo-hub-search button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,77,0,.3)}
.ollo-hub-stats{display:flex;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.ollo-hub-stat{display:flex;flex-direction:column;gap:4px}.ollo-hub-stat strong{color:#FF4D00;font-size:26px;font-weight:900;line-height:1}.ollo-hub-stat span{color:rgba(255,255,255,.55);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ollo-hub-right{position:relative;z-index:3;overflow:hidden}.ollo-hub-mosaic-mask{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 92%,transparent 100%)}
.ollo-hub-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 6px;position:absolute;inset:0 0 auto}
.ollo-hub-mosaic-col{display:flex;flex-direction:column;gap:6px;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.ollo-hub-col-1{animation:olloHubScrollA 35s linear infinite}.ollo-hub-col-2{animation:olloHubScrollB 40s linear infinite}.ollo-hub-col-3{animation:olloHubScrollA 37s linear infinite}.ollo-hub-right:hover .ollo-hub-mosaic-col{animation-play-state:paused}
@keyframes olloHubScrollA{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes olloHubScrollB{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.ollo-hub-mosaic-img{position:relative;overflow:hidden;border-radius:14px;flex-shrink:0;border:3px solid transparent;transition:.3s;text-decoration:none}.ollo-hub-mosaic-img:hover{border-color:#FF4D00;box-shadow:0 0 20px rgba(255,77,0,.35),0 0 40px rgba(255,77,0,.15)}.ollo-hub-mosaic-img>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.ollo-hub-mosaic-img:hover>img{transform:scale(1.04)}
.ollo-hub-tile-logo{position:absolute;top:10px;left:10px;width:38px;height:38px;border-radius:10px;overflow:hidden;background:rgba(0,29,55,.9);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:5;display:flex;align-items:center;justify-content:center}.ollo-hub-tile-logo img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.ollo-hub-img-label{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:6px 12px;border-radius:999px;background:rgba(0,29,55,.85);backdrop-filter:blur(8px);color:#FFF;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px;opacity:0;transform:translateY(5px);transition:.3s}.ollo-hub-mosaic-img:hover .ollo-hub-img-label{opacity:1;transform:translateY(0)}.ollo-hub-img-label i{color:#FF4D00}
.ollo-hub-col-1 .ollo-hub-mosaic-img:nth-child(6n+1){height:280px}.ollo-hub-col-1 .ollo-hub-mosaic-img:nth-child(6n+2){height:220px}.ollo-hub-col-1 .ollo-hub-mosaic-img:nth-child(6n+3){height:260px}.ollo-hub-col-2 .ollo-hub-mosaic-img:nth-child(6n+1){height:240px}.ollo-hub-col-2 .ollo-hub-mosaic-img:nth-child(6n+2){height:300px}.ollo-hub-col-2 .ollo-hub-mosaic-img:nth-child(6n+3){height:240px}.ollo-hub-col-3 .ollo-hub-mosaic-img:nth-child(6n+1){height:260px}.ollo-hub-col-3 .ollo-hub-mosaic-img:nth-child(6n+2){height:230px}.ollo-hub-col-3 .ollo-hub-mosaic-img:nth-child(6n+3){height:280px}

.ollo-hub-directory-section{width:100%}.ollo-hub-directory-layout{display:grid;grid-template-columns:calc(32% - 14px) calc(68% - 14px);gap:28px;width:100%}
.ollo-hub-filter-panel{background:#FFF;border-radius:28px;padding:28px;border:1px solid #E7EAF0;box-shadow:0 8px 20px rgba(0,29,55,.08);position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#FF4D00 transparent;align-self:start}.ollo-hub-filter-panel::-webkit-scrollbar{width:5px}.ollo-hub-filter-panel::-webkit-scrollbar-thumb{background:#FF4D00;border-radius:999px}
.ollo-hub-filter-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ollo-hub-filter-header h2{margin:0;color:#001D37;font-size:26px;font-weight:900}.ollo-hub-filter-toggle{display:none;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid #FF4D00;border-radius:999px;background:transparent;color:#FF4D00;font-size:13px;font-weight:900;font-family:inherit;cursor:pointer}.ollo-hub-filter-body{margin-top:22px}
.ollo-hub-filter-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:22px}.ollo-hub-filter-search label{grid-column:1/-1;color:#001D37;font-size:13px;font-weight:900}.ollo-hub-filter-search input{min-width:0;border:1px solid rgba(0,29,55,.1);border-radius:30px;padding:13px 16px;font-family:inherit;font-size:13px;color:#001D37;outline:0;box-shadow:0 8px 18px rgba(0,29,55,.05)}.ollo-hub-filter-search input:focus{border-color:#FF4D00}.ollo-hub-filter-search button{border:0;border-radius:999px;padding:0 16px;background:#FF4D00;color:#FFF;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
.ollo-hub-filter-group{margin-bottom:22px}.ollo-hub-filter-group>label{display:block;color:#001D37;font-size:13px;font-weight:900;margin-bottom:10px}.ollo-hub-filter-pills{display:flex;flex-wrap:wrap;gap:9px}.ollo-hub-filter-pills a{border:1px solid rgba(0,29,55,.06);border-radius:999px;background:#FFF;color:#001D37;font-size:12px;font-weight:800;padding:9px 13px;text-decoration:none;transition:.25s;display:flex;align-items:center;gap:7px;box-shadow:0 6px 14px rgba(0,29,55,.05)}.ollo-hub-filter-pills a i{color:#FF4D00;transition:.25s}.ollo-hub-filter-pills a:hover,.ollo-hub-filter-pills a.active{background:#FF4D00;color:#FFF;transform:translateY(-2px);box-shadow:0 0 12px rgba(255,77,0,.22)}.ollo-hub-filter-pills a:hover i,.ollo-hub-filter-pills a.active i{color:#FFF}.ollo-hub-clear{width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #FF4D00;border-radius:999px;background:transparent;color:#FF4D00;padding:13px 22px;font-size:14px;font-weight:900;text-decoration:none;transition:.25s}.ollo-hub-clear:hover{background:#FF4D00;color:#FFF}
.ollo-hub-results{min-width:0}.ollo-hub-results-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.ollo-hub-results-header>div:first-child>span{color:#FF4D00;font-size:11px;font-weight:900;letter-spacing:.08em}.ollo-hub-results-header h2{margin:5px 0 0;color:#001D37;font-size:28px;font-weight:900}.ollo-hub-results-header p{margin:6px 0 0;color:#415565;font-size:15px;line-height:1.5}.ollo-hub-results-count{color:#6b7a8a;font-size:12px;font-weight:700;white-space:nowrap}.ollo-hub-results-count strong{color:#001D37}
.ollo-hub-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ollo-hub-result-card{overflow:hidden;min-height:250px;border-radius:28px;background:#FFF;border:1px solid #E7EAF0;box-shadow:0 8px 20px rgba(0,29,55,.08);display:flex;flex-direction:column;text-decoration:none;transition:.35s}.ollo-hub-result-card:hover{transform:translateY(-4px);border-color:#FF4D00;box-shadow:0 0 12px rgba(255,77,0,.22),0 10px 20px rgba(0,29,55,.1)}.ollo-hub-result-image{position:relative;height:145px;overflow:hidden}.ollo-hub-result-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}.ollo-hub-result-card:hover .ollo-hub-result-image>img{transform:scale(1.04)}.ollo-hub-result-badge,.ollo-hub-result-rating{position:absolute;top:10px;border-radius:999px;padding:6px 10px;background:rgba(0,29,55,.88);color:#FFF;font-size:10px;font-weight:900}.ollo-hub-result-badge{left:10px}.ollo-hub-result-rating{right:10px;background:#FF4D00}.ollo-hub-result-rating i{margin-right:4px}.ollo-hub-result-body{padding:18px;display:flex;flex-direction:column;flex:1}.ollo-hub-result-body>span{display:flex;align-items:center;gap:7px;color:#FF4D00;font-size:11px;font-weight:900;margin-bottom:8px}.ollo-hub-result-body h3{margin:0;color:#001D37;font-size:18px;font-weight:900;line-height:1.2}.ollo-hub-result-body p{margin:8px 0 0;color:#415565;font-size:12px;font-weight:700;line-height:1.4}.ollo-hub-result-body small{margin-top:auto;padding-top:12px;color:#001D37;font-size:11px;font-weight:900}
.ollo-hub-empty{text-align:center;padding:60px 24px;border-radius:28px;background:#F3F6F8;border:1px solid #E7EAF0;color:#415565}.ollo-hub-empty>i{display:block;color:#FF4D00;font-size:30px;margin-bottom:14px}.ollo-hub-empty strong{display:block;color:#001D37;font-size:18px}.ollo-hub-empty p{margin:8px 0 18px}.ollo-hub-empty a{display:inline-flex;padding:10px 18px;border-radius:999px;background:#FF4D00;color:#FFF;text-decoration:none;font-size:12px;font-weight:900}
.ollo-hub-pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.ollo-hub-pagination a{width:40px;height:40px;border:1.5px solid rgba(0,29,55,.1);border-radius:14px;background:#FFF;color:#001D37;text-decoration:none;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.ollo-hub-pagination a:hover,.ollo-hub-pagination a.active{background:#FF4D00;color:#FFF;border-color:#FF4D00}

.ollo-hub-explore-rows{width:100%;padding:48px 36px;background:#001D37;border-radius:36px}.ollo-hub-row-head{margin-bottom:36px}.ollo-hub-row-head h2{margin:0;color:#FFF;font-size:38px;font-weight:900;line-height:1.1}.ollo-hub-row-head p{margin:10px 0 0;max-width:780px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.55}.ollo-hub-row{margin-top:36px}.ollo-hub-row-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.ollo-hub-row-title h3,.ollo-hub-category-row h3{display:flex;align-items:center;gap:12px;margin:0;color:#FFF;font-size:24px;font-weight:900}.ollo-hub-row-title h3 i,.ollo-hub-category-row h3 i{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,77,0,.15);color:#FF4D00;font-size:18px}.ollo-hub-row-title>a{color:#FF4D00;font-size:15px;font-weight:900;text-decoration:none}.ollo-hub-card-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ollo-hub-mini-card{overflow:hidden;border-radius:28px;background:#FFF;border:1.5px solid transparent;box-shadow:0 8px 24px rgba(0,0,0,.12);text-decoration:none;transition:.35s}.ollo-hub-mini-card:hover{transform:translateY(-4px);border-color:#FF4D00;box-shadow:0 0 12px rgba(255,77,0,.22),0 10px 20px rgba(0,0,0,.15)}.ollo-hub-mini-card>img{width:100%;height:170px;object-fit:cover;display:block;transition:.4s}.ollo-hub-mini-card:hover>img{transform:scale(1.04)}.ollo-hub-mini-card>div{padding:18px}.ollo-hub-mini-card span{display:flex;align-items:center;gap:7px;color:#FF4D00;font-size:12px;font-weight:900;margin-bottom:8px}.ollo-hub-mini-card h4{margin:0;color:#001D37;font-size:20px;font-weight:900}.ollo-hub-mini-card p{margin:8px 0 0;color:#415565;font-size:14px;font-weight:700;line-height:1.35}.ollo-hub-category-row{margin-top:36px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.ollo-hub-suburb-container{display:flex;flex-wrap:wrap;gap:12px;padding-top:18px}.ollo-hub-suburb-btn{display:flex;align-items:center;gap:8px;padding:12px 17px;border:1.5px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#FFF;text-decoration:none;font-size:13px;font-weight:900;transition:.25s}.ollo-hub-suburb-btn i{color:#FF4D00}.ollo-hub-suburb-btn:hover{background:#FF4D00;border-color:#FF4D00;transform:translateY(-2px)}.ollo-hub-suburb-btn:hover i{color:#FFF}

.ollo-hub-stay-connected{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;width:100%;padding:28px 34px;border-radius:22px;background:linear-gradient(135deg,#fff8f1 0%,#fff 55%,#fff3e8 100%);border:1px solid rgba(255,77,0,.16);box-shadow:0 16px 38px rgba(0,29,55,.1)}.ollo-hub-stay-left h2,.ollo-hub-stay-right h3{margin:0;color:#001D37;font-weight:900;letter-spacing:-.03em}.ollo-hub-stay-left h2{font-size:30px}.ollo-hub-stay-left h2 span,.ollo-hub-stay-right>div>span{color:#FF4D00}.ollo-hub-stay-left>p,.ollo-hub-stay-right p{color:#001D37;font-size:14px;line-height:1.5;margin:8px 0 0}.ollo-hub-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.ollo-hub-benefits>div{min-height:118px;padding:18px 14px;border-radius:20px;background:#FFF;border:1px solid rgba(0,29,55,.07);box-shadow:0 8px 18px rgba(0,29,55,.06)}.ollo-hub-benefits i{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:14px;background:rgba(255,77,0,.1);color:#FF4D00;font-size:17px}.ollo-hub-benefits strong{display:block;color:#001D37;font-size:13px;font-weight:900;margin-bottom:4px}.ollo-hub-benefits p{font-size:12px!important;margin:0!important;color:#415565!important}.ollo-hub-stay-right{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:20px;border-left:1px solid rgba(0,29,55,.1);padding-left:30px}.ollo-hub-stay-right>div>span{font-size:11px;font-weight:900;letter-spacing:.08em}.ollo-hub-stay-right h3{font-size:22px;margin-top:6px}.ollo-hub-cta-buttons{display:grid;gap:10px;margin-top:18px}.ollo-hub-primary-btn,.ollo-hub-secondary-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:999px;text-decoration:none!important;font-size:14px;font-weight:900;transition:.3s}.ollo-hub-primary-btn{background:#FF4D00;color:#FFF!important;box-shadow:0 12px 24px rgba(255,77,0,.22)}.ollo-hub-secondary-btn{background:#FFF;color:#FF4D00!important;border:1px solid #FF4D00}.ollo-hub-primary-btn:hover,.ollo-hub-secondary-btn:hover{transform:translateY(-2px)}.ollo-hub-secondary-btn:hover{background:#FF4D00;color:#FFF!important}.ollo-hub-stay-art{width:140px;height:140px;border-radius:34px;background:#001D37;display:flex;align-items:center;justify-content:center}.ollo-hub-stay-art i{font-size:52px;color:#FF4D00}

@media(prefers-reduced-motion:reduce){.ollo-hub-watermark-grid i,.ollo-hub-mosaic-col{animation:none!important}}
@media(max-width:1199px){.ollo-hub-combined{--ollo-hub-side-margin:32px}.ollo-hub-hero{height:740px;grid-template-columns:46% 54%}.ollo-hub-left{padding:48px 32px 48px 40px}.ollo-hub-left h1{font-size:54px}.ollo-hub-left>p{font-size:16px}.ollo-hub-mosaic{grid-template-columns:repeat(2,1fr)}.ollo-hub-col-3{display:none}.ollo-hub-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ollo-hub-card-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ollo-hub-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.ollo-hub-directory-layout{grid-template-columns:1fr}.ollo-hub-filter-panel{position:relative;top:auto;max-height:none}.ollo-hub-filter-toggle{display:flex}.ollo-hub-filter-body{display:none}.ollo-hub-filter-body.active{display:block}.ollo-hub-stay-connected{grid-template-columns:1fr}.ollo-hub-stay-right{border-left:0;border-top:1px solid rgba(0,29,55,.1);padding-left:0;padding-top:24px}}
@media(max-width:767px){.ollo-hub-combined{--ollo-hub-gap:44px;--ollo-hub-side-margin:0}.ollo-hub-hero{height:auto;display:flex;flex-direction:column;border-radius:28px}.ollo-hub-left{order:1;padding:40px 22px 32px}.ollo-hub-left h1{font-size:44px}.ollo-hub-left>p{font-size:15px;margin:18px 0 24px;max-width:100%}.ollo-hub-search{max-width:100%;height:56px;padding:8px 8px 8px 18px}.ollo-hub-search button{height:40px;min-width:82px;font-size:13px}.ollo-hub-stats{gap:20px;margin-top:26px;padding-top:20px}.ollo-hub-stat strong{font-size:20px}.ollo-hub-right{order:2;height:300px;position:relative}.ollo-hub-mosaic{grid-template-columns:repeat(2,1fr)}.ollo-hub-col-3{display:none}.ollo-hub-img-label{display:none}.ollo-hub-tile-logo{width:28px;height:28px;border-radius:7px;top:7px;left:7px}.ollo-hub-col-1 .ollo-hub-mosaic-img:nth-child(6n+1){height:200px}.ollo-hub-col-1 .ollo-hub-mosaic-img:nth-child(6n+2){height:160px}.ollo-hub-col-1 .ollo-hub-mosaic-img:nth-child(6n+3){height:180px}.ollo-hub-col-2 .ollo-hub-mosaic-img:nth-child(6n+1){height:170px}.ollo-hub-col-2 .ollo-hub-mosaic-img:nth-child(6n+2){height:210px}.ollo-hub-col-2 .ollo-hub-mosaic-img:nth-child(6n+3){height:170px}.ollo-hub-results-header{flex-direction:column;align-items:flex-start}.ollo-hub-results-grid{grid-template-columns:1fr}.ollo-hub-explore-rows{padding:32px 20px;border-radius:28px}.ollo-hub-row-head h2{font-size:28px}.ollo-hub-row-head p{font-size:14px}.ollo-hub-row-title h3{font-size:18px}.ollo-hub-card-strip{grid-template-columns:1fr}.ollo-hub-stay-connected{padding:24px 20px}.ollo-hub-stay-right{grid-template-columns:1fr}.ollo-hub-stay-art{display:none}}
@media(max-width:430px){.ollo-hub-left{padding:34px 18px 26px}.ollo-hub-left h1{font-size:38px}.ollo-hub-search button{display:none}.ollo-hub-right{height:230px}.ollo-hub-benefits{grid-template-columns:1fr}}

/* RC19 profile-template semantic link compatibility. */
.ollo-cgd-follow-btn{text-decoration:none!important;justify-content:center}.ollo-cgd-manage-btn{background:rgba(255,255,255,.15)!important;border:1.5px solid rgba(255,255,255,.3)!important}.ollo-cgd-manage-btn:hover{background:#FF4D00!important;border-color:#FF4D00!important;color:#fff!important}
.ollo-cgd-unclaimed-content .ollo-cgd-claim-link{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#FF4D00;color:#fff;text-decoration:none;padding:11px 20px;font-size:12px;font-weight:900;white-space:nowrap;transition:.25s}.ollo-cgd-unclaimed-content .ollo-cgd-claim-link:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(255,77,0,.25)}
.ollo-cgd-event-row{text-decoration:none}.ollo-cgd-event-row .ollo-cgd-event-tag{justify-self:end}.ollo-cgd-review-time{display:block}.ollo-cgd-map-address{display:flex;align-items:flex-start;gap:7px}.ollo-cgd-directions-link{display:inline-flex;margin-top:10px;color:#FF4D00;text-decoration:none;font-size:12px;font-weight:900}.ollo-cgd-directions-link:hover{text-decoration:underline}
.ollo-cgd-involved-card .ollo-cgd-action-link{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:999px;background:#FF4D00;color:#fff;text-decoration:none;padding:12px 18px;font-size:12px;font-weight:900;margin-top:9px;transition:.25s}.ollo-cgd-involved-card .ollo-cgd-action-link:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(255,77,0,.2)}.ollo-cgd-involved-card .ollo-cgd-action-link.ollo-cgd-secondary-btn{background:#F3F6F8;color:#001D37}.ollo-cgd-involved-card .ollo-cgd-action-link.ollo-cgd-secondary-btn:hover{background:#001D37;color:#fff}
.ollo-cgd-cta .ollo-cgd-cta-link{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#FF4D00;color:#fff!important;text-decoration:none;padding:14px 26px;font-size:13px;font-weight:900;transition:.3s}.ollo-cgd-cta .ollo-cgd-cta-link:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(255,77,0,.35)}

/* =========================================================
   RC20 COMMUNITY HUB - DEDICATED LAYOUT
   ========================================================= */
.ollo-community-hub{--community-side:clamp(28px,7vw,112px);width:calc(100% - (var(--community-side)*2));max-width:1540px;margin:0 auto;padding:28px 0 80px;font-family:Poppins,Arial,sans-serif;color:#001D37;display:flex;flex-direction:column;gap:64px}
.ollo-community-hub *,.ollo-community-hub *::before,.ollo-community-hub *::after{box-sizing:border-box}
.ollo-community-hub a{text-decoration:none}
.ollo-community-hero{min-height:720px;border-radius:38px;overflow:hidden;display:grid;grid-template-columns:47% 53%;background:linear-gradient(145deg,#001D37 0%,#022944 100%);position:relative;box-shadow:0 24px 70px rgba(0,29,55,.16)}
.ollo-community-hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 22% 34%,rgba(255,77,0,.14),transparent 25%),radial-gradient(circle at 72% 72%,rgba(255,255,255,.05),transparent 28%);pointer-events:none}
.ollo-community-hero-copy{position:relative;z-index:2;padding:74px 54px 64px 64px;display:flex;flex-direction:column;justify-content:center}
.ollo-community-eyebrow{width:max-content;display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border:1px solid rgba(255,77,0,.34);border-radius:999px;background:rgba(255,77,0,.1);color:#FF4D00;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:24px}
.ollo-community-hero h1{margin:0;color:#fff;font-size:64px;line-height:1.02;font-weight:900;letter-spacing:-.045em}.ollo-community-hero h1 em{font-style:normal;color:#FF4D00}
.ollo-community-hero-copy>p{margin:24px 0 30px;max-width:570px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.65;font-weight:600}
.ollo-community-search{width:100%;max-width:530px;height:62px;border-radius:999px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 7px 0 20px;box-shadow:0 16px 38px rgba(0,0,0,.2)}
.ollo-community-search>i{color:#FF4D00}.ollo-community-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:700 13px Poppins,Arial,sans-serif;color:#001D37}.ollo-community-search button{height:48px;border:0;border-radius:999px;background:#FF4D00;color:#fff;padding:0 24px;font:900 13px Poppins,Arial,sans-serif;cursor:pointer}
.ollo-community-stats{display:flex;gap:34px;margin-top:34px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.ollo-community-stats div{display:flex;flex-direction:column;gap:5px}.ollo-community-stats strong{color:#FF4D00;font-size:25px;font-weight:900}.ollo-community-stats span{color:rgba(255,255,255,.54);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.ollo-community-hero-visual{position:relative;min-height:720px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.ollo-community-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ollo-community-orbit-a{width:420px;height:420px}.ollo-community-orbit-b{width:610px;height:610px;border-style:dashed;animation:olloCommunityOrbit 38s linear infinite}@keyframes olloCommunityOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ollo-community-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:172px;height:172px;border-radius:50%;background:#FF4D00;color:#fff;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 55px rgba(255,77,0,.32)}.ollo-community-centre i{font-size:35px;margin-bottom:10px}.ollo-community-centre strong{font-size:20px;font-weight:900;line-height:1}.ollo-community-centre span{font-size:9px;font-weight:900;letter-spacing:.17em;margin-top:6px}
.ollo-community-hero-card{position:absolute;z-index:3;width:220px;height:220px;border-radius:30px;overflow:hidden;background:#fff;border:4px solid rgba(255,255,255,.12);box-shadow:0 24px 55px rgba(0,0,0,.27);transition:.35s}.ollo-community-hero-card:hover{transform:translateY(-5px);border-color:#FF4D00}.ollo-community-hero-card img{width:100%;height:100%;object-fit:cover;display:block}.ollo-community-hero-card>div{position:absolute;left:12px;right:12px;bottom:12px;border-radius:16px;padding:11px 13px;background:rgba(0,29,55,.88);backdrop-filter:blur(8px);color:#fff}.ollo-community-hero-card strong{display:block;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ollo-community-hero-card span{display:block;margin-top:2px;font-size:9px;color:rgba(255,255,255,.65);font-weight:700}.ollo-community-hero-card.card-1{left:6%;top:8%;width:230px;height:255px}.ollo-community-hero-card.card-2{right:5%;top:12%;width:220px;height:205px}.ollo-community-hero-card.card-3{left:4%;bottom:8%;width:225px;height:215px}.ollo-community-hero-card.card-4{right:5%;bottom:7%;width:235px;height:255px}
.ollo-community-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.ollo-community-section-head>div>span{display:block;color:#FF4D00;font-size:12px;font-weight:900;letter-spacing:.09em;margin-bottom:8px}.ollo-community-section-head h2{margin:0;color:#001D37;font-size:32px;line-height:1.16;font-weight:900;letter-spacing:-.03em}.ollo-community-section-head h2 i{color:#FF4D00;font-size:22px;margin-right:10px}.ollo-community-section-head p{margin:8px 0 0;color:#647688;max-width:720px;font-size:14px;line-height:1.6;font-weight:600}.ollo-community-section-head>a{color:#FF4D00;font-size:13px;font-weight:900;white-space:nowrap}.ollo-community-section-head.is-centred{justify-content:center;text-align:center}.ollo-community-section-head.is-centred p{margin-left:auto;margin-right:auto}
.ollo-community-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ollo-community-category-card{min-height:240px;border-radius:28px;padding:26px;background:#fff;border:1px solid rgba(0,29,55,.08);box-shadow:0 10px 30px rgba(0,29,55,.05);color:#001D37;display:flex;flex-direction:column;transition:.3s}.ollo-community-category-card:hover{transform:translateY(-5px);border-color:#FF4D00;box-shadow:0 18px 42px rgba(0,29,55,.09)}.ollo-community-category-icon{width:52px;height:52px;border-radius:16px;background:#FFF2EC;color:#FF4D00;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px}.ollo-community-category-card h3{margin:0;font-size:18px;font-weight:900}.ollo-community-category-card p{margin:9px 0 20px;color:#68798A;font-size:12px;line-height:1.55;font-weight:600;flex:1}.ollo-community-category-card>span{color:#FF4D00;font-size:12px;font-weight:900}.ollo-community-category-card:last-child{background:#001D37;color:#fff}.ollo-community-category-card:last-child h3{color:#fff}.ollo-community-category-card:last-child p{color:rgba(255,255,255,.62)}
.ollo-community-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.ollo-community-view-tabs a{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid #DFE6EC;border-radius:999px;background:#fff;color:#44586A;font-size:12px;font-weight:800;transition:.2s}.ollo-community-view-tabs a i{color:#FF4D00}.ollo-community-view-tabs a.active,.ollo-community-view-tabs a:hover{background:#001D37;border-color:#001D37;color:#fff}.ollo-community-view-tabs a.active i,.ollo-community-view-tabs a:hover i{color:#FF4D00}
.ollo-community-filterbar{display:grid;grid-template-columns:1.4fr 1fr 1fr auto auto;gap:12px;align-items:end;padding:18px;border:1px solid #E3E9EE;border-radius:24px;background:#F8FAFC;margin-bottom:22px}.ollo-community-filterbar label{display:block}.ollo-community-filterbar label>span{display:block;margin:0 0 6px 4px;color:#607284;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ollo-community-filterbar input,.ollo-community-filterbar select{width:100%;height:44px;border:1px solid #DCE4EA;border-radius:999px;background:#fff;color:#001D37;padding:0 15px;font:700 12px Poppins,Arial,sans-serif;outline:0}.ollo-community-filterbar button,.ollo-community-filterbar>a{height:44px;border-radius:999px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;font:900 12px Poppins,Arial,sans-serif}.ollo-community-filterbar button{border:0;background:#FF4D00;color:#fff;cursor:pointer}.ollo-community-filterbar>a{border:1px solid #DCE4EA;background:#fff;color:#001D37}
.ollo-community-result-count{color:#68798A;font-size:12px;font-weight:700}.ollo-community-result-count strong{color:#001D37}
.ollo-community-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ollo-community-listing-card{overflow:hidden;border-radius:28px;background:#fff;border:1px solid #E4E9EE;color:#001D37;box-shadow:0 10px 27px rgba(0,29,55,.05);transition:.3s}.ollo-community-listing-card:hover{transform:translateY(-4px);border-color:#FF4D00;box-shadow:0 16px 38px rgba(0,29,55,.09)}.ollo-community-listing-image{height:205px;position:relative;overflow:hidden}.ollo-community-listing-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}.ollo-community-listing-card:hover .ollo-community-listing-image img{transform:scale(1.04)}.ollo-community-listing-image>span{position:absolute;left:13px;bottom:13px;padding:7px 11px;border-radius:999px;background:rgba(0,29,55,.88);color:#fff;font-size:10px;font-weight:900}.ollo-community-listing-body{padding:20px}.ollo-community-listing-body h3{margin:0;font-size:18px;font-weight:900}.ollo-community-listing-body>p{margin:9px 0 16px;color:#6B7B8B;font-size:12px;line-height:1.55;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ollo-community-listing-body>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #EDF1F4;padding-top:13px}.ollo-community-listing-body>div span{color:#66788A;font-size:10px;font-weight:800}.ollo-community-listing-body i{color:#FF4D00;margin-right:5px}
.ollo-community-pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.ollo-community-pagination a{width:40px;height:40px;border-radius:12px;border:1px solid #E0E6EB;display:flex;align-items:center;justify-content:center;color:#001D37;background:#fff;font-size:12px;font-weight:900}.ollo-community-pagination a.active{background:#FF4D00;color:#fff;border-color:#FF4D00}
.ollo-community-empty{padding:46px;border:1px dashed #D9E1E7;border-radius:28px;background:#F8FAFC;text-align:center}.ollo-community-empty>i{font-size:30px;color:#FF4D00}.ollo-community-empty h3{margin:12px 0 7px;font-size:20px}.ollo-community-empty p{margin:0 0 18px;color:#68798A}.ollo-community-empty a{display:inline-flex;padding:10px 18px;border-radius:999px;background:#001D37;color:#fff;font-size:12px;font-weight:900}
.ollo-community-discovery-row{padding-top:4px}.ollo-community-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ollo-community-strip-card{display:grid;grid-template-columns:150px 1fr;min-height:150px;border-radius:24px;overflow:hidden;border:1px solid #E4E9EE;background:#fff;color:#001D37;transition:.3s}.ollo-community-strip-card:hover{border-color:#FF4D00;transform:translateY(-3px)}.ollo-community-strip-image{position:relative;overflow:hidden}.ollo-community-strip-image img{width:100%;height:100%;object-fit:cover;display:block}.ollo-community-strip-image>span{position:absolute;right:9px;top:9px;padding:5px 8px;border-radius:999px;background:#FF4D00;color:#fff;font-size:9px;font-weight:900}.ollo-community-strip-body{padding:18px;display:flex;flex-direction:column;justify-content:center}.ollo-community-strip-body small{color:#FF4D00;font-size:9px;font-weight:900;text-transform:uppercase}.ollo-community-strip-body h3{margin:6px 0 8px;font-size:15px;line-height:1.25;font-weight:900}.ollo-community-strip-body p{margin:0;color:#708090;font-size:10px;font-weight:700}.ollo-community-strip-body p i{color:#FF4D00;margin-right:4px}
.ollo-community-involved{border-radius:34px;background:#FFF4EE;border:1px solid rgba(255,77,0,.14);padding:42px;display:grid;grid-template-columns:35% 65%;gap:36px;align-items:center}.ollo-community-involved-copy>span{color:#FF4D00;font-size:11px;font-weight:900;letter-spacing:.08em}.ollo-community-involved-copy h2{margin:10px 0 12px;font-size:30px;line-height:1.16;font-weight:900}.ollo-community-involved-copy p{margin:0;color:#667788;font-size:13px;line-height:1.6;font-weight:600}.ollo-community-involved-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ollo-community-involved-actions a{min-height:106px;padding:17px;border-radius:22px;background:#fff;border:1px solid rgba(0,29,55,.08);display:flex;align-items:center;gap:15px;color:#001D37;transition:.3s}.ollo-community-involved-actions a:hover{transform:translateY(-3px);border-color:#FF4D00}.ollo-community-involved-actions>a>i{width:44px;height:44px;border-radius:14px;background:#001D37;color:#FF4D00;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ollo-community-involved-actions strong{display:block;font-size:13px;font-weight:900}.ollo-community-involved-actions span{display:block;margin-top:3px;color:#788796;font-size:10px;font-weight:600}
.ollo-community-event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ollo-community-event-card{border-radius:26px;overflow:hidden;background:#001D37;color:#fff;min-height:360px;display:flex;flex-direction:column;transition:.3s}.ollo-community-event-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,29,55,.18)}.ollo-community-event-card>img{width:100%;height:185px;object-fit:cover;display:block}.ollo-community-event-card>div{padding:18px;flex:1}.ollo-community-event-card span{color:#FF4D00;font-size:9px;font-weight:900;text-transform:uppercase}.ollo-community-event-card h3{margin:7px 0 8px;color:#fff;font-size:16px;font-weight:900;line-height:1.3}.ollo-community-event-card p{margin:0;color:rgba(255,255,255,.62);font-size:10px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ollo-community-noticeboard-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:34px;background:#001D37;padding:42px 48px;color:#fff}.ollo-community-noticeboard-cta span{color:#FF4D00;font-size:11px;font-weight:900;letter-spacing:.08em}.ollo-community-noticeboard-cta h2{margin:9px 0 9px;color:#fff;font-size:29px;font-weight:900}.ollo-community-noticeboard-cta p{margin:0;max-width:760px;color:rgba(255,255,255,.63);font-size:13px;line-height:1.6}.ollo-community-noticeboard-cta>a{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;background:#FF4D00;color:#fff;font-size:12px;font-weight:900}
@media(max-width:1180px){.ollo-community-hub{--community-side:28px}.ollo-community-hero{grid-template-columns:50% 50%;min-height:650px}.ollo-community-hero-copy{padding:54px 34px}.ollo-community-hero h1{font-size:49px}.ollo-community-hero-visual{min-height:650px}.ollo-community-centre{width:135px;height:135px}.ollo-community-hero-card{width:175px!important;height:190px!important}.ollo-community-category-grid{grid-template-columns:repeat(2,1fr)}.ollo-community-listing-grid{grid-template-columns:repeat(2,1fr)}.ollo-community-strip{grid-template-columns:repeat(2,1fr)}.ollo-community-event-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.ollo-community-hub{--community-side:14px;padding-top:14px;gap:44px}.ollo-community-hero{display:flex;flex-direction:column;min-height:0;border-radius:28px}.ollo-community-hero-copy{padding:40px 22px 30px}.ollo-community-hero h1{font-size:40px}.ollo-community-hero-copy>p{font-size:14px}.ollo-community-search{height:56px}.ollo-community-search button{height:44px;padding:0 18px}.ollo-community-stats{gap:18px;flex-wrap:wrap}.ollo-community-hero-visual{min-height:390px}.ollo-community-orbit-a{width:250px;height:250px}.ollo-community-orbit-b{width:340px;height:340px}.ollo-community-centre{width:104px;height:104px}.ollo-community-centre i{font-size:23px}.ollo-community-centre strong{font-size:14px}.ollo-community-hero-card{width:130px!important;height:145px!important;border-radius:18px}.ollo-community-hero-card.card-1{left:3%;top:5%}.ollo-community-hero-card.card-2{right:3%;top:9%}.ollo-community-hero-card.card-3{left:3%;bottom:5%}.ollo-community-hero-card.card-4{right:3%;bottom:4%}.ollo-community-hero-card>div{padding:7px 8px;left:7px;right:7px;bottom:7px}.ollo-community-category-grid,.ollo-community-listing-grid,.ollo-community-strip,.ollo-community-event-grid{grid-template-columns:1fr}.ollo-community-section-head{align-items:flex-start;flex-direction:column}.ollo-community-section-head h2{font-size:26px}.ollo-community-filterbar{grid-template-columns:1fr}.ollo-community-filterbar button,.ollo-community-filterbar>a{width:100%}.ollo-community-involved{grid-template-columns:1fr;padding:28px 20px}.ollo-community-involved-actions{grid-template-columns:1fr}.ollo-community-strip-card{grid-template-columns:120px 1fr}.ollo-community-noticeboard-cta{align-items:flex-start;flex-direction:column;padding:30px 24px}.ollo-community-noticeboard-cta h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ollo-community-orbit-b{animation:none}.ollo-community-hero-card,.ollo-community-category-card,.ollo-community-listing-card,.ollo-community-strip-card,.ollo-community-event-card,.ollo-community-involved-actions a{transition:none}}

/* =========================================================
   RC21 COMMUNITY HUB - PARTICIPATION + SUPPORT CONCEPT
   Deliberately distinct from Home and Directory.
   ========================================================= */
.ollo-community21{--c21-orange:#FF4D00;--c21-navy:#001D37;--c21-muted:#68798A;--c21-line:#E2E8ED;width:min(1500px,calc(100% - clamp(28px,7vw,112px)*2));margin:0 auto;padding:34px 0 88px;font-family:Poppins,Arial,sans-serif;color:var(--c21-navy);display:flex;flex-direction:column;gap:68px}
.ollo-community21 *,.ollo-community21 *::before,.ollo-community21 *::after{box-sizing:border-box}.ollo-community21 a{text-decoration:none}.ollo-community21-hero{min-height:700px;display:grid;grid-template-columns:47% 53%;border-radius:38px;overflow:hidden;background:var(--c21-navy);box-shadow:0 26px 70px rgba(0,29,55,.16);position:relative}.ollo-community21-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 24%,rgba(255,77,0,.16),transparent 27%),radial-gradient(circle at 88% 82%,rgba(255,255,255,.05),transparent 28%);pointer-events:none}.ollo-community21-hero-copy{position:relative;z-index:2;padding:76px 54px 68px 64px;display:flex;flex-direction:column;justify-content:center}.ollo-community21-eyebrow{width:max-content;display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,77,0,.38);background:rgba(255,77,0,.12);color:var(--c21-orange);font-size:12px;font-weight:900;letter-spacing:.09em;margin-bottom:22px}.ollo-community21-hero h1{margin:0;color:#fff;font-size:clamp(48px,5vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:900}.ollo-community21-hero h1 em{font-style:normal;color:var(--c21-orange)}.ollo-community21-hero-copy>p{max-width:590px;margin:24px 0 30px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.65;font-weight:600}.ollo-community21-search{width:100%;max-width:560px;min-height:62px;display:flex;align-items:center;gap:12px;padding:7px 7px 7px 20px;border-radius:999px;background:#fff;box-shadow:0 18px 38px rgba(0,0,0,.22)}.ollo-community21-search>i{color:var(--c21-orange);font-size:16px}.ollo-community21-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--c21-navy);font:700 13px Poppins,Arial,sans-serif}.ollo-community21-search button{height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--c21-orange);color:#fff;font:900 13px Poppins,Arial,sans-serif;cursor:pointer}.ollo-community21-stats{display:flex;flex-wrap:wrap;gap:34px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.ollo-community21-stats div{display:flex;flex-direction:column;gap:4px}.ollo-community21-stats strong{color:var(--c21-orange);font-size:27px;font-weight:900}.ollo-community21-stats span{color:rgba(255,255,255,.55);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.ollo-community21-live{position:relative;z-index:2;padding:54px 52px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:center;gap:18px}.ollo-community21-live-label{color:rgba(255,255,255,.5);font-size:10px;font-weight:900;letter-spacing:.14em}.ollo-community21-live-card{display:grid;grid-template-columns:44% 56%;min-height:320px;border-radius:30px;overflow:hidden;background:#fff;color:var(--c21-navy);box-shadow:0 24px 55px rgba(0,0,0,.24);transition:.28s}.ollo-community21-live-card:hover{transform:translateY(-4px)}.ollo-community21-live-card>img{width:100%;height:100%;object-fit:cover;display:block}.ollo-community21-live-card>div:not(.ollo-community21-placeholder-icon){padding:30px;display:flex;flex-direction:column;justify-content:center}.ollo-community21-live-card small{color:var(--c21-orange);font-size:11px;font-weight:900;text-transform:uppercase}.ollo-community21-live-card h2{margin:10px 0 10px;font-size:30px;line-height:1.08;font-weight:900;letter-spacing:-.035em}.ollo-community21-live-card p{margin:0;color:#6A7B8C;font-size:13px;font-weight:700}.ollo-community21-live-card.is-placeholder{grid-template-columns:160px 1fr}.ollo-community21-placeholder-icon{display:grid;place-items:center;background:#062A48;color:var(--c21-orange);font-size:46px}.ollo-community21-live-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ollo-community21-mini-card{min-height:150px;padding:22px;border-radius:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;flex-direction:column;justify-content:center;transition:.25s}.ollo-community21-mini-card:hover{transform:translateY(-3px);border-color:rgba(255,77,0,.65)}.ollo-community21-mini-card>span{color:var(--c21-orange);font-size:10px;font-weight:900;text-transform:uppercase}.ollo-community21-mini-card h3{margin:8px 0 7px;color:#fff;font-size:18px;line-height:1.22;font-weight:900}.ollo-community21-mini-card p{margin:0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.45;font-weight:600}.ollo-community21-mini-card.is-orange{background:var(--c21-orange);border-color:var(--c21-orange)}.ollo-community21-mini-card.is-orange>span,.ollo-community21-mini-card.is-orange p{color:#fff}.ollo-community21-section{width:100%}.ollo-community21-section-head{margin-bottom:26px;position:relative}.ollo-community21-section-head>span{display:block;margin-bottom:8px;color:var(--c21-orange);font-size:11px;font-weight:900;letter-spacing:.1em}.ollo-community21-section-head h2{margin:0;color:var(--c21-navy);font-size:clamp(28px,3vw,40px);line-height:1.12;font-weight:900;letter-spacing:-.035em}.ollo-community21-section-head p{max-width:760px;margin:10px 0 0;color:var(--c21-muted);font-size:14px;line-height:1.65;font-weight:600}.ollo-community21-section-head>a{position:absolute;right:0;bottom:4px;color:var(--c21-orange);font-size:12px;font-weight:900}.ollo-community21-section-head.is-centred{text-align:center}.ollo-community21-section-head.is-centred p{margin-left:auto;margin-right:auto}.ollo-community21-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ollo-community21-category-card{min-height:240px;padding:26px;border-radius:28px;background:#fff;border:1px solid var(--c21-line);box-shadow:0 10px 30px rgba(0,29,55,.05);color:var(--c21-navy);display:flex;flex-direction:column;transition:.28s}.ollo-community21-category-card:hover{transform:translateY(-5px);border-color:var(--c21-orange);box-shadow:0 18px 42px rgba(0,29,55,.09)}.ollo-community21-category-card>i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#FFF2EC;color:var(--c21-orange);font-size:20px;margin-bottom:18px}.ollo-community21-category-card h3{margin:0;font-size:18px;font-weight:900}.ollo-community21-category-card p{margin:9px 0 20px;color:var(--c21-muted);font-size:12px;line-height:1.55;font-weight:600;flex:1}.ollo-community21-category-card strong{color:var(--c21-orange);font-size:12px;font-weight:900}.ollo-community21-category-card:last-child{background:var(--c21-navy);color:#fff}.ollo-community21-category-card:last-child h3{color:#fff}.ollo-community21-category-card:last-child p{color:rgba(255,255,255,.62)}
.ollo-community21-happening{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.ollo-community21-events-panel,.ollo-community21-notice-panel{padding:28px;border-radius:30px;border:1px solid var(--c21-line);background:#fff;box-shadow:0 12px 32px rgba(0,29,55,.05)}.ollo-community21-notice-panel{background:#F7F9FB}.ollo-community21-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.ollo-community21-panel-title h3{margin:0;font-size:20px;font-weight:900}.ollo-community21-panel-title a{color:var(--c21-orange);font-size:11px;font-weight:900}.ollo-community21-event-row{display:grid;grid-template-columns:78px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #EDF1F4;color:var(--c21-navy)}.ollo-community21-event-date{width:70px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:17px;background:var(--c21-navy);color:#fff;text-align:center}.ollo-community21-event-date strong{font-size:11px;font-weight:900}.ollo-community21-event-date span{margin-top:3px;color:rgba(255,255,255,.58);font-size:9px;font-weight:700}.ollo-community21-event-row h4,.ollo-community21-notice-row h4{margin:0;font-size:14px;font-weight:900}.ollo-community21-event-row p,.ollo-community21-notice-row p{margin:5px 0 0;color:#748494;font-size:10px;font-weight:700}.ollo-community21-event-row>i{color:var(--c21-orange)}.ollo-community21-notice-row{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #E6EBEF;color:var(--c21-navy)}.ollo-community21-notice-row>i{width:42px;height:42px;border-radius:13px;background:#FFF0E8;color:var(--c21-orange);display:grid;place-items:center}.ollo-community21-notice-row small{color:var(--c21-orange);font-size:9px;font-weight:900;text-transform:uppercase}.ollo-community21-panel-empty{padding:28px 0;color:#758596;font-size:12px;font-weight:700}.ollo-community21-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ollo-community21-entity-card{overflow:hidden;border-radius:28px;background:#fff;border:1px solid var(--c21-line);color:var(--c21-navy);box-shadow:0 10px 28px rgba(0,29,55,.05);transition:.28s}.ollo-community21-entity-card:hover{transform:translateY(-4px);border-color:var(--c21-orange);box-shadow:0 17px 38px rgba(0,29,55,.09)}.ollo-community21-entity-media{height:205px;position:relative;overflow:hidden}.ollo-community21-entity-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.ollo-community21-entity-card:hover img{transform:scale(1.035)}.ollo-community21-entity-media>span{position:absolute;right:13px;top:13px;padding:7px 10px;border-radius:999px;background:var(--c21-orange);color:#fff;font-size:10px;font-weight:900}.ollo-community21-entity-body{padding:20px}.ollo-community21-entity-body small{color:var(--c21-orange);font-size:9px;font-weight:900;text-transform:uppercase}.ollo-community21-entity-body h3{margin:7px 0 12px;font-size:18px;line-height:1.22;font-weight:900}.ollo-community21-entity-body p{margin:0;color:#6E7F90;font-size:11px;font-weight:700}.ollo-community21-entity-body i{color:var(--c21-orange)}.ollo-community21-search-results{padding:32px;border-radius:30px;background:#F7F9FB;border:1px solid #E5EAEE}.ollo-community21-empty{padding:42px;border-radius:24px;background:#fff;border:1px dashed #D8E0E6;text-align:center}.ollo-community21-empty>i{color:var(--c21-orange);font-size:30px}.ollo-community21-empty h3{margin:12px 0 6px;font-size:20px}.ollo-community21-empty p{margin:0;color:var(--c21-muted)}
.ollo-community21-support{display:grid;grid-template-columns:32% 68%;gap:40px;align-items:center;padding:44px;border-radius:34px;background:var(--c21-navy);color:#fff}.ollo-community21-support-copy>span{color:var(--c21-orange);font-size:11px;font-weight:900;letter-spacing:.09em}.ollo-community21-support-copy h2{margin:10px 0 12px;color:#fff;font-size:34px;line-height:1.08;font-weight:900}.ollo-community21-support-copy p{margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.6;font-weight:600}.ollo-community21-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ollo-community21-support-grid a{min-height:62px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;transition:.25s}.ollo-community21-support-grid a:hover{background:rgba(255,77,0,.16);border-color:rgba(255,77,0,.5)}.ollo-community21-support-grid a>i:first-child{width:35px;height:35px;border-radius:11px;background:rgba(255,77,0,.16);color:var(--c21-orange);display:grid;place-items:center}.ollo-community21-support-grid span{font-size:11px;font-weight:800}.ollo-community21-support-grid a>i:last-child{color:rgba(255,255,255,.45);font-size:10px}.ollo-community21-trending-list{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;border:1px solid var(--c21-line)}.ollo-community21-trending-list>a{display:grid;grid-template-columns:56px 64px 1fr auto;gap:16px;align-items:center;padding:14px 20px;background:#fff;border-top:1px solid #EDF1F4;color:var(--c21-navy);transition:.22s}.ollo-community21-trending-list>a:first-child{border-top:0}.ollo-community21-trending-list>a:hover{background:#FFF8F4}.ollo-community21-trending-list>a>strong{font-size:20px;font-weight:900;color:var(--c21-orange)}.ollo-community21-trending-list img{width:64px;height:64px;border-radius:16px;object-fit:cover}.ollo-community21-trending-list small{color:var(--c21-orange);font-size:9px;font-weight:900;text-transform:uppercase}.ollo-community21-trending-list h3{margin:4px 0 5px;font-size:15px;font-weight:900}.ollo-community21-trending-list p{margin:0;color:#748494;font-size:10px;font-weight:700}.ollo-community21-trending-list>a>span{padding:8px 11px;border-radius:999px;background:#FFF0E8;color:var(--c21-orange);font-size:10px;font-weight:900}.ollo-community21-involved{padding:44px;border-radius:34px;background:#FFF4EE;border:1px solid rgba(255,77,0,.14)}.ollo-community21-involved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ollo-community21-involved-grid>a{min-height:235px;padding:26px;border-radius:26px;background:#fff;border:1px solid rgba(0,29,55,.08);color:var(--c21-navy);display:flex;flex-direction:column;transition:.26s}.ollo-community21-involved-grid>a:hover{transform:translateY(-4px);border-color:var(--c21-orange)}.ollo-community21-involved-grid>a>i{width:52px;height:52px;border-radius:16px;background:var(--c21-navy);color:var(--c21-orange);display:grid;place-items:center;font-size:19px}.ollo-community21-involved-grid h3{margin:18px 0 8px;font-size:18px;font-weight:900}.ollo-community21-involved-grid p{margin:0 0 18px;color:var(--c21-muted);font-size:11px;line-height:1.55;font-weight:600;flex:1}.ollo-community21-involved-grid strong{color:var(--c21-orange);font-size:11px;font-weight:900}.ollo-community21-suburb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ollo-community21-suburb-grid>a{min-height:105px;padding:19px;border-radius:22px;border:1px solid var(--c21-line);background:#fff;color:var(--c21-navy);display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;transition:.24s}.ollo-community21-suburb-grid>a:hover{transform:translateY(-3px);border-color:var(--c21-orange)}.ollo-community21-suburb-grid>a>i:first-child{width:44px;height:44px;border-radius:14px;background:#FFF0E8;color:var(--c21-orange);display:grid;place-items:center}.ollo-community21-suburb-grid h3{margin:0;font-size:16px;font-weight:900}.ollo-community21-suburb-grid p{margin:5px 0 0;color:#718293;font-size:10px;font-weight:700}.ollo-community21-suburb-grid>a>i:last-child{color:var(--c21-orange)}.ollo-community21-closing{display:grid;grid-template-columns:1fr 1fr;border-radius:34px;overflow:hidden;background:var(--c21-navy);color:#fff}.ollo-community21-closing>div{padding:42px}.ollo-community21-closing>div+div{border-left:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,77,0,.12),rgba(255,77,0,.04))}.ollo-community21-closing span{color:var(--c21-orange);font-size:10px;font-weight:900;letter-spacing:.09em}.ollo-community21-closing h2{margin:9px 0 10px;color:#fff;font-size:28px;font-weight:900}.ollo-community21-closing p{margin:0 0 22px;max-width:570px;color:rgba(255,255,255,.64);font-size:12px;line-height:1.6;font-weight:600}.ollo-community21-closing a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--c21-orange);color:#fff;font-size:12px;font-weight:900}
@media(max-width:1180px){.ollo-community21{width:calc(100% - 56px)}.ollo-community21-hero{grid-template-columns:1fr 1fr;min-height:640px}.ollo-community21-hero-copy{padding:54px 34px}.ollo-community21-live{padding:40px 30px}.ollo-community21-live-card{grid-template-columns:1fr;min-height:0}.ollo-community21-live-card>img{height:190px}.ollo-community21-category-grid{grid-template-columns:repeat(2,1fr)}.ollo-community21-card-grid{grid-template-columns:repeat(2,1fr)}.ollo-community21-involved-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.ollo-community21-happening,.ollo-community21-support{grid-template-columns:1fr}.ollo-community21-suburb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.ollo-community21{width:calc(100% - 28px);padding-top:16px;gap:46px}.ollo-community21-hero{display:flex;flex-direction:column;min-height:0;border-radius:28px}.ollo-community21-hero-copy{padding:40px 22px 32px}.ollo-community21-hero h1{font-size:42px}.ollo-community21-hero-copy>p{font-size:14px}.ollo-community21-search{min-height:56px;padding-left:16px}.ollo-community21-search button{height:42px;padding:0 18px}.ollo-community21-stats{gap:20px}.ollo-community21-live{padding:28px 20px 32px}.ollo-community21-live-card{grid-template-columns:1fr}.ollo-community21-live-card>img{height:210px}.ollo-community21-live-pair,.ollo-community21-category-grid,.ollo-community21-card-grid,.ollo-community21-support-grid,.ollo-community21-involved-grid,.ollo-community21-suburb-grid,.ollo-community21-closing{grid-template-columns:1fr}.ollo-community21-section-head>a{position:static;display:inline-flex;margin-top:12px}.ollo-community21-happening{grid-template-columns:1fr}.ollo-community21-events-panel,.ollo-community21-notice-panel{padding:22px 18px}.ollo-community21-event-row{grid-template-columns:64px 1fr auto;gap:10px}.ollo-community21-event-date{width:58px}.ollo-community21-support,.ollo-community21-involved{padding:30px 20px}.ollo-community21-trending-list>a{grid-template-columns:42px 54px 1fr}.ollo-community21-trending-list>a>span{display:none}.ollo-community21-trending-list img{width:54px;height:54px}.ollo-community21-closing>div{padding:30px 22px}.ollo-community21-closing>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}}
@media(prefers-reduced-motion:reduce){.ollo-community21 *{scroll-behavior:auto!important}.ollo-community21 a,.ollo-community21 img{transition:none!important}}

/* RC21 preserves the exact supplied member-profile animation but makes it
   accessible when reduced motion is requested. */
@media(prefers-reduced-motion:reduce){.ollo-premium-profile-widget .ollo-type-stage{display:none!important}.ollo-premium-profile-widget .ollo-premium-inner{opacity:1!important;transform:none!important;animation:none!important}.ollo-premium-profile-widget .type-ollo,.ollo-premium-profile-widget .type-welcome{animation:none!important}}
.askollo-rc21-dashboard-body{margin-top:24px}