/*
 * Bandung COD shared design system
 * Visual-only layer. Business logic, API routes, authentication, and data
 * contracts remain owned by the existing PHP application.
 */
:root{
  --bandung-navy:#062B5F;
  --bandung-deep:#031B3A;
  --bandung-blue:#0B3FA5;
  --bandung-sky:#138DE2;
  --bandung-orange:#FF6500;
  --bandung-orange-strong:#C2410C;
  --bandung-blue-soft:#EAF2FF;
  --bandung-orange-soft:#FFF0E6;
  --bandung-canvas:#F7F9FC;
  --bandung-ink:#101828;
  --bandung-muted:#66758A;
  --bandung-border:#DCE4EE;
  --bandung-success:#16A34A;
  --color-brand:var(--bandung-blue);
  --color-brand-dark:var(--bandung-deep);
  --color-success:var(--bandung-success);
  --color-warning:#D99A00;
  --color-background:var(--bandung-canvas);
  --color-border:var(--bandung-border);
  --color-text:var(--bandung-ink);
  --color-text-secondary:var(--bandung-muted);
  --navy:var(--bandung-navy);
  --deep:var(--bandung-deep);
  --green:var(--bandung-blue);
  --gold:var(--bandung-orange);
  --bg:var(--bandung-canvas);
  --text:var(--bandung-ink);
  --soft:var(--bandung-muted);
  --border:var(--bandung-border);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --shadow-surface:0 8px 24px rgba(6,43,95,.08);
  --shadow:0 14px 34px rgba(6,43,95,.10);
}

html{background:var(--bandung-canvas);scroll-padding-top:96px}
html,body{max-width:100%;background:var(--bandung-canvas);color:var(--bandung-ink)}
body{min-height:100vh;min-height:100dvh;overflow-x:clip}
body,input,button,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
::selection{background:#CFE2FF;color:var(--bandung-deep)}
:focus-visible{outline-color:var(--bandung-sky)}
img{max-width:100%}

.app-shell{background:var(--bandung-canvas)}
.app-header,
.seller-header,
[data-app-header-variant="seller"]{
  background:
    radial-gradient(circle at 94% -10%,rgba(19,141,226,.34),transparent 34%),
    linear-gradient(142deg,var(--bandung-deep) 0%,var(--bandung-navy) 58%,var(--bandung-blue) 115%);
}
.profile-header{
  background:
    radial-gradient(circle at 86% 8%,rgba(255,101,0,.18),transparent 28%),
    linear-gradient(145deg,var(--bandung-deep),var(--bandung-navy) 62%,var(--bandung-blue));
}
.profile-header:before{background:linear-gradient(90deg,var(--bandung-orange),var(--bandung-sky));opacity:.32}
.app-header h1,.app-state h2{color:inherit}

.app-button{font-weight:700}
.app-button-primary{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,var(--bandung-blue),#075BC1);
  color:#fff;
  box-shadow:0 9px 22px rgba(11,63,165,.22);
}
.app-button-primary:hover{background:linear-gradient(135deg,#08398F,#0755B7)}
.app-button-secondary{border-color:var(--bandung-border);background:#F3F6FA;color:#263B54}
.app-button-ghost{border-color:#BFD4F5;color:var(--bandung-blue)}
.app-button-success,.app-status-success{background:#EAF8EF;color:#08763A}
.app-chip,.app-badge{font-weight:700}
.app-card,
.trust-panel,.location-card,.seller-status,.profile-card,.safety-card,.seller-card{
  border-color:var(--bandung-border);
  box-shadow:var(--shadow-surface);
}
.app-field label{font-weight:650}
.app-field input,.app-field select,.app-field textarea,
input,select,textarea{accent-color:var(--bandung-blue)}
.app-field input:focus,.app-field select:focus,.app-field textarea:focus{
  border-color:#79A9EE;
  box-shadow:0 0 0 3px rgba(19,141,226,.12);
}
.app-state-icon{background:var(--bandung-blue-soft)}
.app-state-empty .app-state-icon{background:var(--bandung-blue-soft)}
.app-state-loading .app-state-icon{border-color:#CFE0FA;border-top-color:var(--bandung-blue)}
.app-spinner{border-color:#CFE0FA;border-top-color:var(--bandung-blue)}
.app-notice{border-color:#BFD4F5;background:#EEF5FF;color:#173F78}
.app-toast-info{background:var(--bandung-navy)}

.category-icon{
  --cat-accent:var(--bandung-blue);
  --cat-bg:var(--bandung-blue-soft);
  --cat-border:#BFD4F5;
}
.quick-actions a.active,
.quick-actions a[aria-current="page"]{border-color:var(--bandung-blue);background:var(--bandung-blue-soft)}
.section-title a{color:var(--bandung-blue)}

.icon-notification{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E");
}

/* Marketplace header */
.marketplace-header{
  background:
    radial-gradient(circle at 95% -20%,rgba(19,141,226,.34),transparent 38%),
    linear-gradient(135deg,var(--bandung-deep),var(--bandung-navy) 66%,#064A89 120%);
}
.marketplace-brand-avatar{
  border-color:rgba(255,255,255,.22);
  background:var(--bandung-deep);
  box-shadow:0 8px 22px rgba(1,16,40,.24);
}
.marketplace-brand-avatar img{object-fit:cover}
.marketplace-brand h1{font-weight:650;letter-spacing:-.012em}
.marketplace-brand small{font-weight:450}
.marketplace-brand em{color:#FFD2B3;font-weight:450}
.marketplace-search{border-color:#D6E0EC;box-shadow:0 11px 26px rgba(1,16,40,.17)}
.marketplace-search-submit{
  border-color:#075BC1;
  background:linear-gradient(135deg,var(--bandung-blue),#0875D1);
  box-shadow:0 7px 17px rgba(11,63,165,.22);
}
.marketplace-search-submit:hover{background:#083D91}
.marketplace-search-suggestions a[aria-selected="true"],
.marketplace-search-suggestions a:hover{background:var(--bandung-blue-soft);color:var(--bandung-blue)}
.marketplace-notification-action{
  position:relative;
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:rgba(255,255,255,.10);
  color:#fff;
}
.marketplace-notification-action .nav-icon{width:21px;height:21px;mask-size:21px 21px;-webkit-mask-size:21px 21px}
.marketplace-notification-action .app-nav-badge{
  top:-5px;
  right:-5px;
  left:auto;
  width:auto;
  min-width:18px;
  height:18px;
  display:flex;
  padding:0 5px;
}
.marketplace-notification-menu{
  position:relative;
  z-index:160;
  grid-area:notice;
  justify-self:end;
}
.marketplace-notification-menu .marketplace-notification-action{
  grid-area:auto;
  margin:0;
  padding:0;
  font:inherit;
  cursor:pointer;
}
.marketplace-notification-menu.is-open .marketplace-notification-action,
.marketplace-notification-action:hover{
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.18);
}
.marketplace-notification-panel{
  position:absolute;
  top:calc(100% + 13px);
  right:0;
  z-index:162;
  width:min(420px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid #D9E3EF;
  border-radius:22px;
  background:#fff;
  color:#071B36;
  box-shadow:0 24px 65px rgba(1,20,47,.28),0 4px 12px rgba(6,43,95,.08);
}
.marketplace-notification-panel[hidden],
.marketplace-notification-backdrop[hidden]{display:none!important}
.marketplace-notification-panel-head{
  min-height:78px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto 32px;
  align-items:center;
  gap:11px;
  padding:14px 15px;
  border-bottom:1px solid #E6ECF3;
  background:linear-gradient(135deg,#F7FAFF,#FFF9F5);
}
.marketplace-notification-panel-mark{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#E9F2FF;
  color:#0B5FC7;
}
.marketplace-notification-panel-mark:before{
  content:"";
  width:22px;
  height:22px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.marketplace-notification-panel-head>span:nth-child(2){min-width:0}
.marketplace-notification-panel-head b{display:block;font-size:16px;line-height:1.2;font-weight:680}
.marketplace-notification-panel-head small{display:block;margin-top:4px;color:#6A7A90;font-size:11px;font-weight:450}
.marketplace-notification-read-all{
  min-height:34px;
  padding:0 11px;
  border:1px solid #BCD4F4;
  border-radius:11px;
  background:#EEF5FF;
  color:#0759B7;
  font-size:10px;
  font-weight:650;
  cursor:pointer;
}
.marketplace-notification-read-all:hover{border-color:#0B63CE;background:#E2EFFF}
.marketplace-notification-read-all:disabled{opacity:.55;cursor:wait}
.marketplace-notification-panel-close{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:10px;
  background:#EEF3F8;
  color:#52647B;
  font-size:21px;
  line-height:1;
  cursor:pointer;
}
.marketplace-notification-panel-body{
  max-height:min(465px,calc(100vh - 210px));
  padding:8px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#C9D5E4 transparent;
}
.marketplace-notification-item{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 24px;
  align-items:start;
  gap:11px;
  min-height:82px;
  padding:12px 10px;
  border:1px solid transparent;
  border-radius:16px;
  color:#0B1F3A;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.marketplace-notification-item+.marketplace-notification-item{margin-top:3px}
.marketplace-notification-item:hover{border-color:#D7E4F3;background:#F8FBFF;transform:translateY(-1px)}
.marketplace-notification-item.is-unread{
  border-color:#C9DDF8;
  background:linear-gradient(135deg,#EEF5FF,#FFF 72%);
}
.marketplace-notification-item-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#EAF3FF;
  color:#0A63C9;
}
.marketplace-notification-item-icon:before{
  content:"";
  width:22px;
  height:22px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.marketplace-notification-item-icon.is-chat{background:#EAF4FF;color:#0876C9}
.marketplace-notification-item-icon.is-chat:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm0 2v11h2v1.8L8.3 16H20V5H4Zm3 4h2v2H7V9Zm4 0h2v2h-2V9Zm4 0h2v2h-2V9Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm0 2v11h2v1.8L8.3 16H20V5H4Zm3 4h2v2H7V9Zm4 0h2v2h-2V9Zm4 0h2v2h-2V9Z'/%3E%3C/svg%3E");
}
.marketplace-notification-item-icon.is-cod,
.marketplace-notification-item-icon.is-schedule{background:#FFF3E8;color:#E65D00}
.marketplace-notification-item-icon.is-cod:before,
.marketplace-notification-item-icon.is-schedule:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v15H3V6a2 2 0 0 1 2-2h2V2Zm12 8H5v9h14v-9ZM5 8h14V6H5v2Zm3 4h3v3H8v-3Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v15H3V6a2 2 0 0 1 2-2h2V2Zm12 8H5v9h14v-9ZM5 8h14V6H5v2Zm3 4h3v3H8v-3Z'/%3E%3C/svg%3E");
}
.marketplace-notification-item-icon.is-seller{background:#E8F8F2;color:#07825B}
.marketplace-notification-item-icon.is-seller:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16l1 5v2a3 3 0 0 1-1 2.24V21H4v-7.76A3 3 0 0 1 3 11V9l1-5Zm2 10v5h12v-5a3 3 0 0 1-2-.76A3 3 0 0 1 12 13a3 3 0 0 1-4 .24A3 3 0 0 1 6 14Zm-.36-8L5 9h14l-.64-3H5.64ZM5 11a1 1 0 0 0 2 0H5Zm4 0a1 1 0 0 0 2 0H9Zm4 0a1 1 0 0 0 2 0h-2Zm4 0a1 1 0 0 0 2 0h-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16l1 5v2a3 3 0 0 1-1 2.24V21H4v-7.76A3 3 0 0 1 3 11V9l1-5Zm2 10v5h12v-5a3 3 0 0 1-2-.76A3 3 0 0 1 12 13a3 3 0 0 1-4 .24A3 3 0 0 1 6 14Zm-.36-8L5 9h14l-.64-3H5.64ZM5 11a1 1 0 0 0 2 0H5Zm4 0a1 1 0 0 0 2 0H9Zm4 0a1 1 0 0 0 2 0h-2Zm4 0a1 1 0 0 0 2 0h-2Z'/%3E%3C/svg%3E");
}
.marketplace-notification-item-icon.is-security{background:#EEF0FF;color:#4C55B8}
.marketplace-notification-item-icon.is-security:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5.05 3.41 9.77 8 11 4.59-1.23 8-5.95 8-11V5l-8-3Zm0 2.18 6 2.25V11c0 3.88-2.46 7.72-6 8.92C8.46 18.72 6 14.88 6 11V6.43l6-2.25Zm-1 4.32h2v7h-2v-7Zm0 8.5h2v2h-2v-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5.05 3.41 9.77 8 11 4.59-1.23 8-5.95 8-11V5l-8-3Zm0 2.18 6 2.25V11c0 3.88-2.46 7.72-6 8.92C8.46 18.72 6 14.88 6 11V6.43l6-2.25Zm-1 4.32h2v7h-2v-7Zm0 8.5h2v2h-2v-2Z'/%3E%3C/svg%3E");
}
.marketplace-notification-item-icon.is-promo{background:#FFF1F1;color:#C84747}
.marketplace-notification-item-icon.is-promo:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 8h-2.18A3 3 0 0 0 13 4.46V3h-2v1.46A3 3 0 0 0 6.18 8H4a2 2 0 0 0-2 2v3h2v8h16v-8h2v-3a2 2 0 0 0-2-2ZM15 6a1 1 0 1 1 0 2h-2a2 2 0 0 1 2-2ZM9 6a2 2 0 0 1 2 2H9a1 1 0 1 1 0-2Zm-5 4h7v1H4v-1Zm2 3h5v6H6v-6Zm12 6h-5v-6h5v6Zm2-8h-7v-1h7v1Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 8h-2.18A3 3 0 0 0 13 4.46V3h-2v1.46A3 3 0 0 0 6.18 8H4a2 2 0 0 0-2 2v3h2v8h16v-8h2v-3a2 2 0 0 0-2-2ZM15 6a1 1 0 1 1 0 2h-2a2 2 0 0 1 2-2ZM9 6a2 2 0 0 1 2 2H9a1 1 0 1 1 0-2Zm-5 4h7v1H4v-1Zm2 3h5v6H6v-6Zm12 6h-5v-6h5v6Zm2-8h-7v-1h7v1Z'/%3E%3C/svg%3E");
}
.marketplace-notification-item-copy{min-width:0}
.marketplace-notification-item-copy b{
  display:block;
  overflow:hidden;
  color:#09203F;
  font-size:12.5px;
  line-height:1.35;
  font-weight:620;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.marketplace-notification-item.is-unread .marketplace-notification-item-copy b{font-weight:720}
.marketplace-notification-item-copy small{
  display:-webkit-box;
  margin-top:3px;
  overflow:hidden;
  color:#52647A;
  font-size:10.5px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.marketplace-notification-item-copy time{
  display:block;
  margin-top:6px;
  color:#8A99AC;
  font-size:9.5px;
  font-style:normal;
}
.marketplace-notification-item-trail{
  min-height:44px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
}
.marketplace-notification-item-trail i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#0B74D1;
  box-shadow:0 0 0 4px #DDEEFF;
}
.marketplace-notification-item-trail em{color:#8FA0B5;font-size:24px;line-height:1;font-style:normal}
.marketplace-notification-panel-foot{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-top:1px solid #E6ECF3;
  background:#FBFCFE;
}
.marketplace-notification-panel-foot a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  border-radius:11px;
  color:#0759B7;
  font-size:11px;
  font-weight:650;
}
.marketplace-notification-panel-foot a:hover{background:#EDF5FF}
.marketplace-notification-empty{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px;
  text-align:center;
}
.marketplace-notification-empty-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#EEF5FF;
}
.marketplace-notification-empty-icon:before{
  content:"";
  width:27px;
  height:27px;
  background:#4B7CB8;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6v-5a7 7 0 0 0-5-6.71V3a2 2 0 0 0-4 0v1.29A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2ZM7 17v-6a5 5 0 0 1 10 0v6H7Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.marketplace-notification-empty b{margin-top:13px;font-size:14px;font-weight:680}
.marketplace-notification-empty small{max-width:260px;margin-top:6px;color:#708096;font-size:10.5px;line-height:1.5}
.marketplace-notification-empty.is-error .marketplace-notification-empty-icon{background:#FFF1F1}
.marketplace-notification-skeleton{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  padding:12px 10px;
}
.marketplace-notification-skeleton>i{width:44px;height:44px;border-radius:14px}
.marketplace-notification-skeleton>span{display:grid;align-content:center;gap:8px}
.marketplace-notification-skeleton>span i{height:10px;border-radius:99px}
.marketplace-notification-skeleton>span i:last-child{width:68%}
.marketplace-notification-skeleton i{
  background:linear-gradient(90deg,#EDF1F6 20%,#F8FAFC 45%,#EDF1F6 70%);
  background-size:240% 100%;
  animation:marketplace-notification-shimmer 1.25s linear infinite;
}
.marketplace-notification-backdrop{display:none}
@keyframes marketplace-notification-shimmer{to{background-position:-240% 0}}
.marketplace-sell-action{
  border-color:#FFB785!important;
  background:linear-gradient(135deg,var(--bandung-orange),#E45100)!important;
  box-shadow:0 10px 24px rgba(255,101,0,.24)!important;
}
.marketplace-sell-action:hover{border-color:#FFD0AF!important;background:#D94F00!important}
.marketplace-account-action:hover,.marketplace-account-action.active{
  border-color:#BFD4F5!important;
  background:var(--bandung-blue-soft)!important;
  color:var(--bandung-blue)!important;
}

/* Marketplace content */
.marketplace-banner-slide{
  border:1px solid rgba(6,43,95,.08);
  background:#DCE9F8;
  box-shadow:0 12px 28px rgba(6,43,95,.10);
}
.marketplace-banner-dots button:after{background:#C5D1E0}
.marketplace-banner-dots button.active:after{background:var(--bandung-orange)}
.marketplace-categories,.marketplace-results{border-color:var(--bandung-border)}
.marketplace-section-heading h2,.marketplace-products-heading h2{color:var(--bandung-deep);font-weight:760}
.marketplace-category-item{border-color:#DCE4EE;background:#fff}
.marketplace-category-item:hover{border-color:#9CC0F2;background:#F6FAFF}
.marketplace-category-item.active{
  border-color:var(--bandung-blue)!important;
  background:var(--bandung-blue-soft)!important;
  color:var(--bandung-blue)!important;
  box-shadow:0 0 0 2px rgba(11,63,165,.06)!important;
}
.marketplace-subcategory-scroll{
  display:flex;
  gap:8px;
  margin:12px -14px -2px;
  padding:2px 14px 7px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.marketplace-subcategory-scroll::-webkit-scrollbar{display:none}
.marketplace-subcategory-scroll a{
  min-height:36px;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid var(--bandung-border);
  border-radius:999px;
  background:#fff;
  color:#475569;
  font-size:11px;
  font-weight:650;
}
.marketplace-subcategory-scroll a.active{
  border-color:#8BB5EF;
  background:var(--bandung-blue-soft);
  color:var(--bandung-blue);
}
.marketplace-product-count{
  background:var(--bandung-orange-soft)!important;
  color:var(--bandung-orange-strong)!important;
}
.marketplace-active-filters span{background:var(--bandung-blue-soft);color:var(--bandung-blue)}
.marketplace-reset{border-color:#BFD4F5;color:var(--bandung-blue)}
.market-product-card{border-color:#E0E7EF;box-shadow:0 5px 15px rgba(6,43,95,.06)}
.market-product-card:focus-within{outline:3px solid rgba(19,141,226,.2);outline-offset:2px}
.market-product-price{color:var(--bandung-blue)}
.market-product-promo{background:var(--bandung-orange)!important;color:#fff!important}
.market-product-subcategory{
  width:max-content;
  max-width:100%;
  min-height:20px;
  display:flex;
  align-items:center;
  margin:0 0 6px;
  padding:0 7px;
  overflow:hidden;
  border-radius:6px;
  background:var(--bandung-blue-soft);
  color:var(--bandung-blue);
  font-size:8.5px;
  line-height:1;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.market-product-services .is-cod{background:#EAF2FF!important;color:#0B3FA5!important}
.market-product-services .is-pickup{background:#FFF0E6!important;color:#C2410C!important}
.market-product-services .is-delivery{background:#EAF8EF!important;color:#08763A!important}
.market-product-owner-label{background:var(--bandung-blue-soft);color:var(--bandung-blue)}
.marketplace-empty-eyebrow{color:var(--bandung-orange-strong)}
.marketplace-empty-visual{background:var(--bandung-blue-soft)}
.marketplace-pagination a{border-color:#BFD4F5;color:var(--bandung-blue)}

/* Mobile app navigation */
.app-shell .bottom-nav{
  border-color:#CEDBE8;
  background:rgba(239,245,251,.97);
  box-shadow:0 -8px 24px rgba(6,43,95,.08);
}
.app-shell .bottom-nav a{color:#60758A}
.app-shell .bottom-nav a.active,
.app-shell .bottom-nav a[aria-current="page"]{
  background:var(--bandung-blue-soft);
  color:var(--bandung-blue);
}
.app-shell .bottom-nav a[aria-label="Temukan"] .nav-icon{
  border-color:#EFF5FB;
  background:linear-gradient(145deg,var(--bandung-navy),var(--bandung-blue));
  box-shadow:0 6px 15px rgba(11,63,165,.25),inset 0 -2px 0 rgba(255,101,0,.34);
}
.app-shell .bottom-nav a[aria-label="Temukan"].active,
.app-shell .bottom-nav a[aria-label="Temukan"][aria-current="page"]{color:var(--bandung-orange-strong)}
.app-floating-chat{
  background:linear-gradient(135deg,var(--bandung-blue),var(--bandung-navy));
  box-shadow:0 13px 28px rgba(11,63,165,.29);
}

/* Chat remains usable above the mobile keyboard. */
.room-head{background:linear-gradient(135deg,var(--bandung-deep),var(--bandung-blue))!important}
.room-submit:not(:disabled){background:var(--bandung-blue)!important;box-shadow:0 8px 18px rgba(11,63,165,.22)!important}
.room-send{padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}
.room-page.keyboard-open .room-send{padding-bottom:max(9px,env(safe-area-inset-bottom,0px))}
.app-live-chat-head{border-bottom-color:var(--bandung-border)}
.app-live-chat-head b{color:var(--bandung-deep)}

.app-install-button{
  min-height:35px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(255,255,255,.08);
  color:#fff;
}
.app-install-button span{font-size:18px;line-height:1}
.app-install-button b{font-size:10.5px;font-weight:600}

/* Green is reserved for positive states. Remove it from structural branding. */
.seller-switch,.status-dot,.trust-badge,.pill-button{background:#EAF8EF;color:#08763A}
.seller-shell .bottom-nav a.active,
.seller-shell .bottom-nav a[aria-current="page"]{background:var(--bandung-blue-soft);color:var(--bandung-blue)}
.splash-screen{
  background:
    radial-gradient(circle at 70% 22%,rgba(19,141,226,.28),transparent 30%),
    linear-gradient(155deg,var(--bandung-deep),var(--bandung-navy) 66%,var(--bandung-blue));
}
.brand-copy h1 strong{color:var(--bandung-orange)}
.splash-loader span{background:linear-gradient(90deg,var(--bandung-sky),var(--bandung-orange))}

/* Authentication and discovery use brand blue for actions; green stays semantic. */
.signin-hero,.register-hero{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,101,0,.18),transparent 30%),
    linear-gradient(145deg,var(--bandung-deep),var(--bandung-navy) 66%,var(--bandung-blue))!important;
}
.signin-submit,.register-submit{
  background:linear-gradient(135deg,var(--bandung-blue),#075BC1)!important;
  box-shadow:0 11px 24px rgba(11,63,165,.24)!important;
}
.signin-submit:hover,.register-submit:hover{background:#083D91!important;box-shadow:0 14px 30px rgba(11,63,165,.27)!important}
.village-option.is-selected{border-color:#79A9EE!important;background:var(--bandung-blue-soft)!important;color:var(--bandung-blue)!important}
.village-option.is-selected:after{border-color:var(--bandung-blue)!important;background:radial-gradient(circle,var(--bandung-blue) 0 43%,transparent 46%)!important}

.discover-search button,
.discover-mobile-upload,
.discover-store-row form button,
.discover-pagination a,
.discover-comment-form button{background:var(--bandung-blue)!important}
.discover-mobile-upload{box-shadow:0 8px 20px rgba(11,63,165,.26)!important}
.discover-product-card strong{color:var(--bandung-blue)!important}
.discover-desktop-nav a.active{
  border-color:#AFCBF4!important;
  background:var(--bandung-blue-soft)!important;
  color:var(--bandung-blue)!important;
}
.discover-store-action__avatar i{background:var(--bandung-sky)!important}

.hc-shell{--hc-green:var(--bandung-blue);--hc-mint:var(--bandung-blue-soft)}
.hc-hero{
  background:
    radial-gradient(circle at 92% 10%,rgba(255,101,0,.25),transparent 36%),
    linear-gradient(145deg,var(--bandung-navy),var(--bandung-blue))!important;
}
.hc-desktop-header{
  background:linear-gradient(105deg,var(--bandung-deep),var(--bandung-navy) 65%,#064A89)!important;
}
.hc-desktop-nav a.active{
  border-color:#AFCBF4!important;
  background:var(--bandung-blue-soft)!important;
  color:var(--bandung-blue)!important;
}
.hc-card-icon.is-green{background:var(--bandung-blue-soft)!important;color:var(--bandung-blue)!important}
.safe-center-hero{background:linear-gradient(155deg,var(--bandung-deep),var(--bandung-navy) 68%,var(--bandung-blue))!important}
.safe-action-buttons .primary{background:var(--bandung-blue)!important}

@media (max-width:767px){
  body.marketplace-notification-open{overflow:hidden}
  .app-shell{width:100%;max-width:440px}
  .marketplace-header{
    min-height:0;
    padding:calc(env(safe-area-inset-top,0px) + 18px) 16px 18px;
    border-radius:0 0 28px 28px;
  }
  .marketplace-header-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px;
    grid-template-areas:"brand notice" "search search";
    gap:14px 10px;
  }
  .marketplace-brand-row{grid-area:brand;min-width:0}
  .marketplace-brand{min-width:0}
  .marketplace-brand-avatar{width:48px;height:48px;flex-basis:48px;border-radius:15px}
  .marketplace-brand h1{font-size:21px;line-height:1.12;font-weight:640}
  .marketplace-brand small{font-size:11px;font-weight:430}
  .marketplace-brand em{max-width:225px;font-size:10.5px;font-weight:450}
  .marketplace-notification-menu{grid-area:notice;align-self:center}
  .marketplace-notification-action{grid-area:notice;align-self:center}
  .marketplace-notification-backdrop{
    position:fixed;
    inset:0;
    z-index:998;
    display:block;
    border:0;
    background:rgba(2,18,42,.52);
    backdrop-filter:blur(3px);
  }
  .marketplace-notification-panel{
    position:fixed;
    top:auto;
    right:0;
    bottom:0;
    left:0;
    z-index:999;
    width:100%;
    max-height:min(82dvh,720px);
    border-width:1px 0 0;
    border-radius:25px 25px 0 0;
    box-shadow:0 -24px 70px rgba(1,20,47,.30);
  }
  .marketplace-notification-panel:before{
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    width:42px;
    height:4px;
    border-radius:99px;
    background:#C6D1DE;
    transform:translateX(-50%);
  }
  .marketplace-notification-panel-head{padding-top:20px}
  .marketplace-notification-panel-body{max-height:calc(min(82dvh,720px) - 150px)}
  .marketplace-notification-panel-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .marketplace-search{grid-area:search;margin:0;min-height:58px;border-radius:18px}
  .marketplace-content{padding-top:14px}
  .marketplace-banner-slide{border-radius:17px}
  .marketplace-categories{padding-top:7px}
  .marketplace-section-heading h2,.marketplace-products-heading h2{font-size:21px}
  .marketplace-category-item{min-height:92px}
  .market-product-card{border-radius:15px}
  .market-product-copy h3{font-weight:600}
  .app-toast-region{bottom:calc(var(--bottom-nav-height) + 14px + env(safe-area-inset-bottom,0px))}
}

@media (min-width:768px){
  .marketplace-header{
    background:
      radial-gradient(circle at 94% -45%,rgba(19,141,226,.38),transparent 46%),
      linear-gradient(112deg,var(--bandung-deep),var(--bandung-navy) 60%,#064A89);
  }
  .marketplace-header-inner{
    width:min(calc(100% - 8px),1240px);
    grid-template-columns:minmax(0,1fr) 46px;
    grid-template-areas:"brand notice" "search search" "nav nav";
  }
  .marketplace-notification-action{grid-area:notice;justify-self:end}
  .marketplace-content{width:min(calc(100% - 48px),1240px)}
  .marketplace-subcategory-scroll{margin:14px 0 -2px;padding:2px 0 4px}
  .marketplace-categories,.marketplace-results{border-radius:22px}
  .marketplace-category-item.active b{color:var(--bandung-blue)}
  .marketplace-page .market-product-card:hover{
    border-color:#9CC0F2;
    box-shadow:0 17px 36px rgba(6,43,95,.12);
  }
}

@media (min-width:1024px){
  .marketplace-header-inner{
    grid-template-columns:270px minmax(360px,1fr) 46px 126px 96px;
    grid-template-areas:"brand search notice sell account" "nav nav nav nav nav";
  }
  .marketplace-desktop-nav a.active{
    border-color:#AFCBF4;
    background:var(--bandung-blue-soft);
    color:var(--bandung-blue);
  }
  .marketplace-desktop-nav .marketplace-header-mode-tabs a.active{
    background:var(--bandung-blue-soft);
    color:var(--bandung-blue);
  }
}

/* Desktop shells: keep the mobile character while using the available width. */
@media (min-width:900px){
  body{background:#EEF3F8}
  .app-shell.review-page,
  .app-shell.notification-page,
  .app-shell.store-page,
  .app-shell.safe-center-shell,
  .app-shell.profile-settings-page{
    width:min(calc(100% - 48px),1080px);
    max-width:1080px;
    min-height:calc(100vh - 64px);
    margin:24px auto 0;
    border:1px solid var(--bandung-border);
    border-radius:28px;
    background:var(--bandung-canvas);
    box-shadow:0 18px 50px rgba(6,43,95,.10);
    overflow:clip;
  }
  .app-shell.review-page>section,
  .app-shell.notification-page>section,
  .app-shell.store-page>section,
  .app-shell.safe-center-shell>section,
  .app-shell.profile-settings-page>section,
  .app-shell.seller-shell .content-area,
  .app-shell.safe-center-shell .safe-content,
  .app-shell.profile-settings-page .content-area{padding-left:28px;padding-right:28px}
  .seller-shell .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .seller-shell .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-floating-chat{
    border-color:rgba(255,255,255,.16);
    background:linear-gradient(135deg,var(--bandung-blue),var(--bandung-navy));
  }
  .app-live-chat-panel{width:min(620px,calc(100% - 84px))}
  .app-desktop-footer{
    background:
      radial-gradient(circle at 92% -15%,rgba(19,141,226,.20),transparent 34%),
      radial-gradient(circle at 4% 118%,rgba(255,101,0,.10),transparent 30%),
      linear-gradient(112deg,#041A39 0%,#062E5F 58%,#084A82 100%);
  }
  .app-desktop-footer__main,
  .app-desktop-footer__utility,
  .app-desktop-footer__bottom{width:min(calc(100% - 48px),1240px)}
  .app-desktop-footer__main{
    grid-template-columns:minmax(420px,1.02fr) minmax(500px,.98fr);
    gap:clamp(52px,6vw,84px);
    padding:44px 0 32px;
  }
  .app-desktop-footer__brand>p{
    max-width:500px;
    margin-top:16px;
    color:#BCD0E4;
    font-size:12.5px;
    line-height:1.65;
  }
  .app-desktop-footer__identity img{
    width:50px;
    height:50px;
    flex-basis:50px;
    border-radius:14px;
  }
  .app-desktop-footer__identity strong{font-size:19px;font-weight:600;letter-spacing:-.01em}
  .app-desktop-footer__identity small{color:#BFD8FA}
  .app-desktop-footer__service{
    min-height:30px;
    margin-top:14px;
    border-color:rgba(255,183,133,.22);
    background:rgba(255,255,255,.045);
    color:#FFD8BE;
    font-size:9.5px;
  }
  .app-desktop-footer__service i{background:var(--bandung-orange);box-shadow:0 0 0 4px rgba(255,101,0,.13)}
  .app-desktop-footer__contact-list{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);
    gap:10px;
    margin-top:18px;
  }
  .app-desktop-footer__contact{
    min-height:54px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.105);
    border-radius:12px;
    background:rgba(255,255,255,.045);
    color:#E8F2FB;
  }
  .app-desktop-footer__contact:hover{border-color:rgba(147,197,253,.28);background:rgba(255,255,255,.075)}
  .app-desktop-footer__contact>i{
    width:34px;
    height:34px;
    display:block;
    border-radius:9px;
    background-color:#E2EEFB;
    background-position:center;
    background-repeat:no-repeat;
    background-size:18px 18px;
  }
  .app-desktop-footer__contact.is-office>i{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062B5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E");
  }
  .app-desktop-footer__contact.is-email>i{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062B5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
  }
  .app-desktop-footer__contact>span{min-width:0;display:flex;flex-direction:column;gap:3px}
  .app-desktop-footer__contact small{color:#9CB4CC;font-size:9px;font-weight:500;letter-spacing:.045em;text-transform:uppercase}
  .app-desktop-footer__contact b{color:#F5F9FD;font-size:10px;line-height:1.45;font-weight:500}
  .app-desktop-footer__navigation{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:clamp(24px,3.2vw,44px);
    padding-top:5px;
  }
  .app-desktop-footer__links{gap:12px}
  .app-desktop-footer__links h2{
    position:relative;
    margin-bottom:9px;
    padding-bottom:12px;
    font-size:12.5px;
    font-weight:600;
    letter-spacing:0;
  }
  .app-desktop-footer__links h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:24px;
    height:2px;
    border-radius:2px;
    background:var(--bandung-orange);
  }
  .app-desktop-footer__links a{
    color:#BED0E3;
    font-size:11.5px;
    font-weight:400;
  }
  .app-desktop-footer__links a:hover{color:#fff;transform:none}
  .app-desktop-footer__utility{
    margin:0 auto;
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    padding:15px 0;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .app-desktop-footer__social-group,
  .app-desktop-footer__app-group{
    min-width:0;
    display:flex;
    align-items:center;
  }
  .app-desktop-footer__social-group{gap:18px}
  .app-desktop-footer__eyebrow{
    color:#9FB6CE;
    font-size:9.5px;
    line-height:1.3;
    font-weight:500;
    letter-spacing:.055em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .app-desktop-footer__social{
    display:flex;
    align-items:center;
    gap:8px;
  }
  .app-desktop-footer__social a{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:6px 12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    background:rgba(255,255,255,.045);
    color:#E8F2FB;
  }
  .app-desktop-footer__social a:hover{
    transform:none;
    border-color:rgba(147,197,253,.28);
    background:rgba(255,255,255,.08);
  }
  .app-desktop-footer__social a>i{
    width:19px;
    height:19px;
    display:block;
    flex:0 0 19px;
    background:currentColor;
  }
  .app-desktop-footer__social a>span{min-width:0;display:flex;flex-direction:column;gap:3px}
  .app-desktop-footer__social a b{font-size:10.5px;font-weight:550}
  .app-desktop-footer__social a small{color:#9FB4C9;font-size:8.5px;line-height:1;font-weight:400;white-space:nowrap}
  .app-desktop-footer__social .is-tiktok{border-color:rgba(255,255,255,.15)}
  .app-desktop-footer__social .is-facebook{border-color:rgba(96,165,250,.26)}
  .app-desktop-footer__social .is-tiktok i{
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.4 3h3.1c.2 1.5 1.1 2.8 2.5 3.5V9a8 8 0 0 1-3.7-1.1v6.3a6.2 6.2 0 1 1-5.4-6.1v3.1a3.1 3.1 0 1 0 2.4 3V3h1.1Z'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.4 3h3.1c.2 1.5 1.1 2.8 2.5 3.5V9a8 8 0 0 1-3.7-1.1v6.3a6.2 6.2 0 1 1-5.4-6.1v3.1a3.1 3.1 0 1 0 2.4 3V3h1.1Z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .app-desktop-footer__social .is-facebook i{
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.7 22v-8h2.7l.4-3.1h-3.1v-2c0-.9.3-1.5 1.6-1.5H17V4.6c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.1H7.5V14h2.8v8h3.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.7 22v-8h2.7l.4-3.1h-3.1v-2c0-.9.3-1.5 1.6-1.5H17V4.6c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.1H7.5V14h2.8v8h3.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .app-desktop-footer__app-group{
    justify-content:flex-end;
    gap:18px;
  }
  .app-desktop-footer__app-copy{
    display:flex;
    flex-direction:column;
    gap:4px;
    text-align:right;
  }
  .app-desktop-footer__app-copy strong{color:#F5F9FD;font-size:11.5px;font-weight:550}
  .app-desktop-footer__app-copy small{color:#9FB6CE;font-size:9.5px;font-weight:400;white-space:nowrap}
  .app-desktop-footer__app-actions{display:flex;align-items:center;gap:8px}
  .app-desktop-footer__app-actions .app-playstore-link{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:6px 14px;
    border:1px solid rgba(255,183,133,.28);
    border-radius:10px;
    background:rgba(255,101,0,.13);
    color:#fff;
  }
  .app-desktop-footer__app-actions .app-playstore-link:hover{
    border-color:rgba(255,183,133,.48);
    background:rgba(255,101,0,.20);
  }
  .app-desktop-footer__app-actions .app-playstore-link>span{display:flex;flex-direction:column;gap:2px}
  .app-desktop-footer__app-actions .app-playstore-link small{color:#FFD8BE;font-size:8px;line-height:1;font-weight:400}
  .app-desktop-footer__app-actions .app-playstore-link b{font-size:11px;line-height:1.1;font-weight:550}
  .app-desktop-footer__app-actions .app-playstore-link i{
    width:19px;
    height:19px;
    display:block;
    flex:0 0 19px;
    background:currentColor;
  }
  .app-desktop-footer__app-actions .app-playstore-link i{
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3.3v17.4c0 .8.9 1.3 1.6.8l10.6-6.1-3.1-3.1L4 3.3Zm10.1 8 3.3 3.3 2.4-1.4c.6-.4.6-1.2 0-1.6l-2.4-1.4-3.3 3.3v-2.2ZM5.8 2.6l7.3 7.2 3-1.7L6.2 2.4a1.5 1.5 0 0 0-.4-.2v.4Zm0 18.8v.4c.2 0 .3-.1.4-.2l9.9-5.7-3-1.7-7.3 7.2Z'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3.3v17.4c0 .8.9 1.3 1.6.8l10.6-6.1-3.1-3.1L4 3.3Zm10.1 8 3.3 3.3 2.4-1.4c.6-.4.6-1.2 0-1.6l-2.4-1.4-3.3 3.3v-2.2ZM5.8 2.6l7.3 7.2 3-1.7L6.2 2.4a1.5 1.5 0 0 0-.4-.2v.4Zm0 18.8v.4c.2 0 .3-.1.4-.2l9.9-5.7-3-1.7-7.3 7.2Z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .app-desktop-footer__app-actions .app-install-button{
    min-height:44px;
    border-radius:10px;
    background:rgba(255,255,255,.055);
    font-weight:500;
  }
  .app-desktop-footer__bottom{min-height:58px}
  .app-toast-region{bottom:24px}
}

@media (min-width:900px) and (max-width:1099px){
  .app-desktop-footer__main{grid-template-columns:1fr;gap:34px}
  .app-desktop-footer__brand>p{max-width:620px}
  .app-desktop-footer__contact-list{max-width:720px}
  .app-desktop-footer__utility{align-items:flex-start;flex-direction:column;gap:15px;padding:18px 0}
  .app-desktop-footer__app-group{width:100%;justify-content:space-between}
}

@media (min-width:1440px){
  .marketplace-content,.marketplace-header-inner{width:min(calc(100% - 64px),1320px)}
  .marketplace-page .market-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .app-desktop-footer__main,
  .app-desktop-footer__utility,
  .app-desktop-footer__bottom{width:min(calc(100% - 64px),1320px)}
}

@media (prefers-reduced-motion:reduce){
  .market-product-card,.marketplace-category-item,.app-floating-chat{transition:none!important}
}