/* v0.39 storefront polish — single source of truth for category carousel and location controls. */
#mobileMarket #mmAllCategories{
 display:inline-flex!important;align-items:center;justify-content:center;flex:none;
 border:1px solid #e6e9ef!important;background:#fff!important;color:#c51b34!important;
 border-radius:11px!important;min-height:38px!important;padding:6px 14px!important;
 font-size:12px!important;font-weight:800!important;line-height:1.3;cursor:pointer;
}
#mobileMarket #mmAllCategories:hover{background:#fff1f3!important;border-color:#f4c5cd!important}
#mobileMarket .mm-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
#mobileMarket .mm-heading h2{font-size:clamp(17px,2.3vw,23px)!important;margin:0!important}
#mobileMarket #mmCategoryStrip.mm-cats{
 display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;
 gap:clamp(10px,1.6vw,18px)!important;overflow-x:auto!important;overflow-y:hidden!important;
 overscroll-behavior-x:contain;scroll-snap-type:x proximity;
 scrollbar-width:none;-webkit-overflow-scrolling:touch;
 padding:8px 3px 18px!important;min-width:0!important;
}
#mobileMarket #mmCategoryStrip.mm-cats::-webkit-scrollbar{display:none}
#mobileMarket #mmCategoryStrip .mm-category{
 width:108px!important;min-width:108px!important;max-width:108px!important;
 flex:0 0 108px!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:flex-start!important;gap:8px!important;
 padding:2px 0!important;margin:0!important;background:transparent!important;
 border:0!important;scroll-snap-align:start;min-height:0!important;color:#1e2e48!important;
}
#mobileMarket #mmCategoryStrip .mm-picture{
 display:grid!important;place-items:center!important;width:100px!important;height:100px!important;
 min-width:100px!important;max-width:100px!important;flex:none!important;
 border-radius:16px!important;overflow:hidden!important;background:#f5f6f8!important;
 border:1px solid #f0f1f5;
}
#mobileMarket #mmCategoryStrip .mm-picture img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;padding:3px!important;box-sizing:border-box!important}
#mobileMarket #mmCategoryStrip .mm-fallback{display:grid!important;place-items:center!important;width:100%;height:100%;color:#d71932!important;background:#fff1f3}
#mobileMarket #mmCategoryStrip .mm-fallback svg{width:40px!important;height:40px!important;display:block!important;stroke:#d71932!important}
#mobileMarket #mmCategoryStrip .mm-category>span:last-child{
 width:100%!important;max-width:108px!important;font-size:12px!important;line-height:1.5!important;
 font-weight:700!important;text-align:center!important;white-space:normal;overflow-wrap:break-word;
 min-height:38px!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
#mobileMarket #mmCategoryStrip .mm-category:focus-visible .mm-picture{outline:2px solid #d71932;outline-offset:3px}
@media(min-width:1025px){
 #mobileMarket .mm-section{max-width:1270px!important;padding:27px 24px 10px!important}
 #mobileMarket #mmCategoryStrip.mm-cats{cursor:grab;user-select:none;touch-action:pan-y;}
 #mobileMarket #mmCategoryStrip.mm-cats.is-dragging{cursor:grabbing;scroll-snap-type:none!important}
 #mobileMarket #mmCategoryStrip .mm-category{flex:0 0 116px!important;width:116px!important;min-width:116px!important;max-width:116px!important}
 #mobileMarket #mmCategoryStrip .mm-picture{width:108px!important;height:108px!important;min-width:108px!important;max-width:108px!important}
 #mobileMarket #mmCategoryStrip .mm-category>span:last-child{max-width:116px!important;font-size:13px!important}
 /* Expanded all-categories menu: classic compact four-column layout from the earlier storefront. */
 #megaBackdrop.megaBackdrop:not([hidden]){z-index:250!important;background:rgba(9,22,41,.36)!important}
 #megaMenu.megaMenu:not([hidden]){
  position:fixed!important;top:76px!important;bottom:auto!important;left:50%!important;right:auto!important;
  inset-inline-start:auto!important;inset-inline-end:auto!important;transform:translateX(-50%)!important;
  display:flex!important;flex-direction:column!important;
  width:min(1230px,calc(100vw - 48px))!important;max-width:1230px!important;
  height:auto!important;max-height:calc(100dvh - 94px)!important;padding:16px 22px!important;
  background:#fff!important;border:1px solid #e7ebf1!important;border-radius:16px!important;
  box-shadow:0 28px 70px #081c3430!important;z-index:260!important;overflow:hidden!important;
 }
 #megaMenu .megaTop{margin-bottom:8px!important;padding:2px 4px 12px!important}
 #megaMenu .megaTop strong{font-size:17px;color:#15243c}
 #megaMenu .megaTop button{display:grid;place-items:center;border-radius:10px;background:#f4f6f8;border:0;padding:9px;color:#1d3048}
 #megaMenu #catalogTrail{padding:4px 8px!important}
 #megaMenu #megaCols.sj-desktop-groups{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px 23px!important;padding:8px 2px 16px!important;
  overflow-y:auto!important;flex:1 1 auto!important;min-height:0!important;
 }
 #megaMenu .sj-mega-group{padding:8px 7px 12px!important}
 #megaMenu .sj-mega-heading{font-weight:900!important;font-size:13px!important;color:#14233a!important;padding:6px 0!important;gap:9px!important}
 #megaMenu .sj-mega-heading svg{width:21px!important;height:21px!important;color:#d71932!important}
 #megaMenu .sj-mega-children{display:grid!important;gap:2px!important;padding-inline-start:28px!important}
 #megaMenu .sj-mega-children button{font-size:12px!important;color:#4b5a70!important;padding:5px 0!important;text-align:start!important}
 #megaMenu .sj-mega-children button:hover,#megaMenu .sj-mega-heading:hover,#megaMenu .sj-mega-more:hover{color:#c71935!important}
 #megaMenu .sj-mega-more{color:#d71932!important;font-weight:800;font-size:12px!important;padding-inline-start:28px!important}
 #megaMenu #megaCols:not(.sj-desktop-groups){display:block!important;overflow-y:auto!important;min-height:0!important;padding:7px 8px!important}
 #megaMenu #megaCols:not(.sj-desktop-groups) .catalogRow{max-width:620px;margin-inline:auto!important}
}
@media(max-width:1024px){
 /* The conversations button already exists in the bottom navigation, so never double-display the floating launcher. */
 .sj-support-fab,#sjSupportFab{display:none!important}
 .sj-support-box,#sjSupportBox{display:none!important}
 #mobileMarket #mmCategoryStrip .mm-category{flex:0 0 83px!important;width:83px!important;min-width:83px!important;max-width:83px!important;gap:7px!important}
 #mobileMarket #mmCategoryStrip .mm-picture{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;border-radius:13px!important}
 #mobileMarket #mmCategoryStrip .mm-picture img{padding:2px!important}
 #mobileMarket #mmCategoryStrip .mm-category>span:last-child{max-width:83px!important;font-size:10.5px!important;min-height:32px!important}
 #mobileMarket #mmCategoryStrip .mm-fallback svg{width:31px!important;height:31px!important}
 #mobileMarket .mm-top{display:flex!important}
 #mobileMarket>.mm-location{display:inline-flex!important;align-items:center!important;min-height:38px!important;gap:7px!important;
  border:0!important;background:#fff!important;position:relative!important;inset:auto!important;
  color:#1c2d44!important;z-index:2!important;padding:6px 16px 12px!important;font-weight:700!important}
 #mobileMarket>.mm-location svg{color:#d71932!important;display:block!important;width:16px!important;height:16px!important}
 #mobileMarket .mm-section{padding:18px 15px 5px!important}
 #mobileMarket .mm-heading h2{font-size:17px!important}
 #mobileMarket #mmAllCategories{font-size:11px!important;padding:6px 10px!important;min-height:34px!important}
}
/* Consistent location selector on all desktop pages. */
.sj-shared-head .sj-header-location{display:inline-flex!important;min-width:120px!important;max-width:186px!important;flex:none;align-items:center;gap:7px;justify-content:center}
.sj-shared-head .sj-header-location svg{width:18px;height:18px;flex:none}
.sj-header-place-popup[hidden]{display:none!important}
.sj-header-place-popup{position:fixed;z-index:350;background:white;border:1px solid #e5eaf0;border-radius:15px;
 box-shadow:0 18px 54px #07182b3a;padding:14px;direction:inherit;color:#1a2b43;font:inherit;max-height:min(550px,72dvh);display:flex;flex-direction:column;gap:10px}
.sj-place-popup-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sj-place-popup-head strong{font-size:14px}
.sj-place-popup-head button{background:#f2f4f8;border:0;border-radius:9px;width:32px;height:32px;cursor:pointer;font-size:20px}
.sj-header-place-popup input{width:100%;min-height:40px;flex:none;border:1px solid #dfe5eb;border-radius:10px;background:#fff;padding:9px 11px;font-size:14px}
.sj-place-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:grid;gap:2px}
.sj-header-place-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 8px;min-height:39px;text-align:start;background:#fff;border:0;border-radius:8px;cursor:pointer;color:#283a53;font-size:13px}
.sj-header-place-option:hover,.sj-header-place-option[aria-current=true]{background:#fff0f2;color:#bb1730}
/* Account bottom sheet displays the user's actual avatar rather than a generic silhouette. */
.sj-destination-identity .sj-destination-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;display:block;border:2px solid #e7b1bb;background:#fff}
@media(min-width:1025px) and (max-width:1170px){.sj-shared-inner{gap:7px!important;padding-inline:12px!important}.sj-shared-head .sj-header-location{min-width:102px!important;max-width:140px!important}}


/* v40: center desktop categories reliably in both html[dir=rtl] and html[dir=ltr].
   An older drawer stylesheet assigned a logical inset and physically pinned it
   to one edge. Equal left/right insets + auto margins avoid direction offsets. */
@media (min-width:1025px) {
 html[dir="rtl"] #megaMenu.megaMenu:not([hidden]),
 html[dir="ltr"] #megaMenu.megaMenu:not([hidden]),
 #megaMenu.megaMenu:not([hidden]) {
  position:fixed!important;
  inset-inline-start:0!important;inset-inline-end:0!important;
  left:0!important;right:0!important;
  top:112px!important;bottom:auto!important;
  width:min(1230px,calc(100vw - 48px))!important;
  max-width:1230px!important;
  max-height:calc(100dvh - 128px)!important;
  margin-left:auto!important;margin-right:auto!important;
  transform:none!important;box-sizing:border-box!important;
 }
}