/* 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}