/* Scope resets to the recently viewed component, including the search theme's overrides. */
body:is(#search,body) :is(#recent-ads,#rel-block){margin-top:36px;clear:both}
body:is(#search,body) :is(#recent-ads,#rel-block)>h2{margin:0 0 20px!important;font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#284d67}
body:is(#search,body) :is(#recent-ads,#rel-block) .nice-scroll-wrap{overflow:visible!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .nice-scroll-prev,body:is(#search,body) :is(#recent-ads,#rel-block) .nice-scroll-next{display:none!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .products.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%!important;max-width:100%;margin:0!important;padding:0!important;overflow:visible!important;white-space:normal!important;align-items:stretch}
body:is(#search,body) :is(#recent-ads,#rel-block) .products.grid>.simple-prod{display:flex!important;float:none!important;width:100%!important;max-width:100%;min-width:0;margin:0!important;padding:0!important;height:auto!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod>.simple-wrap{display:flex!important;flex-direction:column!important;width:100%;height:100%!important;min-width:0;box-sizing:border-box;margin:0!important;padding:0!important;border:1px solid #dce6f1;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 3px 12px #28496006;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .top-wrap,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .data>.info,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .data>.title,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .location,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .wd-project-facts,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .wd-project-facts-source,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .description,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .price.standalone{display:none!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap{position:relative!important;float:none!important;flex:0 0 auto;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10;margin:0!important;padding:0!important;background:#edf3f8;overflow:hidden;border:0!important;border-radius:0!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap>a.img{position:relative!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:6px!important;overflow:hidden}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap>a.img>img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center;transform:none!important;border-radius:7px}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap.wd-portrait-preview>a.img{padding:0!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap.wd-portrait-preview>a.img>img{object-fit:cover!important;object-position:center top!important;border-radius:0}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .data{display:flex!important;flex-direction:column!important;flex:1;gap:12px;float:none!important;width:auto!important;min-width:0;height:auto!important;box-sizing:border-box;margin:0!important;padding:18px 20px 20px!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .title2{order:1;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3!important;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;max-height:none!important;min-height:67px;height:auto!important;margin:0!important;padding:0!important;font-size:16px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:0;color:#284d67;text-decoration:none}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .extra{order:0;display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;float:none!important;width:auto!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;color:#627b91;font-size:11px;line-height:1.5}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .extra>span{display:none!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .extra>.e4{display:inline-flex!important;float:none!important;width:auto!important;margin:0!important;padding:4px 9px!important;border-radius:6px;background:#f0f5fb;color:#55728b;font-size:11px;font-weight:600;line-height:1.5}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .extra>.e4:before,body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .extra>.e4:after{display:none!important;content:none!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .price.isGrid{order:2;display:block!important;position:static!important;float:none!important;width:100%!important;height:auto!important;margin:auto 0 0!important;padding:14px 0 0!important;border-top:1px solid #edf1f6;background:none!important;white-space:normal!important;font-size:20px!important;line-height:1.35!important;font-weight:750!important;color:#285a47;text-align:left}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .price.isGrid span{color:inherit}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod a:focus-visible{outline:3px solid #326bda;outline-offset:-3px;border-radius:8px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod>.simple-wrap:hover{transform:translateY(-3px);border-color:#a9c3eb;box-shadow:0 10px 26px #28496012}}
@media(max-width:1000px){body:is(#search,body) :is(#recent-ads,#rel-block) .products.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:540px){body:is(#search,body) :is(#recent-ads,#rel-block)>h2{font-size:22px}body:is(#search,body) :is(#recent-ads,#rel-block) .products.grid{grid-template-columns:1fr;gap:16px}body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .data{padding:16px 18px 18px!important}body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .title2{min-height:0}body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap{aspect-ratio:16/10}}
html[mode=dark] body:is(#search,body) :is(#recent-ads,#rel-block)>h2,html[mode=dark] body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .title2{color:#d1e5f4}html[mode=dark] body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod>.simple-wrap{background:#233c51;border-color:#3e596e}html[mode=dark] body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap{background:#1b3143}html[mode=dark] body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .extra>.e4{background:#1b3143;color:#b5cbdd}html[mode=dark] body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .price.isGrid{color:#a6d6bd;border-color:#3e596e}

/* Related listings share the card component but use four desktop columns. */
@media(min-width:1150px){body#item #rel-block .products.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px}}
@media(min-width:541px) and (max-width:1149px){body#item #rel-block .products.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){body#item #rel-block .products.grid{grid-template-columns:1fr!important}}
/* One uniform edge-to-edge media treatment for every recommendation card. */
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap>a.img{padding:0!important}
body:is(#search,body) :is(#recent-ads,#rel-block) .simple-prod .img-wrap>a.img>img{object-fit:cover!important;object-position:center top!important;border-radius:0!important}