/* Phone home (home.js, sticker-scan.js): dark header with country / scanner / bell, hero card, the
   two tabs « En Algérie » / « À importer », then the tab's own content restyled to the home design.
   Below 900px only; the desktop landing keeps its platform header and layout. */
:root{--hm-o:#FF5400;--hm-a:#0B0F14;--hm-s:#F5F3EE;--hm-m:#5B5F66;--hm-l:#E6E2DA;--hm-lime:#40FF00;--hm-red:#B42A00}

/* ---- Trader switched off (server flag): every remaining entry point goes, at every width ---- */
html[data-trader="off"] #modeSeg [data-m="eu"],
html[data-trader="off"] [data-empty="filters"]{display:none!important}

/* ---- stored results banner (results screen, every width) ---- */
.rr-stored{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 0;padding:4px 4px 4px 12px;border-radius:12px;background:var(--hm-s);color:var(--hm-m);font:600 13px/1.3 "Manrope",system-ui,sans-serif}
[dir="rtl"] .rr-stored{padding:4px 12px 4px 4px}
.rr-stored[hidden]{display:none}
.rr-stored button{flex:none;min-height:44px;padding:0 10px;border:0;background:none;color:var(--hm-o);font:800 13px/1 "Manrope",system-ui,sans-serif;cursor:pointer}

#hmHead,#hmTop,.hm-stk,.hm-how,.hm-steps,.hm-imp-h{display:none}

@media (max-width:899px){
  body[data-screen="search"]:is([data-mode="local"],[data-mode="dz"]){background:var(--hm-s)}
  body:is([data-mode="local"],[data-mode="dz"]) :is(#hmHead,#hmTop){display:flex}
  body:is([data-mode="local"],[data-mode="dz"]) #s-search > .platform-header{display:none}

  /* ---- header ---- */
  .hm-head{flex-direction:column;gap:12px;padding:6px max(14px,env(safe-area-inset-right,0px)) 14px max(14px,env(safe-area-inset-left,0px));background:var(--hm-a);color:#FFF;border-radius:0 0 26px 26px;font-family:"Manrope",system-ui,sans-serif}
  /* Sticky top bar: black over the dark header, the page colour once the header has scrolled under it
     (home.js sets .is-light); the colours fade both ways. */
  .hm-top{position:sticky;top:0;z-index:40;align-items:center;gap:4px;min-height:44px;padding:calc(12px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 6px max(14px,env(safe-area-inset-left,0px));background:var(--hm-a);color:#FFF;box-shadow:0 1px 0 rgba(230,226,218,0);font-family:"Manrope",system-ui,sans-serif;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}
  .hm-top.is-light{background:var(--hm-s);color:var(--hm-a);box-shadow:0 1px 0 var(--hm-l)}
  .hm-brand{flex:1;min-width:0;display:flex;align-items:center;gap:4px;color:inherit;text-decoration:none}
  .hm-brand img{width:28px;height:28px;flex:none}
  .hm-brand span{margin-inline-start:4px;font-family:"Sora",sans-serif;font-weight:800;font-size:20px;letter-spacing:-.01em}
  .hm-ib{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .hm-ib[hidden]{display:none}
  .hm-ib:focus-visible,.hm-head button:focus-visible,.hm-top button:focus-visible{outline:3px solid var(--hm-o);outline-offset:2px}
  .hm-flag{display:block;width:24px;height:16px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
  .hm-flag svg{display:block;width:100%;height:100%}
  .hm-bell .nav-badge{position:absolute;top:5px;inset-inline-start:calc(50% + 2px);min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--hm-o);color:var(--hm-a);font:800 11px/1 "Manrope",system-ui,sans-serif;font-style:normal;box-shadow:0 0 0 2px var(--hm-a)}
  .hm-bell .nav-badge[hidden]{display:none}
  .hm-top .hm-flag,.hm-top .hm-bell .nav-badge{transition:box-shadow .3s ease}
  .hm-top.is-light .hm-flag{box-shadow:0 0 0 1px var(--hm-l)}
  .hm-top.is-light .hm-bell .nav-badge{box-shadow:0 0 0 2px var(--hm-s)}
  @media (prefers-reduced-motion:reduce){.hm-top,.hm-top .hm-flag,.hm-top .hm-bell .nav-badge{transition:none}}

  /* ---- hero card ---- */
  .hm-hero{position:relative;display:block;width:100%;height:200px;border-radius:18px;overflow:hidden;background:#1E232A;color:#FFF;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .hm-hero>img{display:block;width:100%;height:100%;object-fit:cover}
  .hm-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,20,0) 40%,rgba(11,15,20,.9));pointer-events:none}
  .hm-hero-skel::after{display:none}
  .hm-hero-skel{animation:hm-pulse 1.5s ease-in-out infinite}
  @keyframes hm-pulse{50%{opacity:.6}}
  .hm-tag{position:absolute;top:10px;inset-inline-start:10px;z-index:1;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;background:var(--hm-lime);color:var(--hm-a);font-weight:800;font-size:12.5px}
  .hm-tag.is-w{background:#FFF}
  /* Outside ad suggested by the hero: where it comes from (brand names, never translated). */
  .hm-srcb{position:absolute;top:10px;inset-inline-end:10px;z-index:1;max-width:calc(100% - 20px);box-sizing:border-box;padding:4px 9px;border-radius:10px;background:rgba(11,15,20,.72);color:#FFF;font-weight:800;font-size:12px;line-height:1.2}
  .hm-inf{position:absolute;left:12px;right:12px;bottom:11px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
  .hm-inf>span{min-width:0}
  .hm-inf small{display:block;color:#D6D6D2;font-weight:700;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hm-inf b{display:block;font-family:"Sora",sans-serif;font-weight:800;font-size:22px;line-height:1.1;white-space:nowrap}
  .hm-inf strong{display:block;font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hm-inf i{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;background:var(--hm-o);color:var(--hm-a);font-style:normal}
  [dir="rtl"] .hm-flip,[dir="rtl"] .hm-inf i svg{transform:scaleX(-1)}
  /* Looping scenes and real cards share one 200px stage (the user's tonomoto-home-header design): the
     shown layer fades in over the one it replaces (0.35 s), which keeps full opacity until it is covered. */
  .hm-stage{position:relative;height:200px;border-radius:18px;overflow:hidden;background:#2A2F36;isolation:isolate}
  .hm-layer{position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;transition:opacity 0s .35s,visibility 0s .35s}
  .hm-layer.on{z-index:1;opacity:1;visibility:visible;transition:opacity .35s ease}
  .hm-scene>img,.hm-scene>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
  .hm-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,20,.82) 0%,rgba(11,15,20,.35) 38%,rgba(11,15,20,0) 60%);pointer-events:none}
  .hm-scene>p{position:absolute;top:12px;inset-inline:14px 60px;z-index:1;margin:0;color:#FFF;font-family:"Sora",sans-serif;font-weight:800;font-size:21px;line-height:1.1;letter-spacing:-.02em}

  /* ---- tabs ---- */
  /* The user's tonomoto-tab-switch design: white segment, selected tab dark; the import icon follows currentColor. */
  .hm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#FFF;border-radius:16px;padding:4px;box-shadow:inset 0 0 0 1.5px #E6E2DA}
  .hm-tabs button{min-height:48px;border:0;border-radius:12px;background:none;cursor:pointer;font:inherit;font-weight:800;font-size:15px;color:#5B5F66;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent}
  .hm-tabs button[aria-pressed="true"]{background:#0B0F14;color:#FFF}
  .hm-tabs button:focus-visible{outline:3px solid #FF5400;outline-offset:2px}
  .hm-tab-flag{width:24px;height:16px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(11,15,20,.18)}
  .hm-tab-ico{width:22px;height:22px;flex:none}

  /* ---- import-only home (Mon pays other than Algeria): stepper instead of the tabs ---- */
  html[data-home="abroad"] .hm-tabs{display:none}
  html[data-home="abroad"] .hm-steps{display:flex}
  .hm-steps{gap:6px;margin:0;padding:0;list-style:none}
  .hm-steps li{flex:1;min-width:0;display:flex;align-items:center;gap:7px;min-height:54px;padding:9px;border-radius:14px;background:rgba(255,255,255,.08)}
  .hm-steps i{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:var(--hm-o);color:var(--hm-a);font-style:normal;font-weight:800;font-size:12.5px}
  .hm-steps span{min-width:0;font-weight:700;font-size:12px;line-height:1.2}
  .hm-src{display:block;margin-top:1px;color:#D6D6D2;font-style:normal;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-home="abroad"] body[data-mode="dz"] .hm-imp-h{order:0;display:flex;align-items:center;gap:8px;margin:0;font:800 17px/1.2 "Sora",sans-serif;color:var(--hm-a)}
  .hm-imp-h .hm-flag{box-shadow:0 0 0 1px var(--hm-l)}
  html[data-home="abroad"] body[data-mode="dz"] .hm-how-imp{order:5;display:flex;margin-top:0}

  /* ---- « En Algérie » tab ---- */
  body[data-mode="local"] #local-market{background:transparent}
  body[data-mode="local"] #local-market .lm-wrap{display:flex;flex-direction:column;gap:12px;padding:14px 14px 24px}
  body[data-mode="local"] #local-market .lm-head,
  body[data-mode="local"] #local-market .lm-promo,
  body[data-mode="local"] #lmGo{display:none}
  body[data-mode="local"] #local-market :is(.lm-where,.lm-block,.lm-makes-block,.lm-note,.lm-soon){margin:0}
  body[data-mode="local"] #local-market .lm-field{min-height:52px;gap:8px;padding-inline:13px 8px;border:0;border-radius:14px;background:#FFF;box-shadow:inset 0 0 0 1.5px var(--hm-l);color:var(--hm-m)}
  body[data-mode="local"] #local-market .lm-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--hm-a)}
  body[data-mode="local"] #local-market .lm-field input{font-weight:700;font-size:16px;color:var(--hm-a)}
  body[data-mode="local"] #local-market .lm-field input::placeholder{color:#8B8D90;font-weight:600}
  body[data-mode="local"] #local-market .lm-where{gap:7px;margin-inline:-14px;padding-inline:14px}
  /* « Autour de moi », « Ma wilaya » and the make chips share one scrolling line. */
  body[data-mode="local"] #local-market .lm-chiprow{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:-6px -14px;padding:8px 14px}
  /* The search bar and the chip row lock together under the top bar once the search reaches it and stay
     there (home.js publishes the bar's height and the search block's height). Both sit on the page colour,
     padded so no car shows between them; the layout at rest is unchanged. Locked: one hairline under the
     chip row, none under the bar. The search screen lifts the same form (.lm-sx-form, local-search-assist.css):
     it is left alone then. */
  body[data-mode="local"] #local-market .lm-search:not(.lm-sx-form){position:sticky;top:var(--hm-top-h,62px);z-index:31;margin:-8px -14px -6px;padding:8px 14px 6px;background:var(--hm-s)}
  body[data-mode="local"] #local-market .lm-chiprow{position:sticky;top:calc(var(--hm-top-h,62px) + var(--hm-search-h,66px));z-index:30;background:var(--hm-s);box-shadow:0 1px 0 rgba(230,226,218,0);transition:box-shadow .2s ease}
  body[data-mode="local"] #local-market .lm-chiprow.is-stuck{box-shadow:0 1px 0 var(--hm-l)}
  body.hm-chips-stuck .hm-top.is-light{box-shadow:0 1px 0 rgba(230,226,218,0)}
  body[data-mode="local"] #local-market .lm-chiprow::-webkit-scrollbar{display:none}
  body[data-mode="local"] #local-market .lm-chiprow :is(.lm-where,.lm-makes-block,.lm-makes){display:contents}
  body[data-mode="local"] #local-market .lm-chiprow .lm-makes-block[hidden]{display:none}
  body[data-mode="local"] #local-market .lm-chiprow :is(.lm-chip,.lm-make){flex:0 0 auto}
  body[data-mode="local"] #local-market :is(.lm-chip,.lm-make){height:auto;min-height:42px;padding:0 13px;gap:6px;border:0;border-radius:21px;background:#FFF;box-shadow:inset 0 0 0 1.5px var(--hm-l);color:var(--hm-a);font:700 13px/1 "Manrope",system-ui,sans-serif}
  body[data-mode="local"] #local-market :is(.lm-chip,.lm-make).is-on{background:var(--hm-a);color:#FFF;box-shadow:none}
  body[data-mode="local"] #local-market .lm-chip ph-icon[name="caret-down"]{display:none}
  body[data-mode="local"] #local-market .lm-wilaya select{pointer-events:none}
  body[data-mode="local"] #local-market .lm-makes{gap:7px;padding-block:0}
  body[data-mode="local"] #local-market .lm-make b{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--hm-s);color:var(--hm-m);font-size:11.5px}
  body[data-mode="local"] #local-market .lm-make.is-on b{background:rgba(255,255,255,.2);color:#FFF}
  body[data-mode="local"] #local-market .lm-block-head{align-items:center;margin:0 0 12px}
  body[data-mode="local"] #local-market .lm-block h2{font-size:17px;letter-spacing:0}
  body[data-mode="local"] #local-market .lm-all{min-height:44px;font-size:13px}
  body[data-mode="local"] #local-market .lm-all ph-icon{display:none}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid){gap:9px}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-card{padding-bottom:9px;border:0;border-radius:14px;background:#FFF;box-shadow:inset 0 0 0 1px var(--hm-l)}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-body{gap:0;padding:7px 9px 0}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-title{font-size:13px;font-weight:700;-webkit-line-clamp:1}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-price{margin:0;font-size:14.5px;letter-spacing:0}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-price.lm-price-private{font-size:13.5px}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) :is(.lm-specs,.lm-place){margin:0;font-size:12px;font-weight:600;color:var(--hm-m)}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-place ph-icon{display:none}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-dist{top:6px;inset-inline-start:6px;height:auto;padding:2px 7px;gap:2px;border-radius:11px;background:#FFF;font-size:11.5px;box-shadow:none}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-photos{bottom:6px;inset-inline-end:6px;height:auto;padding:2px 7px;border-radius:10px;background:rgba(11,15,20,.78);font-size:11.5px;font-weight:800;backdrop-filter:none}
  body[data-mode="local"] :is(#lmHomeGrid,#lmOutGrid) .lm-skel{border:0;border-radius:14px}
  /* Outside ads (local-outside.js) in the same compact grid: the price leads. */
  body[data-mode="local"] #lmOutGrid .lm-out-tag{margin:0 0 1px;font-size:10px}
  body[data-mode="local"] #lmOutGrid .lm-out-price b{font-size:16px}
  body[data-mode="local"] #lmOutGrid .lm-out-price small{font-size:11px}
  body[data-mode="local"] #lmOutGrid .lm-out-price small.lm-out-est-tag{height:17px;padding:0 6px;font-size:10px}
  body[data-mode="local"] #lmOutGrid .lm-out-src{top:6px;inset-inline-start:6px;height:20px;padding:0 6px;font-size:11px}
  body[data-mode="local"] #lmOutGrid .lm-out-info{top:1px;inset-inline-end:1px}
  body[data-mode="local"] #lmOutGrid .lm-dist{top:auto;bottom:6px}
  body[data-mode="local"] #lmOutGrid .lm-place .lm-when{font-weight:600}
  body[data-mode="local"] #local-market .lm-out-sub{margin-top:2px;font-size:12.5px;color:var(--hm-m)}
  body[data-mode="local"] #lmHomeGrid .lm-state-home{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:22px 14px;border:0;border-radius:14px;background:#FFF;text-align:center}
  body[data-mode="local"] #lmHomeGrid .lm-state-home ph-icon{display:none}
  body[data-mode="local"] #lmHomeGrid .lm-state-home h2{margin:0;font-family:"Sora",sans-serif;font-weight:800;font-size:15px}
  body[data-mode="local"] #lmHomeGrid .lm-state-home p{margin:0;color:var(--hm-m);font-weight:600;font-size:13.5px}
  body[data-mode="local"] #lmHomeGrid .lm-state-home .lm-primary{width:100%;min-height:48px;margin-top:4px;border:0;border-radius:14px;background:#FFF;box-shadow:inset 0 0 0 1.5px var(--hm-l);color:var(--hm-a);font:800 14px/1 "Manrope",system-ui,sans-serif}
  body[data-mode="local"] #local-market:not(.lm-abroad) :is(.hm-stk,.hm-how){display:flex}
  .hm-stk{align-items:center;gap:10px;width:100%;padding:11px;border:0;border-radius:14px;background:#FFF;box-shadow:inset 0 0 0 1.5px var(--hm-l);color:var(--hm-a);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .hm-stk-ic{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--hm-o);color:var(--hm-a)}
  .hm-stk-t{flex:1;min-width:0}
  .hm-stk b{display:block;font-weight:800;font-size:13.5px}
  .hm-stk small{display:block;color:var(--hm-m);font-weight:600;font-size:12.5px}
  .hm-stk>svg{flex:none;color:var(--hm-m)}
  .hm-how{align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:-6px;padding:0;border:0;background:none;color:var(--hm-a);font:800 14px/1 "Manrope",system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

  /* ---- « À importer » tab ---- */
  body[data-mode="dz"] #s-search > .wrap{padding:14px 14px 24px}
  body[data-mode="dz"] #s-search .hero-band,
  body[data-mode="dz"] #s-search .sticker-strip{display:none}
  body[data-mode="dz"] #s-search .herocol{display:flex;flex-direction:column;gap:12px}
  body[data-mode="dz"] #p-search{order:1;margin:0;border:0;border-radius:15px;background:#FFF;box-shadow:inset 0 0 0 1.5px var(--hm-l);overflow:hidden}
  body[data-mode="dz"] #runStatusTop{order:2}
  body[data-mode="dz"] #runStatusTop:empty{display:none}
  body[data-mode="dz"] #s-search .presetrow{order:0;margin:0 -14px;padding:0 14px;gap:7px;overflow-x:auto;scrollbar-width:none}
  body[data-mode="dz"] #s-search .presetrow::-webkit-scrollbar{display:none}
  body[data-mode="dz"] #s-search .presets{gap:7px;overflow:visible}
  body[data-mode="dz"] #s-search .presets button{min-height:42px;padding:0 13px;border:0;border-radius:21px;background:#FFF;box-shadow:inset 0 0 0 1.5px var(--hm-l);color:var(--hm-a);font:700 13px/1 "Manrope",system-ui,sans-serif}
  body[data-mode="dz"] #s-search .bar{order:4;padding:0}
  body[data-mode="dz"] #p-search > .field{min-height:58px;padding:9px 12px;border:0;border-top:1px solid var(--hm-l);row-gap:2px}
  body[data-mode="dz"] #p-search > .field:first-child{border-top:0}
  body[data-mode="dz"] #p-search > .field .k{font-size:12px;font-weight:600;color:var(--hm-m)}
  body[data-mode="dz"] #p-search > .field .v{font-size:15px;font-weight:700;color:var(--hm-a)}
  body[data-mode="dz"] #p-search > .field .v.ph{color:var(--hm-a)}
  body[data-mode="dz"] #p-search > .field .ch{color:var(--hm-a)}
  body[data-mode="dz"] #p-search .imf-row{border-top:1px solid var(--hm-l)}
  body[data-mode="dz"] #p-search .imf-rule{gap:0;padding:7px 12px 10px}
  body[data-mode="dz"] #p-search .imf-switch-label{font-size:13.5px}
  body[data-mode="dz"] #p-search .imf-situation{min-height:46px;margin-top:3px;border-radius:11px;font-size:12.5px;font-weight:600}
  body[data-mode="dz"] #p-search .imf-off{margin-top:4px;font-size:12.5px}
  body[data-mode="dz"] #p-search .imf-more{min-height:58px;padding:0 12px;font-size:15px}
  body[data-mode="dz"] #s-search .bar .cta{width:100%;min-height:54px;border-radius:15px;background:var(--hm-o);color:var(--hm-a);font:700 15px/1.2 "Sora",sans-serif;box-shadow:none}
  body[data-mode="dz"] #s-search .bar .cta:disabled{background:#E4E0D9;color:var(--hm-m);cursor:default}

}

/* ---- home sheets: bottom sheet on phones, centred modal from 768px ---- */
.hm-scrim{position:fixed;inset:0;z-index:80;background:rgba(11,15,20,.45)}
.hm-sheet{position:fixed;left:0;right:0;bottom:0;z-index:81;display:flex;flex-direction:column;gap:5px;max-height:80vh;overflow:auto;overscroll-behavior:contain;padding:16px 14px calc(20px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:var(--hm-s);color:var(--hm-a);font-family:"Manrope",system-ui,sans-serif;font-size:14px}
.hm-sheet[hidden],.hm-scrim[hidden]{display:none}
body.hm-sheet-open .platform-bottom-nav{display:none}
.hm-sheet h3{margin:0 0 6px;font-family:"Sora",sans-serif;font-weight:800;font-size:19px}
.hm-shh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hm-shh h3{margin:0}
.hm-x{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:#FFF;color:var(--hm-a);cursor:pointer}
.hm-shr{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:6px 12px;border:0;border-radius:12px;background:none;color:var(--hm-a);font:700 14px/1.3 "Manrope",system-ui,sans-serif;text-align:start;cursor:pointer}
.hm-shr>span{flex:1;min-width:0}
.hm-shr small{display:block;font-weight:600;color:var(--hm-m);font-size:12.5px}
.hm-shr .hm-flag{flex:none;width:24px;height:16px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(11,15,20,.12)}
.hm-shr .hm-flag svg{display:block;width:100%;height:100%}
.hm-shr[aria-pressed="true"]{background:#FFF}
.hm-shr>svg{flex:none}
@media (min-width:768px){
  .hm-sheet{left:50%;right:auto;top:50%;bottom:auto;width:min(440px,calc(100vw - 48px));max-height:min(640px,calc(100vh - 80px));transform:translate(-50%,-50%);border-radius:24px;padding-bottom:20px}
}

@media (prefers-reduced-motion:reduce){.hm-hero-skel{animation:none}.hm-layer,.hm-layer.on{transition:none}}