/* Saudi Market Engine 1.2 — listings, sponsored placements and support. */
.sm-market .sm-photo-showcase,.sm-ad-detail .sm-photo-showcase{margin:18px 0 24px;border:1px solid #e2eae5;border-radius:18px;overflow:hidden;background:#f5f8f6;box-shadow:0 10px 28px #164b3b0c}
.sm-photo-main{display:grid;place-items:center;min-height:180px;max-height:510px;background:linear-gradient(145deg,#eff5f2,#f9faf8);overflow:hidden}
.sm-photo-main img{display:block;object-fit:contain;width:100%;height:auto;max-height:500px;transition:transform .25s ease}
.sm-photo-main:hover img{transform:scale(1.018)}
.sm-photo-thumbs{display:flex;gap:10px;padding:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.sm-photo-choice{appearance:none;flex:0 0 96px;height:78px;border:2px solid transparent;background:#f1f5f3;border-radius:11px;overflow:hidden;cursor:pointer;scroll-snap-align:start;padding:0}
.sm-photo-choice:hover,.sm-photo-choice:focus-visible,.sm-photo-choice.is-active{border-color:#bd8c3d;outline:none}
.sm-photo-choice img{width:100%;height:100%;object-fit:cover}
.sm-ad-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 13px;background:#f1f8f4;border-radius:10px;color:#346d57;font-size:13px}
.sm-ad-breadcrumb a{color:#176254;font-weight:750}
.sm-ad-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:19px 0 24px}
.sm-ad-specs>div{border:1px solid #dfebe4;background:#fff;border-radius:12px;padding:12px 15px}
.sm-ad-specs dt{color:#778880;font-size:12px}.sm-ad-specs dd{color:#163b33;font-weight:800;margin:5px 0 0;overflow-wrap:anywhere}
.sm-ad-extras{background:#f7fbf8;border-radius:15px;border:1px solid #e2eae6;padding:18px;margin-bottom:16px}
.sm-photo-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;margin:13px 0}
.sm-photo-preview figure{margin:0;position:relative;background:#f8f9f7;border:1px solid #dae7de;border-radius:12px;overflow:hidden}
.sm-photo-preview img{width:100%;height:100px;object-fit:cover;display:block}
.sm-photo-preview figcaption{padding:6px 8px;font-size:10px;color:#5b7064;word-break:break-word}
.sm-photo-preview .sm-cover-ribbon{position:absolute;top:0;right:0;background:#114b3d;color:#fff;padding:3px 8px;font-weight:750;font-size:10px;border-radius:0 0 0 8px}
.sm-support .sm-support-items{display:grid;gap:12px}.sm-support-items article{border:1px solid #dbe7df;background:#fff;border-radius:14px;padding:17px}.sm-support-items article strong{color:#135743}.sm-support-items small{color:#778a7d;margin-right:8px}
.sm-market-with-banners{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:22px;direction:rtl}
.sm-market-main{min-width:0}.sm-market-side{position:sticky;top:80px;display:grid;gap:12px}
.sm-banner{--sm-gold:#e8bf80;direction:rtl;margin:14px 0;border:1px solid #e4e6e0;border-radius:16px;overflow:hidden;background:linear-gradient(124deg,#082e30 10%,#12564e 62%,#287364);box-shadow:0 12px 34px #103d3815;isolation:isolate}
.sm-banner>a{position:relative;display:flex;align-items:center;gap:20px;min-height:125px;text-decoration:none!important;padding:20px clamp(18px,3vw,34px);color:#fff!important}
.sm-banner-art{width:clamp(112px,29%,360px);height:100%;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;overflow:hidden}
.sm-banner-art img{width:100%;height:100%;max-height:210px;object-fit:cover;border-radius:10px;display:block}
.sm-banner-pattern{display:flex;align-items:center;justify-content:center;width:100px;height:100px;color:#f1d293;font-size:60px;background:radial-gradient(circle,#ffffff12,#ffffff00);border:1px solid #ffffff38;border-radius:50%;flex-shrink:0}
.sm-banner-copy{position:relative;z-index:1;display:grid;gap:7px;min-width:0;max-width:900px}
.sm-banner-copy strong{color:#fff;font-size:clamp(17px,2vw,25px);font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.sm-banner-copy small{color:#d8eee4;line-height:1.7;font-size:13px}.sm-banner-copy em{font-style:normal;display:inline-flex;width:max-content;background:#e9bd78;color:#133a31;border-radius:9px;padding:6px 13px;font-size:12px;font-weight:800;margin-top:6px}
.sm-ad-label{position:absolute;top:8px;left:11px;z-index:2;border:1px solid #ffffff66;color:#fff;border-radius:50px;background:#041f2088;padding:3px 9px;font-size:10px;font-weight:800;letter-spacing:.05em}
.sm-banner-sidebar,.sm-banner-sidebar-tall{margin:0}.sm-banner-sidebar>a,.sm-banner-sidebar-tall>a{display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center;padding:28px 13px;gap:12px;min-height:255px}
.sm-banner-sidebar-tall>a{min-height:460px}.sm-banner-sidebar .sm-banner-art,.sm-banner-sidebar-tall .sm-banner-art{width:100%;height:auto}.sm-banner-sidebar .sm-banner-copy,.sm-banner-sidebar-tall .sm-banner-copy{justify-items:center;max-width:100%}
.sm-banner-sidebar .sm-banner-copy strong,.sm-banner-sidebar-tall .sm-banner-copy strong{font-size:16px}.sm-banner-sidebar .sm-banner-copy small,.sm-banner-sidebar-tall .sm-banner-copy small{font-size:12px}
.sm-banner-inside{margin:26px 0}.sm-banner-top>a{min-height:142px}.sm-banner-bottom{margin-top:30px}
.sm-banner-market>a{min-height:118px}.sm-banner-listing{border-color:#ebcd91}
.sm-desktop-only{display:block}.sm-mobile-only{display:none}
@media(max-width:1090px){.sm-market-with-banners{grid-template-columns:1fr}.sm-market-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sm-banner-sidebar-tall>a{min-height:260px}}
@media(max-width:670px){.sm-banner>a{min-height:145px;gap:9px;padding:24px 14px 13px;flex-direction:column;align-items:stretch}.sm-banner-art{width:100%;height:130px}.sm-banner-pattern{height:68px;width:68px;font-size:39px}.sm-banner-copy strong{font-size:17px}.sm-banner-copy small{font-size:11px}.sm-banner-copy em{font-size:11px}.sm-market-side{grid-template-columns:1fr}.sm-photo-choice{flex-basis:79px;height:65px}.sm-ad-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-desktop-only{display:none}.sm-mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){.sm-photo-main img{transition:none}}