/* v38 destination sheets for touch devices: safe-area aware, keyboard and screen-reader friendly. */
.sj-destination-veil[hidden],.sj-destination-sheet[hidden],.sj-place-veil[hidden]{display:none!important}
@media(min-width:1025px){.sj-destination-veil,.sj-destination-sheet,.sj-account-section-trigger{display:none!important}}
@media(max-width:1024px){
 .sj-place-veil{position:fixed;inset:0;z-index:220!important;border:0;background:rgba(9,18,35,.48)}
 .sj-destination-veil{position:fixed;inset:0;z-index:24000;background:rgba(9,18,35,.48);backdrop-filter:blur(2px)}
 .sj-destination-sheet{position:fixed;inset-inline:0;bottom:0;z-index:24001;max-height:min(84dvh,780px);display:flex;flex-direction:column;border-radius:26px 26px 0 0;background:#fff;box-shadow:0 -22px 60px rgba(11,27,56,.2);padding:0 15px calc(16px + env(safe-area-inset-bottom,0px));overflow:hidden;color:#16243c;font-family:Cairo,Tahoma,Arial,sans-serif;direction:inherit}
 .sj-destination-grip{width:44px;height:5px;background:#d2dbe5;border-radius:9px;flex:none;margin:11px auto 8px}
 .sj-destination-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 3px 15px;border-bottom:1px solid #edf0f4}
 .sj-destination-head strong{font-size:17px;font-weight:900}
 .sj-destination-close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#f2f5f9;color:#52637b}
 .sj-destination-close svg{width:18px;height:18px}
 .sj-destination-body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 0 3px;min-height:0}
 .sj-destination-identity{display:flex;gap:12px;align-items:center;border-radius:15px;background:#f7f8fb;padding:12px 14px;margin-bottom:12px}
 .sj-destination-identity>svg{width:32px;height:32px;color:#d71932;flex:none}.sj-destination-identity strong{display:block;font-size:14px}.sj-destination-identity small{color:#8795aa;font-size:12px;direction:ltr;display:inline-block}
 .sj-destination-row{width:100%;display:flex;align-items:center;gap:13px;text-align:start;padding:14px 10px;min-height:58px;background:#fff;border:0;border-bottom:1px solid #edf1f5;color:#16243d;font:inherit;cursor:pointer}
 .sj-destination-row:hover,.sj-destination-row:focus-visible{background:#fff4f5;outline:none}
 .sj-destination-icon{flex:none;width:38px;height:38px;border-radius:12px;background:#fff0f2;color:#d71932;display:grid;place-items:center}
 .sj-destination-label{flex:1;min-width:0}.sj-destination-label strong{display:block;font-size:14px;font-weight:800}.sj-destination-label small{display:block;font-size:11px;color:#7e8ca2;margin-top:2px}
 .sj-destination-row>svg{width:17px;height:17px;flex:none;color:#93a1b4}.sj-destination-row.danger{color:#c91933;border-bottom:0;margin-top:7px;background:#fff5f5;border-radius:12px}.sj-destination-row.danger .sj-destination-icon{background:#ffe4e8;color:#c91933}
 .ac-mobile-route.sj-account-sheet-mode{padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}
 .sj-account-sheet-mode>label,.sj-account-sheet-mode>#acMobileTab,.sj-account-sheet-mode>svg{display:none!important}
 .sj-account-section-trigger{display:flex!important;align-items:center;gap:10px;justify-content:space-between;width:100%;min-height:47px;border:1px solid #e0e7ef;background:white;border-radius:12px;color:#142640;padding:10px 13px;font:800 13px Cairo,Tahoma,Arial,sans-serif;cursor:pointer;text-align:start}
 .sj-account-section-trigger span{flex:1;min-width:0}.sj-account-section-trigger svg{width:19px;height:19px;color:#d71932}
 /* Category and city-selection overlays are bottom sheets too, rather than fullscreen side panels. */
 #mobileMarket .mm-place-sheet:not([hidden]){position:fixed!important;top:auto!important;bottom:0!important;inset-inline:0!important;height:min(80dvh,730px)!important;max-height:80dvh!important;border-radius:24px 24px 0 0!important;background:#fff!important;z-index:230!important;box-shadow:0 -18px 65px #06152c44!important;padding:22px 14px calc(82px + env(safe-area-inset-bottom,0px))!important;overflow:hidden!important}
 #mobileMarket #mmPlaceSearch{width:100%!important}
 #megaMenu.megaMenu:not([hidden]){position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;inset-inline:0!important;max-height:84dvh!important;height:84dvh!important;width:100%!important;max-width:none!important;border-radius:24px 24px 0 0!important;box-shadow:0 -18px 65px #06152c44!important;padding-bottom:calc(75px + env(safe-area-inset-bottom,0px))!important;z-index:260!important}
 .sj-v28-menu:not([hidden]){top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-height:78dvh!important;border-radius:24px 24px 0 0!important;transform:none!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
 .sj-picture-panel:not([hidden]){position:fixed!important;top:auto!important;bottom:0!important;inset-inline:0!important;width:100%!important;max-width:none!important;max-height:75dvh!important;border-radius:24px 24px 0 0!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;overflow:auto!important}
}

/* Sign out is a destructive navigation action, not a secondary blue account button. */
body.sj-account-page #acLogout{background:#fff0f2!important;color:#c91a34!important;border:1px solid #f7ced4!important;box-shadow:none!important}
body.sj-account-page #acLogout:hover{background:#ffe4e8!important}


/* v41.1: Shared account-sheet avatar.  This must live with the bottom sheet,
   not in storefront-v39.css, which only the home page loads. */
@media (max-width:1024px) {
  .sj-destination-sheet .sj-destination-identity > img.sj-destination-avatar {
    display:block!important;
    box-sizing:border-box!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    aspect-ratio:1 / 1!important;
    padding:0!important;
    margin:0!important;
    border:2px solid #e7b1bb!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
    overflow:hidden!important;
    background-color:#fff;
  }
  .sj-destination-sheet .sj-destination-identity > div {
    flex:1 1 auto;
    min-width:0;
  }
  .sj-destination-sheet .sj-destination-identity > div > strong,
  .sj-destination-sheet .sj-destination-identity > div > small {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}