/* CITYMAR925 · READABLE HOME FINAL
   Goal: phone/PC readability similar to mainstream mobile apps.
   Stored business/category/description data and SEO/AEO output remain intact.
   This block changes only presentation. */

/* Top identity: keep only useful information, make it readable. */
body.direct-ad-site .top-logo-link,
body.direct-ad-site .cityma-aeo-business-card,
body.direct-ad-site .cityma-aeo-taxonomy-label{
    display:none !important;
}
body.direct-ad-site .viewer-top-bar > .cityma-public-nickname-global{
    font-size:13.5px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
}
body.direct-ad-site .app-container .supplier-brand-hero > span:first-child{
    font-size:2.18rem !important;
    line-height:1.02 !important;
}
body.direct-ad-site .app-container .supplier-brand-hero > span:nth-child(2){
    font-size:1.02rem !important;
    line-height:1.08 !important;
    transform:none !important;
}

/* Address: remove the decorative grey card; keep the address itself large/clickable. */
body.direct-ad-site .top-address-box{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    padding:2px 0 !important;
    margin-top:3px !important;
    min-height:0 !important;
    color:#fff !important;
}
body.direct-ad-site .top-address-box .top-addr-text-wrap,
body.direct-ad-site .top-address-box .top-addr-line1,
body.direct-ad-site .top-address-box .top-addr-line2,
body.direct-ad-site .top-address-box .top-addr-line3{
    color:#fff !important;
    font-size:14.5px !important;
    line-height:1.18 !important;
    font-weight:750 !important;
    text-shadow:0 1px 3px rgba(0,0,0,.95) !important;
}

/* Classification: no black cards and no small labels. Keep only Main/Sub values. */
body.direct-ad-site .cityma-aeo-taxonomy-strip{
    width:48% !important;
    max-width:190px !important;
    gap:2px !important;
    right:7px !important;
}
body.direct-ad-site .cityma-aeo-main-card,
body.direct-ad-site .cityma-aeo-sub-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:1px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}
body.direct-ad-site .cityma-aeo-main-card .cityma-aeo-taxonomy-value,
body.direct-ad-site .cityma-aeo-sub-card .cityma-aeo-taxonomy-value{
    color:#fff !important;
    font-size:15.5px !important;
    line-height:1.16 !important;
    font-weight:900 !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-shadow:0 1px 4px rgba(0,0,0,.98) !important;
}

/* Lower information lane: larger type, fewer visible lines, no crowding. */
body.cityma-has-ai-launcher.cityma-marketplace .info-box,
body.cityma-has-ai-launcher.direct-ad-site .info-box{
    bottom:128px !important;
    height:140px !important;
    min-height:140px !important;
    max-height:140px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .info-inner,
body.cityma-has-ai-launcher.direct-ad-site .info-box .info-inner{
    grid-template-rows:3px 42px 28px 67px !important;
    height:140px !important;
    min-height:140px !important;
    max-height:140px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .price-action-row,
body.cityma-has-ai-launcher.direct-ad-site .info-box .price-action-row{
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .action-btn-inline,
body.cityma-has-ai-launcher.direct-ad-site .info-box .action-btn-inline{
    min-height:38px !important;
    font-size:15px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .btn-main-txt,
body.cityma-has-ai-launcher.direct-ad-site .info-box .btn-main-txt{
    font-size:15px !important;
    line-height:1 !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .inline-contact-action,
body.cityma-has-ai-launcher.direct-ad-site .info-box .inline-contact-action{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .inline-contact-action .material-icons-outlined,
body.cityma-has-ai-launcher.direct-ad-site .info-box .inline-contact-action .material-icons-outlined{
    font-size:22px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .title-text,
body.cityma-has-ai-launcher.direct-ad-site .info-box .title-text{
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:1px 0 0 !important;
    margin:0 !important;
    font-size:17px !important;
    line-height:1.16 !important;
    font-weight:900 !important;
    transform:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
body.cityma-has-ai-launcher.cityma-marketplace .info-box .desc-bg,
body.cityma-has-ai-launcher.direct-ad-site .info-box .desc-bg{
    position:relative !important;
    top:0 !important;
    transform:none !important;
    z-index:8000 !important;
    height:67px !important;
    min-height:67px !important;
    max-height:67px !important;
    padding:2px 0 0 !important;
    margin:0 !important;
    background:#000 !important;
    color:#fff !important;
    font-size:15.5px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
}

/* Susan: keep the function, enlarge text/touch targets. */
body.cityma-has-ai-launcher.cityma-marketplace > .app-container > .cityma-robbang-launcher,
body.cityma-has-ai-launcher.direct-ad-site > .app-container > .cityma-robbang-launcher{
    bottom:60px !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace > .app-container > .cityma-robbang-launcher .cityma-robbang-link,
body.cityma-has-ai-launcher.direct-ad-site > .app-container > .cityma-robbang-launcher .cityma-robbang-link{
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    grid-template-columns:50px minmax(0,1fr) 50px !important;
    column-gap:8px !important;
    padding:3px 7px !important;
    border-radius:34px !important;
}
body.cityma-has-ai-launcher.cityma-marketplace > .app-container > .cityma-robbang-launcher .cityma-robbang-sub,
body.cityma-has-ai-launcher.direct-ad-site > .app-container > .cityma-robbang-launcher .cityma-robbang-sub{
    font-size:12.5px !important;
    line-height:1.08 !important;
}
body.cityma-has-ai-launcher.cityma-marketplace > .app-container > .cityma-robbang-launcher .cityma-robbang-go,
body.cityma-has-ai-launcher.direct-ad-site > .app-container > .cityma-robbang-launcher .cityma-robbang-go{
    width:50px !important;
    height:50px !important;
    font-size:27px !important;
}

/* Bottom menu: still six functions, but readable. */
body.cityma-marketplace .bottom-nav,
body.direct-ad-site .bottom-nav{
    bottom:0 !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    padding:1px 2px 2px !important;
}
body.cityma-marketplace .bottom-nav .nav-item,
body.direct-ad-site .bottom-nav .nav-item{
    font-size:10px !important;
    line-height:1.05 !important;
    gap:1px !important;
}
body.cityma-marketplace .bottom-nav .nav-item .material-icons-outlined,
body.direct-ad-site .bottom-nav .nav-item .material-icons-outlined{
    font-size:24px !important;
}

@media(max-width:768px){
  body.direct-ad-site .top-address-box .top-addr-text-wrap,
  body.direct-ad-site .top-address-box .top-addr-line1,
  body.direct-ad-site .top-address-box .top-addr-line2,
  body.direct-ad-site .top-address-box .top-addr-line3{font-size:14px !important;}
  body.direct-ad-site .cityma-aeo-main-card .cityma-aeo-taxonomy-value,
  body.direct-ad-site .cityma-aeo-sub-card .cityma-aeo-taxonomy-value{font-size:15px !important;}
}