/* ad_slots */
.sm-hero-carousel{position:relative;overflow:hidden;border-radius:20px;background:#172d46;color:white;margin:0 0 20px}.sm-hero-slide{display:grid;grid-template-columns:1.3fr 1fr;min-height:275px;background:radial-gradient(ellipse at 80% 20%,#53799666,transparent 60%)}.sm-hero-slide[hidden]{display:none}.sm-hero-copy{padding:30px;align-self:center}.sm-hero-copy>span{color:#ffc28f;font-size:12px;letter-spacing:2px}.sm .sm-hero-copy h1{font-size:clamp(23px,3vw,38px);color:white;margin:8px 0}.sm .sm-hero-copy p{color:#d7e1ea;margin:10px 0 18px;font-size:15px}.sm-hero-copy>a{display:inline-flex;align-items:center;background:#d65a10;color:white!important;border-radius:12px;padding:9px 16px;font-weight:700;min-height:44px}.sm-hero-slide>img{width:100%;height:275px;object-fit:cover;border-radius:45% 0 0 0}.sm-hero-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px;background:#102239}.sm-hero-controls button{border:0;background:#ffffff19;color:white;border-radius:20px;min-width:32px;height:32px;cursor:pointer}.sm-hero-dots{display:flex;gap:5px}.sm-hero-dots button{min-width:18px;width:18px;height:18px;background:transparent;padding:5px}.sm-hero-dots button:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#8093a8}.sm-hero-dots button[aria-pressed=true]:before{background:#ff8738}.sm-hero-slide.is-entering{animation:hero-fade .5s ease-out}@keyframes hero-fade{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.sm-managed-ads{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:16px 0}.sm-managed-slot{display:grid;gap:10px;min-width:0}.sm-managed-slot a{position:relative;display:block;overflow:hidden;border-radius:14px;background:#edf2f6}.sm-managed-slot img{width:100%;height:100%;object-fit:contain}.sm-sponsored-label{position:absolute;top:8px;inset-inline-start:8px;background:#fff;padding:3px 8px;border-radius:5px;font-size:10px}.sm-managed-slot strong{position:absolute;bottom:0;inset-inline:0;background:#142c46dd;color:white;padding:10px}.ad-admin-panel{padding:20px;background:var(--office-card,#fff);border:1px solid #dce3ed;border-radius:18px;margin:16px 0}.ad-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}.ad-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.ad-form input:not([type=checkbox]),.ad-form select{width:100%;min-width:0;padding:10px;border:1px solid #dce3ed;border-radius:9px;font:inherit;background:#fff;color:#192d48}.ad-form .ad-check{flex-direction:row;align-items:center}.ad-check input{width:18px;height:18px}.ad-full{grid-column:1/-1;font-size:13px}.ad-slot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ad-slot-list>a{display:flex;flex-direction:column;gap:7px;border:1px solid #dce3ed;padding:14px;border-radius:12px;text-decoration:none;color:inherit}.ad-slot-list span,.ad-slot-list small{font-size:12px}.ad-campaign-editor{padding:12px;border:1px solid #dce3ed;border-radius:12px;margin:10px 0}.ad-campaign-editor summary,.ad-admin-panel>summary{cursor:pointer;font-weight:700}.ad-danger{color:#a63020;margin-top:15px}.ad-danger summary{cursor:pointer}.ad-danger p{font-size:13px}@media(max-width:700px){.sm-hero-slide{grid-template-columns:1.2fr 1fr;min-height:240px}.sm-hero-copy{padding:17px}.sm .sm-hero-copy h1{font-size:24px}.sm .sm-hero-copy p{font-size:12px;line-height:1.7}.sm-hero-slide>img{height:100%;min-height:240px;object-fit:cover}.sm-hero-controls{gap:6px}.sm-hero-dots{gap:1px}.sm-managed-ads{grid-template-columns:1fr}.ad-slot-list{grid-template-columns:1fr}.ad-form{grid-template-columns:1fr}.ad-admin-panel{padding:14px}}@media(prefers-reduced-motion:reduce){.sm-hero-slide.is-entering{animation:none}}
/* Original campaign photography in a compact bilingual banner. */
.sm-hero-slide{grid-template-columns:1fr 1.15fr;min-height:210px;background:#172d46}
.sm-hero-copy{padding:20px 24px;min-width:0}.sm-hero-copy>span{font-size:10px;letter-spacing:1.5px}.sm .sm-hero-copy h1{font-size:clamp(22px,2.5vw,30px);line-height:1.45;margin:6px 0 10px}.sm .sm-hero-copy p{font-size:13px;line-height:1.6;margin:0 0 12px}
.sm-hero-slide>img{height:210px;min-height:0;border-radius:0;object-fit:cover;object-position:center}
.sm-hero-copy>a{font-size:13px;min-height:40px;padding:7px 12px;gap:7px;border-radius:10px;background:#d85b0d;box-shadow:inset 0 1px 0 #ffffff30}
.sm-hero-copy>a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sm[dir=rtl] .sm-hero-copy>a svg{transform:rotate(180deg)}
.sm-hero-controls{height:36px;padding:0 8px;gap:5px}.sm-hero-controls button{height:30px;min-width:30px;border-radius:8px}.sm-hero-dots{gap:0}.sm-hero-dots button{height:30px;width:20px;min-width:20px;padding:7px}.sm-hero-dots button:before{width:6px;height:6px}.sm-hero-dots button[aria-pressed=true]:before{background:#ff8738}
@media(max-width:700px){.sm-hero-carousel{border-radius:16px;margin-bottom:14px}.sm-hero-slide{grid-template-columns:1fr 1fr;min-height:140px}.sm-hero-copy{padding:12px}.sm-hero-copy>span{display:none}.sm .sm-hero-copy h1{font-size:18px;line-height:1.45;margin:0 0 10px}.sm .sm-hero-copy p{display:none}.sm-hero-slide>img{height:100%;min-height:140px;max-height:180px;object-fit:cover}.sm-hero-copy>a{min-height:36px;font-size:12px;padding:6px 10px}.sm-hero-controls{height:34px}.sm-hero-controls button{height:30px}.sm-hero-dots button{width:18px;min-width:18px;padding:6px}}
@media(max-width:700px){.sm-hero-slide>img{height:140px;min-height:140px;max-height:140px}}

/* Feather campaign artwork into the navy canvas instead of a hard image edge. */
.sm-hero-slide>img{--hero-edge:to right;-webkit-mask-image:linear-gradient(var(--hero-edge),transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.65) 23%,#000 42%),linear-gradient(to bottom,#000 76%,transparent 100%);mask-image:linear-gradient(var(--hero-edge),transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.65) 23%,#000 42%),linear-gradient(to bottom,#000 76%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;border:0;box-shadow:none}
.sm[dir=rtl] .sm-hero-slide>img{--hero-edge:to left}
.sm-hero-controls{background:#172d46}

/* Modern Arabic editorial hierarchy, scoped to promotional banners. */
@font-face{font-family:Sale4meHeroCairo;src:url('/saleh_marketplace/static/src/fonts/Cairo.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
.sm[dir=rtl] .sm-hero-copy,.sm[dir=rtl] .sm-hero-copy h1,.sm[dir=rtl] .sm-hero-copy p,.sm[dir=rtl] .sm-hero-copy>a{font-family:Sale4meHeroCairo,Arial,sans-serif!important;letter-spacing:0}
.sm .sm-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.sm .sm-hero-copy .sm-hero-domain{display:block;font-family:Arial,sans-serif!important;font-size:12px;font-weight:600;letter-spacing:.8px;color:#ffc59b;line-height:1.2}
.sm .sm-hero-copy h1{font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.4;margin:0;letter-spacing:0;text-wrap:balance}
.sm .sm-hero-copy p{display:block;font-size:13px;font-weight:400;line-height:1.65;color:#d3dee8;margin:0;max-width:38ch}
.sm .sm-hero-copy>a{margin-top:2px;font-size:12px;min-height:36px;padding:6px 12px}
@media(max-width:700px){
.sm .sm-hero-copy{padding:8px 11px;gap:3px;align-self:center}
.sm .sm-hero-copy .sm-hero-domain{font-size:9px;line-height:11px;letter-spacing:.5px}
.sm .sm-hero-copy h1{font-size:18px;line-height:1.35;font-weight:800;margin:0}
.sm .sm-hero-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.5;margin:0;color:#d0dde8}
.sm .sm-hero-copy>a{min-height:28px;padding:4px 9px;font-size:10px;line-height:1.5;border-radius:8px;gap:5px;margin-top:2px}
.sm .sm-hero-copy>a svg{width:13px;height:13px}
}

@media(max-width:700px){.sm-hero-slide{min-height:145px}.sm-hero-slide>img{height:145px;min-height:145px;max-height:145px}}


/* One overlapping composition: artwork extends beneath the copy. */
.sm-hero-slide{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.sm-hero-slide[hidden]{display:none}
.sm .sm-hero-copy{position:relative;z-index:1;width:53%;min-height:210px;justify-content:center;text-shadow:0 2px 9px #10223980}
.sm-hero-slide>img{position:absolute;z-index:0;inset-inline-end:0;top:0;width:73%;height:100%;min-height:100%;max-height:none;object-fit:cover;object-position:center;pointer-events:none;-webkit-mask-image:linear-gradient(var(--hero-edge),transparent 0%,rgba(0,0,0,.18) 17%,rgba(0,0,0,.78) 42%,#000 61%),linear-gradient(to bottom,#000 87%,transparent 100%);mask-image:linear-gradient(var(--hero-edge),transparent 0%,rgba(0,0,0,.18) 17%,rgba(0,0,0,.78) 42%,#000 61%),linear-gradient(to bottom,#000 87%,transparent 100%)}
@media(max-width:700px){.sm .sm-hero-copy{width:54%;min-height:145px;padding:8px 11px;gap:3px}.sm-hero-slide>img{width:76%;height:165px;min-height:165px;max-height:none;top:-10px;inset-inline-end:-3%;object-position:center}.sm .sm-hero-copy h1{font-size:18px}.sm .sm-hero-copy p{color:#e0e8ef}}

/* account_menu */
/* Compact bilingual account navigation. */
.sm[dir] .sm-user-menu>summary{width:42px;height:42px;border:1px solid #e4e8ee;background:#fff;border-radius:14px;transition:background .18s,box-shadow .18s}
.sm[dir] .sm-user-menu[open]>summary{background:#fff0e5;border-color:#f6c6a2;box-shadow:0 0 0 3px #ff8a2410}
.sm[dir] .sm-user-panel{box-sizing:border-box;width:260px;min-width:0;max-width:calc(100vw - 28px);padding:8px;top:calc(100% + 10px);border:1px solid #e5e9ef;border-radius:20px;background:#fff;box-shadow:0 14px 40px #172d4626;text-align:start;max-height:calc(100dvh - 150px);overflow:auto}
.sm[dir] .sm-user-identity{display:flex;align-items:center;gap:10px;padding:10px 6px 14px;margin:0 0 6px;border-bottom:1px solid #edf0f4;overflow:hidden}
.sm[dir] .sm-user-identity>img{display:block;flex:0 0 36px;width:36px;height:36px;max-width:36px;border-radius:12px;object-fit:cover;background:#fff2e7;padding:4px;box-sizing:border-box}
.sm[dir] .sm-user-identity>div{min-width:0;flex:1}
.sm[dir] .sm-user-identity strong{display:block;font-size:14px;line-height:1.5;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.sm[dir] .sm-user-identity span{display:block;font-size:12px;line-height:1.5;margin:2px 0 0;color:#667589;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm[dir] .sm-user-panel>a,.sm[dir] .sm-user-panel> a,.sm[dir] .sm-user-panel .sm-menu-logout{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:44px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;white-space:normal;text-decoration:none;color:#21354a;border:0;border-radius:12px;background:transparent;text-align:start;cursor:pointer;transition:background .16s}
.sm[dir] .sm-user-panel svg{flex:0 0 19px;width:19px;height:19px;fill:none;stroke:#b96322;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sm[dir] .sm-user-panel a:hover,.sm[dir] .sm-menu-logout:hover{background:#fff3e9}
.sm[dir] .sm-user-panel form{margin:5px 0 0;padding-top:5px;border-top:1px solid #edf0f4}
.sm[dir] .sm-user-panel .sm-menu-logout{color:#a63e32}
.sm[dir] .sm-menu-logout svg{stroke:currentColor}
.sm[dir] .sm-user-menu :focus-visible{outline:2px solid #dc731f;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.sm-user-menu[open] .sm-user-panel{animation:sm-account-enter .16s ease-out}@keyframes sm-account-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}

/* category_glass */
/* Quiet, compact category controls; opaque fallback preserves contrast. */
.sm[dir] .sm-level-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0 18px}
.sm[dir] .sm-level-three>a,.sm[dir] .sm-region-chips a,.sm[dir] .sm-filter-disclosure>summary{box-sizing:border-box;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(233,241,244,.84));color:#293e50;border:1px solid #dce5eb;border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 2px 5px #223d5010;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;font-weight:600;line-height:1.45;min-height:40px;padding:8px 10px;transition:background .18s,border-color .18s,box-shadow .18s}
.sm[dir] .sm-level-three .sm-subcategory-label{padding:0;min-height:0;justify-content:center;gap:5px}
.sm[dir] .sm-level-three .sm-subcategory-label strong{font-size:inherit;line-height:1.45;font-weight:600;overflow-wrap:normal}
.sm[dir] .sm-level-three .sm-subcategory-label>span{display:none}
.sm[dir] .sm-level-three>a:hover,.sm[dir] .sm-region-chips a:hover,.sm[dir] .sm-filter-disclosure>summary:hover{color:#23394d;background:linear-gradient(145deg,#fff,#e6eef2);border-color:#becdd8;box-shadow:inset 0 1px 0 #fff,0 3px 8px #233d5018}
.sm[dir] .sm-region-chips a.selected,.sm[dir] .sm-filter-disclosure[open]>summary{color:#85461f;background:linear-gradient(145deg,#fffaf5,#f8eadf);border-color:#e3c5ad}
.sm[dir] .sm-level-three>a:focus-visible,.sm[dir] .sm-region-chips a:focus-visible,.sm[dir] .sm-filter-disclosure>summary:focus-visible{outline:2px solid #be6a31;outline-offset:2px}
@media(max-width:767px){.sm[dir] .sm-level-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 14px}.sm[dir] .sm-level-three>a{min-height:42px;padding:6px;font-size:12px;border-radius:11px}.sm[dir] .sm-region-chips{gap:6px}.sm[dir] .sm-region-chips a{font-size:12px;padding:7px 10px;min-height:36px}.sm[dir] .sm-filter-disclosure>summary{min-height:38px;padding:7px 12px;font-size:13px}}
@media(max-width:350px){.sm[dir] .sm-level-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.sm[dir] .sm-level-three>a,.sm[dir] .sm-region-chips a,.sm[dir] .sm-filter-disclosure>summary{transition:none}}

.sm .sm-directory-count{color:#647589;font-size:14px;line-height:1.7;margin:0 0 14px}
.sm .sm-directory-count strong{color:#263d50}
.sm .sm-subcategory-grid .sm-subcategory-label{flex-wrap:wrap;justify-content:center;text-align:center;gap:3px}
.sm .sm-subcategory-grid .sm-subcategory-label>strong{width:100%}
.sm .sm-subcategory-grid .sm-subcategory-label>span{display:none}
.sm .sm-child-count{font-size:12px;color:#65798b;font-weight:500;line-height:1.5}

/* contact_compact */
/* Listing actions: compact, readable and easy to tap. */
.sm[dir] .sm-contact-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}
.sm[dir] .sm-contact-actions .sm-button{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:44px;padding:10px 8px;font-size:14px;line-height:1.4;border-radius:12px;gap:6px}
.sm[dir] .sm-contact-actions .sm-call{background:#192e46;border:1px solid #192e46;color:#fff!important}
.sm[dir] .sm-contact-actions .sm-call:hover{background:#253f5a}
.sm[dir] .sm-contact-actions .sm-whatsapp{background:#128c50;border:1px solid #128c50;color:#fff!important}
.sm[dir] .sm-share-actions{margin:14px 0;gap:8px}
.sm[dir] .sm-share-actions [data-share-ad]{width:auto;min-width:0;min-height:36px;padding:7px 16px;border-radius:10px;font-size:13px;line-height:1.4;background:linear-gradient(145deg,#fff,#edf2f5);border:1px solid #dbe3ea;color:#273f55;box-shadow:inset 0 1px 0 #fff}
.sm[dir] .sm-seller-contact{margin-top:16px;padding:16px}
.sm[dir] .sm-seller-contact h3{font-size:17px;margin:0 0 12px}
.sm[dir] .sm-seller-contact .sm-note{font-size:12px;line-height:1.65;padding:10px;margin-top:12px}
/* Half-size visible heart and badge, with the original 44px touch target. */
.sm[dir] .sm-card-favorite .sm-favorite-button{position:relative;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;box-shadow:none}
.sm[dir] .sm-card-favorite .sm-favorite-button:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fffffff5;border:1px solid #dde4ed;box-shadow:0 2px 6px #182d4814}
.sm[dir] .sm-card-favorite .sm-favorite-button svg{position:relative;width:11.5px;height:11.5px}
.sm[dir] .sm-card-favorite .sm-favorite-button.is-saved:before{background:#fff0f3;border-color:#efbfc8}
.sm[dir] .sm-card-favorite{top:2px;left:2px}
.sm[dir=ltr] .sm-card-favorite{left:auto;right:2px}

/* register_compact */
/* Compact registration card, isolated from listing and account forms. */
.sm[dir] .sm-register-page{box-sizing:border-box;width:calc(100% - 28px);max-width:500px;margin:20px auto 24px;padding:22px;background:linear-gradient(145deg,#fff,#f9fbfc);border:1px solid #e2e8ed;border-radius:20px;box-shadow:0 5px 20px #19344b08}
.sm[dir] .sm-register-page h1{font-size:26px;line-height:1.4;letter-spacing:0;margin:0 0 6px}
.sm[dir] .sm-register-page>p{font-size:14px;line-height:1.6;margin:0 0 16px}
.sm[dir] .sm-register-page form{display:flex;flex-direction:column;gap:12px;margin:0}
.sm[dir] .sm-register-page label{display:flex;flex-direction:column;gap:5px;margin:0;font-size:14px;font-weight:600;line-height:1.5}
.sm[dir] .sm-register-page input:not([type=hidden]),.sm[dir] .sm-register-page select{box-sizing:border-box;width:100%;min-height:44px;height:44px;padding:9px 12px;margin:0;border:1px solid #d9e2e9;border-radius:11px;background:#fff;color:#223a50;font-family:inherit;font-size:16px;line-height:1.4;box-shadow:inset 0 1px 2px #1d334705}
.sm[dir] .sm-register-page .sm-button{width:100%;min-height:44px;padding:10px 14px;margin:2px 0 0;border-radius:12px;font-size:14px;line-height:1.5}
.sm[dir] .sm-register-page>a{display:block;text-align:center;font-size:13px;line-height:1.6;margin:14px 0 0;padding:5px;color:#37536a}
.sm[dir] .sm-register-page .sm-business-signup{display:grid;gap:12px;margin:0;padding:12px;border:1px solid #e0e7ed;border-radius:12px;background:#f5f8fa;min-width:0}
.sm[dir] .sm-register-page .sm-business-signup[hidden]{display:none}
.sm[dir] .sm-register-page .sm-business-signup legend{float:none;width:auto;padding:0 5px;font-size:14px;font-weight:600}
.sm[dir] .sm-register-page .sm-business-signup p{font-size:12px;line-height:1.6;margin:0}
@media(max-width:767px){.sm[dir] .sm-register-page{margin:12px auto 18px;padding:16px;border-radius:18px}.sm[dir] .sm-register-page h1{font-size:23px}.sm[dir] .sm-register-page>p{font-size:13px;margin-bottom:14px}}

/* glass_buttons */
/* Shared glass surface for storefront, authentication and administration. */
:is(.sm,.sa,.office){--glass-top:rgba(255,255,255,.96);--glass-bottom:rgba(229,239,245,.87);--glass-ink:#243e55;--glass-border:#cddce6;--glass-shadow:inset 0 1px 0 #ffffffee,inset 0 -1px 0 #ffffff70,0 3px 9px #19374d12}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button,.office-nav-action,.sm-level-three>a,.sm-region-chips a,.sm-filter-disclosure>summary,.sm-hero-copy>a,.sm-language-switch,.office-mobile-menu>summary):not(.sm-favorite-button):not(.sm-menu-logout):not([data-hero-dot]):not([data-hero-prev]):not([data-hero-next]):not([data-hero-pause]):not(.sm-photo-thumbs button){background:linear-gradient(145deg,var(--glass-top),var(--glass-bottom))!important;color:var(--glass-ink)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);text-shadow:0 1px 0 #ffffff70;transition:box-shadow .18s,background .18s,transform .18s}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button,.office-nav-action):hover:not(:disabled){box-shadow:inset 0 1px 0 #fff,0 5px 14px #19374d20!important}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button):active:not(:disabled){transform:translateY(1px)}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button):focus-visible{outline:2px solid #4b718b;outline-offset:3px}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn):disabled{opacity:.5;cursor:not-allowed}
.sm[dir] .sm-contact-actions .sm-call{--glass-top:#35516b;--glass-bottom:#172e46;--glass-ink:#fff;--glass-border:#425d75;text-shadow:none}
.sm[dir] .sm-contact-actions .sm-whatsapp{--glass-top:#edfdf5;--glass-bottom:#cfeedd;--glass-ink:#145c3b;--glass-border:#acd2bd}
.sm[dir] .sm-region-chips a.selected{--glass-top:#fff9f2;--glass-bottom:#f6e3d1;--glass-ink:#78431f;--glass-border:#dbb997}
.sa .passkey_login_link,.sa .o_login_auth:has(.passkey_login_link):not(:has(a:not(.passkey_login_link))){display:none!important}
.sa .sa-register{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:18px;padding-top:16px;text-align:center}
.sa .sa-register>span{font-size:13px}
.sa .sa-register .sa-register-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none}
.sa .btn-primary{min-height:44px;border-radius:12px}
@media(prefers-reduced-motion:reduce){:is(.sm,.sa,.office) :is(button,a){transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){:is(.sm,.sa,.office){--glass-top:#fff;--glass-bottom:#eaf1f5}}
body:is([data-theme=dark],[data-theme=night],[data-theme$="-dark"]) .office{--glass-top:#344b60;--glass-bottom:#243747;--glass-ink:#edf5fc;--glass-border:#506778;--glass-shadow:inset 0 1px 0 #ffffff20,0 3px 9px #0003}

.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp{color:#145c3b!important}

/* Registration is the warm glass accent; login keeps the cool glass surface. */
.sa .sa-register .sa-register-button{--glass-top:#ffb45f;--glass-bottom:#ff821f;--glass-ink:#342517;--glass-border:#f2943e;--glass-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #dc650d33,0 4px 12px #f5822830;text-shadow:0 1px 0 #ffffff30}
.sa .sa-register .sa-register-button:hover{--glass-top:#ffc078;--glass-bottom:#ff902f;box-shadow:inset 0 1px 0 #ffffffc9,0 6px 16px #f5822840!important}

body:is([data-theme=night],[data-theme$="-dark"]) .office :is(button,.office-button,.office-nav-action){text-shadow:none}

/* Seller contact: WhatsApp green and a light navy glass call surface. */
.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp{--glass-top:#25d366;--glass-bottom:#25d366;--glass-border:#1bb957;--glass-ink:#083c24;color:#083c24!important;text-shadow:none}
.sm[dir] .sm-contact-actions .sm-button.sm-call{--glass-top:#edf5fc;--glass-bottom:#c5d9ec;--glass-border:#abc5df;--glass-ink:#244b72;color:#244b72!important;text-shadow:0 1px 0 #ffffff80}
.sm[dir] .sm-contact-actions .sm-contact-icon{display:block;width:20px;height:20px;flex:0 0 20px}

/* public_type */
/* Shared public/auth hierarchy. Decorative hero typography stays independent. */
@font-face{font-family:Sale4meUI;src:url(fonts/NotoSansArabic.woff2) format('woff2');font-weight:100 900;font-display:swap}
@media screen{
:is(.sm,.sa)[dir]{--ui-body:15px;--ui-small:13px;--ui-title:28px;--ui-section:22px;font-family:Sale4meUI,'Segoe UI',Arial,sans-serif!important;font-size:var(--ui-body);line-height:1.65}
:is(.sm,.sa)[dir=ltr]{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}
.sm :is(input,select,textarea),.sa :is(input,select,textarea){font-family:inherit!important;font-size:16px!important;line-height:1.5}
:is(.sm,.sa) :is(button,summary){font-family:inherit}
.sm :is(.sm-category-title h1,.sm-register-page h1,.sm-detail h1),.sa #sa-title{font-size:var(--ui-title)!important;line-height:1.45;letter-spacing:0}
.sm :is(.sm-section-heading h2,.sm-filter-panel h2){font-size:var(--ui-section)!important;line-height:1.5}
.sm :is(.sm-form label,.sm-register-page label,.sm-filter-panel label),.sa .form-label{font-size:14px!important;line-height:1.6}
.sm :is(.sm-breadcrumbs,.sm-card p,.sm-card small,.sm-child-count,.sm-directory-count),.sa :is(.sa-intro,.sa-privacy){font-size:var(--ui-small)!important;line-height:1.65}
.sm .sm-card h3{font-size:15px!important;line-height:1.55}
.sm :is(.sm-level-three>a,.sm-region-chips a){font-size:13px!important;line-height:1.55}
.sm :is(.sm-button,.sm-sort button,.sm-filter-disclosure>summary),.sa :is(.btn,.sa-register-button){font-size:14px!important;line-height:1.5}
.sm .sm-card,.sm .sm-category-title,.sa .sa-form-inner{min-width:0;overflow-wrap:break-word}
@media(max-width:700px){:is(.sm,.sa){--ui-title:24px;--ui-section:20px}.sm .sm-level-three>a{padding:8px 9px}.sm .sm-sort{flex-wrap:wrap}}
}

.sa[dir=ltr] .sa-story h2 span{margin-inline-start:.2em}

/* Native selects use platform line metrics; leave room for Arabic glyphs. */
:is(.sm,.sa)[dir] select{padding-block:3px!important;min-height:44px}

/* header_compact */
/* Start the mobile storefront at the top of the page in both directions. */
@media(max-width:767px){
.sm[dir]{margin-block-start:0;padding-block-start:0}
.sm[dir] .sm-nav{margin-block-start:0;padding-block-start:0;padding-block-end:4px;row-gap:2px}
.sm[dir] .sm-nav>.sm-brand{margin-block-start:0}
}

/* Keep the English category prompt on one line on mobile. */
@media(max-width:767px){
.sm[dir=ltr] .sm-category-section>.sm-section-heading>div{flex:1 0 100%;min-width:0}
.sm[dir=ltr] .sm-category-section>.sm-section-heading h2{font-size:clamp(13px,4vw,17px)!important;line-height:1.5;letter-spacing:-.2px;white-space:nowrap}
}

/* category_light */
/* Preserve the original subcategory photographs without tonal processing. */
.sm[dir] .sm-subcategory-photo img[src*="/subcategories/"]{filter:none}

/* mobile_rhythm */
/* Phone only: tablet and desktop spacing stays unchanged. */
@media(max-width:600px){
.sm[dir] .sm-pagination{margin:10px 0;gap:12px}
.sm[dir] .sm-service{margin-top:12px}
.sm[dir] .sm-service>div{padding:12px}
.sm[dir] .sm-interest-grid{gap:10px}
.sm[dir] .sm-interest{padding:14px}
.sm[dir] .sm-interest nav{margin-top:10px;gap:6px}
.sm[dir] .sm-popular-categories{margin:12px 0;padding:14px 10px;border-radius:18px}
.sm[dir] .sm-popular-categories h2{margin-bottom:12px}
.sm[dir] .sm-popular-categories strong{overflow-wrap:normal;word-break:normal;font-size:11px;line-height:1.5}
.sm[dir] .sm-popular-categories>div{gap:8px}
.sm[dir] :is(.sm-category-section,.sm-home-sections,.sm-results){margin-top:12px}
.sm[dir] .sm-subcategory-grid{margin-block:10px 12px}
.sm[dir] :is(.sm-content,.sm-form-page){margin-block:14px}
.sm[dir] .sm-detail{margin-top:14px;gap:18px}
.sm[dir] .sm-footer{margin-top:14px}
}

/* Owner dashboard: compact layout and shared glass controls. */
.sm .sm-owner-dashboard{max-width:1120px;margin-inline:auto;padding-block:24px 28px}
.sm .sm-owner-dashboard>.sm-section-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:20px}
.sm .sm-owner-dashboard>.sm-section-heading h1{margin:0;margin-inline-end:auto;font-size:clamp(26px,3vw,36px)}
.sm .sm-owner-dashboard :is(.sm-owner-tabs a,.sm-owner-buttons a,.sm-section-heading>.sm-link){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid var(--glass-border);background:linear-gradient(145deg,var(--glass-top),var(--glass-bottom));color:var(--glass-ink)!important;box-shadow:var(--glass-shadow);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.sm .sm-owner-dashboard .sm-owner-tabs{gap:8px;padding:0;margin:0 0 18px}
.sm .sm-owner-dashboard .sm-owner-tabs a{justify-content:space-between}
.sm .sm-owner-dashboard .sm-owner-tabs a.is-active{background:linear-gradient(145deg,#52758f,#24445e);border-color:#64869e;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff66,0 4px 12px #17324922}
.sm .sm-owner-dashboard .sm-my-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;margin-bottom:12px}
.sm .sm-owner-dashboard .sm-owner-thumb{width:96px;height:96px}
.sm .sm-owner-dashboard .sm-my-row h3{margin:0 0 6px;font-size:19px}
.sm .sm-owner-dashboard .sm-my-row p{margin:4px 0;font-size:13px;line-height:1.7}
.sm .sm-owner-dashboard .sm-owner-buttons{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.sm .sm-owner-dashboard .sm-owner-buttons a{min-height:44px;padding:10px 14px}
.sm:has(.sm-owner-dashboard) .sm-footer{padding:0;margin:0;border-top:1px solid var(--line)}
.sm:has(.sm-owner-dashboard) .sm-footer-main{max-width:1120px;padding:16px 24px 10px;flex-direction:row;justify-content:space-between;gap:12px}
.sm:has(.sm-owner-dashboard) .sm-footer-main p{margin:0;flex-basis:auto}
.sm:has(.sm-owner-dashboard) .sm-footer-bottom{max-width:1120px;margin-inline:auto;padding:10px 24px 16px}
@media(max-width:767px){
.sm .sm-owner-dashboard{padding:18px 16px 22px}
.sm .sm-owner-dashboard>.sm-section-heading{flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sm .sm-owner-dashboard>.sm-section-heading h1{flex-basis:100%;font-size:28px}
.sm .sm-owner-dashboard .sm-owner-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px}
.sm .sm-owner-dashboard .sm-owner-tabs a{flex:0 0 auto;min-width:108px}
.sm .sm-owner-dashboard .sm-my-row{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px}
.sm .sm-owner-dashboard .sm-owner-thumb{width:72px;height:80px}
.sm .sm-owner-dashboard .sm-owner-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding-top:12px;border-top:1px solid var(--line)}
.sm .sm-owner-dashboard .sm-owner-buttons a{width:100%;font-size:13px;padding:9px}
.sm:has(.sm-owner-dashboard) .sm-footer-main{flex-wrap:wrap;justify-content:center;padding:14px 16px 8px}
.sm:has(.sm-owner-dashboard) .sm-footer-bottom{padding:8px 16px 16px}
}
/* Full image banners: artwork carries its own text; letterbox bars match its outer brand colors */
.sm-hero-slide.sm-hero-slide-full{display:block;padding:0;min-height:0;background:linear-gradient(90deg,#03204a 50%,#f2702b 50%)}
.sm-hero-slide.sm-hero-slide-full[hidden]{display:none}
.sm-hero-full{display:block;height:210px}
.sm-hero-full picture{display:block;width:100%;height:100%}
.sm-hero-slide-full .sm-hero-full img{position:static;display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center;border-radius:0;-webkit-mask-image:none;mask-image:none}
@media(max-width:700px){.sm-hero-full{height:145px}.sm-hero-slide.sm-hero-slide-full{background:linear-gradient(90deg,#f2702b 50%,#03204a 50%)}}
/* Subcategory cards 2026-10-05: same colors, rounder corners, soft elevation, count badge, gentle hover */
.sm .sm-subcategory-grid:not(.sm-brand-grid)>a{border-radius:20px!important;padding:8px 8px 12px!important;box-shadow:0 1px 2px rgba(24,44,70,.04),0 10px 24px -14px rgba(24,44,70,.28)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.sm .sm-subcategory-grid:not(.sm-brand-grid)>a:hover{transform:translateY(-3px);border-color:#efac86!important;box-shadow:0 2px 4px rgba(24,44,70,.05),0 18px 32px -16px rgba(24,44,70,.38)!important}
.sm .sm-subcategory-grid:not(.sm-brand-grid) .sm-subcategory-photo{border-radius:15px!important}
.sm .sm-subcategory-grid:not(.sm-brand-grid) .sm-subcategory-photo img{transition:transform .35s ease}
.sm .sm-subcategory-grid:not(.sm-brand-grid)>a:hover .sm-subcategory-photo img{transform:scale(1.04)}
.sm .sm-subcategory-grid:not(.sm-brand-grid) .sm-subcategory-label .sm-child-count{display:inline-block!important;width:auto!important;margin-top:3px!important;padding:1px 11px 3px!important;border-radius:999px!important;background:#f1f4f8!important;color:#526278!important;font-weight:600!important}
@media(prefers-reduced-motion:reduce){.sm .sm-subcategory-grid:not(.sm-brand-grid)>a,.sm .sm-subcategory-grid:not(.sm-brand-grid) .sm-subcategory-photo img{transition:none!important}.sm .sm-subcategory-grid:not(.sm-brand-grid)>a:hover,.sm .sm-subcategory-grid:not(.sm-brand-grid)>a:hover .sm-subcategory-photo img{transform:none}}
/* Listing cards 2026-10-05: horizontal layout (photo + thumbnails, price, specs, contact actions) */
.sm .sm-grid:has(> .sm-lc){grid-template-columns:1fr!important;gap:16px}
.sm .sm-lc{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:22px;align-items:stretch;height:auto;background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:12px;box-shadow:0 1px 2px rgba(24,44,70,.04),0 10px 24px -16px rgba(24,44,70,.25);transition:box-shadow .2s ease,border-color .2s ease}
.sm .sm-lc:hover{border-color:#efac86;box-shadow:0 2px 4px rgba(24,44,70,.05),0 18px 32px -18px rgba(24,44,70,.35)}
.sm .sm-lc.is-promoted{border-color:#f2b98f;box-shadow:0 0 0 1px #f8d3b6,0 12px 26px -16px rgba(242,112,43,.45)}
.sm .sm-lc-media{display:grid;gap:8px;align-content:start;min-width:0}
.sm .sm-lc-photo{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#eef2f6}
.sm .sm-lc-photo > img{transition:transform .35s ease}
.sm .sm-lc:hover .sm-lc-photo > img{transform:scale(1.03)}
.sm .sm-lc-count{position:absolute;bottom:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;background:rgba(3,22,48,.72);color:#fff;font-size:13px;font-weight:700;line-height:1.4}
.sm .sm-lc-count .sm-lc-ico{width:15px;height:15px;stroke:#fff}
.sm .sm-lc-vip{position:absolute;bottom:10px;inset-inline-end:10px;padding:4px 12px;border-radius:10px;background:#fff;color:#e8611f;font-size:13px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.sm .sm-lc-video{position:absolute;top:10px;inset-inline-start:10px;padding:3px 9px;border-radius:8px;background:#03204a;color:#fff;font-size:11px}
.sm .sm-lc-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sm .sm-lc-thumbs a{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#eef2f6}
.sm .sm-lc-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.sm .sm-lc-body{display:flex;flex-direction:column;gap:10px;min-width:0;padding:4px 4px 2px}
.sm .sm-lc-age{font-size:13px;color:#7b8798}
.sm .sm-lc-price{display:flex;align-items:baseline;gap:6px;color:#c2561a;font-size:26px;font-weight:900;line-height:1.2}
.sm .sm-lc-price small{color:#c2561a;font-size:15px;font-weight:700}
.sm .sm-lc-body h3{margin:0;font-size:19px!important;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.sm .sm-lc-body h3 a{color:#03204a}
.sm .sm-lc-specs{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;color:#2b3b52;font-size:14px}
.sm .sm-lc-specs li{display:inline-flex;align-items:center;gap:6px}
.sm .sm-lc-ico{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#6b7a90;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-lc-note{display:flex;align-items:center;gap:6px;margin:0;color:#2b3b52;font-size:14px}
.sm .sm-lc-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px dashed #d6dde7;color:#2b3b52;font-size:14px}
.sm .sm-lc-loc{display:inline-flex;align-items:center;gap:6px;font-weight:700;min-width:0}
.sm .sm-lc-cat{color:#526278;white-space:nowrap}
.sm .sm-lc-actions{display:flex;align-items:center;gap:10px}
.sm .sm-lc-call,.sm .sm-lc-chat,.sm .sm-lc-view{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:12px;font-weight:800;text-decoration:none;transition:filter .15s,background .15s}
.sm .sm-lc-call{flex:1 1 auto;max-width:300px;background:#f2702b;color:#fff!important;font-size:17px;letter-spacing:.5px}
.sm .sm-lc-call:hover{filter:brightness(1.06)}
.sm .sm-lc-call .sm-lc-ico{stroke:#fff}
.sm .sm-lc-chat{border:1px solid #cfd8e3;background:#fff;color:#03204a!important;font-size:15px}
.sm .sm-lc-chat .sm-lc-ico{stroke:#25a244}
.sm .sm-lc-view{flex:1 1 auto;max-width:300px;background:#03204a;color:#fff!important;font-size:15px}
.sm[dir] .sm-lc .sm-lc-fav{position:static}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button{width:46px;height:46px;min-width:46px;min-height:46px;border:1px solid #cfd8e3;border-radius:12px;background:#fff}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button::before{display:none}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button svg{width:20px;height:20px}
@media(max-width:700px){
 .sm .sm-grid:has(> .sm-lc){gap:10px}
 .sm .sm-lc{grid-template-columns:40% minmax(0,1fr);gap:10px;padding:8px;border-radius:14px}
 .sm .sm-lc-thumbs,.sm .sm-lc-note,.sm .sm-lc-cat{display:none}
 .sm .sm-lc-photo{aspect-ratio:1/1;border-radius:10px}
 .sm .sm-lc-count{bottom:6px;inset-inline-start:6px;padding:2px 7px;font-size:11px;gap:4px}
 .sm .sm-lc-count .sm-lc-ico{width:12px;height:12px}
 .sm .sm-lc-vip{bottom:6px;inset-inline-end:6px;padding:2px 8px;font-size:11px}
 .sm .sm-lc-body{gap:5px;padding:0}
 .sm .sm-lc-age{font-size:11px}
 .sm .sm-lc-price{font-size:17px}
 .sm .sm-lc-price small{font-size:11px}
 .sm .sm-lc-body h3{font-size:13.5px!important;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .sm .sm-lc-specs{gap:3px 10px;font-size:11.5px}
 .sm .sm-lc-specs li:nth-child(n+4){display:none}
 .sm .sm-lc-ico{width:13px;height:13px}
 .sm .sm-lc-meta{padding-top:6px;font-size:11.5px}
 .sm .sm-lc-actions{gap:6px}
 .sm .sm-lc-call,.sm .sm-lc-chat,.sm .sm-lc-view{min-height:36px;padding:0 10px;gap:5px;font-size:12.5px;border-radius:10px}
 .sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:10px}
 .sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button svg{width:16px;height:16px}
}
/* Pagination with page numbers */
.sm .sm-page-numbers{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.sm .sm-page-numbers a,.sm .sm-page-numbers .sm-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 8px;border-radius:10px;font-weight:700}
.sm .sm-page-numbers a{background:#fff;border:1px solid #dce3ed;color:#03204a}
.sm .sm-page-numbers a:hover{border-color:#efac86;color:#c2561a}
.sm .sm-page-numbers .sm-page-current{background:#f2702b;border:1px solid #f2702b;color:#fff}
.sm .sm-page-gap{color:#7b8798;padding:0 2px}
@media(max-width:600px){.sm[dir] .sm-pagination{flex-wrap:wrap;gap:8px}.sm .sm-page-numbers{order:-1;width:100%}.sm .sm-page-numbers a,.sm .sm-page-numbers .sm-page-current{min-width:36px;height:36px}}
.sm .sm-lc-photo:not(:has(img))::after{content:"";position:absolute;inset:0;background:url(/saleh_marketplace/static/src/icons/camera.svg) center/44px no-repeat;opacity:.28}
/* Brand badge on listing photos (overlay; original images untouched) */
.sm .sm-lc-photo > img{display:block;width:100%;height:100%;object-fit:cover}
.sm .sm-wm{position:absolute;top:10px;inset-inline-end:10px;z-index:2;display:inline-flex;align-items:center;padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(3,32,74,.18);pointer-events:none;line-height:0}
.sm .sm-wm img{position:static!important;display:block;width:92px!important;height:auto!important;object-fit:contain!important;transform:none!important;border-radius:0!important}
.sm .sm-image-stage{position:relative}
.sm .sm-image-stage .sm-wm{top:14px;inset-inline-end:14px;padding:6px 10px;border-radius:10px}
.sm .sm-image-stage .sm-wm img{width:120px!important}
.sm .sm-lc-photo:has(> img)::after{display:none}
.sm .sm-main-image{cursor:zoom-in}
/* Ad number */
.sm .sm-lc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sm .sm-lc-no{font-size:12px;color:#7b8798;white-space:nowrap}
.sm .sm-lc-no b{color:#03204a;font-weight:800}
.sm .sm-ad-number{margin:4px 0 8px;font-size:14px;color:#526278}
.sm .sm-ad-number b{color:#03204a;font-weight:800}
@media(max-width:700px){
 .sm .sm-lc-photo .sm-wm{top:6px;inset-inline-end:6px;padding:3px 5px;border-radius:6px}
 .sm .sm-lc-photo .sm-wm img{width:58px!important}
 .sm .sm-image-stage .sm-wm img{width:90px!important}
 .sm .sm-lc-no{font-size:10.5px}
}
/* Full-screen photo viewer */
html.sm-lb-open{overflow:hidden}
.sm-lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(2,12,28,.94)}
.sm-lightbox[hidden]{display:none}
.sm-lb-stage{position:relative;display:flex;margin:0}
.sm-lb-stage > img{display:block;object-fit:contain;border-radius:10px;user-select:none;background:#0b1830}
.sm-lb-stage .sm-wm{position:absolute;top:12px;inset-inline-end:12px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.9);line-height:0;pointer-events:none}
.sm-lb-stage .sm-wm img{display:block;width:130px;height:auto}
.sm-lb-close,.sm-lb-prev,.sm-lb-next{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:36px;line-height:1;cursor:pointer;transition:background .15s}
.sm-lb-close:hover,.sm-lb-prev:hover,.sm-lb-next:hover{background:rgba(255,255,255,.28)}
.sm-lb-close:focus-visible,.sm-lb-prev:focus-visible,.sm-lb-next:focus-visible{outline:3px solid #f2702b;outline-offset:2px}
.sm-lb-close{top:16px;inset-inline-end:16px;font-size:32px}
.sm-lb-prev{top:50%;inset-inline-start:16px;transform:translateY(-50%)}
.sm-lb-next{top:50%;inset-inline-end:16px;transform:translateY(-50%)}
.sm-lightbox.is-single .sm-lb-prev,.sm-lightbox.is-single .sm-lb-next{display:none}
.sm-lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:14px}
@media(max-width:700px){
 .sm-lb-stage{max-width:100vw}
 .sm-lb-stage > img{border-radius:0}
 .sm-lb-prev,.sm-lb-next{width:42px;height:42px;font-size:30px;inset-inline-start:8px}
 .sm-lb-next{inset-inline-start:auto;inset-inline-end:8px}
 .sm-lb-stage .sm-wm img{width:96px}
}
/* Badge without the white box: logo sits directly on the photo; a thin white halo keeps it legible on dark photos */
.sm .sm-wm,.sm-lb-stage .sm-wm{padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.sm .sm-wm img,.sm-lb-stage .sm-wm img{filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 2px rgba(255,255,255,.75)) drop-shadow(0 1px 4px rgba(0,0,0,.28))}
/* Listing page back button */
.sm .sm-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:9px 18px 9px 16px;border:1px solid #dce3ed;border-radius:12px;background:#fff;color:#03204a;font-weight:800;font-size:15px;box-shadow:0 4px 12px -8px rgba(24,44,70,.3);transition:border-color .15s,color .15s}
.sm .sm-back:hover{border-color:#efac86;color:#c2561a}
.sm .sm-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm[dir=ltr] .sm-back svg{transform:rotate(180deg)}
@media(max-width:700px){.sm .sm-back{margin-bottom:10px;padding:7px 14px;font-size:14px}}
/* Verification: resend code with countdown */
.sm .sm-verify-to{margin:-4px 0 4px;color:#526278}
.sm .sm-verify-to bdi{color:#03204a;font-weight:800}
.sm .sm-verify-notice{padding:10px 14px;border:1px solid #bfe8cf;border-radius:10px;background:#ecfaf1;color:#17603a}
.sm .sm-resend{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px;padding-top:16px;border-top:1px dashed #d6dde7}
.sm .sm-resend-hint{margin:0;color:#526278;font-size:14px}
.sm .sm-resend-form{margin:0}
.sm .sm-resend-button{min-width:190px;font-variant-numeric:tabular-nums}
.sm .sm-resend-button:disabled{opacity:.6;cursor:not-allowed}
/* Map: listing location picker and listing-page map (2026-10-05) */
.sm .sm-geo-picker{margin:6px 0 14px;padding:14px;border:1px solid #dce3ed;border-radius:16px;background:#f8fafc}
.sm .sm-geo-picker legend,.sm .sm-geo-view h3{display:flex;align-items:center;gap:8px;float:none;width:auto;margin:0 0 6px;padding:0;font-size:16px;font-weight:800;color:#03204a}
.sm .sm-geo-picker legend svg,.sm .sm-geo-view h3 svg{width:20px;height:20px;fill:none;stroke:#f2702b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-geo-map{height:280px;border-radius:12px;overflow:hidden;border:1px solid #dce3ed;background:#e9eef4;z-index:0}
.sm .sm-geo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.sm .sm-geo-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #03204a;background:#03204a!important;color:#fff!important;font-weight:700;cursor:pointer}
.sm .sm-geo-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.sm .sm-geo-btn.is-light{background:#fff!important;color:#03204a!important;border-color:#cfd8e3}
.sm .sm-geo-status{font-size:13px;color:#526278}
.sm .sm-geo-pin{background:none;border:0}
.sm .sm-geo-pin svg{width:34px;height:44px;filter:drop-shadow(0 4px 6px rgba(3,32,74,.35))}
.sm .sm-geo-view{margin:18px 0;padding:16px;border:1px solid #dce3ed;border-radius:16px;background:#fff}
.sm .sm-geo-view .sm-geo-map{height:240px}
.sm .sm-geo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sm .sm-geo-link{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;background:#f2702b;color:#fff!important;font-weight:800;text-decoration:none}
.sm .sm-geo-link.is-waze{background:#03204a}
/* Share panel: one row, brand colours with a glass finish */
.sm .sm-share{margin:18px 0;padding:14px 14px 10px;border:1px solid #dce3ed;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}
.sm .sm-share h3{margin:0 0 12px;font-size:16px;font-weight:800;color:#03204a}
.sm .sm-share .sm-share-grid{display:flex;justify-content:space-between;gap:2px}
.sm .sm-share .sm-share-btn{--glass-top:transparent;--glass-bottom:transparent;--glass-border:transparent;--glass-shadow:none;--glass-ink:#03204a;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none}
.sm .sm-share .sm-share-grid .sm-share-btn{flex:1 1 0;min-width:0;min-height:0!important;height:auto!important;display:flex;flex-direction:column;align-items:center;gap:5px;margin:0!important;padding:2px 0 4px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:#03204a!important;font-size:10.5px;font-weight:700;letter-spacing:-.1px;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .15s}
.sm .sm-share-btn span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm .sm-share-btn svg{--c1:#1d4f8c;--c2:#03204a;box-sizing:content-box;width:18px;height:18px;padding:10px;border-radius:50%;color:#fff;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
 background:radial-gradient(120% 80% at 30% 15%,rgba(255,255,255,.45),rgba(255,255,255,0) 55%),linear-gradient(150deg,var(--c1),var(--c2));
 box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 4px rgba(0,0,0,.18),0 4px 10px -3px var(--c2);transition:box-shadow .15s,transform .15s}
.sm .sm-share-btn svg.is-fill{fill:currentColor;stroke:none}
.sm .sm-share-btn.is-whatsapp svg{--c1:#4be07f;--c2:#1aa850}
.sm .sm-share-btn.is-facebook svg{--c1:#4b9bff;--c2:#1260d6}
.sm .sm-share-btn.is-x svg{--c1:#3a3a3a;--c2:#000}
.sm .sm-share-btn.is-telegram svg{--c1:#5cc6f5;--c2:#1c8fcf}
.sm .sm-share-btn.is-email svg{--c1:#ff9a5c;--c2:#e2601c}
.sm .sm-share-btn.is-copy svg{--c1:#7d8ea3;--c2:#3b4a5e}
.sm .sm-share-btn.is-more svg{--c1:#2a64a8;--c2:#03204a}
.sm .sm-share-btn:hover{transform:translateY(-2px)}
.sm .sm-share-btn:hover svg,.sm .sm-share-btn:focus-visible svg{box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 0 0 3px rgba(242,112,43,.35),0 6px 14px -4px var(--c2)}
.sm .sm-share-btn.is-done svg{--c1:#4be07f;--c2:#17603a}
.sm .sm-share-status{display:block;min-height:16px;margin-top:4px;font-size:12.5px;color:#17603a;text-align:center}
@media(max-width:380px){.sm .sm-share-btn svg{width:16px;height:16px;padding:9px}.sm .sm-share .sm-share-grid .sm-share-btn{font-size:9.5px}}
/* Alerts */
.sm .sm-alert-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.sm .sm-alert-cta button,.sm a.sm-alert-cta.is-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:12px;border:1px dashed #f2702b;background:#fff4ec!important;color:#c2561a!important;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:none!important}
.sm .sm-alert-cta svg,.sm .sm-alerts-page h1 svg,.sm .sm-alert-form button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-alert-cta.is-inline{margin:4px 0 0}
.sm .sm-alert-done{color:#17603a;font-weight:700;font-size:13px}
.sm .sm-alerts-page h1{display:flex;align-items:center;gap:10px}
.sm .sm-alerts-page h1 svg{width:28px;height:28px;stroke:#f2702b}
.sm .sm-alert-form{margin:16px 0 24px;padding:16px;border:1px solid #dce3ed;border-radius:16px;background:#fff}
.sm .sm-alert-form h2,.sm .sm-alerts-title{font-size:18px;font-weight:800;color:#03204a;margin:0 0 12px}
.sm .sm-alert-fields{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px;margin-bottom:12px}
.sm .sm-alert-fields label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.sm .sm-alert-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sm .sm-alert-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dce3ed;border-radius:14px;background:#fff}
.sm .sm-alert-item.is-paused{opacity:.65}
.sm .sm-alert-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.sm .sm-alert-info strong{color:#03204a}
.sm .sm-alert-info small{color:#7b8798}
.sm .sm-alert-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sm .sm-alert-actions form{margin:0}
.sm .sm-alert-open{color:#c2561a;font-weight:700;white-space:nowrap}
.sm .sm-alert-btn{min-height:36px;padding:0 12px;border-radius:10px;font-size:13px}
.sm .sm-alert-btn.is-danger{color:#b42318!important}
@media(max-width:700px){
 .sm .sm-geo-map{height:220px}
 .sm .sm-alert-fields{grid-template-columns:1fr 1fr}
 .sm .sm-alert-fields label:nth-child(-n+2){grid-column:1/-1}
 .sm .sm-alert-item{flex-direction:column;align-items:stretch}
 .sm .sm-alert-actions{justify-content:flex-start;flex-wrap:wrap}
}
.sm .sm-share-status:empty{display:none}

/* Listing page: compact rhythm, photo fills its frame, WhatsApp-style + orange-glass contact buttons (2026-10-05) */
.sm[dir] .sm-product-page{padding-bottom:12px}
.sm[dir] .sm-product-page .sm-back{margin-bottom:8px}
.sm[dir] .sm-product-page .sm-detail{margin-top:0;gap:10px}
.sm[dir] .sm-product-page .sm-image-stage{aspect-ratio:4/3;overflow:hidden;border:0;border-radius:16px;background:#e9eef4;padding:0}
.sm[dir] .sm-product-page .sm-image-stage .sm-main-image{position:relative;z-index:1;display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border-radius:0;margin:0}
.sm[dir] .sm-product-page .sm-image-stage::before{content:"";position:absolute;inset:-24px;background:var(--sm-photo,none) center/cover no-repeat;filter:blur(22px) saturate(1.1) brightness(.92);transform:scale(1.08)}
.sm[dir] .sm-product-page .sm-image-stage .sm-image-count{z-index:2}
.sm[dir] .sm-product-page .sm-photo-thumbs{margin:6px 0 0;padding:2px 2px 4px;gap:6px}
.sm[dir] .sm-product-page .sm-photo-thumbs button{width:58px;height:46px;padding:2px!important;border-radius:10px!important}
.sm[dir] .sm-product-page .sm-photo-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.sm[dir] .sm-product-page .sm-detail-info{padding:14px}
.sm[dir] .sm-product-page .sm-detail-info h1{margin:2px 0 6px}
.sm[dir] .sm-product-page .sm-detail-info h2{margin:6px 0 8px}
.sm[dir] .sm-product-page .sm-detail-info > p{margin:0 0 6px}
.sm[dir] .sm-product-page .sm-description{margin:0 0 10px}
.sm[dir] .sm-product-page .sm-ad-specifications{margin:10px 0;padding:10px 12px;gap:6px 10px}
.sm[dir] .sm-product-page .sm-ad-specifications :is(dt,dd){margin:0}
.sm[dir] .sm-product-page :is(.sm-share,.sm-geo-view){margin:10px 0;padding:12px}
.sm[dir] .sm-product-page .sm-share h3,.sm[dir] .sm-product-page .sm-geo-view h3{margin-bottom:10px}
.sm[dir] .sm-product-page .sm-alert-cta.is-inline{margin:0 0 10px}
.sm[dir] .sm-product-page .sm-alert-cta.is-inline button{width:100%;justify-content:center;min-height:40px;font-size:13.5px}
.sm[dir] .sm-product-page .sm-seller-contact{margin:10px 0 0;padding:12px}
.sm[dir] .sm-product-page .sm-seller-contact h3{margin:0 0 10px}
.sm[dir] .sm-contact-actions .sm-button{min-height:48px;border-radius:999px!important;font-size:16px;font-weight:700;letter-spacing:.1px}
.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp{--glass-top:#5bb876;--glass-bottom:#4a9f63;--glass-border:#3f9158;--glass-ink:#fff;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -8px rgba(36,110,60,.55)!important}
.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp:hover{--glass-top:#62c17e;--glass-bottom:#43965b}
.sm[dir] .sm-contact-actions .sm-button.sm-call{--glass-top:#fff7f1;--glass-bottom:#ffd7bc;--glass-border:#f5b48a;--glass-ink:#b4521b;color:#b4521b!important;text-shadow:0 1px 0 #ffffff90;box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(242,112,43,.55)!important}
.sm[dir] .sm-contact-actions .sm-button.sm-call:hover{--glass-top:#fff1e6;--glass-bottom:#ffc9a3}
.sm[dir] .sm-contact-actions .sm-contact-icon{width:22px;height:22px;flex-basis:22px}
@media(max-width:700px){
 .sm[dir] .sm-product-page{padding:8px 10px 10px}
 .sm[dir] .sm-product-page .sm-detail-info{padding:12px}
 .sm[dir] .sm-product-page .sm-image-stage{border-radius:14px}
}

/* Listing info: header row (category | ad number + icon-only favorite), divider lines, compact rhythm (2026-10-05) */
.sm[dir] .sm-product-page .sm-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px}
.sm[dir] .sm-product-page .sm-detail-head .sm-eyebrow{margin:0;font-size:13px}
.sm[dir] .sm-product-page .sm-detail-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sm[dir] .sm-product-page .sm-ad-number{margin:0;padding:3px 9px;border-radius:999px;background:#f2f5f9;font-size:11.5px;line-height:1.5;color:#6b7a8f;white-space:nowrap}
.sm[dir] .sm-product-page .sm-ad-number b{font-weight:800;color:#03204a}
.sm[dir] .sm-product-page .sm-detail-favorite{margin:0}
.sm[dir] .sm-product-page .sm-detail-favorite form{margin:0}
.sm[dir] .sm-product-page .sm-detail-favorite .sm-favorite-button{position:static;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;margin:0;border-radius:50%;border:1px solid #e3e8ef;background:#fff;box-shadow:0 2px 8px -4px rgba(3,32,74,.3);color:#03204a;cursor:pointer}
.sm[dir] .sm-product-page .sm-detail-favorite .sm-favorite-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.sm[dir] .sm-product-page .sm-detail-favorite .sm-favorite-button.is-saved{color:#e2601c;border-color:#f7c3a3;background:#fff4ec}
.sm[dir] .sm-product-page .sm-detail-favorite .sm-favorite-button.is-saved svg{fill:currentColor}
.sm[dir] .sm-product-page .sm-detail-favorite .sm-favorite-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sm[dir] .sm-product-page .sm-detail-info h1{margin:0 0 4px;line-height:1.35}
.sm[dir] .sm-product-page .sm-detail-location{display:flex;align-items:center;gap:4px;margin:0;font-size:13.5px;color:#6b7a8f}
.sm[dir] .sm-product-page .sm-detail-location svg{width:15px;height:15px;fill:none;stroke:#f2702b;stroke-width:2}
.sm[dir] .sm-product-page .sm-detail-price{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #edf1f6;color:#03204a}
.sm[dir] .sm-product-page .sm-description{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #edf1f6;line-height:1.7}
.sm[dir] .sm-product-page .sm-ad-specifications{display:grid;grid-template-columns:auto 1fr;gap:0;margin:12px 0 0;padding:0 12px;border:1px solid #edf1f6;border-radius:12px;background:#fbfcfe}
.sm[dir] .sm-product-page .sm-ad-specifications :is(dt,dd){margin:0;padding:8px 0;border-bottom:1px solid #edf1f6;font-size:14px;line-height:1.4}
.sm[dir] .sm-product-page .sm-ad-specifications dt{padding-inline-end:16px;color:#6b7a8f;font-weight:600}
.sm[dir] .sm-product-page .sm-ad-specifications dd{color:#03204a;font-weight:700;text-align:end}
.sm[dir] .sm-product-page .sm-ad-specifications :is(dt,dd):nth-last-child(-n+2){border-bottom:0}
/* Bottom bar: home in dark orange */
/* Listing card actions: always fit inside the card; favorite = small orange-outline heart (2026-10-05) */
.sm[dir] .sm-lc .sm-lc-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:6px;min-width:0;max-width:100%}
.sm[dir] .sm-lc .sm-lc-actions :is(.sm-lc-call,.sm-lc-view){flex:1 1 auto;min-width:0;max-width:none;white-space:nowrap;overflow:hidden}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-call span{overflow:hidden;text-overflow:ellipsis}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat{flex:0 1 auto;min-width:0;white-space:nowrap}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-fav{flex:0 0 auto;display:flex;margin:0}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-fav form{display:flex;margin:0}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:100%;min-width:42px;min-height:40px;padding:0;margin:0;border:1.5px solid #f2a273!important;border-radius:12px;background:#fff!important;box-shadow:none!important;color:#e2601c!important}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button:hover{background:#fff4ec!important;border-color:#f2702b!important}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button.is-saved{background:#fff4ec!important;border-color:#f2702b!important}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button.is-saved svg{fill:currentColor}
.sm[dir] .sm-lc .sm-lc-fav .sm-favorite-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){
 .sm[dir] .sm-lc .sm-lc-actions :is(.sm-lc-call,.sm-lc-chat,.sm-lc-view){min-height:38px;padding:0 8px;gap:4px;font-size:12.5px;letter-spacing:0}
 .sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button{width:38px;min-width:38px;min-height:38px;border-radius:10px}
 .sm[dir] .sm-lc .sm-lc-fav .sm-favorite-button svg{width:17px;height:17px}
}
@media(max-width:700px){
 .sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat{flex:0 0 38px;width:38px;padding:0;font-size:0;border-color:#bfe3cb;background:#f2fbf5}
 .sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat .sm-lc-ico{width:18px;height:18px;stroke:#1f9d4c}
 .sm[dir] .sm-lc .sm-lc-actions .sm-lc-call{font-size:13px;letter-spacing:.2px}
}

/* Listing photos: thumbnails twice the size (3 visible, swipe for more) */
.sm[dir] .sm-product-page .sm-photo-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px) / 3);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:8px 0 0;padding:0 0 4px;scrollbar-width:none}
.sm[dir] .sm-product-page .sm-photo-thumbs::-webkit-scrollbar{display:none}
.sm[dir] .sm-product-page .sm-photo-thumbs button{flex:none;width:100%;height:auto;aspect-ratio:4/3;padding:0!important;border:2px solid transparent!important;border-radius:12px!important;overflow:hidden;background:#eef2f6!important;box-shadow:none!important;scroll-snap-align:start}
.sm[dir] .sm-product-page .sm-photo-thumbs button[aria-pressed=true]{border-color:#f2702b!important;box-shadow:0 0 0 2px rgba(242,112,43,.18)!important}
.sm[dir] .sm-product-page .sm-photo-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:10px}
@media(min-width:701px){.sm[dir] .sm-product-page .sm-photo-thumbs{grid-auto-columns:calc((100% - 32px) / 5)}}
/* Bottom bar: one icon set, active page in dark orange, raised orange add button */
.sm .sm-mobile-nav{align-items:flex-end;padding:6px 6px max(6px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e6ebf2;box-shadow:0 -6px 20px -10px rgba(3,32,74,.25)}
.sm .sm-mobile-nav a{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0 2px;color:#5b6b80!important;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none}
.sm .sm-mobile-nav .sm-nav-ico{display:grid;place-items:center;width:28px;height:28px}
.sm .sm-mobile-nav .sm-nav-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-mobile-nav a.is-active{color:#b4521b!important;font-weight:800}
.sm .sm-mobile-nav a.is-active::before{content:"";position:absolute;top:-7px;width:22px;height:3px;border-radius:0 0 3px 3px;background:#f2702b}
.sm .sm-mobile-nav a.is-active .sm-nav-ico svg{stroke-width:2.1}
.sm .sm-mobile-nav a.sm-mobile-add{color:#b4521b!important;font-weight:800}
.sm .sm-mobile-nav a.sm-mobile-add .sm-nav-ico{width:46px;height:46px;margin-top:-20px;border-radius:50%;background:linear-gradient(150deg,#ff8a45,#e2601c);border:3px solid #fff;box-shadow:0 6px 14px -4px rgba(226,96,28,.55)}
.sm .sm-mobile-nav a.sm-mobile-add .sm-nav-ico svg{stroke:#fff;stroke-width:2.4}
.sm .sm-mobile-nav a.sm-mobile-add.is-active::before{display:none}
/* Report abuse */
.sm[dir] .sm-product-page .sm-report{margin:10px 0 0;border-top:1px solid #edf1f6;padding-top:8px}
.sm[dir] .sm-product-page .sm-report summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:#8a97a8;font-size:13px;font-weight:600;padding:4px 2px}
.sm[dir] .sm-product-page .sm-report summary::-webkit-details-marker{display:none}
.sm[dir] .sm-product-page .sm-report summary:hover,.sm[dir] .sm-product-page .sm-report[open] summary{color:#b42318}
.sm[dir] .sm-product-page .sm-report summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm[dir] .sm-product-page .sm-report form{margin-top:8px;padding:12px;border:1px solid #f3d6d2;border-radius:12px;background:#fffafa}
.sm[dir] .sm-product-page .sm-report fieldset{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sm[dir] .sm-product-page .sm-report legend{grid-column:1/-1;margin:0 0 6px;padding:0;font-size:14px;font-weight:800;color:#03204a}
.sm[dir] .sm-product-page .sm-report-reason{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;font-size:13px;cursor:pointer}
.sm[dir] .sm-product-page .sm-report-reason:has(input:checked){border-color:#e8806f;background:#fff1ef;color:#9b1c1c;font-weight:700}
.sm[dir] .sm-product-page .sm-report-reason input{accent-color:#c2361f;margin:0}
.sm[dir] .sm-product-page .sm-report-details{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13px;color:#526278}
.sm[dir] .sm-product-page .sm-report-details textarea{min-height:64px;padding:8px 10px;border:1px solid #dce3ed;border-radius:10px;font:inherit;resize:vertical}
.sm[dir] .sm-product-page .sm-report-submit{margin-top:10px;width:100%;min-height:42px;border-radius:12px!important;--glass-top:#e25b45;--glass-bottom:#b8321f;--glass-border:#a52b1a;--glass-ink:#fff;color:#fff!important;font-weight:800;text-shadow:none}
.sm[dir] .sm-product-page .sm-report-done{margin:6px 0 0;padding:10px 12px;border-radius:10px;background:#eefaf2;color:#17603a;font-size:13.5px;font-weight:700}
.sm[dir] .sm-product-page .sm-report-login{font-weight:700;color:#c2561a}
@media(max-width:380px){.sm[dir] .sm-product-page .sm-report fieldset{grid-template-columns:1fr}}
.sm[dir] .sm-product-page .sm-report-reason{flex-direction:row!important;align-items:center!important;min-height:0!important;margin:0!important;line-height:1.35;white-space:normal}
.sm[dir] .sm-product-page .sm-report-reason input[type=radio]{flex:0 0 16px;width:16px!important;height:16px!important;min-height:0!important;padding:0!important;border:0;box-shadow:none}
.sm[dir] .sm-product-page .sm-report-reason span{flex:1 1 auto;min-width:0}
/* Header search on phones: one compact row — icon | query | category | orange search button (2026-10-05) */
@media(max-width:767px){
 .sm[dir] .sm-header-search{flex-wrap:nowrap!important;align-items:center;gap:6px;min-height:46px;padding:4px 4px!important;padding-inline-start:10px!important;border:1px solid #dce3ed;border-radius:14px;background:#fff;box-shadow:0 4px 14px -10px rgba(3,32,74,.35)}
 .sm[dir] .sm-header-search > img{width:18px;height:18px;flex:0 0 18px;opacity:.75}
 .sm[dir] .sm-header-search input:not([type=hidden]){flex:1 1 auto!important;min-width:0;width:auto;padding:6px 0!important;font-size:13.5px;text-overflow:ellipsis}
 .sm[dir] .sm-header-search .sm-search-category{flex:0 0 auto!important;width:auto!important;max-width:96px;min-width:0!important;min-height:34px!important;margin:0;padding:0 18px 0 6px!important;padding-inline:6px 18px!important;border:0!important;border-inline-start:1px solid #e3e8ef!important;border-top:0!important;border-radius:0!important;background-color:transparent;background-position:left 4px center;background-size:10px;font-size:12px!important;font-weight:700;color:#03204a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sm[dir=ltr] .sm-header-search .sm-search-category{background-position:right 4px center}
 .sm[dir] .sm-header-search button[type=submit]{flex:0 0 38px;width:38px!important;min-width:38px!important;height:38px;min-height:38px!important;padding:0!important;border:0!important;border-radius:11px!important;font-size:0!important;color:transparent!important;text-shadow:none!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/19px no-repeat,linear-gradient(150deg,#ff8a45,#e2601c)!important;
  box-shadow:0 4px 10px -4px rgba(226,96,28,.6)!important}
}
@media(max-width:767px){
 .sm[dir] .sm-header-search button[type=submit]{position:relative;--glass-top:#ff8a45;--glass-bottom:#e2601c;--glass-border:#e2601c;--glass-ink:#fff;--glass-shadow:0 4px 10px -4px rgba(226,96,28,.6)}
 .sm[dir] .sm-header-search button[type=submit]::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/19px no-repeat}
 .sm[dir] .sm-header-search .sm-search-category{max-width:108px}
}

/* Listing cards: two equal buttons — call (orange, no number) and official-style WhatsApp chat (2026-10-06) */
.sm[dir] .sm-lc .sm-lc-actions :is(.sm-lc-call,.sm-lc-chat){flex:1 1 0!important;width:auto!important;min-width:0!important;justify-content:center;gap:6px;font-weight:800;white-space:nowrap}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat{border:1px solid #1fb855!important;background:#25d366!important;color:#fff!important;font-size:15px}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat:hover{background:#1ebe5d!important}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat .sm-wa-ico{width:19px;height:19px;fill:#fff;stroke:none}
.sm[dir] .sm-lc .sm-lc-actions .sm-lc-call{letter-spacing:0}
@media(max-width:700px){
 .sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat{flex:1 1 0!important;width:auto!important;padding:0 6px!important;font-size:12.5px!important}
 .sm[dir] .sm-lc .sm-lc-actions .sm-lc-chat .sm-wa-ico{width:15px;height:15px;stroke:none;fill:#fff}
 .sm[dir] .sm-lc .sm-lc-actions :is(.sm-lc-call,.sm-lc-chat){padding:0 6px!important;gap:4px}
}
/* Stars */
.sm .sm-stars{display:inline-flex;gap:1px;vertical-align:-2px}
.sm .sm-stars svg{width:15px;height:15px;fill:#dfe5ec;stroke:none}
.sm .sm-stars .is-on svg{fill:#f5a524}
.sm[dir] .sm-product-page .sm-rating-line{display:inline-flex;align-items:center;gap:5px;margin:6px 0 0;font-size:13px;color:#6b7a8f;text-decoration:none}
.sm[dir] .sm-product-page .sm-rating-line b{color:#03204a}
/* Seller card */
.sm .sm-seller-card{display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:12px;border:1px solid #e3e8ef;border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbfd);color:#03204a;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.sm .sm-seller-card:hover{border-color:#f2b48c;box-shadow:0 6px 16px -10px rgba(3,32,74,.35)}
.sm .sm-seller-avatar{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(150deg,#1d4f8c,#03204a);color:#fff;font-size:21px;font-weight:800;box-shadow:0 0 0 2px #fff,0 0 0 4px #f6c7a8}
.sm .sm-seller-avatar img{width:100%;height:100%;object-fit:cover}
.sm .sm-seller-meta{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.sm .sm-seller-meta strong{font-size:16px;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm .sm-seller-meta small{font-size:12px;color:#7b8798}
.sm .sm-seller-meta .sm-seller-kicker{font-size:11px;color:#c2561a;font-weight:700}
.sm .sm-seller-rating{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#6b7a8f}
.sm .sm-seller-rating b{color:#03204a}
.sm .sm-seller-rating.is-empty{font-size:12px}
.sm .sm-seller-go svg{width:20px;height:20px;fill:none;stroke:#9aa7b8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm[dir=ltr] .sm-seller-go svg{transform:rotate(180deg)}
/* Rate this listing */
.sm[dir] .sm-product-page .sm-rate{margin:10px 0 0;padding:12px;border:1px solid #edf1f6;border-radius:14px;background:#fff}
.sm[dir] .sm-product-page .sm-rate h3{margin:0 0 8px;font-size:15px;font-weight:800;color:#03204a}
.sm .sm-star-input{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin:0 0 10px;padding:0;border:0}
.sm .sm-star-input input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sm .sm-star-input label{display:block;margin:0!important;padding:0!important;min-height:0!important;cursor:pointer}
.sm .sm-star-input label svg{display:block;width:34px;height:34px;fill:#e3e8ef;stroke:none;transition:fill .12s,transform .12s}
.sm .sm-star-input label:hover svg,.sm .sm-star-input label:hover ~ label svg,.sm .sm-star-input input:checked ~ label svg{fill:#f5a524}
.sm .sm-star-input:hover input:checked ~ label svg{fill:#e3e8ef}
.sm .sm-star-input:hover label:hover svg,.sm .sm-star-input:hover label:hover ~ label svg{fill:#f5a524}
.sm .sm-star-input label:active svg{transform:scale(.9)}
.sm .sm-star-input input:focus-visible + label svg{outline:2px solid #f2702b;outline-offset:2px;border-radius:4px}
.sm[dir] .sm-product-page .sm-rate form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sm[dir] .sm-product-page .sm-rate .sm-star-input{flex:1 0 100%;margin:0}
.sm[dir] .sm-product-page .sm-rate-comment{flex:1 1 160px;min-width:0;min-height:40px;margin:0;padding:8px 10px;border:1px solid #dce3ed;border-radius:10px;font-size:13.5px}
.sm[dir] .sm-product-page .sm-rate-submit{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:10px!important;--glass-top:#ff8a45;--glass-bottom:#e2601c;--glass-border:#e2601c;--glass-ink:#fff;color:#fff!important;font-weight:800;text-shadow:none}
.sm[dir] .sm-product-page .sm-rate-done{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#eefaf2;color:#17603a;font-size:13px;font-weight:700}
.sm .sm-rate-login{display:inline-flex;align-items:center;gap:6px;color:#c2561a;font-weight:700;font-size:14px}
.sm .sm-rate-login svg{width:18px;height:18px;fill:#f5a524}
.sm .sm-reviews{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.sm .sm-reviews li{padding:10px 12px;border:1px solid #edf1f6;border-radius:12px;background:#fbfcfe}
.sm .sm-review-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sm .sm-review-head strong{font-size:13.5px;color:#03204a}
.sm .sm-reviews p{margin:4px 0 0;font-size:13.5px;color:#334155;line-height:1.6}
/* Seller page */
.sm .sm-seller-page .sm-seller-hero .sm-seller-card{margin:0 0 14px;padding:16px}
.sm .sm-seller-page .sm-seller-hero .sm-seller-avatar{flex-basis:68px;width:68px;height:68px;font-size:26px}
.sm .sm-seller-page .sm-seller-hero .sm-seller-meta strong{font-size:20px}
.sm .sm-seller-page .sm-seller-hero .sm-seller-go{display:none}
.sm .sm-seller-section{margin:16px 0 10px;font-size:18px;font-weight:800;color:#03204a}
.sm .sm-seller-section small{color:#7b8798;font-weight:600}
.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp{--glass-top:#2fdc70;--glass-bottom:#20bd5a;--glass-border:#1caa50;--glass-ink:#fff;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -8px rgba(29,160,80,.6)!important}
.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp:hover{--glass-top:#36e277;--glass-bottom:#1db455}
/* Call / WhatsApp buttons: Apple-style glass in the brand colours (cards + listing page) (2026-10-06) */
.sm[dir] :is(.sm-lc .sm-lc-actions .sm-lc-call,.sm-lc .sm-lc-actions .sm-lc-chat,.sm-contact-actions .sm-button.sm-call,.sm-contact-actions .sm-button.sm-whatsapp){position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);transition:transform .15s,box-shadow .15s,filter .15s}
.sm[dir] :is(.sm-lc .sm-lc-actions .sm-lc-call,.sm-contact-actions .sm-button.sm-call){--glass-top:rgba(255,150,92,.92);--glass-bottom:rgba(226,96,28,.92);--glass-border:rgba(255,255,255,.55);--glass-ink:#fff;background:linear-gradient(160deg,rgba(255,150,92,.92),rgba(226,96,28,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 8px rgba(150,50,0,.22),0 10px 22px -12px rgba(226,96,28,.75)!important}
.sm[dir] :is(.sm-lc .sm-lc-actions .sm-lc-chat,.sm-contact-actions .sm-button.sm-whatsapp){--glass-top:rgba(64,232,128,.92);--glass-bottom:rgba(30,190,93,.92);--glass-border:rgba(255,255,255,.55);--glass-ink:#fff;background:linear-gradient(160deg,rgba(64,232,128,.92),rgba(30,190,93,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 8px rgba(0,110,40,.22),0 10px 22px -12px rgba(30,190,93,.75)!important}
.sm[dir] :is(.sm-lc .sm-lc-actions .sm-lc-call,.sm-lc .sm-lc-actions .sm-lc-chat,.sm-contact-actions .sm-button.sm-call,.sm-contact-actions .sm-button.sm-whatsapp)::before{content:"";position:absolute;inset:0 0 50% 0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.06));pointer-events:none}
.sm[dir] :is(.sm-lc .sm-lc-actions .sm-lc-call,.sm-lc .sm-lc-actions .sm-lc-chat,.sm-contact-actions .sm-button.sm-call,.sm-contact-actions .sm-button.sm-whatsapp):hover{filter:brightness(1.05) saturate(1.05);transform:translateY(-1px)}
.sm[dir] :is(.sm-lc .sm-lc-actions .sm-lc-call,.sm-lc .sm-lc-actions .sm-lc-chat,.sm-contact-actions .sm-button.sm-call,.sm-contact-actions .sm-button.sm-whatsapp):active{transform:scale(.98)}
.sm[dir] :is(.sm-lc .sm-lc-actions .sm-lc-call,.sm-contact-actions .sm-button.sm-call) :is(.sm-lc-ico,.sm-contact-icon){stroke:#fff!important;color:#fff}
.sm[dir] .sm-lc .sm-lc-actions{gap:8px}
.sm[dir] .sm-lc .sm-lc-actions :is(.sm-lc-call,.sm-lc-chat){border-radius:14px!important}

/* Section banners: one per main category, in the site's navy + orange (2026-10-06) */
.sm .sm-cat-banner{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:24px;margin:22px 0;padding:34px 40px;border-radius:24px;overflow:hidden;isolation:isolate;color:#fff;
 background:radial-gradient(120% 140% at 0% 100%,rgba(242,112,43,.55),rgba(242,112,43,0) 55%),radial-gradient(90% 120% at 100% 0%,rgba(46,98,170,.55),rgba(46,98,170,0) 60%),linear-gradient(135deg,#03204a 0%,#0a2f63 55%,#132f55 100%);
 box-shadow:0 24px 50px -28px rgba(3,32,74,.7)}
.sm .sm-cat-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 18px);-webkit-mask:linear-gradient(90deg,#000,transparent 70%);mask:linear-gradient(90deg,#000,transparent 70%)}
.sm .sm-cat-banner::after{content:"";position:absolute;width:420px;height:420px;inset-inline-end:-120px;bottom:-220px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(242,112,43,.45),rgba(242,112,43,0) 65%)}
.sm .sm-cat-banner-copy{min-width:0}
.sm .sm-cat-banner-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:13px;font-weight:700;color:#ffd9c2}
.sm .sm-cat-banner-dot{width:8px;height:8px;border-radius:50%;background:#f2702b;box-shadow:0 0 0 4px rgba(242,112,43,.25)}
.sm .sm-cat-banner h2{margin:14px 0 8px;font-size:clamp(24px,3.1vw,38px)!important;font-weight:900;line-height:1.25;color:#fff;letter-spacing:0}
.sm .sm-cat-banner p{margin:0 0 20px;max-width:520px;font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.82)}
.sm .sm-cat-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sm .sm-cat-banner-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(160deg,#ff9a5c,#e2601c);color:#fff!important;font-weight:800;font-size:15px;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 24px -12px rgba(242,112,43,.9);transition:transform .15s,filter .15s}
.sm .sm-cat-banner-cta span{font-size:20px;line-height:1}
.sm .sm-cat-banner-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}
.sm .sm-cat-banner-link{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);color:#fff!important;font-weight:700;font-size:14px;text-decoration:none}
.sm .sm-cat-banner-link:hover{background:rgba(255,255,255,.16)}
.sm .sm-cat-banner-art{position:relative;display:grid;place-items:center;justify-self:center;width:min(100%,300px);aspect-ratio:1}
.sm .sm-cat-banner-ring{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#eef2f7 70%);box-shadow:0 0 0 10px rgba(255,255,255,.08),0 0 0 22px rgba(255,255,255,.04),0 30px 50px -20px rgba(0,0,0,.55)}
.sm .sm-cat-banner-art img{position:relative;width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.05);transition:transform .4s ease}
.sm .sm-cat-banner:hover .sm-cat-banner-art img{transform:scale(1.04) rotate(-1deg)}
@media(max-width:700px){
 .sm .sm-cat-banner{grid-template-columns:minmax(0,1fr) 112px;gap:12px;margin:14px 0;padding:18px 16px;border-radius:18px}
 .sm .sm-cat-banner h2{margin:10px 0 6px;font-size:20px!important}
 .sm .sm-cat-banner p{margin:0 0 12px;font-size:13px;line-height:1.6}
 .sm .sm-cat-banner-kicker{padding:4px 10px;font-size:11.5px}
 .sm .sm-cat-banner-actions{gap:8px}
 .sm .sm-cat-banner-cta{min-height:40px;padding:0 14px;font-size:13px;border-radius:12px}
 .sm .sm-cat-banner-link{min-height:40px;padding:0 12px;font-size:12.5px;border-radius:12px}
 .sm .sm-cat-banner-art{width:112px;align-self:start}
 .sm .sm-cat-banner-ring{box-shadow:0 0 0 6px rgba(255,255,255,.08),0 16px 30px -14px rgba(0,0,0,.55)}
}
@media(max-width:380px){.sm .sm-cat-banner{grid-template-columns:1fr}.sm .sm-cat-banner-art{display:none}}
.sm .sm-cat-banner-art img{width:86%;height:86%;object-fit:cover;border-radius:50%;mix-blend-mode:normal}
/* Governorate chips on phones: one swipeable row instead of several lines (2026-10-06) */
@media(max-width:767px){
 .sm[dir] .sm-region-chips{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;overflow-y:hidden;margin-inline:-16px;padding:2px 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}
 .sm[dir] .sm-region-chips::-webkit-scrollbar{display:none}
 .sm[dir] .sm-region-chips a{flex:0 0 auto;min-height:38px!important;padding:0 14px!important;font-size:14px!important;white-space:nowrap;scroll-snap-align:start}
}

/* Listing card: actions sit under the body on desktop and span the full card under the photo on phones (2026-10-06) */
.sm[dir] .sm-lc{grid-template-rows:1fr auto}
.sm[dir] .sm-lc > .sm-lc-media{grid-row:1 / span 2}
.sm[dir] .sm-lc > .sm-lc-actions{grid-column:2;grid-row:2;align-self:end}
@media(max-width:700px){
 .sm[dir] .sm-lc{grid-template-rows:auto auto;row-gap:10px}
 .sm[dir] .sm-lc > .sm-lc-media{grid-row:1}
 .sm[dir] .sm-lc > .sm-lc-actions{grid-column:1 / -1;grid-row:2;gap:8px}
 .sm[dir] .sm-lc > .sm-lc-actions :is(.sm-lc-call,.sm-lc-chat,.sm-lc-view){min-height:44px!important;font-size:15px!important;padding:0 12px!important;gap:6px!important;border-radius:14px!important}
 .sm[dir] .sm-lc > .sm-lc-actions .sm-lc-chat .sm-wa-ico{width:19px;height:19px}
 .sm[dir] .sm-lc > .sm-lc-actions .sm-lc-call .sm-lc-ico{width:18px;height:18px}
 .sm[dir] .sm-lc > .sm-lc-actions .sm-lc-fav .sm-favorite-button{width:44px;min-width:44px;min-height:44px;border-radius:14px}
}
/* Model chips (make pages) */
.sm[dir] .sm-model-chips{margin-top:-6px}
.sm[dir] .sm-model-chips a small{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-inline-start:4px;padding:0 6px;border-radius:999px;background:rgba(3,32,74,.08);font-size:11px;font-weight:700}
.sm[dir] .sm-model-chips a.selected small{background:rgba(242,112,43,.18)}
@media(min-width:768px){.sm[dir] .sm-model-chips{display:flex;flex-wrap:wrap;gap:8px}}

/* Listing card photo strip: swipe/scroll-snap through every photo (2026-10-07) */
.sm .sm-lc-photo{position:relative}
.sm .sm-lc-slides{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:inherit}
.sm .sm-lc-slides::-webkit-scrollbar{display:none}
.sm .sm-lc-slides > img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;scroll-snap-stop:always;display:block}
.sm .sm-lc-photo:has(img)::after{display:none}
.sm .sm-lc-count .sm-lc-pos{font-weight:800}
.sm .sm-lc-nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:32px;height:32px;min-height:0!important;margin-top:-16px;padding:0!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.9)!important;box-shadow:0 4px 12px -4px rgba(3,32,74,.45)!important;color:#03204a!important;opacity:0;transition:opacity .15s;cursor:pointer}
.sm .sm-lc-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-lc-nav.is-prev{inset-inline-start:8px}
.sm .sm-lc-nav.is-next{inset-inline-end:8px}
.sm[dir=ltr] .sm-lc-nav svg{transform:rotate(180deg)}
.sm .sm-lc-photo:hover .sm-lc-nav{opacity:1}
@media(hover:none){.sm .sm-lc-nav{display:none}}
/* Views counter */
.sm .sm-lc-meta-left{display:inline-flex;align-items:center;gap:8px}
.sm .sm-lc-views,.sm .sm-ad-views{display:inline-flex;align-items:center;gap:3px;color:#7b8798;font-size:12px;font-weight:600;white-space:nowrap}
.sm .sm-lc-views svg,.sm .sm-ad-views svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm[dir] .sm-product-page .sm-ad-views{padding:3px 9px;border-radius:999px;background:#f2f5f9;font-size:11.5px}
.sm[dir] .sm-product-page .sm-ad-views b{color:#03204a;font-weight:800}
@media(max-width:700px){.sm .sm-lc-views{font-size:11px}.sm .sm-lc-views svg{width:12px;height:12px}}
.sm .sm-lc-count{direction:ltr;unicode-bidi:isolate}

/* AI search assistant (2026-10-07) */
.sm .sm-ai{position:fixed;z-index:1200;inset-inline-end:18px;bottom:22px}
.sm .sm-ai-fab{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 18px 0 14px;border-radius:999px!important;border:1px solid rgba(255,255,255,.5)!important;
 background:linear-gradient(150deg,#ff8a45,#e2601c)!important;color:#fff!important;font-weight:800;font-size:15px;box-shadow:0 14px 30px -12px rgba(226,96,28,.8),inset 0 1px 0 rgba(255,255,255,.55)!important;cursor:pointer;text-shadow:none!important}
.sm .sm-ai-fab svg,.sm .sm-ai-badge svg{width:22px;height:22px;fill:currentColor}
.sm .sm-ai.is-open .sm-ai-fab{display:none}
.sm .sm-ai-panel{position:fixed;inset-inline-end:18px;bottom:22px;width:min(400px,calc(100vw - 24px));height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#f6f8fb;border:1px solid #dfe5ee;box-shadow:0 30px 70px -25px rgba(3,32,74,.55)}
.sm .sm-ai-panel[hidden]{display:none}
.sm .sm-ai-head{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:linear-gradient(135deg,#03204a,#0d3a72);color:#fff}
.sm .sm-ai-head div{flex:1;min-width:0;display:flex;flex-direction:column}
.sm .sm-ai-head strong{font-size:15.5px;font-weight:800}
.sm .sm-ai-head small{font-size:12px;color:rgba(255,255,255,.75)}
.sm .sm-ai-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(150deg,#ff8a45,#e2601c);color:#fff;flex:0 0 38px}
.sm .sm-ai-icon{display:grid;place-items:center;width:34px;height:34px;min-height:0!important;padding:0!important;border-radius:10px!important;border:0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;cursor:pointer}
.sm .sm-ai-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-ai-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.sm .sm-ai-msg{max-width:88%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.sm .sm-ai-msg.is-bot{align-self:flex-start;background:#fff;border:1px solid #e3e8ef;color:#1c2b40;border-start-start-radius:6px}
.sm .sm-ai-msg.is-me{align-self:flex-end;background:#03204a;color:#fff;border-start-end-radius:6px}
.sm .sm-ai-msg.is-typing{color:#7b8798;font-style:italic;animation:smAiPulse 1.2s ease-in-out infinite}
@keyframes smAiPulse{50%{opacity:.5}}
.sm .sm-ai-suggest{display:flex;flex-wrap:wrap;gap:6px}
.sm .sm-ai-suggest button{min-height:32px!important;padding:0 12px!important;border-radius:999px!important;font-size:12.5px!important;--glass-top:#fff;--glass-bottom:#fff4ec;--glass-border:#f6c7a8;--glass-ink:#b4521b}
.sm .sm-ai-cards{display:grid;gap:8px}
.sm .sm-ai-card{display:flex;gap:10px;align-items:center;padding:8px;border-radius:14px;background:#fff;border:1px solid #e3e8ef;color:#03204a;text-decoration:none;transition:border-color .15s}
.sm .sm-ai-card:hover{border-color:#f2b48c}
.sm .sm-ai-card img{flex:0 0 72px;width:72px;height:56px;object-fit:cover;border-radius:10px;background:#eef2f6}
.sm .sm-ai-card-body{display:flex;flex-direction:column;min-width:0;gap:1px}
.sm .sm-ai-card-body strong{font-size:13.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm .sm-ai-price{color:#c2561a;font-size:13.5px;font-weight:800}
.sm .sm-ai-card-body small{font-size:11.5px;color:#7b8798;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm .sm-ai-all{align-self:flex-start;font-size:13px;font-weight:700;color:#c2561a}
.sm .sm-ai-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:#fff;border:1px dashed #d7dfe9;font-size:13px;color:#334155}
.sm .sm-ai-feedback span{flex:1 0 100%;font-weight:700}
.sm .sm-ai-feedback button{min-height:34px!important;padding:0 14px!important;border-radius:999px!important;font-size:13px!important}
.sm .sm-ai-feedback .is-yes{--glass-top:#ecfbf2;--glass-bottom:#d4f4e0;--glass-border:#9edcb6;--glass-ink:#17603a}
.sm .sm-ai-feedback .is-no{--glass-top:#fff3f1;--glass-bottom:#fde0dc;--glass-border:#f2b3aa;--glass-ink:#9b1c1c}
.sm .sm-ai-feedback .is-done{color:#17603a}
.sm .sm-ai-form{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid #e3e8ef}
.sm .sm-ai-form input{flex:1;min-width:0;min-height:44px;margin:0;padding:0 14px;border:1px solid #dce3ed;border-radius:14px;font-size:14.5px;background:#f8fafc}
.sm .sm-ai-form button{flex:0 0 44px;width:44px;min-height:44px!important;padding:0!important;border-radius:14px!important;--glass-top:#ff8a45;--glass-bottom:#e2601c;--glass-border:#e2601c;--glass-ink:#fff;color:#fff!important}
.sm .sm-ai-form button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sm[dir=rtl] .sm-ai-form button:not(.sm-ai-mic) svg{transform:rotate(180deg)}
.sm .sm-ai-note{display:block;padding:0 12px 8px;background:#fff;color:#94a1b3;font-size:11px;text-align:center}
@media(max-width:767px){
 .sm .sm-ai{bottom:calc(84px + env(safe-area-inset-bottom));inset-inline-end:12px}
 .sm .sm-ai-fab{min-height:46px;padding:0 14px 0 12px;font-size:13.5px}
 .sm .sm-ai-panel{inset:auto 0 0 0;width:100%;height:min(88vh,calc(100dvh - 40px));border-radius:22px 22px 0 0;z-index:1300}
}
.sm .sm-ai .sm-ai-fab{--glass-top:#ff8a45;--glass-bottom:#e2601c;--glass-border:rgba(255,255,255,.55);--glass-ink:#fff;--glass-shadow:0 14px 30px -12px rgba(226,96,28,.8);color:#fff!important}
.sm .sm-ai .sm-ai-icon{--glass-top:rgba(255,255,255,.14);--glass-bottom:rgba(255,255,255,.08);--glass-border:transparent;--glass-ink:#fff;--glass-shadow:none}

/* Assistant voice (2026-10-07) */
.sm .sm-ai{display:flex;align-items:center;gap:8px}
.sm .sm-ai .sm-ai-mic-fab{display:grid;place-items:center;width:50px;height:50px;min-height:0!important;padding:0!important;border-radius:50%!important;
 --glass-top:#0d3a72;--glass-bottom:#03204a;--glass-border:rgba(255,255,255,.4);--glass-ink:#fff;--glass-shadow:0 12px 26px -12px rgba(3,32,74,.8);color:#fff!important;cursor:pointer}
.sm .sm-ai .sm-ai-mic-fab[hidden],.sm .sm-ai .sm-ai-mic[hidden]{display:none}
.sm .sm-ai.is-open .sm-ai-mic-fab{display:none}
.sm .sm-ai-mic-fab svg,.sm .sm-ai-mic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-ai .sm-ai-mic{flex:0 0 44px;width:44px;min-height:44px!important;padding:0!important;border-radius:14px!important;
 --glass-top:#f2f5f9;--glass-bottom:#e6ecf3;--glass-border:#d7dfe9;--glass-ink:#03204a;color:#03204a!important;cursor:pointer}
.sm .sm-ai.is-listening .sm-ai-mic{--glass-top:#ff5a4f;--glass-bottom:#d93025;--glass-border:#d93025;--glass-ink:#fff;color:#fff!important;animation:smMicPulse 1.2s ease-out infinite}
@keyframes smMicPulse{0%{box-shadow:0 0 0 0 rgba(217,48,37,.45)}100%{box-shadow:0 0 0 14px rgba(217,48,37,0)}}
.sm .sm-ai-listening{color:#b42318!important;font-weight:700}
@media(max-width:767px){.sm .sm-ai .sm-ai-mic-fab{width:46px;height:46px}}

/* Assistant launcher: one compact pill with the mic inside; phone sheet that always shows its close button (2026-10-07) */
.sm .sm-ai{gap:0}
.sm .sm-ai .sm-ai-launch{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:linear-gradient(150deg,#ff8a45,#e2601c);
 border:1px solid rgba(255,255,255,.5);box-shadow:0 12px 26px -12px rgba(226,96,28,.8),inset 0 1px 0 rgba(255,255,255,.5)}
.sm .sm-ai.is-open .sm-ai-launch{display:none}
.sm .sm-ai .sm-ai-launch .sm-ai-fab{min-height:36px;padding:0 10px 0 8px;gap:6px;font-size:14px;--glass-top:transparent;--glass-bottom:transparent;--glass-border:transparent;--glass-shadow:none;box-shadow:none!important;border:0!important}
.sm .sm-ai .sm-ai-launch .sm-ai-fab svg{width:18px;height:18px}
.sm .sm-ai .sm-ai-launch .sm-ai-mic-fab{width:36px;height:36px;--glass-top:#fff;--glass-bottom:#fff1e6;--glass-border:rgba(255,255,255,.9);--glass-ink:#c2561a;--glass-shadow:0 2px 6px rgba(120,40,0,.25);color:#c2561a!important}
.sm .sm-ai .sm-ai-launch .sm-ai-mic-fab svg{width:18px;height:18px}
.sm .sm-ai.is-open .sm-ai-mic-fab{display:grid}
.sm .sm-ai-backdrop{position:fixed;inset:0;z-index:1;background:rgba(3,20,45,.45);backdrop-filter:blur(2px)}
.sm .sm-ai-backdrop[hidden]{display:none}
.sm .sm-ai-panel{z-index:2}
html.sm-ai-lock,html.sm-ai-lock body{overflow:hidden}
@media(min-width:768px){.sm .sm-ai-backdrop{display:none}}
@media(max-width:767px){
 .sm .sm-ai{bottom:calc(80px + env(safe-area-inset-bottom));inset-inline-end:10px}
 .sm .sm-ai .sm-ai-launch{padding:3px;gap:4px}
 .sm .sm-ai .sm-ai-launch .sm-ai-fab{min-height:32px;padding:0 8px 0 6px;font-size:12.5px}
 .sm .sm-ai .sm-ai-launch .sm-ai-fab svg{width:16px;height:16px}
 .sm .sm-ai .sm-ai-launch .sm-ai-mic-fab{width:32px;height:32px}
 .sm .sm-ai .sm-ai-launch .sm-ai-mic-fab svg{width:16px;height:16px}
 .sm .sm-ai-panel{position:fixed;inset:auto 0 0 0;width:100%;height:72vh!important;height:72svh!important;max-height:calc(100svh - 80px)!important;border-radius:20px 20px 0 0}
 .sm .sm-ai-head{padding:10px 12px;position:relative}
 .sm .sm-ai-head::before{content:"";position:absolute;top:5px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:rgba(255,255,255,.35)}
 .sm .sm-ai-head small{display:none}
 .sm .sm-ai-badge{width:32px;height:32px;flex-basis:32px}
 .sm .sm-ai-icon{width:38px;height:38px}
 .sm .sm-ai-log{padding:10px}
 .sm .sm-ai-form{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
 .sm .sm-ai-note{display:none}
}

/* Assistant: results never wider than the panel (2026-10-07) */
.sm .sm-ai-log{overflow-x:hidden}
.sm .sm-ai-cards{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
.sm .sm-ai-card{min-width:0;max-width:100%;overflow:hidden}
.sm .sm-ai-card-body{flex:1 1 auto;min-width:0;overflow:hidden}
.sm .sm-ai-card img{flex:0 0 64px;width:64px;height:52px}
.sm .sm-ai-msg{max-width:92%;overflow-wrap:anywhere}

/* Assistant launcher: small circle that expands on the first tap (2026-10-07) */
.sm .sm-ai .sm-ai-launch{transition:padding .25s ease,gap .25s ease}
.sm .sm-ai .sm-ai-launch .sm-ai-fab span{display:inline-block;max-width:120px;overflow:hidden;white-space:nowrap;transition:max-width .25s ease,opacity .2s ease}
.sm .sm-ai.is-mini .sm-ai-launch{padding:0;gap:0}
.sm .sm-ai.is-mini .sm-ai-launch .sm-ai-fab{width:52px;min-height:52px;height:52px;padding:0!important;justify-content:center;gap:0}
.sm .sm-ai.is-mini .sm-ai-launch .sm-ai-fab svg{width:24px;height:24px}
.sm .sm-ai.is-mini .sm-ai-launch .sm-ai-fab span{max-width:0;opacity:0}
.sm .sm-ai.is-mini .sm-ai-launch .sm-ai-mic-fab{display:none!important}
@media(max-width:767px){
 .sm .sm-ai.is-mini .sm-ai-launch .sm-ai-fab{width:48px;min-height:48px;height:48px}
 .sm .sm-ai.is-mini .sm-ai-launch .sm-ai-fab svg{width:22px;height:22px}
}

/* Approved logo بيعلي / sale4me (2026-10-08) */
.sm .sm-brand,.sm[dir] .sm-nav>.sm-brand{display:flex;align-items:center;width:auto;height:64px;overflow:visible}
.sm .sm-brand .sm-logo,.sm .sm-nav .sm-logo{width:auto;height:58px;max-width:none;clip-path:none;object-fit:contain}
.sm .sm-footer-main .sm-brand{justify-content:center;height:auto}
.sm .sm-footer-main .sm-brand .sm-logo{height:64px}
@media(max-width:767px){.sm .sm-nav>.sm-brand,.sm[dir] .sm-nav>.sm-brand{height:52px}.sm .sm-nav .sm-logo{height:48px;width:auto}}

/* Category banners: one per section, palette by main section, three designs by level (2026-10-08) */
.sm .sm-hero-cat{--hc-a:#13294b;--hc-b:#28456e;--hc-accent:#ff7a1a;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:20px;min-height:250px;margin:28px 0 22px;padding:30px 34px;border-radius:24px;color:#fff;background:linear-gradient(120deg,var(--hc-a),var(--hc-b))}
.sm .sm-hero-cat[data-section="automotive"]{--hc-a:#0f2742;--hc-b:#1f4d7a;--hc-accent:#ff7a1a}
.sm .sm-hero-cat[data-section="property"]{--hc-a:#2b2118;--hc-b:#6b4f33;--hc-accent:#f2b04b}
.sm .sm-hero-cat[data-section="electronics"]{--hc-a:#0d1b2a;--hc-b:#23395d;--hc-accent:#3fc1ff}
.sm .sm-hero-cat[data-section="contracting"]{--hc-a:#1f2a1d;--hc-b:#3d5a2e;--hc-accent:#ffc400}
.sm .sm-hero-cat[data-section="services"]{--hc-a:#102a43;--hc-b:#2e6f95;--hc-accent:#5fd3c4}
.sm .sm-hero-cat[data-section="camping"]{--hc-a:#2a1a0f;--hc-b:#7a4a1e;--hc-accent:#ff9f43}
.sm .sm-hero-cat[data-section="sport"]{--hc-a:#111827;--hc-b:#1e3a8a;--hc-accent:#22d3ee}
.sm .sm-hero-cat[data-section="animals"]{--hc-a:#1b2a24;--hc-b:#2f6b55;--hc-accent:#ffb86b}
.sm .sm-hero-cat[data-section="fashion-and-family"]{--hc-a:#2a1029;--hc-b:#6d2a5f;--hc-accent:#ff8fb1}
.sm .sm-hero-cat[data-section="gifts"]{--hc-a:#2b1020;--hc-b:#8a1f4b;--hc-accent:#ffd166}
.sm .sm-hero-cat[data-section="furniture"]{--hc-a:#231c17;--hc-b:#5b4636;--hc-accent:#e8b98a}
.sm .sm-hero-cat[data-section="jobs"]{--hc-a:#0f1d33;--hc-b:#24406e;--hc-accent:#7bdcb5}
.sm .sm-hero-cat[data-section="education"]{--hc-a:#14213d;--hc-b:#2f4a8a;--hc-accent:#fca311}
.sm .sm-hero-cat[data-section="others"]{--hc-a:#1d2433;--hc-b:#3b4a63;--hc-accent:#ff7a1a}
.sm .sm-hero-cat[data-section="commercials"]{--hc-a:#151515;--hc-b:#3a2a12;--hc-accent:#f4a300}
.sm .sm-hero-cat[data-section="custom"]{--hc-a:#13294b;--hc-b:#28456e;--hc-accent:#ff7a1a}
.sm .sm-hero-cat-media{position:absolute;inset:0;z-index:-2}
.sm .sm-hero-cat-media img{width:100%;height:100%;object-fit:cover}
.sm .sm-hero-cat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--hc-a) 96%,transparent) 0%,color-mix(in srgb,var(--hc-a) 82%,transparent) 42%,color-mix(in srgb,var(--hc-b) 20%,transparent) 100%)}
.sm[dir=rtl] .sm-hero-cat::before{background:linear-gradient(270deg,color-mix(in srgb,var(--hc-a) 96%,transparent) 0%,color-mix(in srgb,var(--hc-a) 82%,transparent) 42%,color-mix(in srgb,var(--hc-b) 20%,transparent) 100%)}
.sm .sm-hero-cat::after{content:"";position:absolute;width:360px;height:360px;inset-inline-end:-110px;top:-160px;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hc-accent) 55%,transparent),transparent 66%);opacity:.7}
.sm .sm-hero-cat-copy{position:relative;min-width:0;max-width:640px}
.sm .sm-hero-cat-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font-size:13px;font-weight:700}
.sm .sm-hero-cat-dot{width:8px;height:8px;border-radius:50%;background:var(--hc-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--hc-accent) 30%,transparent)}
.sm .sm-hero-cat h2{margin:12px 0 8px;font-size:clamp(23px,3vw,38px)!important;font-weight:900;line-height:1.25;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.sm .sm-hero-cat p{margin:0 0 14px;font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.88)}
.sm .sm-hero-cat-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sm .sm-hero-cat-stats span{padding:6px 12px;border-radius:12px;background:rgba(0,0,0,.22);font-size:13px}
.sm .sm-hero-cat-stats b{font-size:16px;color:var(--hc-accent)}
.sm .sm-hero-cat-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sm .sm-hero-cat-cta{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:14px;background:var(--hc-accent);color:#10213a!important;font-weight:800;text-decoration:none;box-shadow:0 10px 24px -12px var(--hc-accent)}
.sm .sm-hero-cat-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff!important;font-size:13px;text-decoration:none}
.sm .sm-hero-cat-chip:hover{background:rgba(255,255,255,.24)}
/* level 1: big photo on the far side */
.sm .sm-hero-cat.is-depth-1{min-height:300px}
/* level 2: its own photo framed and tilted, softer background photo */
.sm .sm-hero-cat.is-depth-2 .sm-hero-cat-media img{filter:blur(18px) saturate(1.2);transform:scale(1.15);opacity:.55}
.sm .sm-hero-cat-frame{justify-self:center;width:min(340px,100%);aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:6px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -24px rgba(0,0,0,.6);transform:rotate(-3deg)}
.sm .sm-hero-cat.is-v1 .sm-hero-cat-frame{transform:rotate(3deg);border-radius:50% 50% 22px 22px}
.sm .sm-hero-cat.is-v2 .sm-hero-cat-frame{transform:none;border-radius:999px 999px 22px 22px;aspect-ratio:1}
.sm .sm-hero-cat-frame img{width:100%;height:100%;object-fit:cover}
/* level 3+: parent photo blurred, brand logo in a glass tile */
.sm .sm-hero-cat.is-depth-3 .sm-hero-cat-media img{filter:blur(6px) saturate(1.1);transform:scale(1.06);opacity:.75}
.sm .sm-hero-cat-logo{justify-self:center;display:grid;place-items:center;width:min(220px,80%);aspect-ratio:1;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 30px 60px -26px rgba(0,0,0,.7),inset 0 1px 0 #fff}
.sm .sm-hero-cat-logo img{width:70%;height:70%;object-fit:contain}
.sm .sm-hero-cat.is-depth-3 .sm-hero-cat-frame{width:min(300px,100%);transform:rotate(2deg);border-radius:28px 28px 120px 28px}
.sm .sm-hero-cat.is-depth-3.is-v1 .sm-hero-cat-frame{transform:rotate(-2deg);border-radius:120px 28px 28px 28px}
.sm .sm-hero-cat.is-depth-3.is-v2 .sm-hero-cat-frame{transform:none;border-radius:50%;aspect-ratio:1;width:min(250px,100%)}
@media(max-width:767px){
 .sm .sm-hero-cat{grid-template-columns:1fr;min-height:0;padding:22px 18px;margin:10px 0 16px;border-radius:20px}
 .sm .sm-hero-cat::before{background:linear-gradient(180deg,color-mix(in srgb,var(--hc-a) 70%,transparent),color-mix(in srgb,var(--hc-a) 95%,transparent) 70%)!important}
 .sm .sm-hero-cat.is-depth-1{min-height:260px}
 .sm .sm-hero-cat-frame{order:-1;width:62%;margin-bottom:4px}
 .sm .sm-hero-cat-logo{order:-1;width:110px;border-radius:22px}
 .sm .sm-hero-cat p{font-size:14px}
 .sm .sm-hero-cat-chip{display:none}
}

/* photo viewer: buttons above the photo (a full-width photo used to cover one arrow), tap zones (2026-10-08) */
.sm-lb-close,.sm-lb-prev,.sm-lb-next,.sm-lb-count{z-index:3}
.sm-lb-prev,.sm-lb-next{background:rgba(10,22,40,.55)!important;backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.sm-lb-stage{z-index:1}
.sm-lb-stage > img{cursor:pointer}
.sm-lightbox:not(.is-single) .sm-lb-stage > img{touch-action:pan-y}

/* Listing alerts prompt: compact pill, one line (2026-10-08) */
.sm .sm-alert-cta,.sm a.sm-alert-cta.is-link{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:0;margin:6px 0 12px;padding:0;border:0;background:none;box-shadow:none}
.sm a.sm-alert-cta.is-link,.sm .sm-alert-cta>button{display:inline-flex!important;align-items:center;gap:8px;min-height:34px!important;height:34px;max-width:100%;padding:0 14px 0 6px!important;border-radius:999px!important;border:1px solid #f6cfb3!important;
 --glass-top:#ffffff;--glass-bottom:#fff6ef;--glass-border:#f6cfb3;--glass-ink:#b9521a;--glass-shadow:0 4px 12px -8px rgba(226,96,28,.55);background:linear-gradient(180deg,#fff,#fff6ef)!important;color:#b9521a!important;font-size:12.5px!important;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 4px 12px -8px rgba(226,96,28,.55)!important}
.sm .sm-alert-cta svg{flex:0 0 auto;width:24px;height:24px;padding:5px;border-radius:50%;background:linear-gradient(150deg,#ff8a45,#e2601c);fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-alert-cta span:not(.sm-alert-done){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm a.sm-alert-cta.is-link:hover,.sm .sm-alert-cta>button:hover{border-color:#ee9a63!important;background:#fff1e6!important}
.sm .sm-alert-done{font-size:12px;color:#15803d;font-weight:700}
@media(max-width:767px){.sm a.sm-alert-cta.is-link,.sm .sm-alert-cta>button{height:32px;min-height:32px!important;font-size:12px!important}.sm .sm-alert-cta svg{width:22px;height:22px;padding:4px}}

/* Browser notifications for alerts (2026-10-08) */
.sm .sm-push{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 14px}
.sm .sm-push-btn{display:inline-flex!important;align-items:center;gap:8px;min-height:36px!important;padding:0 16px 0 8px!important;border-radius:999px!important;--glass-top:#1d3a63;--glass-bottom:#13294b;--glass-border:#13294b;--glass-ink:#fff;color:#fff!important;font-size:13px!important;font-weight:700}
.sm .sm-push-btn svg{width:24px;height:24px;padding:5px;border-radius:50%;background:#ff7a1a;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-push-status{color:#526278;font-size:12.5px;line-height:1.6}
.sm .sm-push.is-on .sm-push-status{color:#15803d;font-weight:700}

/* Smart search launcher: navy and white, the site's style (2026-10-08) */
.sm .sm-ai .sm-ai-launch{background:linear-gradient(150deg,#1d3a63,#0f2240)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 12px 26px -12px rgba(15,34,64,.8),inset 0 1px 0 rgba(255,255,255,.25)!important}
.sm .sm-ai .sm-ai-fab{--glass-top:#1d3a63;--glass-bottom:#0f2240;--glass-border:rgba(255,255,255,.35);--glass-ink:#fff;--glass-shadow:0 14px 30px -12px rgba(15,34,64,.8);color:#fff!important}
.sm .sm-ai .sm-ai-launch .sm-ai-fab{--glass-top:transparent;--glass-bottom:transparent;--glass-border:transparent;--glass-shadow:none}
.sm .sm-ai.is-mini .sm-ai-launch .sm-ai-fab svg{color:#fff}
.sm .sm-ai .sm-ai-launch .sm-ai-mic-fab{--glass-top:#fff;--glass-bottom:#eef3fa;--glass-border:rgba(255,255,255,.9);--glass-ink:#13294b;color:#13294b!important}
.sm .sm-ai-head .sm-ai-badge{background:linear-gradient(150deg,#1d3a63,#0f2240)!important;color:#fff!important}

/* Alert form: section tree (2026-10-08) */
.sm .sm-alert-tree{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}
.sm .sm-alert-tree legend{display:grid;gap:2px;margin-bottom:8px;font-weight:800;color:#13294b}
.sm .sm-alert-tree legend small{font-weight:400;color:#64748b;font-size:12.5px;line-height:1.6}
.sm .sm-alert-tree-search{width:100%;min-height:42px;margin-bottom:8px;padding:0 14px;border:1px solid #dbe3ec;border-radius:12px;font:inherit;background:#fff}
.sm .sm-alert-picked{display:grid;gap:6px;margin-bottom:8px}
.sm .sm-alert-picked-count{font-size:12.5px;font-weight:700;color:#c2561a}
.sm .sm-alert-picked-chips{display:flex;flex-wrap:wrap;gap:6px}
.sm .sm-alert-chip{min-height:30px!important;padding:0 12px!important;border-radius:999px!important;font-size:12.5px!important;--glass-top:#13294b;--glass-bottom:#0f2240;--glass-border:#13294b;--glass-ink:#fff;color:#fff!important}
.sm .sm-alert-tree-list{max-height:min(60vh,520px);overflow:auto;border:1px solid #e3e8f0;border-radius:16px;background:#fff;overscroll-behavior:contain}
.sm .sm-at-node>summary,.sm .sm-at-leaf{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-bottom:1px solid #eef2f7;cursor:pointer;list-style:none;color:#13294b}
.sm .sm-at-node>summary::-webkit-details-marker{display:none}
.sm .sm-at-name{flex:1;min-width:0;font-size:15px;font-weight:700;overflow-wrap:anywhere}
.sm .sm-at-leaf .sm-at-name{font-weight:500}
.sm .sm-at-count{min-width:24px;padding:1px 8px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:11.5px;text-align:center}
.sm .sm-at-chev{width:9px;height:9px;flex:0 0 auto;border-inline-end:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(-45deg);transition:transform .15s}
.sm[dir=rtl] .sm-at-chev{transform:rotate(45deg)}
.sm .sm-at-node[open]>summary .sm-at-chev{transform:rotate(45deg)}
.sm[dir=rtl] .sm-at-node[open]>summary .sm-at-chev{transform:rotate(45deg) scaleX(-1)}
.sm .sm-at-node[open]>summary{background:#f8fafc}
.sm .sm-at-children{padding-inline-start:18px;border-inline-start:3px solid #fde3d1;margin-inline-start:14px}
.sm .sm-at-children .sm-at-node>summary .sm-at-name{font-size:14px;font-weight:600}
.sm .sm-at-check{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;margin:0;cursor:pointer}
.sm .sm-at-check input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.sm .sm-at-check i{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:8px;background:#fff;transition:all .12s}
.sm .sm-at-check input:checked+i{border-color:#e2601c;background:#e2601c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/16px no-repeat}
.sm .sm-at-check input:focus-visible+i{outline:2px solid #e2601c;outline-offset:2px}
.sm .sm-at-check.is-covered i{border-color:#f5c5a3;background:#fff4ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2601c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.sm .sm-at-node.is-hit>summary .sm-at-name,.sm .sm-at-leaf.is-hit .sm-at-name{color:#c2561a}

/* Sub-section buttons on phones: 4 per row, half the height, bold (2026-10-08) */
@media(max-width:767px){
 .sm[dir] .sm-level-three{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:6px 0 12px!important}
 .sm[dir] .sm-level-three>a{min-height:34px!important;height:auto!important;padding:5px 3px!important;font-size:11.5px!important;border-radius:10px!important;line-height:1.25!important}
 .sm[dir] .sm-level-three .sm-subcategory-label{gap:0!important}
 .sm[dir] .sm-level-three .sm-subcategory-label strong{font-weight:800!important;line-height:1.25!important;font-size:11.5px!important;text-align:center}
}
@media(max-width:340px){.sm[dir] .sm-level-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.sm[dir] .sm-level-three .sm-subcategory-label strong{font-weight:800}

/* full-width banner: fill the frame (contain left thin navy bars above/below on phones) (2026-10-08) */
.sm .sm-hero-slide-full .sm-hero-full,.sm .sm-hero-slide-full picture{display:block;line-height:0}
.sm .sm-hero-slide-full img{object-fit:cover!important;width:100%!important;display:block}

/* alert toggle: orange = off, green = on (tap to turn off) (2026-10-08) */
.sm .sm-alert-cta.is-on>button{border-color:#86d9a5!important;--glass-top:#f4fdf7;--glass-bottom:#e3f8ea;--glass-border:#86d9a5;--glass-ink:#15803d;background:linear-gradient(180deg,#f4fdf7,#e3f8ea)!important;color:#15803d!important;box-shadow:0 4px 12px -8px rgba(21,128,61,.6)!important;padding-inline-end:6px!important}
.sm .sm-alert-cta.is-on svg{background:linear-gradient(150deg,#34c759,#1f9d48);stroke:#fff;stroke-width:3}
.sm .sm-alert-x{display:grid;place-items:center;width:20px;height:20px;margin-inline-start:4px;border-radius:50%;background:rgba(21,128,61,.12);color:#15803d;font-style:normal;font-size:14px;line-height:1;font-weight:700}
.sm .sm-alert-cta.is-on>button:hover .sm-alert-x{background:#15803d;color:#fff}
.sm .sm-push.is-compact{margin:-4px 0 12px}
.sm .sm-push.is-compact .sm-push-btn{min-height:32px!important;font-size:12px!important;padding:0 12px 0 6px!important}
.sm .sm-push.is-compact .sm-push-btn svg{width:22px;height:22px;padding:4px}
.sm .sm-push.is-compact .sm-push-status:empty{display:none}

/* breadcrumbs: 20% larger and bold (2026-10-08) */
.sm nav.sm-breadcrumbs,.sm nav.sm-breadcrumbs a{font-size:calc(var(--ui-small, 12px) * 1.2)!important;font-weight:700}
.sm nav.sm-breadcrumbs a:last-child{color:#13294b}

/* Chat (WhatsApp) buttons everywhere: the reference green pill (2026-10-08) */
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-chat,.sm-contact-actions a.sm-button.sm-whatsapp,.sm-contact-actions .sm-button.sm-whatsapp){
 --glass-top:#53aa6b;--glass-bottom:#4fa365;--glass-border:#4b9c61;--glass-ink:#fff;
 background:linear-gradient(180deg,#54ab6c 0%,#51a768 55%,#4fa366 100%)!important;color:#fff!important;
 border:1px solid #4a9a60!important;border-radius:999px!important;
 box-shadow:inset 0 1.5px 0 rgba(131,240,159,.95),inset 0 -1px 0 rgba(140,187,155,.55),0 6px 14px -6px rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.08)!important;
 font-weight:600!important;letter-spacing:0;text-shadow:none!important;filter:none}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-chat,.sm-contact-actions .sm-button.sm-whatsapp)::before,
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-chat,.sm-contact-actions .sm-button.sm-whatsapp)::after{display:none!important}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-chat,.sm-contact-actions .sm-button.sm-whatsapp):hover{background:linear-gradient(180deg,#5ab273,#54ab6c)!important;transform:none}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-chat,.sm-contact-actions .sm-button.sm-whatsapp):active{background:#4a9c60!important;transform:scale(.98)}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-chat,.sm-contact-actions .sm-button.sm-whatsapp) .sm-wa-ico{fill:#fff!important;stroke:none!important}

/* alert button + device-notifications switch on one row (2026-10-08) */
.sm .sm-alert-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.sm .sm-alert-row .sm-alert-cta{margin:0}
.sm .sm-push-toggle{position:relative;display:inline-grid!important;place-items:center;flex:0 0 auto;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;cursor:pointer;
 --glass-top:#fff;--glass-bottom:#f1f4f8;--glass-border:#d5dde7;--glass-ink:#7a889c;background:linear-gradient(180deg,#fff,#f1f4f8)!important;border:1px solid #d5dde7!important;color:#7a889c!important;box-shadow:0 4px 12px -8px rgba(19,41,75,.45)!important}
.sm .sm-push-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-push-toggle .is-on-ico{display:none}
.sm .sm-push-toggle.is-on{--glass-top:#5ab273;--glass-bottom:#4fa365;--glass-border:#4a9a60;--glass-ink:#fff;background:linear-gradient(180deg,#56ad6e,#4fa366)!important;border-color:#4a9a60!important;color:#fff!important;box-shadow:inset 0 1.5px 0 rgba(131,240,159,.9),0 6px 14px -8px rgba(0,0,0,.3)!important}
.sm .sm-push-toggle.is-on .is-on-ico{display:block}
.sm .sm-push-toggle.is-on .is-off-ico{display:none}
.sm .sm-push-toggle:disabled{opacity:.6}
.sm .sm-push-note{display:block;margin:-6px 0 10px;color:#526278;font-size:12px;line-height:1.6}
@media(max-width:767px){.sm .sm-push-toggle{width:34px!important;height:34px!important;min-height:34px!important}.sm .sm-push-toggle svg{width:17px;height:17px}}

/* Call buttons: site navy, light glass, same pill as WhatsApp, white text (2026-10-08) */
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-call,.sm-contact-actions a.sm-button.sm-call,.sm-contact-actions .sm-button.sm-call){
 --glass-top:#23446f;--glass-bottom:#13294b;--glass-border:#0f2240;--glass-ink:#fff;
 background:linear-gradient(180deg,#24467a 0%,#1a345c 52%,#13294b 100%)!important;color:#fff!important;
 border:1px solid #0f2240!important;border-radius:999px!important;
 box-shadow:inset 0 1.5px 0 rgba(150,185,235,.75),inset 0 -1px 0 rgba(255,255,255,.08),0 6px 14px -6px rgba(15,34,64,.45),0 1px 2px rgba(0,0,0,.1)!important;
 font-weight:600!important;text-shadow:none!important;filter:none}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-call,.sm-contact-actions .sm-button.sm-call)::before,
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-call,.sm-contact-actions .sm-button.sm-call)::after{display:none!important}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-call,.sm-contact-actions .sm-button.sm-call):hover{background:linear-gradient(180deg,#2a5089,#1d3a66)!important;transform:none}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-call,.sm-contact-actions .sm-button.sm-call):active{background:#13294b!important;transform:scale(.98)}
.sm[dir] :is(.sm-lc .sm-lc-actions a.sm-lc-call,.sm-contact-actions .sm-button.sm-call) svg{stroke:#fff!important;color:#fff}
/* contact block now sits right under the ad details */
.sm .sm-seller-contact{margin-top:14px}

/* listing map: centred Google Maps button with its logo (2026-10-08) */
.sm .sm-geo-links{display:flex!important;justify-content:center!important}
.sm .sm-geo-link.is-gmaps{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px 0 18px!important;border-radius:999px!important;
 background:linear-gradient(180deg,#fff,#f3f5f8)!important;color:#13294b!important;border:1px solid #dbe2ea!important;font-weight:700;text-decoration:none;
 box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(19,41,75,.45)!important}
.sm .sm-geo-link.is-gmaps:hover{border-color:#1a73e8!important;background:#fff!important}
.sm .sm-gmaps-logo{width:18px;height:26px;flex:0 0 auto}

/* launcher label "البحث الذكي": same button size, smaller bold text, tighter insides (2026-10-08) */
.sm .sm-ai .sm-ai-launch .sm-ai-fab{gap:4px!important;padding:0 5px 0 4px!important;font-weight:800!important}
.sm .sm-ai .sm-ai-launch .sm-ai-fab span{font-size:12px!important;font-weight:800!important;letter-spacing:0}
@media(max-width:767px){.sm .sm-ai .sm-ai-launch .sm-ai-fab span{font-size:11px!important}.sm .sm-ai .sm-ai-launch .sm-ai-mic-fab{width:30px!important;height:30px!important}}

/* virtual tour badge on cards (2026-10-09) */
.sm .sm-lc-tour{position:absolute;bottom:10px;inset-inline-start:10px;padding:3px 9px;border-radius:8px;background:#f37021;color:#fff;font-size:11px;font-weight:800;direction:ltr;z-index:2}

/* sign-up: phone or email (2026-10-09) */
.sm .sm-signup-method{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;margin:4px 0 10px;border-radius:14px;background:#eef2f7}
.sm .sm-signup-method label{position:relative;margin:0!important;cursor:pointer}
.sm .sm-signup-method input{position:absolute;opacity:0;pointer-events:none}
.sm .sm-signup-method span{display:grid;place-items:center;height:40px;border-radius:11px;font-weight:800;font-size:14px;color:#526278}
.sm .sm-signup-method input:checked+span{background:#fff;color:#13294b;box-shadow:0 4px 12px -8px rgba(19,41,75,.6)}
.sm form:has(.sm-signup-method input[value="phone"]:checked) .sm-signup-email,.sm form:has(.sm-signup-method input[value="email"]:checked) .sm-signup-phone{display:none}
.sm .sm-signup-phone small{display:block;margin-top:4px;color:#6b778a;font-size:12px;font-weight:500}
.sm .sm-sms-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}

/* compact listing forms: new ad + manage (2026-10-09) */
.sm .sm-form-page form>label,.sm .sm-form-page form .sm-columns>label{margin:0 0 12px!important}
.sm .sm-form-page form>label>input,.sm .sm-form-page form>label>select,.sm .sm-form-page form>label>textarea,.sm .sm-form-page .sm-columns input,.sm .sm-form-page .sm-columns select{margin-top:5px!important}
.sm .sm-form-page form>label>input,.sm .sm-form-page form>label>select,.sm .sm-form-page .sm-columns input,.sm .sm-form-page .sm-columns select{height:46px!important;min-height:0!important;padding:0 12px!important}
.sm .sm-specification-fields{margin:4px 0 14px!important;padding:12px!important}
.sm .sm-specification-fields>legend{font-size:15px!important;margin-bottom:6px!important}
.sm .sm-specification-fields .sm-filter-basics{gap:10px 10px!important}
.sm .sm-specification-fields .sm-filter-basics label{gap:0!important;font-size:13px!important;font-weight:700;line-height:1.3}
.sm .sm-specification-fields .sm-filter-basics label>select,.sm .sm-specification-fields .sm-filter-basics label>input:not([type=checkbox]){height:40px!important;min-height:0!important;margin-top:4px!important;padding:0 10px!important;font-size:15px!important;border-radius:11px!important}
.sm .sm-specification-fields .sm-multiple-spec{grid-column:1/-1;margin:2px 0 0!important;padding:0!important;border:0!important}
.sm .sm-specification-fields .sm-multiple-spec>legend{font-size:13px!important;font-weight:700;margin:0 0 6px!important;padding:0!important}
.sm .sm-specification-fields .sm-choice-list{display:flex!important;flex-wrap:wrap;gap:6px!important}
.sm .sm-specification-fields .sm-choice{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;width:auto!important;height:auto!important;min-height:34px!important;margin:0!important;padding:5px 12px!important;border-radius:999px!important;font-size:13px!important;line-height:1.3;text-align:start}
.sm .sm-specification-fields .sm-choice input{width:16px!important;height:16px!important;min-height:0!important;margin:0!important;flex:0 0 auto}
.sm .sm-specification-fields .sm-choice span{white-space:nowrap}
@media(max-width:767px){
 .sm .sm-form-page{padding-top:14px!important}
 .sm .sm-form-page h1{font-size:26px!important;margin:2px 0 6px!important}
 .sm .sm-form-page>p{font-size:13.5px!important;margin:0 0 12px!important}
 .sm .sm-form-page form>label,.sm .sm-form-page form .sm-columns>label{font-size:13.5px!important;margin-bottom:10px!important}
 .sm .sm-form-page form>label>input,.sm .sm-form-page form>label>select,.sm .sm-form-page .sm-columns input,.sm .sm-form-page .sm-columns select{height:42px!important;font-size:15px!important}
 .sm .sm-form-page .sm-columns{gap:10px!important}
 .sm .sm-specification-fields{padding:10px!important;border-radius:16px!important}
  .sm .sm-specification-fields .sm-filter-basics label>select,.sm .sm-specification-fields .sm-filter-basics label>input:not([type=checkbox]){height:38px!important}
}
.sm .sm-specification-fields .sm-filter-basics label.sm-choice{gap:7px!important;min-height:34px!important;padding:6px 12px!important}
.sm .sm-specification-fields .sm-filter-basics label.sm-choice>input[type=checkbox]{width:16px!important;height:16px!important;margin:0!important;padding:0!important}

/* bot trap field (never visible) */
.sm .sm-hp{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important}

/* region chips: full-bleed scroller matched to the 14px page gutter (was -16px -> 2px page overflow) */
@media(max-width:767px){.sm[dir] .sm-region-chips{margin-inline:-14px!important;padding-inline:14px!important}}

/* car brand logos: trimmed files + a wider logo box so wide wordmarks read larger (2026-10-09) */
.sm .sm-brand-mark{width:100%!important;max-width:150px;height:64px!important}
.sm .sm-brand-mark img{max-width:100%!important;max-height:60px!important;width:auto;height:auto}
@media(max-width:560px){.sm .sm-brand-mark{max-width:100%;height:50px!important}.sm .sm-brand-mark img{max-height:46px!important}}
.sm .sm-brand-options img{width:auto!important;max-width:min(100%,170px)!important;height:46px!important;object-fit:contain}
@media(max-width:560px){.sm .sm-brand-options img{height:40px!important;max-width:100%!important}}

/* +50% for the brands that still read small (owner's selection, 2026-10-09) */
.sm .sm-brand-options img[src*="/car-brands/gac-group.png"],.sm .sm-brand-options img[src*="/car-brands/baic-motor.png"],.sm .sm-brand-options img[src*="/car-brands/ssangyong.png"],.sm .sm-brand-options img[src*="/car-brands/citroen.png"],.sm .sm-brand-options img[src*="/car-brands/mg.png"],.sm .sm-brand-options img[src*="/car-brands/changan.png"],.sm .sm-brand-options img[src*="/car-brands/zeekr.png"],.sm .sm-brand-options img[src*="/car-brands/lynk-and-co.png"],.sm .sm-brand-options img[src*="/car-brands/omoda.png"],.sm .sm-brand-options img[src*="/car-brands/dongfeng.png"],.sm .sm-brand-options img[src*="/car-brands/byd.png"]{height:69px!important;max-width:min(100%,255px)!important}
@media(max-width:560px){.sm .sm-brand-options img[src*="/car-brands/gac-group.png"],.sm .sm-brand-options img[src*="/car-brands/baic-motor.png"],.sm .sm-brand-options img[src*="/car-brands/ssangyong.png"],.sm .sm-brand-options img[src*="/car-brands/citroen.png"],.sm .sm-brand-options img[src*="/car-brands/mg.png"],.sm .sm-brand-options img[src*="/car-brands/changan.png"],.sm .sm-brand-options img[src*="/car-brands/zeekr.png"],.sm .sm-brand-options img[src*="/car-brands/lynk-and-co.png"],.sm .sm-brand-options img[src*="/car-brands/omoda.png"],.sm .sm-brand-options img[src*="/car-brands/dongfeng.png"],.sm .sm-brand-options img[src*="/car-brands/byd.png"]{height:60px!important;max-width:100%!important}}
.sm .sm-brand-mark img[src*="/car-brands/gac-group.png"],.sm .sm-brand-mark img[src*="/car-brands/baic-motor.png"],.sm .sm-brand-mark img[src*="/car-brands/ssangyong.png"],.sm .sm-brand-mark img[src*="/car-brands/citroen.png"],.sm .sm-brand-mark img[src*="/car-brands/mg.png"],.sm .sm-brand-mark img[src*="/car-brands/changan.png"],.sm .sm-brand-mark img[src*="/car-brands/zeekr.png"],.sm .sm-brand-mark img[src*="/car-brands/lynk-and-co.png"],.sm .sm-brand-mark img[src*="/car-brands/omoda.png"],.sm .sm-brand-mark img[src*="/car-brands/dongfeng.png"],.sm .sm-brand-mark img[src*="/car-brands/byd.png"]{max-height:90px!important}

/* card: photo counter + video badge share one corner bar (2026-10-09) */
.sm .sm-lc-badges{position:absolute;bottom:10px;inset-inline-start:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;pointer-events:none}
.sm .sm-lc-badges .sm-lc-count{position:static!important;inset:auto!important}
.sm .sm-lc-vid{display:inline-flex;align-items:center;gap:4px;height:27px;padding:0 9px 0 7px;border-radius:10px;background:rgba(3,22,48,.72);color:#fff;font-size:12.5px;font-weight:800;line-height:1;direction:ltr;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sm .sm-lc-vid svg{width:15px;height:15px;fill:#fff;flex:0 0 auto}
.sm .sm-lc-vid:not(:has(b)){width:27px;padding:0;justify-content:center}
@media(max-width:767px){.sm .sm-lc-badges{bottom:6px;inset-inline-start:6px;gap:4px}.sm .sm-lc-vid{height:22px;padding:0 7px 0 5px;font-size:11px}.sm .sm-lc-vid svg{width:12px;height:12px}.sm .sm-lc-vid:not(:has(b)){width:22px}}

/* +50%: maxus, bestune, exeed, forthing (2026-10-10) */
.sm .sm-brand-options img[src*="/car-brands/maxus.png"],.sm .sm-brand-options img[src*="/car-brands/bestune.png"],.sm .sm-brand-options img[src*="/car-brands/exeed.png"],.sm .sm-brand-options img[src*="/car-brands/forthing.png"]{height:69px!important;max-width:min(100%,255px)!important}
@media(max-width:560px){.sm .sm-brand-options img[src*="/car-brands/maxus.png"],.sm .sm-brand-options img[src*="/car-brands/bestune.png"],.sm .sm-brand-options img[src*="/car-brands/exeed.png"],.sm .sm-brand-options img[src*="/car-brands/forthing.png"]{height:60px!important;max-width:100%!important}}
.sm .sm-brand-mark img[src*="/car-brands/maxus.png"],.sm .sm-brand-mark img[src*="/car-brands/bestune.png"],.sm .sm-brand-mark img[src*="/car-brands/exeed.png"],.sm .sm-brand-mark img[src*="/car-brands/forthing.png"]{max-height:90px!important}
.sm .sm-brand-mark:has(img[src*="/car-brands/maxus.png"],img[src*="/car-brands/bestune.png"],img[src*="/car-brands/exeed.png"],img[src*="/car-brands/forthing.png"]){height:90px!important;max-width:225px}

/* UI/UX review (2026-10-10): contrast 4.5:1 for secondary text, >=12px meta text on phones, larger hit areas for small text links */
.sm .sm-lc-age,.sm .sm-lc-no,.sm .sm-lc-views,.sm .sm-eyebrow,.sm .sm-ad-number,.sm .sm-back,.sm .sm-detail-location,
.sm .sm-seller-kicker,.sm .sm-ad-specifications dt,.sm .sm-rating-line span,.sm .sm-footer-tagline,.sm .sm-directory span,.sm .sm-dir-count{color:#4a5870!important}
.sm .sm-lc-no b{color:#33415a!important}
@media(max-width:767px){
 .sm .sm-lc-age,.sm .sm-lc-no,.sm .sm-lc-views,.sm .sm-lc-count,.sm .sm-ad-number,.sm .sm-seller-kicker,.sm .sm-link{font-size:12px!important}
 .sm .sm-bottom-nav span,.sm .sm-nav-label{font-size:12px!important}
}
/* small text links: same look, 44px tall tap area */
.sm a.sm-link,.sm a.sm-rating-line,.sm a.sm-rate-login,.sm a.sm-report-login,.sm a.sm-view-all{position:relative}
.sm a.sm-link::after,.sm a.sm-rating-line::after,.sm a.sm-rate-login::after,.sm a.sm-report-login::after,.sm a.sm-view-all::after{content:"";position:absolute;inset:50% -6px auto;height:44px;transform:translateY(-50%)}
/* UI/UX review, pass 2: remaining muted greys and sub-12px labels */
.sm .sm-service p,.sm .sm-interest a,.sm .sm-footer-bottom span,.sm .sm-report summary,.sm .sm-note{color:#4a5870!important}
@media(max-width:767px){
 .sm .sm-popular-categories strong,.sm .sm-lc-price small,.sm .sm-lc-specs li,.sm .sm-lc-loc,.sm .sm-footer-bottom span,.sm .sm-ad-views b,.sm .sm-share-btn span{font-size:12px!important}
 .sm .sm-share-btn span{white-space:nowrap}
}
@media(max-width:767px){.sm .sm-category-tree span,.sm .sm-tree-branch a{font-size:12px!important}.sm .sm-tree-branch a{min-height:32px;display:inline-flex;align-items:center}}
/* report link in red (owner request 2026-10-10) */
.sm .sm-report summary,.sm .sm-report summary *,.sm a.sm-report-login{color:#b42318!important}
.sm .sm-report summary svg,.sm a.sm-report-login svg{stroke:#b42318!important}

/* My ads: «إضافة إعلان» in the site orange */
.sm[dir] .sm-owner-dashboard .sm-add-ad{--glass-top:#f6873f;--glass-bottom:#ec6619;--glass-border:#d95c14;--glass-ink:#fff;--office-button-fill:linear-gradient(145deg,#f6873f,#ec6619);display:inline-flex!important;align-items:center;gap:6px;color:#fff!important;text-shadow:none!important;font-weight:800}
.sm[dir] .sm-owner-dashboard .sm-add-ad svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round}

/* My ads: compact header (title and «إضافة إعلان» on one row), tight gaps, coloured status */
.sm[dir] .sm-owner-dashboard{padding-top:14px!important}
.sm[dir] .sm-owner-dashboard .sm-section-heading{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:10px!important;margin:0 0 12px!important;padding:0!important;min-height:0!important}
.sm[dir] .sm-owner-dashboard .sm-section-heading h1{margin:0!important;font-size:26px!important;line-height:1.2!important}
.sm[dir] .sm-owner-dashboard .sm-section-heading .sm-add-ad{margin:0!important;min-height:44px!important;height:44px!important;padding:0 16px!important;font-size:15px!important;white-space:nowrap}
.sm[dir] .sm-owner-dashboard .sm-owner-tabs{margin:0 0 12px!important}
.sm[dir] .sm-owner-dashboard .sm-my-row{margin-top:0!important;margin-bottom:12px!important}
.sm[dir] .sm-owner-dashboard .sm-my-row h3{margin:0 0 4px!important}
.sm[dir] .sm-owner-dashboard .sm-my-row p{margin:0 0 2px!important}
.sm[dir] .sm-ad-state{font-weight:800}
.sm[dir] .sm-ad-state.is-review{color:#c0262d!important}
.sm[dir] .sm-ad-state.is-rejected{color:#c0262d!important}
.sm[dir] .sm-ad-state.is-published{color:#1d7a43!important}
.sm[dir] .sm-ad-state.is-draft{color:#6b778a!important}

/* brand picker search */
.sm[dir] .sm-brand-head{display:flex!important;align-items:center!important;gap:10px!important}
.sm[dir] .sm-brand-head>div{flex:0 0 auto}
.sm .sm-brand-search{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;height:44px;margin:0;padding:0 12px;border:1px solid #d5dde7;border-radius:12px;background:#fff}
.sm .sm-brand-search:focus-within{border-color:#f37021;box-shadow:0 0 0 3px rgba(243,112,33,.18)}
.sm .sm-brand-search svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:#6b778a;stroke-width:2.2;stroke-linecap:round}
.sm .sm-brand-search input{flex:1;min-width:0;height:100%;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:0!important;font:inherit;font-size:16px;color:#13294b}
.sm .sm-brand-search input::-webkit-search-cancel-button{cursor:pointer}
.sm .sm-brand-options a[hidden]{display:none!important}
.sm .sm-brand-none{margin:8px 0 14px;text-align:center;color:#6b778a;font-weight:700}
@media (max-width:420px){.sm[dir] .sm-brand-head h2{font-size:18px!important}}

/* options that belong to another brand (static/src/spec_depends.js) */
.sm .sm-specification-fields .sm-choice[hidden],.sm-choice[hidden]{display:none!important}
/* the account button is navy with a white icon while signed in, white after signing out */
.sm[dir] .sm-user-menu.is-signed-in>summary,.sm[dir] .sm-user-menu.is-signed-in[open]>summary{background:#13294b;border-color:#13294b}
.sm[dir] .sm-user-menu.is-signed-in[open]>summary{box-shadow:0 0 0 3px #13294b33}
.sm[dir] .sm-user-menu.is-signed-in>summary img{filter:brightness(0) invert(1)}

/* «الأقسام الأكثر بحثًا»: flat block cards like the section grid — square photo, name, arrow; neutral, no gradients */
.sm[dir] .sm-popular-categories{margin:28px 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.sm[dir] .sm-popular-categories h2{margin:0 0 14px;font-size:22px!important;font-weight:900;color:#13294b}
.sm[dir] .sm-popular-categories>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sm[dir] .sm-popular-categories a{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:84px;padding:10px;padding-inline-end:14px;border-radius:16px;background:#fff;border:1px solid #e6eaf0;color:#13294b;text-align:start;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sm[dir] .sm-popular-categories a>span{flex:0 0 64px;width:64px;height:64px;max-width:none;aspect-ratio:auto;padding:0;border-radius:12px;overflow:hidden;background:#f2f4f7}
.sm[dir] .sm-popular-categories a>span img{width:100%;height:100%;object-fit:cover;border-radius:0;background:none}
.sm[dir] .sm-popular-categories strong{flex:1;min-width:0;font-size:15px!important;font-weight:800;line-height:1.4}
.sm[dir] .sm-popular-categories a::after{content:'';flex:0 0 8px;width:8px;height:8px;border:solid #98a2b3;border-width:0 0 2px 2px;transform:rotate(45deg);transition:border-color .18s,transform .18s}
.sm[dir=ltr] .sm-popular-categories a::after{transform:rotate(-135deg)}
.sm[dir] .sm-popular-categories a:hover{border-color:#f2702b;box-shadow:0 8px 20px -14px rgba(19,41,75,.35);transform:translateY(-2px)}
.sm[dir] .sm-popular-categories a:hover::after{border-color:#f2702b}
.sm[dir] .sm-popular-categories a:focus-visible{outline:3px solid #f2702b;outline-offset:2px}
@media(max-width:900px){.sm[dir] .sm-popular-categories>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .sm[dir] .sm-popular-categories{margin:16px 0}
  .sm[dir] .sm-popular-categories h2{font-size:18px!important;margin-bottom:10px}
  .sm[dir] .sm-popular-categories>div{gap:8px}
  .sm[dir] .sm-popular-categories a{min-height:64px;gap:10px;padding:8px;padding-inline-end:10px;border-radius:14px}
  .sm[dir] .sm-popular-categories a>span{flex-basis:48px;width:48px;height:48px;border-radius:10px}
  .sm[dir] .sm-popular-categories strong{font-size:13.5px!important}
}
@media(prefers-reduced-motion:reduce){.sm[dir] .sm-popular-categories a{transition:none}.sm[dir] .sm-popular-categories a:hover{transform:none}}

/* phone header: the language button says «عربي» / «English» in full (it was «ع» / «E») */
@media(max-width:700px){.sm[dir] .sm-nav>.sm-language-switch,.sm .sm-nav>.sm-language-switch{width:auto!important;min-width:44px;padding:0 12px!important;font:700 13px/1 inherit!important;white-space:nowrap}}

/* filter options: a compact multi-select list (it was a wall of big pills) — framed scroll box, small rows,
   chosen ones highlighted and moved to the top */
.sm[dir] .sm-filter-group-content .sm-option-search{box-sizing:border-box;width:100%;height:42px!important;min-height:0!important;margin:0 0 8px!important;padding:0 14px!important;padding-inline-start:38px!important;border:1px solid #d9dfe8!important;border-radius:12px!important;font-size:14px!important;background:#fbfcfd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat;background-size:18px;background-position:right 12px center}
.sm[dir=ltr] .sm-filter-group-content .sm-option-search{background-position:left 12px center}
.sm[dir] .sm-filter-group-content .sm-option-search:focus{outline:none;border-color:#f2702b!important;box-shadow:0 0 0 3px rgba(242,112,43,.14)}
.sm[dir] .sm-filter-group-content .sm-choice-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px!important;max-height:264px;overflow:auto;overscroll-behavior:contain;align-content:start;grid-auto-rows:min-content;padding:4px!important;border:1px solid #e4e8ee;border-radius:14px;background:#fff;scrollbar-width:thin}
@media(min-width:900px){.sm[dir] .sm-filter-group-content .sm-choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sm[dir] .sm-filter-group-content .sm-choice{display:flex!important;align-items:center;gap:8px!important;min-width:0;min-height:38px;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important;line-height:1.3;color:#1d2939;cursor:pointer;transition:background .15s}
.sm[dir] .sm-filter-group-content .sm-choice>span{min-width:0;flex:0 1 auto;unicode-bidi:plaintext;text-align:start;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sm[dir] .sm-filter-group-content .sm-choice input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0;flex:0 0 16px;accent-color:#f2702b}
.sm[dir] .sm-filter-group-content .sm-choice:hover{background:#f5f7fa!important}
.sm[dir] .sm-filter-group-content .sm-choice:has(input:checked){order:-1;background:#fff4ec!important;color:#a54412}
.sm[dir] .sm-filter-group-content .sm-choice:has(input:focus-visible){outline:2px solid #f2702b;outline-offset:-2px}
.sm[dir] .sm-filter-group-content .sm-choice[hidden]{display:none!important}
.sm[dir] .sm-filter-group-content .sm-filter-hint{margin:0 0 8px!important;font-size:12.5px!important;color:#667085}

/* filter window: tighter — no empty band above the price, shorter fields, headers and buttons */
.sm[dir] .sm-filter-panel .sm-filter-panel-head{padding:14px 20px!important}
.sm[dir] .sm-filter-panel .sm-filter-panel-body{padding:12px 16px!important}
.sm[dir] .sm-filter-panel .sm-filter-basics{margin:0 0 6px!important;gap:8px 12px!important}
.sm[dir] .sm-filter-panel .sm-filter-basics label{gap:4px!important;font-size:13px!important;line-height:1.4!important}
.sm[dir] .sm-filter-panel .sm-filter-basics :is(input,select){height:42px!important;min-height:0!important;margin:4px 0 0!important;padding-block:0!important;font-size:14px!important}
.sm[dir] .sm-filter-panel .sm-filter-group{margin:8px 0!important}
.sm[dir] .sm-filter-panel .sm-filter-group>summary{min-height:0!important;padding:12px 16px!important}
.sm[dir] .sm-filter-panel .sm-filter-group-content{padding:0 16px 14px!important}
.sm[dir] .sm-filter-panel .sm-range{gap:8px!important}
.sm[dir] .sm-filter-panel .sm-range :is(input,select){height:42px!important;min-height:0!important;padding-block:0!important}
.sm[dir] .sm-filter-panel .sm-filter-actions{padding:10px 16px!important}
.sm[dir] .sm-filter-panel .sm-filter-actions :is(button,a.sm-button){height:40px!important;min-height:0!important;padding:0 18px!important;font-size:14px!important}
.sm[dir] .sm-filter-panel .sm-filter-group>summary>span:last-child{width:26px!important;height:26px!important;min-height:0!important;line-height:26px!important}

/* open drop-down lists: system font and explicit colours (the native list window may not draw web fonts) */
:is(.sm,.sa) select option,:is(.sm,.sa) select optgroup{color:#13294b!important;-webkit-text-fill-color:#13294b!important;background:#fff!important;font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;font-size:15px!important;font-weight:500!important}

/* «إرسال الإعلان للمراجعة»: partners choice and consent line */
.sm .sm-share-partners{display:flex!important;align-items:flex-start;gap:8px;margin:0 0 10px!important;font-size:14px!important;font-weight:600;color:#13294b;cursor:pointer}
.sm .sm-share-partners input{width:18px!important;height:18px!important;min-height:0!important;margin:2px 0 0;flex:0 0 18px;accent-color:#f2702b}
.sm .sm-share-partners a{color:#c2561a;font-weight:700}
.sm .sm-publish-consent{margin:8px 0 0;color:#667085;font-size:12.5px;line-height:1.6}
.sm .sm-publish-consent a{color:#c2561a}

/* the submit bar carries the partners choice and consent line: solid background so nothing shows through */
.sm .sm-manage-submit{background:#f6f8fb!important;border-top:1px solid #e6eaf0;padding-top:12px!important;box-shadow:0 -10px 18px -16px rgba(19,41,75,.35)}

/* featured ad cards (models/promo_orders.py): */
/* card: gold frame and badge; a pinned ad keeps the orange «مثبّت» */
.sm .sm-lc.is-featured{border-color:#e9c46a!important;box-shadow:0 0 0 2px #f5dc8f,0 14px 28px -16px rgba(201,151,0,.55)!important}
.sm .sm-lc-vip.is-featured{background:linear-gradient(135deg,#f7d774,#e3a91d)!important;color:#5a3e00!important;font-weight:900}
.sm .sm-lc-vip.is-pinned{background:#fff!important;color:#e8611f!important}
.sm .sm-lc-vip.is-pinned::before{content:'📌 '}

/* phone: the account menu lives in the bottom bar only — «حسابي» opens it as a sheet above the bar (account_menu.js) */
@media(max-width:760px){
 .sm .sm-nav>.sm-user-menu>summary{display:none!important}
 .sm[dir] .sm-nav>.sm-user-menu[open] .sm-user-panel{position:fixed!important;top:auto!important;left:12px!important;right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom));width:auto!important;max-width:none!important;max-height:calc(100dvh - 180px);overflow:auto;z-index:1200;box-shadow:0 -8px 40px #172d4633}
 .sm .sm-mobile-nav a.is-account-open{color:#e8611f}
 body:has(.sm-nav>.sm-user-menu[open]) .sm-ai{visibility:hidden}
}