:root{
  --imo-blue:#26225b;
  --imo-gold:#26225b;
  --imo-muted:#8b96a8;
  --imo-border:#e4e8ef;
}

html,body{
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
}

*{box-sizing:border-box}

.imo-banner{
  width:100%;
  height:auto;
  min-height:0;
  overflow:visible;
  background:#fff;
  color:#111827;
  padding:24px 44px 28px;
}

.imo-inner{
  width:100%;
  max-width:1480px;
  margin:0 auto;
  height:auto;
  min-height:0;
  overflow:visible;
}

.imo-header{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
  margin:0 0 32px;
}

.imo-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.imo-logo-img{
  display:block;
  width:min(420px, 72vw);
  height:auto;
  max-height:92px;
  object-fit:contain;
}

.imo-carousel{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  gap:16px;
  height:auto;
  min-height:0;
  overflow:visible;
}

.imo-track-wrap{
  width:100%;
  height:auto;
  min-height:0;
  overflow:visible;
}

.imo-track{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:34px;
  align-items:start;
}

.imo-card{
  min-width:0;
  text-align:center;
  overflow:visible;
}

.imo-image-link{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  max-height:230px;
  border:1px solid var(--imo-border);
  background:#f4f7fb;
  overflow:hidden;
}

.imo-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.imo-type{
  margin:12px 0 5px;
  color:#000;
  font-size:15px;
  line-height:1.1;
  font-weight:900;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.imo-price,
.imo-details,
.imo-location{
  margin:0;
  color:var(--imo-muted);
  font-size:14px;
  line-height:1.38;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.imo-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  margin-bottom:10px;
  min-height:34px;
  padding:8px 15px;
  background:var(--imo-blue);
  color:#fff;
  border-radius:999px;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight:700;
}

.imo-nav{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:transparent;
  color:var(--imo-blue);
  font-size:48px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  padding:0;
  z-index:2;
}

.imo-next{
  border:1px dotted var(--imo-blue);
  border-radius:50%;
  font-size:42px;
}

.imo-nav:disabled{
  opacity:.25;
  cursor:default;
}

.imo-footer{
  height:auto;
  min-height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#000;
  font-size:14px;
  font-weight:700;
  margin-top:8px;
}

.imo-loading{
  grid-column:1/-1;
  text-align:center;
  color:var(--imo-muted);
  padding:40px;
}

@media(min-width:1500px){
  .imo-banner{padding-left:58px;padding-right:58px}
  .imo-track{gap:38px}
  .imo-image-link{max-height:240px}
}

@media(max-width:1200px){
  .imo-banner{padding:24px 34px 28px}
  .imo-header{margin-bottom:30px}
  .imo-logo-img{width:min(390px, 70vw);max-height:88px}
  .imo-image-link{max-height:210px}
}

@media(max-width:900px){
  .imo-banner{padding:24px 30px 30px}
  .imo-header{margin-bottom:28px}
  .imo-logo-img{width:min(360px, 68vw);max-height:82px}
  .imo-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .imo-carousel{grid-template-columns:36px minmax(0,1fr) 36px}
  .imo-nav{width:36px;height:36px}
  .imo-image-link{max-height:230px}
}

@media(max-width:560px){
  .imo-banner{padding:20px 18px 30px}
  .imo-header{margin-bottom:24px}
  .imo-logo-img{width:min(290px, 76vw);max-height:72px}
  .imo-carousel{grid-template-columns:30px minmax(0,1fr) 30px;gap:8px}
  .imo-track{grid-template-columns:1fr;gap:0}
  .imo-image-link{max-height:none}
  .imo-type{font-size:17px;margin-top:12px;-webkit-line-clamp:3}
  .imo-price,.imo-details,.imo-location{font-size:14px}
  .imo-cta{font-size:14px;min-height:34px;margin-top:9px;margin-bottom:12px}
  .imo-nav{width:30px;height:30px;font-size:38px}
  .imo-next{font-size:34px}
  .imo-footer{font-size:13px;margin-top:6px}
}

@media(max-width:360px){
  .imo-banner{padding-left:12px;padding-right:12px}
  .imo-logo-img{width:min(260px, 78vw);max-height:64px}
  .imo-type{font-size:16px}
}