/* OLX Kenya / Zeta mobile item UI v3
 * Mobile presentation only. Desktop Zeta remains untouched.
 */
#olx-mobile-item{display:none}

@media only screen and (max-width:767px){
  :root{--olx-mobile-bottom-nav:68px;--olx-radius:16px}
  html,body{overflow-x:hidden!important}
  body#item{background:#f4f6f8!important;color:#172033}
  body#item.olx-mobile-menu-open{overflow:hidden!important}

  /* Zeta's breadcrumb is useful on desktop but wastes the compact mobile header. */
  body#item .breadcrumb,body#item .breadcrumbs,body#item #breadcrumb,body#item .bread,body#item .crumbs,body#item .page-breadcrumb{display:none!important}

  /* Hide Zeta's old mobile sticky controls; v3 uses a single safe-area-aware bar. */
  body#item .sticky-button.isMobile{display:none!important}
  body#item .data-box,body#item #rel-block,body#item #rel-user-block{display:none!important}

  #olx-mobile-item{
    display:block;position:relative;width:100%;max-width:767px;margin:0 auto;padding:0 0 calc(var(--olx-mobile-bottom-nav) + 78px);min-height:100vh;
    --olx-bg:#f4f6f8;--olx-card:#fff;--olx-card-2:#f8fafc;--olx-text:#172033;--olx-muted:#697386;--olx-border:#e3e8ef;
    --olx-accent:#3b49df;--olx-green:#19a957;--olx-purple:#6b3df5;--olx-orange:#ff9d2e;--olx-danger:#e94b5f;
    --olx-shadow:0 5px 18px rgba(20,30,50,.075);--olx-shadow2:0 12px 28px rgba(20,30,50,.12);
    background:var(--olx-bg)!important;color:var(--olx-text)!important;isolation:isolate;
  }
  #olx-mobile-item[data-theme="dark"]{
    --olx-bg:#0d1216;--olx-card:#151b20;--olx-card-2:#1a2127;--olx-text:#f3f6f8;--olx-muted:#a4adb6;--olx-border:#29323a;
    --olx-shadow:0 5px 18px rgba(0,0,0,.28);--olx-shadow2:0 12px 28px rgba(0,0,0,.35);
  }
  #olx-mobile-item *,#olx-mobile-item *:before,#olx-mobile-item *:after{box-sizing:border-box}
  #olx-mobile-item button,#olx-mobile-item input,#olx-mobile-item textarea{font:inherit}
  #olx-mobile-item a{color:inherit}
  #olx-mobile-item [hidden]{display:none!important}

  /* Compact gallery: title panel intentionally overlaps it. */
  .olx-mobile-gallery{position:relative;z-index:1;width:100%;margin:0;padding:0}
  .olx-mobile-gallery #item-image{display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;background:var(--olx-card)!important;border:0!important;border-radius:0 0 25px 25px!important;overflow:hidden!important;box-shadow:none!important}
  .olx-mobile-gallery #item-image .swiper-container{width:100%;margin:0!important;border-radius:0 0 25px 25px;overflow:hidden}
  .olx-mobile-gallery #item-image .swiper-slide{background:var(--olx-card-2)!important}
  .olx-mobile-gallery #item-image .swiper-slide img{display:block;width:100%;height:300px!important;object-fit:cover!important}
  .olx-mobile-gallery #item-image .swiper-thumbs{display:none!important}
  .olx-mobile-gallery #item-image .swiper-pg{right:14px!important;bottom:13px!important;border-radius:13px!important;padding:5px 10px!important;font-size:11px!important;background:rgba(10,14,18,.72)!important;color:#fff!important}
  .olx-mobile-gallery #item-image .mlink{width:38px!important;height:38px!important;top:14px!important;border-radius:12px!important;background:rgba(13,18,23,.68)!important;color:#fff!important;box-shadow:none!important}
  .olx-mobile-gallery #item-image .mlink.back{left:13px!important}.olx-mobile-gallery #item-image .mlink.share{right:13px!important;left:auto!important}
  .olx-mobile-gallery #item-image .swiper-button{width:40px!important;height:40px!important;right:12px!important;left:auto!important;margin-top:-20px!important}.olx-mobile-gallery #item-image .swiper-button i{width:40px!important;height:40px!important;line-height:40px!important;background:rgba(13,18,23,.68)!important;color:#fff!important;box-shadow:none!important}

  .olx-mobile-title-card{position:relative;z-index:5;margin:-27px 12px 0;padding:13px 14px 12px;background:var(--olx-card)!important;color:var(--olx-text)!important;border:1px solid var(--olx-border);border-radius:17px;box-shadow:var(--olx-shadow2);overflow:hidden}
  .olx-mobile-title-head{display:flex;align-items:flex-start;gap:7px}.olx-mobile-title-head h1{margin:0!important;flex:1;min-width:0;font-size:17px!important;line-height:1.24!important;font-weight:850!important;color:var(--olx-text)!important;word-break:break-word}
  .olx-title-more{width:31px;height:31px;flex:0 0 31px;border:0;border-radius:10px;background:var(--olx-card-2);color:var(--olx-text);display:flex;align-items:center;justify-content:center}
  .olx-mobile-price-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:7px}.olx-mobile-price-wrap{display:flex;align-items:center;gap:7px;min-width:0}.olx-mobile-price{color:var(--olx-green);font-size:18px;line-height:1.1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .olx-condition-badge{display:inline-flex;align-items:center;gap:4px;max-width:105px;padding:4px 7px;border-radius:999px;background:rgba(25,169,87,.1);border:1px solid rgba(25,169,87,.2);color:var(--olx-green);font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.olx-condition-badge i{font-size:8px}
  .olx-offer-button{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:33px;padding:7px 10px;border-radius:10px;color:#fff!important;background:linear-gradient(135deg,var(--olx-purple),var(--olx-accent));box-shadow:0 5px 13px rgba(75,67,220,.2);font-size:10px;font-weight:850;text-decoration:none!important;white-space:nowrap}.olx-offer-button i{font-size:10px}
  .olx-mobile-meta{display:flex;flex-wrap:wrap;gap:5px 9px;margin-top:8px;color:var(--olx-muted);font-size:10px;line-height:1.2}.olx-mobile-meta span{display:inline-flex;align-items:center;gap:4px}.olx-mobile-meta i{color:var(--olx-accent)}.olx-mobile-title-location{margin-top:7px;color:var(--olx-muted);font-size:10px;display:flex;align-items:center;gap:5px}.olx-mobile-title-location i{color:var(--olx-accent)}.olx-mobile-published{margin-top:4px;color:var(--olx-muted);font-size:9px}

  .olx-mobile-card{margin:9px 12px 0;background:var(--olx-card)!important;border:1px solid var(--olx-border);border-radius:var(--olx-radius);box-shadow:var(--olx-shadow);overflow:hidden;color:var(--olx-text)!important}.olx-section-title{display:flex;align-items:center;gap:8px;padding:12px 13px 8px;color:var(--olx-text)!important;font-size:14px}.olx-section-title.compact{padding-bottom:7px}.olx-icon{width:29px;height:29px;min-width:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px}.olx-icon.blue{background:color-mix(in srgb,var(--olx-accent) 12%,transparent);color:var(--olx-accent)}.olx-icon.green{background:rgba(25,169,87,.12);color:var(--olx-green)}.olx-icon.purple{background:rgba(107,61,245,.12);color:var(--olx-purple)}.olx-icon.orange{background:rgba(255,157,46,.13);color:var(--olx-orange)}

  .olx-message-box{padding:0 12px 12px}.olx-message-box input{width:100%;height:42px;border:1px solid var(--olx-border);background:var(--olx-card-2)!important;color:var(--olx-text)!important;border-radius:11px;padding:0 12px;outline:none}.olx-message-box input:focus{border-color:var(--olx-accent);box-shadow:0 0 0 3px rgba(59,73,223,.1)}#olx-send-message{width:100%;margin-top:7px;height:40px;border:0;border-radius:11px;background:var(--olx-accent)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:850;font-size:12px;cursor:pointer}.olx-chat-plugin-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}

  .olx-action-card{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 2px}.olx-action{min-width:0;height:61px;border:0;background:transparent!important;color:var(--olx-text)!important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;position:relative}.olx-action+.olx-action{border-left:1px solid var(--olx-border)}.olx-action b{font-size:10px;font-weight:750}.olx-action-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.olx-action-icon.save{background:rgba(239,82,82,.1);color:#ef5252}.olx-action-icon.share{background:rgba(25,169,87,.1);color:var(--olx-green)}.olx-action-icon.follow{background:rgba(107,61,245,.1);color:var(--olx-purple)}.olx-action-icon.more{background:rgba(105,115,135,.1);color:var(--olx-muted)}.olx-action.is-active .olx-action-icon.follow{background:var(--olx-purple);color:#fff}.olx-action.is-saved .olx-action-icon.save{background:#ef5252;color:#fff}
  #olx-save-plugin-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}

  .olx-description-card{padding-bottom:5px}.olx-description-card #olx-description-content{padding:0 13px;position:relative;max-height:calc(5 * 1.48em);overflow:hidden}.olx-description-card.is-expanded #olx-description-content{max-height:none}.olx-description-card #olx-description-content:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--olx-card));pointer-events:none}.olx-description-card.is-expanded #olx-description-content:after{display:none}.olx-description-card #olx-description-content .desc-text{font-size:13px;line-height:1.48;color:var(--olx-text)!important}.olx-read-more{border:0!important;background:transparent!important;color:var(--olx-accent)!important;font-weight:850;font-size:11px;display:flex;align-items:center;gap:6px;margin:2px auto 4px;padding:7px 10px;cursor:pointer}.olx-read-more[disabled]{display:none}

  .olx-details-card{padding-bottom:5px;opacity:.98}.olx-details-card .olx-section-title{padding-bottom:7px}.olx-details-card #olx-details-content{padding:0 13px;max-height:120px;overflow:hidden;position:relative}.olx-details-card.is-expanded #olx-details-content{max-height:none}.olx-details-card:not(.is-expanded) #olx-details-content:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--olx-card));pointer-events:none}.olx-details-card .props{padding:0!important;margin:0!important;background:transparent!important;border:0!important}.olx-details-card .props>h2{display:none!important}.olx-details-card .custom-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.olx-details-card .custom-fields .field{padding:7px 0;border-bottom:1px solid var(--olx-border);min-width:0}.olx-details-card .custom-fields .field .name{display:block;font-size:9px!important;color:var(--olx-muted)!important;margin:0 0 2px!important;font-weight:650!important}.olx-details-card .custom-fields .field .value{display:block;font-size:12px!important;line-height:1.3!important;color:var(--olx-text)!important;font-weight:800!important;word-break:break-word}.olx-details-card #item-hook{margin-top:3px}.olx-details-card #item-hook table{width:100%!important}.olx-details-card #item-hook table td{padding:5px 0!important;font-size:11px!important;color:var(--olx-text)!important}

  .olx-location-card{padding-bottom:9px}.olx-inline-toggle{width:100%;border:0;background:var(--olx-card-2)!important;color:var(--olx-accent)!important;border-radius:11px;padding:10px 11px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:850;cursor:pointer}.olx-inline-toggle i:last-child{margin-left:auto}.olx-location-card #olx-location-content{padding:0 11px 2px}.olx-location-card #olx-location-content .location{position:relative!important;top:auto!important;left:auto!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important}.olx-location-card #olx-location-content .location h2{display:none!important}.olx-location-card #olx-location-content .location .address{color:var(--olx-text)!important;font-size:11px!important;font-weight:750!important;line-height:1.35;margin-bottom:5px}.olx-location-card #olx-location-content .location .cords{color:var(--olx-muted)!important;font-size:9px}.olx-location-card #olx-location-content .directions{display:inline-flex!important;align-items:center;gap:6px;color:var(--olx-green)!important;font-weight:850;font-size:10px;text-decoration:none;margin:7px 0}.olx-location-card #olx-location-content #location-hook{margin-top:6px}.olx-location-card #olx-location-content iframe,.olx-location-card #olx-location-content .map,.olx-location-card #olx-location-content .leaflet-container,.olx-location-card #olx-location-content [class*="map"]{max-width:100%!important;border-radius:12px;overflow:hidden}.olx-location-card #olx-location-content img{max-width:100%;height:auto}

  .olx-next-steps{padding:0 13px 8px}.olx-next-steps .olx-section-title{padding-left:0}.olx-step{display:grid;grid-template-columns:29px 1fr;gap:9px;padding:7px 0;border-top:1px solid var(--olx-border)}.olx-step>span{width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,var(--olx-accent),var(--olx-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.olx-step strong{display:block;color:var(--olx-text);font-size:12px}.olx-step p{margin:2px 0 0;color:var(--olx-muted);font-size:10px;line-height:1.38}

  .olx-seller-card{padding:12px}.olx-seller-card #seller{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}.olx-seller-card #seller .line1{display:flex;align-items:center;gap:10px}.olx-seller-card #seller .line1 .img{width:48px;height:48px;min-width:48px;border-radius:14px;overflow:hidden;position:relative}.olx-seller-card #seller .line1 .img img{width:100%;height:100%;object-fit:cover}.olx-seller-card #seller .line1 .data{min-width:0}.olx-seller-card #seller .line1 .data .name{color:var(--olx-text)!important;font-size:16px!important;line-height:1.15!important;font-weight:900!important}.olx-seller-card #seller .line1 .data .items{color:var(--olx-muted)!important;font-size:10px!important;margin-top:3px}.olx-seller-card #seller .line1 .data .pro{display:inline-flex!important;margin-top:4px;background:var(--olx-accent)!important;color:#fff!important;font-size:8px!important;padding:3px 6px!important;border-radius:999px}.olx-seller-card #seller .line2{color:var(--olx-muted)!important;font-size:10px;display:flex;gap:8px;flex-wrap:wrap;margin:7px 0 0}.olx-seller-card #seller .line3{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.olx-seller-card #seller .line3 .address{width:100%;color:var(--olx-muted)!important;font-size:10px}.olx-seller-card #seller .line3 .phone{flex:1;min-width:110px;border-radius:9px!important;padding:7px!important;background:rgba(25,169,87,.08)!important;color:var(--olx-green)!important;border:1px solid rgba(25,169,87,.25)!important;font-size:10px}.olx-seller-card #seller .line-chat{display:none!important}.olx-seller-card #seller .line-rating{display:none!important}
  .olx-seller-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.olx-seller-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:var(--olx-card-2);border:1px solid var(--olx-border);font-size:9px;font-weight:800;color:var(--olx-text)}.olx-seller-badge.verified{color:var(--olx-accent);border-color:color-mix(in srgb,var(--olx-accent) 28%,var(--olx-border))}.olx-seller-badge.response{color:var(--olx-green);border-color:rgba(25,169,87,.25)}.olx-seller-badge i{font-size:9px}
  .olx-seller-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;gap:6px;margin-top:10px}.olx-seller-action{min-width:0;min-height:36px;border:1px solid var(--olx-border);border-radius:10px;background:var(--olx-card-2)!important;color:var(--olx-text)!important;display:flex;align-items:center;justify-content:center;gap:4px;text-decoration:none!important;font-size:9px;font-weight:850;padding:5px 3px}.olx-seller-action i{color:var(--olx-accent)}.olx-seller-action.phone i{color:var(--olx-green)}.olx-seller-action.whatsapp i{color:#18b955}.olx-seller-action.olx-store-fallback{grid-column:auto;min-width:0}.olx-seller-action.olx-store-fallback i{color:var(--olx-purple)}.olx-seller-action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .olx-why-seller{padding-bottom:9px}.olx-trust-grid{display:grid;grid-template-columns:1fr;gap:0;padding:0 12px}.olx-trust-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--olx-border)}.olx-trust-item>i{width:29px;height:29px;border-radius:9px;background:var(--olx-card-2);color:var(--olx-accent);display:flex;align-items:center;justify-content:center;font-size:11px}.olx-trust-item strong{display:block;color:var(--olx-text);font-size:11px}.olx-trust-item span{display:block;color:var(--olx-muted);font-size:9px;margin-top:2px}

  .olx-rating-follow-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:8px;margin:9px 12px 0}.olx-rating-follow-grid>.olx-mobile-card{margin:0}.olx-rating-card{padding:11px;min-height:94px}.olx-rating-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:var(--olx-text);font-size:10px}.olx-rating-count{color:var(--olx-muted);font-weight:700}.olx-rating-card .line-rating{margin:0!important}.olx-rating-card .ur-fdb{display:block!important}.olx-rating-card .strs{display:block;font-size:13px!important;line-height:17px;white-space:nowrap}.olx-rating-card .strs i,.olx-rating-card .strs .fa-star{font-size:13px!important;margin-right:1px}.olx-rating-card .lnk{display:block;margin-top:5px}.olx-rating-card .ur-button{display:inline-flex!important;align-items:center;justify-content:center;padding:6px 8px!important;border:1px solid var(--olx-accent)!important;border-radius:8px!important;color:var(--olx-accent)!important;font-size:9px!important;text-decoration:none!important}.olx-follow-card{padding:11px;min-height:94px;display:flex;align-items:center;justify-content:center}.olx-follow-placeholder{text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--olx-text);font-size:10px}.olx-follow-placeholder i{font-size:14px;color:var(--olx-purple)}.olx-follow-placeholder small{color:var(--olx-muted);font-size:8px}.olx-follow-real{width:100%;display:flex!important;align-items:center;justify-content:center;padding:8px;border-radius:9px;background:linear-gradient(135deg,var(--olx-purple),var(--olx-accent));color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:850}

  .olx-comments-card{padding:12px}.olx-comments-card #comments{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.olx-comments-card #comments>h2{margin:0 0 7px!important;padding:0!important;font-size:14px!important;color:var(--olx-text)!important}.olx-comments-card #comments .wrap{padding:0!important}.olx-comments-card #comments .comment{border-bottom:1px solid var(--olx-border);padding:8px 0}.olx-comments-card #comments .author .name{color:var(--olx-text)!important;font-size:11px!important}.olx-comments-card #comments .data .date{color:var(--olx-muted)!important;font-size:8px!important}.olx-comments-card #comments .body{color:var(--olx-text)!important;font-size:11px;line-height:1.4}.olx-comments-card #comments .empty-comments{color:var(--olx-muted)!important;margin:0 0 8px!important;font-size:10px}.olx-comment-composer{display:flex;align-items:center;gap:6px;margin-top:9px;padding:3px;border:1px solid var(--olx-border);background:var(--olx-card-2);border-radius:11px}.olx-comment-composer input{width:100%;height:37px;border:0;background:transparent!important;color:var(--olx-text)!important;outline:none;padding:0 8px;font-size:10px}.olx-comment-composer button{width:34px;height:31px;border:0;border-radius:9px;background:var(--olx-accent);color:#fff;cursor:pointer}

  .olx-safety-card{padding:11px;background:linear-gradient(135deg,rgba(255,157,46,.08),var(--olx-card))!important;border-color:rgba(255,157,46,.25)}#olx-mobile-safety #protection{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}#olx-mobile-safety #protection h2{font-size:12px!important;margin:0 0 3px!important;color:var(--olx-text)!important}#olx-mobile-safety #protection .point{display:none!important}#olx-mobile-safety #protection h2:before{content:"\f2e7";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--olx-orange);margin-right:6px}#olx-mobile-safety #protection:after{content:"Never pay a deposit before meeting the seller. Inspect the item and make payment only when you are satisfied.";display:block;color:var(--olx-muted);font-size:9px;line-height:1.35}

  .olx-mobile-related{margin:12px 12px 0}.olx-mobile-related:empty{display:none}.olx-mobile-related .related{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.olx-mobile-related .related>h2{color:var(--olx-text)!important;font-size:14px!important;margin:0 0 7px!important;padding:0!important}.olx-mobile-related .nice-scroll-wrap{overflow:visible!important}.olx-mobile-related .nice-scroll-prev,.olx-mobile-related .nice-scroll-next{display:none!important}.olx-mobile-related .products.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important}.olx-mobile-related .simple-prod{width:auto!important;min-width:0!important;margin:0!important}.olx-mobile-related .simple-prod .simple-wrap{border-radius:11px!important;overflow:hidden!important;background:var(--olx-card)!important;border:1px solid var(--olx-border)!important;box-shadow:var(--olx-shadow)!important}.olx-mobile-related .simple-prod .img-wrap{height:82px!important}.olx-mobile-related .simple-prod .img-wrap img{width:100%!important;height:82px!important;object-fit:cover!important}.olx-mobile-related .simple-prod .title{font-size:9px!important;line-height:1.2!important;color:var(--olx-text)!important;max-height:24px;overflow:hidden;padding:5px 6px 0!important}.olx-mobile-related .simple-prod .price{font-size:9px!important;color:var(--olx-accent)!important;padding:3px 6px 6px!important}.olx-mobile-related .simple-prod .description,.olx-mobile-related .simple-prod .extra,.olx-mobile-related .simple-prod .location,.olx-mobile-related .simple-prod .contact{display:none!important}

  .olx-more-menu{position:fixed;inset:0;z-index:999999;display:none}.olx-more-menu.is-open{display:block}.olx-more-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}.olx-more-panel{position:absolute;left:0;right:0;bottom:0;background:var(--olx-card)!important;border-radius:19px 19px 0 0;padding:7px 12px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -12px 35px rgba(0,0,0,.25);max-height:72vh;overflow:auto;color:var(--olx-text)!important}.olx-more-head{display:flex;align-items:center;justify-content:space-between;padding:7px 4px 10px;font-size:15px;border-bottom:1px solid var(--olx-border)}.olx-more-close{border:0;background:var(--olx-card-2);color:var(--olx-text);width:32px;height:32px;border-radius:9px}.olx-more-plugin-item,.olx-more-static{min-height:44px;display:flex!important;align-items:center;gap:10px;padding:9px 5px;border:0!important;border-bottom:1px solid var(--olx-border)!important;background:transparent!important;color:var(--olx-text)!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important}.olx-more-plugin-item i,.olx-more-static i{width:27px;text-align:center;color:var(--olx-accent)}.olx-more-plugin-item span{font-size:12px!important}.olx-more-menu .report-wrap{display:none!important}

  /* Safe-area-aware action bar; it intentionally stops above common bottom navigation. */
  body#item .olx-mobile-bottom-actions{position:fixed;left:10px;right:10px;bottom:calc(var(--olx-mobile-bottom-nav) + env(safe-area-inset-bottom) + 7px);z-index:800;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border:1px solid var(--olx-border);border-radius:14px;background:color-mix(in srgb,var(--olx-card) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.18)}
  body#item .olx-mobile-bottom-actions a{height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-size:10px;font-weight:850}.olx-bottom-message{background:var(--olx-accent);color:#fff!important}.olx-bottom-call{background:var(--olx-green);color:#fff!important}

  /* Strongly neutralize Zeta dark/light rules inside the new mobile tree. */
  #olx-mobile-item input,#olx-mobile-item textarea,#olx-mobile-item select{color-scheme:light dark}#olx-mobile-item[data-theme="light"] *{--olx-leak-bg:transparent}#olx-mobile-item[data-theme="dark"] .olx-mobile-card,#olx-mobile-item[data-theme="dark"] .olx-mobile-title-card,#olx-mobile-item[data-theme="dark"] .olx-location-card,#olx-mobile-item[data-theme="dark"] .olx-more-panel{background:var(--olx-card)!important;color:var(--olx-text)!important}#olx-mobile-item[data-theme="dark"] .olx-description-card #olx-description-content:after,#olx-mobile-item[data-theme="dark"] .olx-details-card:not(.is-expanded) #olx-details-content:after{background:linear-gradient(to bottom,rgba(21,27,32,0),var(--olx-card))}
}

@media only screen and (min-width:768px){#olx-mobile-item{display:none!important}}

/* OLX Kenya Mobile Item UI v4 refinements */
@media only screen and (max-width:767px){
  html,body{background:#f4f6f8!important}
  body#item.olx-mobile-light{background:#f4f6f8!important;color:#172033!important}
  body#item.olx-mobile-dark{background:#0d1216!important;color:#f3f6f8!important}
  body#item.olx-mobile-light .container.primary{background:#f4f6f8!important}
  body#item.olx-mobile-dark .container.primary{background:#0d1216!important}

  #olx-mobile-item[data-theme="light"]{--olx-bg:#f4f6f8;--olx-card:#fff;--olx-card-2:#f8fafc;--olx-text:#172033;--olx-muted:#697386;--olx-border:#e3e8ef}
  #olx-mobile-item[data-theme="dark"]{--olx-bg:#0d1216;--olx-card:#151b20;--olx-card-2:#1a2127;--olx-text:#f3f6f8;--olx-muted:#aeb7c0;--olx-border:#2b353e}
  #olx-mobile-item[data-theme="light"],#olx-mobile-item[data-theme="dark"]{background:var(--olx-bg)!important;color:var(--olx-text)!important}
  #olx-mobile-item[data-theme="light"] .olx-mobile-card,#olx-mobile-item[data-theme="light"] .olx-mobile-title-card,#olx-mobile-item[data-theme="light"] .olx-more-panel{background:var(--olx-card)!important;color:var(--olx-text)!important}
  #olx-mobile-item[data-theme="dark"] .olx-mobile-card,#olx-mobile-item[data-theme="dark"] .olx-mobile-title-card,#olx-mobile-item[data-theme="dark"] .olx-more-panel{background:var(--olx-card)!important;color:var(--olx-text)!important}
  #olx-mobile-item[data-theme="light"] input,#olx-mobile-item[data-theme="light"] textarea{color-scheme:light!important}
  #olx-mobile-item[data-theme="dark"] input,#olx-mobile-item[data-theme="dark"] textarea{color-scheme:dark!important}

  /* Compact title panel: the condition badge sits at the bottom-right. */
  .olx-mobile-title-card{margin:-24px 12px 0!important;padding:12px 13px 30px!important;border-radius:16px!important;min-height:0!important}
  .olx-mobile-title-head h1{font-size:17px!important;line-height:1.25!important;color:var(--olx-text)!important}
  .olx-mobile-price-row{margin-top:7px!important;justify-content:flex-start!important;gap:9px!important}
  .olx-mobile-price{font-size:16px!important;line-height:1.1!important}
  .olx-offer-button{min-height:31px!important;padding:6px 10px!important;font-size:10px!important}
  .olx-mobile-meta{font-size:10.5px!important;gap:5px 8px!important;margin-top:8px!important}
  .olx-category-link{color:var(--olx-accent)!important;text-decoration:none!important;font-weight:750!important}
  .olx-category-link:hover{text-decoration:underline!important}
  .olx-mobile-title-location{font-size:10.5px!important}
  .olx-mobile-published{font-size:9.5px!important}
  .olx-condition-badge{position:absolute!important;right:12px!important;bottom:9px!important;max-width:none!important;padding:4px 8px!important;font-size:9px!important;border-radius:999px!important;box-shadow:none!important}
  .olx-condition-badge.used{background:rgba(255,157,46,.12)!important;border-color:rgba(255,157,46,.25)!important;color:#d98100!important}
  .olx-condition-badge.new{background:rgba(25,169,87,.12)!important;border-color:rgba(25,169,87,.25)!important;color:var(--olx-green)!important}

  .olx-mobile-card{font-size:14px!important}
  .olx-section-title{font-size:14.5px!important}
  .olx-message-box input{height:44px!important;font-size:13px!important}
  #olx-send-message{height:42px!important;font-size:12.5px!important}
  .olx-action{height:62px!important}
  .olx-action b{font-size:11px!important}
  .olx-action-icon{width:35px!important;height:35px!important;font-size:14px!important}

  /* Ten-line description. JS supplies the exact max-height. */
  .olx-description-card #olx-description-content{font-size:14px!important;line-height:1.5!important}
  .olx-description-card #olx-description-content .desc-text{font-size:14px!important;line-height:1.5!important}
  .olx-description-card.is-expanded #olx-description-content{max-height:none!important}
  .olx-description-card.has-more #olx-description-toggle{display:flex!important}
  .olx-read-more{font-size:12px!important;padding:8px 10px!important}

  /* Details only contains .custom-fields; no message/follow/rating plugin controls. */
  .olx-details-card{position:relative!important}
  .olx-details-card:not(.is-expanded) #olx-details-content{max-height:120px!important;overflow:hidden!important;position:relative!important}
  .olx-details-card:not(.is-expanded) #olx-details-content:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55px;background:linear-gradient(to bottom,transparent,var(--olx-card));pointer-events:none}
  .olx-details-card.is-expanded #olx-details-content{max-height:none!important}
  .olx-details-card .custom-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 12px!important}
  .olx-details-card .custom-fields .field{min-width:0!important;padding:7px 0!important;border-bottom:1px solid var(--olx-border)!important}
  .olx-details-card .custom-fields .name{display:block!important;color:var(--olx-muted)!important;font-size:10.5px!important;margin-bottom:2px!important}
  .olx-details-card .custom-fields .value{display:block!important;color:var(--olx-text)!important;font-size:12.5px!important;font-weight:700!important;word-break:break-word!important}

  /* Compact map. */
  .olx-location-card{padding-bottom:10px!important}
  .olx-inline-toggle{width:calc(100% - 24px)!important;margin:2px 12px 0!important;min-height:40px!important;border:1px solid var(--olx-border)!important;background:var(--olx-card-2)!important;color:var(--olx-text)!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:11.5px!important;font-weight:800!important}
  .olx-inline-toggle i:first-child{color:var(--olx-green)!important}.olx-inline-toggle i:last-child{margin-left:2px!important;color:var(--olx-muted)!important}
  #olx-location-content{padding:8px 12px 0!important}
  #olx-location-content iframe,#olx-location-content .leaflet-container,#olx-location-content .map,#olx-location-content .map-container{width:100%!important;height:180px!important;border:0!important;border-radius:13px!important;overflow:hidden!important}
  #olx-location-content img{max-width:100%!important}

  /* Seller card: stable server-rendered card and remaining width reserved for Store. */
  .olx-seller-card{padding:12px!important}
  .olx-seller-head{display:flex!important;align-items:center!important;gap:10px!important}
  .olx-seller-avatar{position:relative!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:15px!important;overflow:hidden!important;background:var(--olx-card-2)!important}
  .olx-seller-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  .olx-online-dot{position:absolute!important;right:3px!important;bottom:3px!important;width:10px!important;height:10px!important;border:2px solid var(--olx-card)!important;border-radius:50%!important;background:#a8b0b8!important}.olx-online-dot.on{background:#18b955!important}
  .olx-seller-main{min-width:0!important;flex:1!important}
  .olx-seller-name{display:block!important;color:var(--olx-text)!important;font-size:15px!important;font-weight:850!important;text-decoration:none!important;line-height:1.15!important}
  .olx-seller-listings{display:block!important;color:var(--olx-muted)!important;font-size:11px!important;margin-top:3px!important}
  .olx-seller-badges{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:6px!important}
  .olx-seller-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 7px!important;border-radius:999px!important;font-size:9px!important;font-weight:800!important;background:var(--olx-card-2)!important;border:1px solid var(--olx-border)!important;color:var(--olx-text)!important}
  .olx-seller-badge.verified{color:var(--olx-accent)!important}.olx-seller-badge.response{color:var(--olx-green)!important}
  .olx-seller-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:9px 0!important;color:var(--olx-muted)!important;font-size:10px!important}
  .olx-seller-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr 2fr!important;gap:6px!important;margin-top:7px!important}
  .olx-seller-action{min-width:0!important;min-height:38px!important;font-size:10px!important;border-radius:10px!important;padding:6px 4px!important}
  .olx-seller-action.olx-store-fallback{grid-column:auto!important}
  .olx-seller-action span{font-size:10px!important}

  /* Rating + Follow: normal mobile type, compact stars, real plugin rating link. */
  .olx-rating-follow-grid{gap:8px!important}
  .olx-rating-card,.olx-follow-card{min-height:104px!important;padding:12px!important}
  .olx-rating-heading{font-size:12px!important}
  .olx-rating-live{margin-top:8px!important}
  .olx-rating-stars,.olx-rating-stars *{font-size:15px!important;line-height:18px!important}
  .olx-rating-review-link{display:block!important;margin-top:8px!important;font-size:11px!important}
  .olx-rating-review-link a,.olx-rating-card .ur-button{font-size:11px!important;padding:6px 9px!important;border-radius:8px!important}
  .olx-rating-empty{font-size:11px!important;color:var(--olx-muted)!important;margin-top:10px!important}
  .olx-follow-card-button{width:100%!important;min-height:72px!important;border:0!important;background:transparent!important;color:var(--olx-text)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;border-radius:11px!important}
  .olx-follow-card-button i{font-size:15px!important;color:var(--olx-purple)!important}.olx-follow-card-button strong{font-size:12px!important}.olx-follow-card-button small{font-size:9px!important;color:var(--olx-muted)!important}
  .olx-follow-card-button.is-active{background:linear-gradient(135deg,var(--olx-purple),var(--olx-accent))!important;color:#fff!important}.olx-follow-card-button.is-active i,.olx-follow-card-button.is-active small{color:#fff!important}
  .olx-follow-hidden-source{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

  /* Why seller is deliberately after rating/follow/comments. */
  .olx-why-seller{padding-bottom:8px!important}
  .olx-trust-grid{padding:0 12px!important}
  .olx-trust-item{padding:10px 0!important}
  .olx-trust-item strong{font-size:12px!important;color:var(--olx-text)!important}.olx-trust-item span{font-size:10px!important;color:var(--olx-muted)!important}

  /* Comments: live original comments plus a proper composer. */
  .olx-comments-card{padding:12px!important}
  .olx-comments-card #comments>h2{font-size:15px!important}
  .olx-comments-card #comments .comment .body{font-size:12px!important}
  .olx-comment-composer{margin-top:10px!important;padding:4px!important}
  .olx-comment-composer input{height:40px!important;font-size:12px!important}
  .olx-comment-composer button{width:37px!important;height:34px!important}

  /* More sheet: real proxy actions, never hidden by original report-wrap CSS. */
  .olx-more-panel{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}
  .olx-more-proxy{width:100%!important;min-height:46px!important;display:flex!important;align-items:center!important;gap:11px!important;border:0!important;border-bottom:1px solid var(--olx-border)!important;background:transparent!important;color:var(--olx-text)!important;font-size:13px!important;font-weight:750!important;text-align:left!important}
  .olx-more-proxy i{width:28px!important;text-align:center!important;color:var(--olx-accent)!important}

  /* Do not create a second related-listing UI. Default Zeta related block is allowed to render. */
  #olx-mobile-related{display:none!important}

  /* Remove the experimental floating bottom action bar entirely. */
  body#item .olx-mobile-bottom-actions{display:none!important}
  body#item .sticky-button.isMobile{display:none!important}
  #olx-mobile-item{padding-bottom:26px!important}

  /* Prevent Zeta dark/light selectors from leaking into the mobile tree. */
  #olx-mobile-item[data-theme="light"] *{--background:var(--olx-card);--text:var(--olx-text)}
  #olx-mobile-item[data-theme="dark"] *{--background:var(--olx-card);--text:var(--olx-text)}
}
@media only screen and (max-width:767px){#olx-save-plugin-source{position:absolute!important;left:-99999px!important;top:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}}


/* OLX Kenya Mobile UI v5 corrective layer */
@media only screen and (max-width:767px){
  html,body,body#item,.container.primary{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;overflow-x:hidden!important}
  body#item .container.primary{padding-left:0!important;padding-right:0!important;background:var(--olx-page-bg,#f4f6f8)!important}
  body#item.olx-mobile-dark .container.primary{background:#0d1216!important}
  body#item.olx-mobile-light .container.primary{background:#f4f6f8!important}

  /* Never let the hidden original item tree affect mobile layout. Related items remain visible outside it. */
  body#item .data-box{display:none!important}
  body#item #rel-block,body#item #rel-user-block{display:block!important}

  /* Server-rendered mobile gallery: independent of Zeta's Swiper initialization. */
  .olx-mobile-gallery{display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;z-index:1!important}
  .olx-gallery-shell{position:relative!important;width:100%!important;overflow:hidden!important;background:var(--olx-card)!important;border-radius:0 0 24px 24px!important}
  .olx-gallery-track{display:flex!important;width:100%!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .olx-gallery-track::-webkit-scrollbar{display:none!important}
  .olx-gallery-slide{position:relative!important;flex:0 0 100%!important;width:100%!important;height:300px!important;scroll-snap-align:start!important;display:block!important;overflow:hidden!important;background:var(--olx-card-2)!important}
  .olx-gallery-slide img{display:block!important;width:100%!important;height:300px!important;object-fit:cover!important;margin:0!important;border:0!important}
  .olx-gallery-nav{position:absolute!important;top:14px!important;width:39px!important;height:39px!important;border:0!important;border-radius:12px!important;background:rgba(13,18,23,.72)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:4!important;text-decoration:none!important;font-size:15px!important}
  .olx-gallery-nav.back{left:13px!important}.olx-gallery-nav.share{right:13px!important}
  .olx-gallery-count{position:absolute!important;right:14px!important;bottom:13px!important;padding:5px 10px!important;border-radius:12px!important;background:rgba(10,14,18,.72)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;z-index:4!important}
  .olx-gallery-dots{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;display:flex!important;gap:5px!important;z-index:4!important}
  .olx-gallery-dots span{width:6px!important;height:6px!important;border-radius:50%!important;background:rgba(255,255,255,.55)!important}.olx-gallery-dots span.active{background:#fff!important;transform:scale(1.25)}
  .olx-gallery-empty{height:240px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--olx-card-2)!important;color:var(--olx-muted)!important;font-size:32px!important}

  /* Compact title card. Make Offer is on the right wall, condition badge is bottom-right. */
  .olx-mobile-title-card{position:relative!important;margin:-24px 12px 0!important;padding:12px 13px 30px!important;z-index:5!important}
  .olx-mobile-title-head{position:relative!important;display:block!important;padding-right:112px!important;min-height:35px!important}
  .olx-mobile-title-head h1{font-size:17px!important;line-height:1.28!important;min-height:34px!important;color:var(--olx-text)!important}
  .olx-mobile-title-head .olx-offer-button{position:absolute!important;right:0!important;top:0!important;min-height:31px!important;height:31px!important;padding:6px 9px!important;font-size:10px!important;border-radius:10px!important}
  .olx-mobile-price-row{justify-content:flex-start!important;margin-top:5px!important}.olx-mobile-price{font-size:16px!important}
  .olx-condition-badge{right:12px!important;bottom:8px!important;font-size:9px!important}

  /* Seller action row: Message + Call + full-width remaining Store. */
  .olx-seller-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,2fr)!important;gap:6px!important;width:100%!important}
  .olx-seller-action{width:100%!important;min-width:0!important;padding:7px 6px!important;font-size:10px!important;white-space:nowrap!important;overflow:visible!important}
  .olx-seller-action span{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:10px!important}
  .olx-seller-action.olx-store-fallback{grid-column:auto!important}

  /* Modern seller rating/follow cards. */
  .olx-rating-follow-grid{grid-template-columns:1.12fr .88fr!important;gap:8px!important}
  .olx-rating-card,.olx-follow-card{min-height:126px!important;padding:12px!important;border-radius:15px!important}
  .olx-rating-heading{margin-bottom:7px!important;font-size:12px!important}
  .olx-rating-heading small{display:block!important;margin-top:2px!important;color:var(--olx-muted)!important;font-size:9px!important;font-weight:650!important}
  .olx-rating-score{font-size:23px!important;font-weight:900!important;color:var(--olx-text)!important;line-height:1!important}
  .olx-rating-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important}
  .olx-rating-stars,.olx-rating-stars *{font-size:13px!important;line-height:16px!important;letter-spacing:0!important}
  .olx-rating-review-link{margin-left:auto!important}.olx-rating-review-link a,.olx-rating-card .ur-button{display:inline-flex!important;padding:6px 8px!important;border-radius:8px!important;font-size:9px!important;font-weight:800!important;border:1px solid var(--olx-accent)!important;color:var(--olx-accent)!important;background:transparent!important;text-decoration:none!important;white-space:nowrap!important}
  .olx-rating-footer{display:flex!important;justify-content:space-between!important;gap:5px!important;margin-top:12px!important;padding-top:8px!important;border-top:1px solid var(--olx-border)!important;color:var(--olx-muted)!important;font-size:8.5px!important}.olx-rating-footer i{color:var(--olx-green)!important;margin-right:3px!important}
  .olx-follow-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}.olx-follow-top strong{display:block!important;font-size:12px!important;color:var(--olx-text)!important}.olx-follow-top small{display:block!important;margin-top:2px!important;color:var(--olx-muted)!important;font-size:8.5px!important}.olx-follow-top>i{font-size:15px!important;color:var(--olx-purple)!important}
  .olx-follow-stats{display:grid!important;grid-template-columns:1fr 1fr!important;margin:9px 0!important;padding:8px 0!important;border-top:1px solid var(--olx-border)!important;border-bottom:1px solid var(--olx-border)!important;text-align:center!important}.olx-follow-stats>div+div{border-left:1px solid var(--olx-border)!important}.olx-follow-stats b{display:block!important;font-size:16px!important;line-height:1!important;color:var(--olx-text)!important}.olx-follow-stats span{display:block!important;margin-top:3px!important;font-size:8px!important;color:var(--olx-muted)!important}.olx-follow-card-button{min-height:31px!important;border:1px solid var(--olx-purple)!important;background:transparent!important;color:var(--olx-purple)!important;flex-direction:row!important;gap:5px!important;border-radius:9px!important}.olx-follow-card-button i{font-size:11px!important}.olx-follow-card-button strong{font-size:10px!important}.olx-follow-card-button small{display:none!important}.olx-follow-card-button.is-active{background:linear-gradient(135deg,var(--olx-purple),var(--olx-accent))!important;border-color:transparent!important;color:#fff!important}

  /* Related: let Zeta render its own related block, but center it and use a compact 3-column grid. */
  body#item #rel-block,body#item #rel-user-block{width:100%!important;max-width:767px!important;margin:12px auto 0!important;padding:0 12px!important;box-sizing:border-box!important;position:relative!important;left:auto!important;right:auto!important}
  body#item #rel-block .related,body#item #rel-user-block .related{width:100%!important;margin:0!important}
  body#item #rel-block .related h2,body#item #rel-user-block .related h2{font-size:15px!important;color:var(--olx-text)!important;margin:0 0 8px!important}
  body#item #rel-block .products.grid,body#item #rel-user-block .products.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  body#item #rel-block .simple-prod,body#item #rel-user-block .simple-prod{width:auto!important;min-width:0!important;margin:0!important}
  body#item #rel-block .simple-wrap,body#item #rel-user-block .simple-wrap{width:100%!important;min-width:0!important;border-radius:12px!important;overflow:hidden!important;background:var(--olx-card)!important;border:1px solid var(--olx-border)!important}
  body#item #rel-block .img-wrap,body#item #rel-user-block .img-wrap{height:82px!important}body#item #rel-block .img-wrap img,body#item #rel-user-block .img-wrap img{height:82px!important;width:100%!important;object-fit:cover!important}
  body#item #rel-block .title,body#item #rel-user-block .title{font-size:9px!important;line-height:1.25!important;color:var(--olx-text)!important;padding:5px 6px 0!important;max-height:25px!important;overflow:hidden!important}
  body#item #rel-block .price,body#item #rel-user-block .price{font-size:9px!important;color:var(--olx-accent)!important;padding:3px 6px 6px!important}
  body#item #rel-block .description,body#item #rel-user-block .description,body#item #rel-block .extra,body#item #rel-user-block .extra,body#item #rel-block .contact,body#item #rel-user-block .contact{display:none!important}

  /* Keep the whole mobile presentation centered. */
  #olx-mobile-item{width:100%!important;max-width:767px!important;margin:0 auto!important}
}

/* ================================================================
   OLX Kenya Mobile UI v6 — focused refinements
   Only related listings, Attributes integration and bottom navigation.
   The approved v5 visual system remains unchanged.
   ================================================================ */
@media only screen and (max-width:767px){

  /* ---------------------------------------------------------------
     REAL Zeta related listings
     Image + title only. Larger image, tighter spacing, centered.
     --------------------------------------------------------------- */
  body#item #olx-default-related-anchor{
    display:block!important;
    width:100%!important;
    max-width:767px!important;
    margin:12px auto 0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
  }
  body#item #olx-default-related-anchor #rel-block.olx-related-mounted,
  body#item #olx-default-related-anchor #rel-user-block.olx-related-mounted{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
  }
  body#item #olx-default-related-anchor .related>h2{
    margin:0 0 7px!important;
    padding:0 2px!important;
    color:var(--olx-text)!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }
  body#item #olx-default-related-anchor .nice-scroll-wrap{
    width:100%!important;
    overflow:visible!important;
  }
  body#item #olx-default-related-anchor .products.grid{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
  }
  body#item #olx-default-related-anchor .simple-prod{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body#item #olx-default-related-anchor .simple-wrap{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--olx-card)!important;
    border:1px solid var(--olx-border)!important;
    border-radius:12px!important;
    box-shadow:var(--olx-shadow)!important;
  }
  body#item #olx-default-related-anchor .img-wrap{
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--olx-card-2)!important;
  }
  body#item #olx-default-related-anchor .img-wrap img{
    display:block!important;
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    object-fit:cover!important;
    margin:0!important;
  }
  /* No price, location, badges, views, seller thumbnail or other metadata. */
  body#item #olx-default-related-anchor .simple-prod .price,
  body#item #olx-default-related-anchor .simple-prod .description,
  body#item #olx-default-related-anchor .simple-prod .extra,
  body#item #olx-default-related-anchor .simple-prod .location,
  body#item #olx-default-related-anchor .simple-prod .contact,
  body#item #olx-default-related-anchor .simple-prod .info,
  body#item #olx-default-related-anchor .simple-prod .user-image,
  body#item #olx-default-related-anchor .simple-prod .favorite,
  body#item #olx-default-related-anchor .simple-prod .svi-save-btn,
  body#item #olx-default-related-anchor .simple-prod .counter,
  body#item #olx-default-related-anchor .simple-prod .category{
    display:none!important;
  }
  body#item #olx-default-related-anchor .simple-prod .title{
    display:block!important;
    width:100%!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:6px 7px 7px!important;
    overflow:hidden!important;
    color:var(--olx-text)!important;
    background:var(--olx-card)!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-decoration:none!important;
  }
  body#item #olx-default-related-anchor .simple-prod .title a{
    color:var(--olx-text)!important;
    text-decoration:none!important;
  }
  body#item #olx-default-related-anchor .simple-prod:hover .simple-wrap{
    transform:translateY(-1px);
  }

  /* ---------------------------------------------------------------
     Attributes plugin / vehicle Details
     --------------------------------------------------------------- */
  #olx-mobile-details .custom-fields,
  #olx-mobile-details #item-hook{
    width:100%!important;
  }
  #olx-mobile-details #item-hook{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  #olx-mobile-details #item-hook h2,
  #olx-mobile-details #item-hook .title{
    display:none!important;
  }
  #olx-mobile-details #item-hook table{
    width:100%!important;
    margin:0!important;
    border-collapse:collapse!important;
    background:transparent!important;
  }
  #olx-mobile-details #item-hook table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:7px 0!important;
    border-bottom:1px solid var(--olx-border)!important;
  }
  #olx-mobile-details #item-hook table td{
    width:auto!important;
    padding:0!important;
    color:var(--olx-text)!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
  #olx-mobile-details #item-hook table td:first-child{
    color:var(--olx-muted)!important;
    font-weight:650!important;
  }
  #olx-mobile-details #item-hook table td:last-child{
    font-weight:800!important;
    text-align:right!important;
  }
  #olx-mobile-details #item-hook .list-other-attributes,
  #olx-mobile-details #item-hook .job-detail{
    margin:0!important;
    padding:0!important;
  }
  #olx-mobile-details #item-hook .list-other-attributes li,
  #olx-mobile-details #item-hook .job-detail>div{
    width:50%!important;
    margin:0!important;
    padding:8px 4px 8px 28px!important;
    font-size:12px!important;
    line-height:1.3!important;
    color:var(--olx-text)!important;
    box-sizing:border-box!important;
  }
  #olx-mobile-details #item-hook .master-button,
  #olx-mobile-details #item-hook .line-chat,
  #olx-mobile-details #item-hook .line-rating,
  #olx-mobile-details #item-hook .ur-fdb,
  #olx-mobile-details #item-hook .favorite,
  #olx-mobile-details #item-hook .follow,
  #olx-mobile-details #item-hook .make-offer-link,
  #olx-mobile-details #item-hook .svi-save-btn,
  #olx-mobile-details #item-hook .contact,
  #olx-mobile-details #item-hook button,
  #olx-mobile-details #item-hook input[type="submit"]{
    display:none!important;
  }
  #olx-mobile-details.is-revealed{
    animation:olxDetailsReveal .22s ease-out;
  }
  @keyframes olxDetailsReveal{
    from{opacity:.55;transform:translateY(-3px)}
    to{opacity:1;transform:none}
  }

  /* ---------------------------------------------------------------
     Zeta bottom navigation — preserve its existing item names,
     but give it the compact floating/glass treatment from the sample.
     --------------------------------------------------------------- */
  body#item #navi-bar{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:58px!important;
    min-height:58px!important;
    z-index:9000!important;
    display:flex!important;
    align-items:stretch!important;
    padding:4px!important;
    gap:3px!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    border-radius:19px!important;
    box-shadow:0 10px 28px rgba(20,30,50,.18),0 2px 7px rgba(20,30,50,.08)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  }
  body#item #navi-bar a{
    flex:1 1 0!important;
    max-width:none!important;
    height:50px!important;
    min-width:0!important;
    margin:0!important;
    padding:5px 3px!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    color:#6d7480!important;
    background:transparent!important;
    text-decoration:none!important;
    position:relative!important;
    transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important;
  }
  body#item #navi-bar a>svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    fill:currentColor!important;
    background:transparent!important;
    padding:0!important;
  }
  body#item #navi-bar a>span{
    width:100%!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    word-break:normal!important;
    font-size:9px!important;
    line-height:12px!important;
    font-weight:750!important;
    letter-spacing:0!important;
  }
  body#item #navi-bar a.active{
    color:var(--olx-accent,#3b49df)!important;
    background:rgba(59,73,223,.10)!important;
    box-shadow:inset 0 0 0 1px rgba(59,73,223,.08)!important;
  }
  body#item #navi-bar a.active>svg{fill:currentColor!important}
  body#item #navi-bar a.active>span{font-weight:900!important}
  body#item #navi-bar a.active:not(.post):after{display:none!important}
  body#item #navi-bar a.post{
    align-self:center!important;
    height:46px!important;
    margin:0 1px!important;
    border-radius:15px!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--olx-accent,#3b49df),#6b3df5)!important;
    box-shadow:0 7px 16px rgba(59,73,223,.25)!important;
  }
  body#item #navi-bar a.post>svg{
    width:21px!important;
    height:21px!important;
    background:transparent!important;
    fill:#fff!important;
    padding:0!important;
  }
  body#item #navi-bar a.post>span{color:#fff!important}
  body#item #navi-bar .counter{
    top:2px!important;
    right:8px!important;
    left:auto!important;
    height:15px!important;
    min-width:15px!important;
    line-height:15px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:var(--olx-accent,#3b49df)!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:900!important;
  }

  /* Dark mode version of the same glass navigation. */
  body#item.olx-mobile-dark #navi-bar,
  #olx-mobile-item[data-theme="dark"]~* #navi-bar{
    background:rgba(24,30,35,.86)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.38),0 2px 7px rgba(0,0,0,.22)!important;
  }
  body#item.olx-mobile-dark #navi-bar a{
    color:#aeb7c0!important;
  }
  body#item.olx-mobile-dark #navi-bar a.active{
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  body#item.olx-mobile-dark #navi-bar a.post{
    color:#fff!important;
    background:linear-gradient(135deg,var(--olx-accent,#3b49df),#6b3df5)!important;
  }

  /* The page itself already reserves space for the navigation. Keep the
     final content safely above the floating bar. */
  body#item .container.primary{padding-bottom:8px!important}
  #olx-mobile-item{padding-bottom:calc(var(--olx-mobile-bottom-nav) + 28px)!important}
}

/* ================================================================
   ZETA ITEM SURGICAL FIXES — v2
   No visual redesign: width, hierarchy, real data and mobile fit only.
   ================================================================ */
@media only screen and (max-width:767px){
  /* True viewport fit: fix sizing rather than relying on a clipped child. */
  html,body{max-width:100%;}
  body#item{overflow-x:clip!important;}
  body#item #olx-mobile-item{width:100%;max-width:100vw;min-width:0;overflow-x:clip;}
  body#item #olx-mobile-item .olx-mobile-card,
  body#item #olx-mobile-item .olx-mobile-title-card,
  body#item #olx-mobile-item .olx-rating-follow-grid,
  body#item #olx-mobile-item .olx-related-mobile-card{max-width:calc(100% - 24px);min-width:0;}
  body#item #olx-mobile-item .olx-mobile-card *,
  body#item #olx-mobile-item .olx-mobile-title-card *{min-width:0;max-width:100%;}

  /* Full-width title hierarchy. */
  .olx-mobile-title-head{display:block!important;padding:0!important;min-height:0!important;width:100%!important;}
  .olx-mobile-h1{display:block;width:100%;font-size:19px!important;line-height:1.28!important;font-weight:900!important;letter-spacing:-.01em;color:var(--olx-text)!important;overflow-wrap:anywhere;word-break:normal;}

  /* Price + real Make Offer share one logical row. */
  .olx-mobile-price-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:10px!important;margin-top:9px!important;min-width:0!important;}
  .olx-mobile-price-wrap{flex:1 1 auto!important;min-width:0!important;}
  .olx-mobile-price{font-size:20px!important;line-height:1.12!important;font-weight:950!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .olx-offer-button{position:static!important;flex:0 0 auto!important;min-width:0!important;max-width:48%;height:auto!important;min-height:34px!important;padding:7px 10px!important;font-size:10px!important;}

  /* Status badges are in a flow row so Premium can never collide with condition/status. */
  .olx-status-badges{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important;margin-top:8px!important;width:100%!important;}
  .olx-status-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:100%!important;min-height:23px!important;padding:4px 8px!important;border-radius:999px!important;font-size:9px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .olx-status-badge.premium{background:rgba(255,184,34,.15)!important;border:1px solid rgba(255,184,34,.32)!important;color:#d89000!important;}
  .olx-status-badge.condition.new{background:rgba(25,169,87,.10)!important;border:1px solid rgba(25,169,87,.20)!important;color:var(--olx-green)!important;}
  .olx-status-badge.condition.used{background:rgba(255,157,46,.12)!important;border:1px solid rgba(255,157,46,.25)!important;color:#d98100!important;}
  .olx-status-badge.sold{background:rgba(233,75,95,.10)!important;border:1px solid rgba(233,75,95,.22)!important;color:#d83d52!important;}
  .olx-status-badge.reserved{background:rgba(107,61,245,.10)!important;border:1px solid rgba(107,61,245,.22)!important;color:var(--olx-purple)!important;}
  .olx-status-badge.expired{background:rgba(105,115,135,.10)!important;border:1px solid rgba(105,115,135,.22)!important;color:var(--olx-muted)!important;}

  /* Slightly clearer item metadata without increasing the layout footprint. */
  .olx-mobile-meta{font-size:10.5px!important;line-height:1.25!important;gap:5px 9px!important;}
  .olx-mobile-title-location{font-size:10.5px!important;}
  .olx-mobile-published{font-size:9.5px!important;}

  /* Description is server-bound to the actual listing record. */
  #olx-description-content.olx-live-description{width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  #olx-description-content.olx-live-description img,
  #olx-description-content.olx-live-description iframe,
  #olx-description-content.olx-live-description table{max-width:100%!important;}

  /* Rating now lives inside the seller card; no duplicate standalone rating panel. */
  #olx-mobile-rating-follow.olx-follow-only{display:block!important;margin:0 12px!important;max-width:calc(100% - 24px)!important;}
  #olx-mobile-rating-follow.olx-follow-only .olx-follow-card{margin:9px 0 0!important;width:100%!important;max-width:none!important;}
  #olx-mobile-seller>.olx-rating-card{display:block!important;width:100%!important;max-width:none!important;margin:10px 0 0!important;box-shadow:none!important;background:var(--olx-card-2)!important;}
  #olx-mobile-seller>.olx-rating-card .olx-rating-score{font-size:20px!important;}
  #olx-mobile-seller>.olx-rating-card .olx-rating-main{min-width:0!important;}

  /* Related listings: two real items per row, unique server-resolved images. */
  body#item #olx-mobile-related{display:block!important;width:calc(100% - 24px)!important;max-width:none!important;margin:10px 12px 0!important;padding:0!important;}
  #olx-mobile-related .olx-related-heading{padding:12px 13px 8px;font-size:15px;font-weight:900;color:var(--olx-text);}
  #olx-mobile-related .olx-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 10px 10px!important;width:100%!important;}
  #olx-mobile-related .olx-related-item{min-width:0!important;width:100%!important;border:1px solid var(--olx-border);border-radius:12px;overflow:hidden;background:var(--olx-card-2);box-shadow:var(--olx-shadow);}
  #olx-mobile-related .olx-related-image{display:block!important;width:100%!important;height:126px!important;overflow:hidden!important;background:var(--olx-card)!important;}
  #olx-mobile-related .olx-related-image img{display:block!important;width:100%!important;height:126px!important;object-fit:cover!important;}
  #olx-mobile-related .olx-related-data{padding:7px!important;min-width:0!important;}
  #olx-mobile-related .olx-related-title{display:block!important;color:var(--olx-text)!important;font-size:11px!important;line-height:1.25!important;font-weight:800!important;text-decoration:none!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
  #olx-mobile-related .olx-related-price{margin-top:5px;color:var(--olx-accent);font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #olx-mobile-related .olx-related-location{margin-top:3px;color:var(--olx-muted);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #olx-mobile-related .olx-related-location i{color:var(--olx-green);margin-right:3px;}

  /* Ensure no flex child can establish a wider-than-viewport formatting box. */
  .olx-mobile-title-card,.olx-mobile-title-head,.olx-mobile-price-row,.olx-mobile-meta,.olx-rating-follow-grid,.olx-seller-head,.olx-seller-main,.olx-seller-actions,.olx-comment-composer{min-width:0!important;max-width:100%!important;}
}

@media only screen and (max-width:359px){
  .olx-mobile-h1{font-size:18px!important;}
  .olx-mobile-price{font-size:18px!important;}
  .olx-offer-button{padding-left:8px!important;padding-right:8px!important;font-size:9px!important;}
  #olx-mobile-related .olx-related-image,#olx-mobile-related .olx-related-image img{height:108px!important;}
}

/* ================================================================
   ITEM PATCH v3 — surgical corrections only
   ================================================================ */
@media only screen and (max-width:767px){
  /* The mobile item tree owns its width. No child is allowed to establish
     an angled/overflowing title panel on narrow screens. */
  html, body, body#item, body#item .container.primary{width:100%!important;max-width:100%!important;min-width:0!important;}
  body#item{overflow-x:hidden!important;}
  body#item #olx-mobile-item{width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:clip!important;}
  body#item #olx-mobile-item .olx-mobile-title-card{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important;box-sizing:border-box!important;transform:none!important;}
  body#item #olx-mobile-item .olx-mobile-title-head{width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;overflow:visible!important;}
  body#item #olx-mobile-item .olx-mobile-h1{width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;}

  /* Preserve the approved price/offer row while making both sides fit at 320px. */
  #olx-mobile-item .olx-mobile-price-row{width:100%!important;max-width:100%!important;min-width:0!important;}
  #olx-mobile-item .olx-mobile-price-wrap{min-width:0!important;flex:1 1 auto!important;}
  #olx-mobile-item .olx-offer-button{flex:0 0 auto!important;max-width:46%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  /* Description toggle: JS controls the state; do not let the old inline
     measurement rule fight the expanded state. */
  #olx-mobile-description #olx-description-content{transition:max-height .2s ease!important;}
  #olx-mobile-description.is-expanded #olx-description-content{max-height:none!important;overflow:visible!important;}
  #olx-mobile-description:not(.is-expanded) #olx-description-content{overflow:hidden!important;}
  #olx-mobile-description.has-more #olx-description-toggle{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}

  /* Rating is part of the seller card, not a separate rating panel. */
  #olx-mobile-seller .olx-seller-rating-inline{display:block!important;margin:10px 0 0!important;padding:10px 11px!important;border:1px solid var(--olx-border)!important;border-radius:12px!important;background:var(--olx-card-2)!important;color:var(--olx-text)!important;min-width:0!important;max-width:100%!important;}
  #olx-mobile-seller .olx-rating-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 6px!important;color:var(--olx-text)!important;}
  #olx-mobile-seller .olx-rating-heading strong{font-size:11px!important;font-weight:900!important;}
  #olx-mobile-seller .olx-rating-heading small{display:block!important;margin-top:2px!important;color:var(--olx-muted)!important;font-size:8.5px!important;font-weight:700!important;}
  #olx-mobile-seller .olx-rating-score{font-size:20px!important;line-height:1!important;font-weight:950!important;color:var(--olx-text)!important;}
  #olx-mobile-seller .olx-rating-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;}
  #olx-mobile-seller .olx-rating-stars{display:flex!important;align-items:center!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;}
  #olx-mobile-seller .olx-rating-stars i,#olx-mobile-seller .olx-rating-stars .fa-star{font-size:13px!important;line-height:16px!important;margin-right:1px!important;}
  #olx-mobile-seller .olx-rating-review-link{margin-left:auto!important;flex:0 0 auto!important;}
  #olx-mobile-seller .olx-rating-review-link a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 8px!important;border:1px solid var(--olx-accent)!important;border-radius:8px!important;background:transparent!important;color:var(--olx-accent)!important;font-size:9px!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important;}
  #olx-mobile-seller .olx-rating-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:8px!important;padding-top:7px!important;border-top:1px solid var(--olx-border)!important;color:var(--olx-muted)!important;font-size:8px!important;}
  #olx-mobile-seller .olx-rating-footer i{color:var(--olx-green)!important;margin-right:3px!important;}

  /* Follow is intentionally below the seller card. It is shown only when
     the installation exposes a real follow control. */
  #olx-mobile-rating-follow.olx-follow-only{display:block!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:9px 12px 0!important;}
  #olx-mobile-rating-follow.olx-follow-only .olx-follow-card{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:11px!important;background:var(--olx-card)!important;color:var(--olx-text)!important;}
  #olx-mobile-rating-follow .olx-follow-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
  #olx-mobile-rating-follow .olx-follow-top strong{display:block!important;color:var(--olx-text)!important;font-size:12px!important;font-weight:900!important;}
  #olx-mobile-rating-follow .olx-follow-top small{display:block!important;margin-top:2px!important;color:var(--olx-muted)!important;font-size:8.5px!important;}
  #olx-mobile-rating-follow .olx-follow-top>i{color:var(--olx-purple)!important;font-size:15px!important;}
  #olx-mobile-rating-follow .olx-follow-card-button{width:100%!important;min-height:36px!important;margin-top:9px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid var(--olx-purple)!important;border-radius:9px!important;background:transparent!important;color:var(--olx-purple)!important;}
  #olx-mobile-rating-follow .olx-follow-card-button strong{font-size:10px!important;}
  #olx-mobile-rating-follow .olx-follow-card-button small{font-size:8px!important;color:var(--olx-muted)!important;}
  #olx-mobile-rating-follow .olx-follow-card-button.is-active{background:linear-gradient(135deg,var(--olx-purple),var(--olx-accent))!important;color:#fff!important;border-color:transparent!important;}
  #olx-mobile-rating-follow .olx-follow-card-button.is-active small{color:#fff!important;}
  .olx-follow-hidden-source{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}

  /* Real source favorite control remains in Zeta's DOM; it is only visually
     hidden so the plugin's delegated handlers keep working. */
  #olx-save-plugin-source{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}

  /* Theme surfaces always follow the mobile tree's live theme variables. */
  #olx-mobile-item[data-theme="light"]{--olx-bg:#f4f6f8;--olx-card:#fff;--olx-card-2:#f8fafc;--olx-text:#172033;--olx-muted:#697386;--olx-border:#e3e8ef;}
  #olx-mobile-item[data-theme="dark"]{--olx-bg:#0d1216;--olx-card:#151b20;--olx-card-2:#1a2127;--olx-text:#f3f6f8;--olx-muted:#aeb7c0;--olx-border:#2b353e;}
  #olx-mobile-item[data-theme="light"],#olx-mobile-item[data-theme="dark"]{background:var(--olx-bg)!important;color:var(--olx-text)!important;}
  #olx-mobile-item[data-theme="light"] .olx-mobile-card,#olx-mobile-item[data-theme="light"] .olx-mobile-title-card,#olx-mobile-item[data-theme="light"] .olx-follow-card,#olx-mobile-item[data-theme="light"] .olx-seller-rating-inline{background:var(--olx-card)!important;color:var(--olx-text)!important;}
  #olx-mobile-item[data-theme="dark"] .olx-mobile-card,#olx-mobile-item[data-theme="dark"] .olx-mobile-title-card,#olx-mobile-item[data-theme="dark"] .olx-follow-card,#olx-mobile-item[data-theme="dark"] .olx-seller-rating-inline{background:var(--olx-card)!important;color:var(--olx-text)!important;}
}

/* FINAL ITEM PAGE INTEGRATION */
@media only screen and (max-width:767px){
  /* Item header uses Zeta's real AJAX search control instead of the logo. */
  body#item header .cmain > .logo{display:none!important;}
  body#item header .cmain .csearch-init.isMobile{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0 8px!important;}
  body#item header .cmain .csearch-init.isMobile .search-init{min-width:0!important;width:100%!important;}

  /* Seller card: rating is part of the card; contact actions stay at the bottom. */
  #olx-mobile-seller{display:flex!important;flex-direction:column!important;}
  #olx-mobile-seller .olx-seller-rating-inline{order:3!important;}
  #olx-mobile-seller .olx-seller-actions{order:4!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid var(--olx-border)!important;}
  #olx-mobile-seller .olx-seller-actions .olx-seller-action{min-width:0!important;width:100%!important;}

  /* Keep the follow card directly below the seller card and show only real plugin data. */
  #olx-mobile-rating-follow[hidden]{display:none!important;}
  #olx-mobile-rating-follow .olx-follow-stats[hidden]{display:none!important;}
  #olx-mobile-rating-follow .olx-follow-stats{grid-template-columns:1fr 1fr!important;}

  /* The old instructional/trust blocks are not part of the approved compact item flow. */
  #olx-next-steps,#olx-why-seller,#olx-mobile-safety{display:none!important;}

  /* Real plugin controls are kept in the DOM but never visually compete with the mobile UI. */
  #olx-follow-source,#olx-save-plugin-source{display:none!important;}
}