/* Orekonect mobile discovery hero — a cohesive app-home surface. */
@media (max-width: 767px) {
  :root { --hero-green:#0b3d2e; --hero-green-soft:#145a43; --hero-orange:#FF7000; --hero-surface:#f4f7f4; --hero-line:rgba(255,255,255,.14); }
  .newview-topbar { min-height:64px; padding:11px 18px 9px; background:#f8faf8; border-bottom:1px solid #e5ece6; }
  .newview-logo { width:30px; height:30px; border-radius:10px; background:var(--hero-green); box-shadow:none; }.newview-brandname { font-size:17px; }.newview-top-actions { gap:9px; }.newview-icon-btn { width:40px; height:40px; border:1px solid #e1e9e3; border-radius:13px; box-shadow:none; }.newview-icon-btn svg { width:18px; height:18px; }
  .newview-content { padding:0 18px 24px; background:var(--hero-surface); }
  .newview-hero { position:relative; overflow:hidden; padding:16px 16px 13px; border-radius:0 0 26px 26px; background:var(--hero-green); box-shadow:0 10px 22px rgba(5,51,33,.14); }
  .newview-hero::after { display:none; }.newview-hero-context { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:8px; }.newview-hero .newview-eyebrow { color:rgba(255,255,255,.62); font-size:8.5px; font-weight:700; letter-spacing:.14em; }.newview-location { display:inline-flex; min-height:28px; align-items:center; padding:5px 9px; border:1px solid var(--hero-line); border-radius:10px; background:rgba(255,255,255,.07); color:#fff; font:inherit; font-size:10px; font-weight:600; line-height:1; }.newview-location::before { width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--hero-orange); content:''; }.newview-location span { display:none; }
  .newview-hero h1 { position:relative; z-index:1; margin:13px 0 0; color:#fff; font-family:'Poppins',system-ui,sans-serif; font-size:26px; line-height:1.08; letter-spacing:-.7px; }.newview-sub { position:relative; z-index:1; max-width:265px; margin:6px 0 0; color:rgba(255,255,255,.7); font-size:11px; line-height:1.45; }
  .newview-hero .hero-promo { position:relative; z-index:1; margin-top:14px; }.hero-promo__viewport { position:relative; height:132px; overflow:hidden; border:1px solid var(--hero-line); border-radius:20px; background:var(--hero-green-soft); box-shadow:0 7px 15px rgba(0,0,0,.14); touch-action:pan-y; }.hero-promo__slide { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1.32fr) minmax(108px,.82fr); overflow:hidden; background:var(--hero-green-soft); opacity:0; pointer-events:none; transform:translateX(8%); transition:opacity .36s ease,transform .36s ease; }.hero-promo__slide.is-active { z-index:1; opacity:1; pointer-events:auto; transform:translateX(0); }.hero-promo__slide::after { position:absolute; inset:0; background:linear-gradient(90deg,#145a43 0%,rgba(20,90,67,.94) 48%,rgba(20,90,67,.1) 100%); content:''; }.hero-promo__copy { position:relative; z-index:2; display:flex; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; padding:12px 4px 12px 13px; }.hero-promo__kicker { margin:0 0 4px; color:#FF7000; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.hero-promo__copy h2 { max-width:178px; margin:0; color:#fff; font-family:'Poppins',system-ui,sans-serif; font-size:14px; line-height:1.14; letter-spacing:-.25px; }.hero-promo__copy>p:not(.hero-promo__kicker) { display:-webkit-box; max-width:166px; overflow:hidden; margin:4px 0 7px; color:rgba(255,255,255,.73); font-size:8.8px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.hero-promo__copy a { display:inline-flex; min-height:27px; align-items:center; gap:4px; padding:6px 8px; border-radius:8px; background:var(--hero-orange); color:#173b2c; font-size:8.8px; font-weight:800; line-height:1; }.hero-promo__copy a:active { transform:scale(.96); }.hero-promo__slide img { width:100%; height:100%; object-fit:cover; object-position:center; }.hero-promo__dots { display:flex; justify-content:center; gap:5px; margin-top:8px; }.hero-promo__dots button { width:6px; height:6px; padding:0; border:0; border-radius:99px; background:rgba(255,255,255,.38); cursor:pointer; }.hero-promo__dots button.is-active { width:16px; background:var(--hero-orange); }.hero-promo__dots button:focus-visible,.hero-promo__copy a:focus-visible { outline:2px solid #fff; outline-offset:2px; }
  .newview-discovery { padding:13px 0 0; background:transparent; }.newview-discovery .newview-chips { display:flex; gap:8px; margin:0; padding:0 0 2px; overflow-x:auto; scrollbar-width:none; }.newview-discovery .newview-chips::-webkit-scrollbar { display:none; }.newview-discovery .newview-chips a { display:inline-flex; min-height:34px; flex:none; align-items:center; padding:7px 13px; border:1px solid #dce7df; border-radius:99px; background:#fff; color:#536d5e; font-size:10.5px; font-weight:600; }.newview-discovery .newview-chips a.is-active { border-color:var(--hero-green); background:var(--hero-green); color:#fff; }
  .newview-tiles { margin-top:24px; }
}
@media (max-width:359px) {
  .newview-topbar { padding-right:14px; padding-left:14px; }.newview-content { padding-right:13px; padding-left:13px; }.newview-hero { padding:15px 13px 12px; }.newview-hero h1 { font-size:24px; }.hero-promo__viewport { height:126px; }.hero-promo__slide { grid-template-columns:minmax(0,1.45fr) minmax(82px,.58fr); }.hero-promo__copy { padding-left:11px; }.hero-promo__copy h2 { font-size:13px; }.hero-promo__copy>p:not(.hero-promo__kicker) { font-size:8.3px; }
}
@media (min-width:768px) { .hero-promo { display:none; } }
@media (prefers-reduced-motion:reduce) { .hero-promo__slide { transition:none; } }
/* Final product polish: a compact, touch-first marketplace app home. */
@media (max-width: 767px) {
  .newview-content { padding-top:12px; }
  .newview-hero {
    padding:16px;
    border-radius:24px;
    background:#0b3d2e;
    box-shadow:0 12px 24px rgba(6,55,36,.16);
  }
  .newview-hero-context { min-height:30px; }
  .newview-location { min-height:30px; border-radius:11px; transition:background .18s ease,transform .18s ease; }
  .newview-location:active { background:rgba(255,255,255,.14); transform:scale(.97); }
  .newview-location span { display:inline; margin-left:5px; font-size:11px; }
  .newview-hero h1 { margin-top:15px; font-size:27px; letter-spacing:-.8px; }
  .newview-sub { margin-top:7px; font-size:11.5px; }
  .newview-hero .hero-promo { margin-top:15px; }
  .hero-promo__viewport { height:140px; border-radius:19px; }
  .hero-promo__slide { grid-template-columns:minmax(0,1.28fr) minmax(112px,.86fr); }
  .hero-promo__copy { padding:13px 3px 12px 14px; }
  .hero-promo__copy h2 { font-size:14.5px; }.hero-promo__copy > p:not(.hero-promo__kicker) { margin-top:5px; margin-bottom:8px; font-size:9px; }
  .hero-promo__copy a { min-height:32px; padding:7px 10px; border-radius:9px; font-size:9px; }.hero-promo__copy a span { font-size:13px; line-height:1; }
  .hero-promo__dots { margin-top:9px; }
  .newview-discovery { padding-top:12px; }.newview-discovery .newview-chips { gap:7px; }.newview-discovery .newview-chips a { min-height:36px; padding:8px 13px; border-radius:11px; font-size:10.5px; }.newview-discovery .newview-chips a.is-active { box-shadow:0 5px 10px rgba(11,61,46,.14); }
  .newview-tiles { margin-top:25px; }
}
@media (max-width:359px) {
  .newview-content { padding-top:10px; }.newview-hero { padding:14px; }.newview-hero h1 { font-size:25px; }.hero-promo__viewport { height:132px; }.hero-promo__copy a { min-height:29px; padding:6px 8px; }
}

/* Smooth directional carousel transition. */
@media (max-width: 767px) {
  .hero-promo__slide { transform:translate3d(13%,0,0); transition:opacity .5s ease,transform .5s cubic-bezier(.22,.8,.24,1); will-change:transform,opacity; }
  .hero-promo__slide.is-active { transform:translate3d(0,0,0); }
  .hero-promo__slide.is-leaving { z-index:0; opacity:0; transform:translate3d(-12%,0,0); }
  .hero-promo__dots button { transition:width .3s ease,background .3s ease,transform .3s ease; }
  .hero-promo__dots button.is-active { transform:scale(1.04); }
}