/* «المعروض الجديد» — اتجاهُ الدمج المعتمد (الرئيس التنفيذي ١٢ نوفمبر ٢٠٢٦): الهيكلُ تحريريٌّ يبدأ بسعود والبطاقات،
   ومشهدُ «أفق حائل» مكان الخريطة. ملفُّ CSS صرف (لا SCSS): يُربط من pub_offer مباشرةً بعد offer_page.css ويغلبه حيث لزم.
   الهوية #0DA4DB / #10153A والذهبي للمختار والمحجوز؛ والحالةُ بالشكل والنقش لا بالأخضر والأصفر (قرار ٩ أكتوبر ٢٠٢٦).
   الأصناف lsx-؛ وأصنافُ om- الباقية (الحقول والشرائح والعدّ) من offer_page.css كما هي. */
.lsx-sec{ padding-block:0 56px; }
.lsx{ --lsx-sky:#0DA4DB; --lsx-sky2:#71C8E8; --lsx-sky3:#D9F0FA; --lsx-navy:#10153A; --lsx-gold:#C9A227; --lsx-line:#E3E8F1; --lsx-mute:#4E5473;
  display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:24px; align-items:start; position:relative; z-index:2; margin-block-start:-44px;
  font-family:var(--sg-font, 'LamaSans', Tajawal, sans-serif); }
.lsx-main{ min-width:0; transition:opacity .2s; }
.lsx-main.is-busy{ opacity:.55; pointer-events:none; }

/* ── الصدر ── */
.lsx-hero h1 em{ font-style:normal; color:#0DA4DB; }
.lsx-hero .in{ padding-block-end:72px !important; }

/* ── شريط «قل لسعود ما تبي» ── */
.lsx-ask{ margin:0 0 18px; }
.lsx-askbox{ background:#fff; border:1px solid var(--lsx-line); border-block-start:3px solid var(--lsx-gold); border-radius:22px; padding:14px 16px;
  box-shadow:0 30px 60px -42px rgba(16,21,58,.55); }
.lsx-askrow{ display:flex; align-items:center; gap:10px; }
.lsx-av{ flex:none; width:44px; height:44px; border-radius:50%; overflow:hidden; background:var(--lsx-sky); display:block; box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--lsx-sky3); }
.lsx-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.lsx-av.sm{ width:36px; height:36px; }
.lsx-askrow input[type=search]{ flex:1; min-width:0; border:0; outline:0; background:transparent; font:inherit; font-size:1.05rem; color:var(--lsx-navy); padding:10px 2px; }
.lsx-askrow input[type=search]::placeholder{ color:#8087A2; }
.lsx-askrow:focus-within{ outline:2px solid var(--lsx-sky); outline-offset:6px; border-radius:14px; }
.lsx-askrow .om-go{ width:auto; margin:0; min-height:44px; padding:8px 22px; border-radius:14px; flex:none; }
.lsx-say{ margin:10px 2px 0; color:var(--lsx-mute); font-size:.92rem; line-height:1.8; min-height:1.8em; }
.lsx-say b{ color:var(--lsx-navy); }
.lsx-say a{ color:#0A6E96; text-decoration:underline; }
.lsx-chips{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:8px; }
.lsx-chip{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--lsx-line); background:#fff; color:var(--lsx-navy); border-radius:999px; padding:5px 13px;
  font-size:.84rem; text-decoration:none; white-space:nowrap; transition:background .15s, border-color .15s; }
.lsx-chip:hover, .lsx-chip:focus-visible{ border-color:var(--lsx-sky); }
.lsx-chip.on{ background:var(--lsx-navy); color:#fff; border-color:var(--lsx-navy); }
.lsx-chip.on i{ font-style:normal; color:#fff; opacity:.75; }
.lsx-chip.try{ background:#F1FAFE; border-color:#CDEBF8; color:#075E80; }
.lsx-und-l{ font-size:.82rem; color:var(--lsx-mute); }
.lsx-und{ font-size:.82rem; border:1px dashed #B9C3D8; color:var(--lsx-navy); border-radius:999px; padding:3px 11px; white-space:nowrap; }
.lsx-filters{ margin-top:12px; border-top:1px solid var(--lsx-line); padding-top:10px; }
.lsx-filters > summary{ cursor:pointer; color:var(--lsx-navy); font-size:.88rem; font-family:var(--sg-font-md, inherit); }
.lsx-fgrid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:4px 18px; margin-top:12px; }
.lsx-fgrid > fieldset:nth-of-type(n+4){ grid-column:1 / -1; }
.lsx-apply{ margin-top:4px; }

/* ── شريط العدّ والترتيب ── */
.lsx-bar{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 14px; }
.lsx-bar .om-count{ margin:0; }
.lsx-bar select{ margin-inline-start:auto; border:1px solid #DCE2EE; border-radius:12px; padding:8px 12px; background:#fff; font:inherit; font-size:.88rem; color:var(--lsx-navy); min-height:40px; max-width:100%; }

/* ── الشبكة والبطاقة من أربعة أسطر ── */
.lsx-grid.om-cards{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; }
.lsx-pc{ border-radius:20px; overflow:hidden; cursor:pointer; }
.lsx-pc .ph{ aspect-ratio:16 / 10; background:linear-gradient(135deg, #1c2560, #10153A 55%, #0a6f95); }
.lsx-pc .ph img{ aspect-ratio:auto !important; }
.lsx-pc .ph::before{ content:""; position:absolute; inset:auto 0 0 0; height:46%; background:linear-gradient(transparent, rgba(16,21,58,.6)); pointer-events:none; z-index:1; }
.lsx-pc .tagp, .lsx-pc .tags{ z-index:2; }
.lsx-pc .tagp:empty{ display:none; }
.lsx-pin{ position:absolute; inset-block-end:9px; inset-inline-start:12px; z-index:2; color:#fff; font-size:.78rem; display:flex; align-items:center; gap:6px; max-width:70%;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lsx-pin::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--lsx-sky, #0DA4DB); box-shadow:0 0 0 3px rgba(13,164,219,.35); flex:none; }
.lsx-pc .bd{ padding:14px 16px 16px; gap:6px; }
.lsx-pc .s4-price{ font-size:1.35rem; line-height:1.25; }
.lsx-pc .s4-price.soft{ font-size:1.05rem; color:var(--lsx-mute, #4E5473); }
.lsx-pc h3{ font-size:.98rem; line-height:1.55; }
.lsx-facts{ display:flex; flex-wrap:wrap; gap:2px 14px; margin:0; font-size:.82rem; color:var(--lsx-mute, #4E5473); }
.lsx-facts b{ color:var(--lsx-navy, #10153A); }
.lsx-eyebrow{ color:#0A6E96; font-size:.78rem; font-family:'Lama Bold','LamaSans',Tajawal,sans-serif; }
/* شارةُ الترخيص: الحالةُ بالشكل — موثّقٌ مصمتٌ كحلي، قبل الصك إطارٌ متقطّع، محجوزةٌ نقشٌ ذهبي، وما سواه إطارٌ رمادي */
.lsx-lic{ align-self:flex-start; margin-top:auto; font-size:.74rem; border-radius:999px; padding:4px 11px; line-height:1.5; display:inline-flex; align-items:center; gap:6px;
  position:relative; z-index:1; }
.lsx-lic.ok{ background:#10153A; color:#fff; }
.lsx-lic.ok::before{ content:"✓"; display:inline-grid; place-items:center; width:15px; height:15px; border-radius:50%; background:#0DA4DB; color:#10153A; font-size:.66rem; font-weight:700; }
.lsx-lic.pre{ background:#fff; color:#10153A; border:1.5px dashed #10153A; }
.lsx-lic.hold{ color:#fff; border:1px solid #C9A227; background:repeating-linear-gradient(135deg, #10153A 0 6px, #2A2F55 6px 8px); }
.lsx-lic.off{ background:#EEF1F6; color:#4E5473; }
/* الغلاف = شكلُ القطعة من حدّها المعتمد */
.lsx-pc.has-shape .ph{ background:radial-gradient(120% 90% at 80% 0%, rgba(13,164,219,.28), transparent 60%), linear-gradient(160deg, #141A47, #0B0F2B);
  background-size:auto, auto; }
.lsx-pc.has-shape .ph::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size:24px 24px;
  height:auto; }
.lsx-shape{ position:absolute; inset:0; width:100%; height:100%; z-index:1; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.lsx-shape .pl{ fill:rgba(13,164,219,.26); stroke:#71C8E8; stroke-width:1.1; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.lsx-shape .sh{ fill:rgba(0,0,0,.35); stroke:none; }
.lsx-pc:hover .lsx-shape{ transform:translateY(-3px) scale(1.03); }
.lsx-pc.is-hold .lsx-shape .pl{ fill:rgba(16,21,58,.6); stroke:#C9A227; stroke-dasharray:5 3; }
.lsx-pc[data-state="expected"] .lsx-shape .pl, .lsx-pc[data-state="interest"] .lsx-shape .pl{ fill:rgba(217,240,250,.10); stroke:#D9F0FA; stroke-dasharray:4 3; }
.lsx-cap{ position:absolute; inset-block-end:9px; inset-inline-end:12px; z-index:2; color:#fff; font-size:.68rem; opacity:.85; white-space:nowrap; }
.lsx-pc.has-shape .lsx-pin{ max-width:42%; }
/* البطاقةُ الأولى العريضة */
.lsx-pc.feat{ grid-column:1 / -1; flex-direction:row; }
.lsx-pc.feat .ph{ flex:1.25; aspect-ratio:auto; min-height:270px; }
.lsx-pc.feat .bd{ flex:1; padding:22px 24px; gap:10px; justify-content:center; }
.lsx-pc.feat .s4-price{ font-size:1.9rem; }
.lsx-pc.feat h3{ font-size:1.2rem; }
.lsx-pc.feat .lsx-lic{ margin-top:6px; }
/* سطرُ سعود بين البطاقات */
.lsx-note{ grid-column:1 / -1; background:#10153A; color:#fff; border-radius:20px; padding:16px 20px; display:flex; gap:12px; align-items:center; font-size:.94rem; line-height:1.9; }
.lsx-note p{ margin:0; }
.lsx-note b{ color:#E4C784; }

/* ══════════════ «أفق حائل» ══════════════ */
.lsx-side{ position:sticky; top:84px; min-width:0; }
.lsx-stage{ position:relative; border-radius:22px; overflow:hidden; background:#0B0F2B; color:#fff; box-shadow:0 30px 60px -44px rgba(16,21,58,.55); display:flex; flex-direction:column; }
.lsx-top{ display:flex; align-items:center; gap:10px; padding:10px 12px; background:#10153A; }
.lsx-title{ font-family:'Lama Bold','LamaSans',Tajawal,sans-serif; font-size:1rem; display:flex; align-items:center; gap:8px; }
.lsx-title::before{ content:""; width:18px; height:2px; background:#C9A227; }
.lsx-modes{ margin-inline-start:auto; display:flex; background:rgba(255,255,255,.08); border-radius:999px; padding:3px; }
.lsx-modes button{ border:0; background:none; color:#fff; font:inherit; font-size:.78rem; padding:5px 12px; border-radius:999px; cursor:pointer; }
.lsx-modes button.on{ background:#0DA4DB; color:#10153A; font-weight:700; }
.lsx-x{ display:none; border:0; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font-size:1.2rem; cursor:pointer; line-height:1; }
.lsx-scene{ position:relative; height:540px; direction:rtl; }
.lsx-scene[hidden], .lsx-flat[hidden]{ display:none; }
.lsx-wait{ position:absolute; inset:0; display:grid; place-items:center; margin:0; color:#C3C9E4; font-size:.9rem; text-align:center; padding:20px; z-index:1; }
.lsx-cv, .lsx-lite{ position:absolute; inset:0; }
.lsx-cv{ direction:ltr; }
.lsx-ov{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; }
.lsx-lite{ width:100%; height:100%; background:linear-gradient(180deg, #0B0F2B, #141A47); display:none; }
.lsx-scene.is-lite .lsx-lite{ display:block; }
.lsx-scene.is-lite .lsx-cv, .lsx-scene.is-lite .lsx-ov{ display:none; }
.lsx-lite .p{ cursor:pointer; }
.lsx-lite text{ fill:#fff; font-size:15px; text-anchor:middle; pointer-events:none; font-family:inherit; }
.lsx-hud{ position:absolute; top:10px; inset-inline:10px; z-index:3; display:flex; flex-direction:column; gap:8px; pointer-events:none; }
.lsx-hud > *{ pointer-events:auto; }
.lsx-sta{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
.lsx-sta::-webkit-scrollbar{ display:none; }
.lsx-st{ flex:none; border:1px solid rgba(255,255,255,.2); background:rgba(16,21,58,.84); color:#fff; border-radius:999px; padding:6px 12px; font:inherit; font-size:.8rem; cursor:pointer; white-space:nowrap; }
.lsx-st i{ font-style:normal; color:#71C8E8; margin-inline-start:6px; unicode-bidi:isolate; }
.lsx-st.on{ background:#fff; color:#10153A; border-color:#fff; }
.lsx-st.on i{ color:#0A6E96; }
.lsx-keys{ display:flex; flex-wrap:wrap; gap:4px 12px; align-items:center; font-size:.72rem; background:rgba(16,21,58,.66); border-radius:12px; padding:6px 10px; width:fit-content; max-width:100%; }
.lsx-keys span{ display:inline-flex; align-items:center; gap:5px; }
.lsx-keys u{ width:13px; height:13px; border-radius:3px; display:inline-block; text-decoration:none; flex:none; }
.lsx-keys .k1{ background:#0DA4DB; }
.lsx-keys .k2{ background:rgba(217,240,250,.3); border:1.5px dashed #D9F0FA; }
.lsx-keys .k3{ background:repeating-linear-gradient(135deg, #10153A 0 3px, #C9A227 3px 5px); border:1px solid #C9A227; }
.lsx-keys .k4{ background:transparent; border:1.5px solid #71C8E8; height:6px; }
.lsx-saud{ position:absolute; inset-block-end:34px; inset-inline:10px 10px; z-index:3; display:flex; align-items:flex-end; gap:8px; pointer-events:none; }
.lsx-saud .lsx-av{ width:40px; height:40px; }
.lsx-saud p{ margin:0; background:#fff; color:#10153A; border-radius:14px 14px 14px 4px; padding:7px 11px; font-size:.78rem; line-height:1.7; box-shadow:0 8px 24px rgba(0,0,0,.3); max-width:calc(100% - 52px); }
.lsx-saud p em{ display:block; font-style:normal; color:#6A6E8B; font-size:.68rem; }
.lsx-tools{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.lsx-enter{ border:0; background:#0DA4DB; color:#10153A; font:inherit; font-weight:700; font-size:.84rem; border-radius:999px; padding:8px 16px; cursor:pointer; box-shadow:0 10px 24px -10px rgba(13,164,219,.9); }
.lsx-litebtn{ border:1px solid rgba(255,255,255,.25); background:rgba(16,21,58,.84); color:#fff; font:inherit; font-size:.74rem; border-radius:999px; padding:5px 12px; cursor:pointer; }
.lsx-det{ position:absolute; inset-block-start:96px; inset-inline-start:10px; width:300px; max-width:calc(100% - 20px); max-height:calc(100% - 190px); overflow:auto; z-index:4; background:#fff; color:#10153A;
  border-radius:18px; padding:14px; box-shadow:0 18px 50px rgba(0,0,0,.4); border-top:4px solid #C9A227; }
.lsx-det[hidden]{ display:none; }
.lsx-det h2{ font-size:.98rem; line-height:1.6; margin:0 0 4px; padding-inline-end:34px; font-family:'Lama Bold','LamaSans',Tajawal,sans-serif; }
.lsx-det .dx{ position:absolute; top:8px; inset-inline-end:8px; width:30px; height:30px; border-radius:50%; border:0; background:#F4F2EC; font-size:1rem; cursor:pointer; }
.lsx-dpr{ font-size:1.15rem; font-family:'Lama Bold','LamaSans',Tajawal,sans-serif; }
.lsx-dpr small{ font-size:.72rem; color:#6A6E8B; font-family:inherit; }
.lsx-dpr.soft{ font-size:.95rem; color:#3A3F63; }
.lsx-dgrid{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:10px 0; }
.lsx-dgrid div{ background:#F4F2EC; border-radius:10px; padding:6px 9px; font-size:.7rem; color:#6A6E8B; }
.lsx-dgrid b{ display:block; color:#10153A; font-size:.86rem; }
.lsx-dnote{ font-size:.7rem; color:#6A6E8B; line-height:1.7; margin:6px 0; }
.lsx-dcta{ display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.lsx-dcta a{ flex:1; text-align:center; border-radius:999px; padding:9px 8px; font-size:.82rem; font-weight:700; white-space:nowrap; text-decoration:none; background:#0DA4DB; color:#10153A; }
.lsx-dcta a.a2{ background:#fff; box-shadow:inset 0 0 0 1.5px #10153A; }
.lsx-rail{ display:none; }
.lsx-foot{ margin:0; padding:8px 12px; font-size:.72rem; color:#C3C9E4; background:#10153A; line-height:1.7; }
.lsx-flat .om-map{ --sgmk-h:540px; --sgmk-hm:60vh; background:#fff; color:#10153A; }
.lsx-flat .om-sub{ padding:20px; color:#C3C9E4; }
.lsx-fab{ display:none; }
/* شارةُ البطاقة في السكة ولوح العقار */
.lsx-tag{ display:inline-block; border-radius:999px; padding:2px 9px; font-size:.68rem; font-weight:700; margin-top:5px; }
.lsx-tag.t-lic{ background:#10153A; color:#fff; }
.lsx-tag.t-int{ background:#fff; color:#10153A; border:1.5px dashed #10153A; }
.lsx-tag.t-bk{ color:#fff; border:1px solid #C9A227; background:repeating-linear-gradient(135deg, #10153A 0 6px, #2A2F55 6px 8px); }
.lsx-tag.t-off{ background:#EEF1F6; color:#4E5473; }

/* ── «ادخل المشهد»: ملءُ الشاشة بسكة البطاقات ── */
html.lsx-lock, html.lsx-lock body{ overflow:hidden; }
.lsx-side.is-full{ position:fixed; inset:0; z-index:9990; top:0; }
.lsx-side.is-full .lsx-stage{ border-radius:0; height:100%; }
.lsx-side.is-full .lsx-x{ display:block; }
.lsx-side.is-full .lsx-scene{ flex:1; height:auto; min-height:0; }
.lsx-side.is-full .lsx-flat{ flex:1; min-height:0; overflow:auto; }
.lsx-side.is-full .lsx-flat .om-map{ --sgmk-h:calc(100vh - 150px); }
.lsx-side.is-full .lsx-enter{ display:none; }
/* فيزيائيٌّ لا منطقيّ: حاويةُ الخريطة ltr وقماشُ الرموز rtl، فـinset-inline-end يذهب بكلٍّ منهما إلى جهة — والسكةُ على اليسار في الحالين */
.lsx-side.is-full .lsx-cv, .lsx-side.is-full .lsx-lite, .lsx-side.is-full .lsx-ov{ left:392px; right:0; }
.lsx-side.is-full .lsx-ov{ width:calc(100% - 392px); }
.lsx-side.is-full .lsx-hud{ inset-inline:12px 404px; top:12px; }
/* المشهدُ الجانبيّ بلا أزرار تكبير (السحبُ يكفي، والتكبيرُ الكامل داخل «ادخل المشهد») — ومصدرُ الصورة الجوية يبقى ظاهراً */
.lsx-side:not(.is-full) .lsx-cv .maplibregl-ctrl-group{ display:none; }
.lsx-side:not(.is-full) .lsx-keys .kx{ display:none; }
.lsx-side.is-full .lsx-saud{ inset-inline:12px 404px; max-width:440px; inset-block-end:16px; }
.lsx-side.is-full .lsx-saud p{ font-size:.84rem; }
.lsx-side.is-full .lsx-det{ inset-block-start:176px; inset-inline-start:12px; width:348px; max-height:calc(100% - 300px); }
.lsx-side.is-full .lsx-rail{ display:flex; flex-direction:column; position:absolute; top:0; bottom:0; inset-inline-end:0; width:392px; background:#F4F2EC; color:#10153A; z-index:4; box-shadow:0 0 40px rgba(0,0,0,.35); }
.lsx-rail header{ padding:14px 16px 10px; border-bottom:1px solid #CDCFDA; }
.lsx-rail h3{ margin:0; font-size:1.1rem; font-family:'Lama Bold','LamaSans',Tajawal,sans-serif; }
.lsx-rail header p{ margin:2px 0 0; font-size:.76rem; color:#6A6E8B; }
.lsx-rcards{ flex:1; overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:10px; }
.lsx-rc{ background:#fff; border:1.5px solid transparent; border-radius:16px; padding:10px; display:grid; grid-template-columns:68px 1fr; gap:10px; text-align:start; width:100%; font:inherit; color:inherit; cursor:pointer; flex:none; }
.lsx-rc.on{ border-color:#C9A227; box-shadow:0 6px 20px rgba(16,21,58,.14); }
.lsx-rc svg{ width:68px; height:68px; background:#10153A; border-radius:12px; }
.lsx-rc b{ display:block; font-size:.84rem; line-height:1.5; }
.lsx-rc .lsx-dpr{ font-size:1.02rem; }
.lsx-rc .rw{ display:flex; flex-wrap:wrap; gap:2px 10px; font-size:.72rem; color:#3A3F63; margin-top:2px; }

@media (max-width:1180px){
  .lsx{ grid-template-columns:minmax(0,1fr) 360px; }
}
/* ── الجوال: القائمةُ أولاً، والمشهدُ لا يُحمَّل ولا يظهر إلا من زرّ «الخريطة» العائم ── */
@media (max-width:900px){
  .lsx{ display:block; margin-block-start:-36px; }
  .lsx-hero .in{ padding-block:22px 54px !important; gap:8px !important; }
  .lsx-hero h1{ font-size:1.7rem !important; margin:6px 0 6px !important; }
  .lsx-hero p.t{ font-size:.86rem !important; line-height:1.7 !important; }
  .lsx-hero .s4-cnt b{ font-size:1.7rem !important; }
  .lsx-filters > summary .kx{ display:none; }
  .lsx-side.is-full .lsx-cv .maplibregl-ctrl-group{ display:none; }
  .lsx-side{ display:none; position:static; }
  .lsx-side.is-full{ display:block; position:fixed; }
  .lsx-grid.om-cards{ grid-template-columns:minmax(0,1fr); gap:14px; }
  .lsx-pc.feat{ flex-direction:column; }
  .lsx-pc.feat .ph{ flex:none; min-height:0; aspect-ratio:16 / 10; }
  .lsx-pc.feat .bd{ padding:14px 16px 16px; gap:6px; }
  .lsx-pc.feat .s4-price{ font-size:1.5rem; }
  .lsx-pc.feat h3{ font-size:1.05rem; }
  .lsx-askbox{ padding:10px 12px; border-radius:18px; }
  .lsx-askrow input[type=search]{ font-size:.96rem; }
  .lsx-askrow .om-go{ padding:8px 14px; }
  .lsx-av{ width:38px; height:38px; }
  .lsx-chips{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
  .lsx-chips::-webkit-scrollbar{ display:none; }
  .lsx-fgrid{ grid-template-columns:minmax(0,1fr); }
  .lsx-bar select{ margin-inline-start:0; width:100%; }
  .lsx-note{ font-size:.88rem; padding:14px; align-items:flex-start; }
  .lsx-fab{ display:block; position:fixed; inset-block-end:18px; left:50%; transform:translateX(-50%); z-index:65; border:0; background:#10153A; color:#fff; font:inherit; font-weight:700;
    border-radius:999px; padding:11px 24px; box-shadow:0 12px 24px -10px rgba(16,21,58,.7); cursor:pointer; }
  html.lsx-lock .lsx-fab{ display:none; }
  .lsx-side.is-full .lsx-cv, .lsx-side.is-full .lsx-lite, .lsx-side.is-full .lsx-ov{ left:0; right:0; bottom:190px; }
  .lsx-side.is-full .lsx-ov{ height:calc(100% - 190px); }
  .lsx-side.is-full .lsx-ov{ width:100%; }
  .lsx-side.is-full .lsx-hud{ inset-inline:8px; top:8px; }
  .lsx-keys{ font-size:.66rem; }
  .lsx-keys .kx{ display:none; }
  .lsx-side.is-full .lsx-saud{ inset-inline:8px 8px; inset-block-end:226px; max-width:none; }
  .lsx-side.is-full .lsx-saud .lsx-av{ width:34px; height:34px; }
  .lsx-side.is-full .lsx-saud p{ font-size:.76rem; padding:6px 10px; }
  .lsx-side.is-full .lsx-rail{ top:auto; inset-inline:0; width:auto; height:190px; background:#0B0F2B; box-shadow:none; }
  .lsx-rail header{ display:none; }
  .lsx-rcards{ flex-direction:row; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; padding:12px 14px 12px; gap:10px; scrollbar-width:none; align-items:flex-end; }
  .lsx-rcards::-webkit-scrollbar{ display:none; }
  .lsx-rc{ width:82%; scroll-snap-align:center; }
  .lsx-side.is-full .lsx-det{ inset-block-start:auto; inset-block-end:0; inset-inline:0; width:auto; max-width:none; max-height:72%; border-radius:20px 20px 0 0; z-index:6; padding-bottom:22px; }
  .lsx-foot{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .lsx-main, .lsx-shape, .lsx-chip{ transition:none !important; }
}