.store-page,
.store-page * {
  font-family: Roboto;
}

.store-page {
  --store-width: 1040px;
  --store-gutter: 120px;
  position: relative;
  margin: 0;
  background-color: #f4f8fb;
  background-image:
    radial-gradient(circle at 12% 12%, rgba(246,194,26,.18), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(43,145,208,.15), transparent 30%),
    radial-gradient(circle at 48% 92%, rgba(240,90,40,.10), transparent 24%),
    linear-gradient(90deg, rgba(43,145,208,.08) 0 1px, transparent 1px),
    linear-gradient(0deg, rgba(246,194,26,.08) 0 1px, transparent 1px);
  background-size: 720px 720px, 640px 640px, 560px 560px, 42px 42px, 42px 42px;
  color: #2f343b;
  line-height: 1.45;
}

.store-page::before,
.store-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
}

.store-page::before {
  opacity: .38;
  background-image:
    url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232b91d0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M69 14c25 23 33 48 24 75-28-8-51-24-68-50 11-13 25-22 44-25z'/%3E%3Cpath d='M41 37l-24 6 13 13M88 78l-7 24-12-14M75 26l17-17'/%3E%3Ccircle cx='60' cy='46' r='8'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='124' height='124' viewBox='0 0 124 124' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f6c21a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M62 44c25 0 45 9 45 20S87 84 62 84 17 75 17 64s20-20 45-20z'/%3E%3Cpath d='M37 41c8-19 42-19 50 0M29 85l-13 20M95 85l13 20M62 27V10'/%3E%3Ccircle cx='62' cy='8' r='5'/%3E%3Cpath d='M42 65h40'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231d232b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='28' y='28' width='56' height='56' rx='10'/%3E%3Cpath d='M42 28V12M56 28V12M70 28V12M42 84v16M56 84v16M70 84v16M28 42H12M28 56H12M28 70H12M84 42h16M84 56h16M84 70h16'/%3E%3Cpath d='M45 47h22v18H45z'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='118' height='118' viewBox='0 0 118 118' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f05a28' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='44' y='24' width='36' height='56' rx='9'/%3E%3Cpath d='M52 24V8h20v16M53 80l-11 22M73 80l11 22M54 42h18M54 56h18'/%3E%3Ccircle cx='63' cy='68' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='86' height='86' viewBox='0 0 86 86' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232b91d0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M43 8l7 22 23 1-18 13 6 23-18-13-18 13 6-23-18-13 23-1z'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='92' height='92' viewBox='0 0 92 92' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f6c21a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 55c9-24 43-35 61-12-9 24-43 35-61 12z'/%3E%3Cpath d='M42 45h16M38 57h22M66 28l10-12M20 70l-10 12'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='78' height='78' viewBox='0 0 78 78' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f05a28' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 48h46M22 28h34v26H22zM29 28V17h20v11M31 62h16'/%3E%3Ccircle cx='57' cy='62' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231d232b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 35h34M35 18v34M24 24l22 22M46 24 24 46'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232b91d0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='20' y='18' width='42' height='48' rx='8'/%3E%3Cpath d='M30 31h22M30 43h22M30 55h10'/%3E%3Ccircle cx='55' cy='56' r='3'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f6c21a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='19' y='35' width='58' height='28' rx='14'/%3E%3Cpath d='M32 49h13M38 42v14M59 45h1M68 53h1M27 35l-7-12M69 35l8-12'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232b91d0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 47h52M45 21v48M28 32l-12-9M62 32l12-9M28 62l-12 9M62 62l12 9'/%3E%3Ccircle cx='45' cy='47' r='9'/%3E%3Ccircle cx='19' cy='47' r='5'/%3E%3Ccircle cx='71' cy='47' r='5'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='86' height='86' viewBox='0 0 86 86' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f05a28' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25 55h36a14 14 0 10-4-27 19 19 0 00-35 10A9 9 0 0025 55z'/%3E%3Cpath d='M33 67h20M43 55v12'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 128px 128px, 124px 124px, 112px 112px, 118px 118px, 86px 86px, 92px 92px, 78px 78px, 70px 70px, 82px 82px, 96px 96px, 90px 90px, 86px 86px;
  background-position: 9% 20%, 84% 18%, 18% 66%, 72% 74%, 48% 35%, 31% 16%, 58% 62%, 93% 32%, 6% 86%, 81% 89%, 42% 78%, 15% 42%;
}

.store-page::after {
  opacity: .28;
  background-image:
    url("data:image/svg+xml,%3Csvg width='104' height='104' viewBox='0 0 104 104' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231d232b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M62 12l12 12-28 28 22 22 28-28 12 12-40 40-62-62z'/%3E%3Cpath d='M26 70l-12 12M40 84l-9 9'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='118' height='118' viewBox='0 0 118 118' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f6c21a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 62c16-20 62-20 78 0-16 20-62 20-78 0z'/%3E%3Cpath d='M43 62a16 16 0 1032 0 16 16 0 00-32 0zM59 28V12M59 106V90M19 26l11 11M99 26L88 37'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='92' height='92' viewBox='0 0 92 92' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f05a28' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 50h60M46 20v52M26 30h40v32H26z'/%3E%3Ccircle cx='31' cy='75' r='4'/%3E%3Ccircle cx='61' cy='75' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232b91d0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 42h44M40 20v44M27 27l26 26M53 27L27 53'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='94' height='94' viewBox='0 0 94 94' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232b91d0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 12c17 16 23 33 17 52-20-6-36-17-48-35 8-9 18-15 31-17z'/%3E%3Ccircle cx='42' cy='34' r='5'/%3E%3Cpath d='M29 28l-15 4 8 8M61 58l-4 15-8-9'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='76' height='76' viewBox='0 0 76 76' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f6c21a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 8l5 17 17 1-14 10 5 17-13-10-13 10 5-17-14-10 17-1z'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231d232b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='44' height='44' rx='8'/%3E%3Cpath d='M34 22V10M44 22V10M54 22V10M34 66v12M44 66v12M54 66v12M22 34H10M22 44H10M22 54H10M66 34h12M66 44h12M66 54h12'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f05a28' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='24' y='16' width='26' height='40' rx='7'/%3E%3Cpath d='M30 56l-8 12M45 56l8 12M31 30h13M31 40h13'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232b91d0' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='42' cy='42' r='11'/%3E%3Cpath d='M42 14v10M42 60v10M14 42h10M60 42h10M22 22l8 8M54 54l8 8M62 22l-8 8M30 54l-8 8'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f6c21a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 55c12-23 34-35 58-34-1 25-12 45-34 58l-5-19z'/%3E%3Ccircle cx='57' cy='40' r='6'/%3E%3Cpath d='M29 61l-14 14M20 48l-10 4M42 70l-4 10'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='78' height='78' viewBox='0 0 78 78' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231d232b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='26' y='14' width='28' height='50' rx='14'/%3E%3Cpath d='M40 26v12M28 64h24'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 104px 104px, 118px 118px, 92px 92px, 80px 80px, 94px 94px, 76px 76px, 88px 88px, 72px 72px, 84px 84px, 90px 90px, 78px 78px;
  background-position: 63% 12%, 6% 43%, 91% 54%, 35% 88%, 78% 40%, 22% 28%, 52% 82%, 12% 73%, 87% 71%, 39% 8%, 70% 23%;
}

.store-page .wrap {
  width: min(var(--store-width), calc(100% - var(--store-gutter)));
  margin-right: auto;
  margin-left: auto;
}

.store-page .navline,
.store-page .header,
.store-page .market,
.store-page .hero,
.store-page .mobile-bottom,
.store-page .footer {
  position: relative;
  z-index: 1;
}

.store-page .topbar {
  position: relative;
  z-index: 40;
  background: #1d232b;
  color: #d9e8f2;
  font-size: 13px;
}
.store-page .topbar .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
}
.store-page .topbar-links {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.store-page .topbar a {
  color: #fff;
  font-weight: 800;
}
.store-page .topbar-icon {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  color: #aebbc0;
  flex: 0 0 auto;
}
.store-page .topbar-icon svg {
  display: block;
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.store-page .language-select {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
}
.store-page .header-actions .language-select,
.store-page .store-header-actions .language-select {
  min-height: 44px;
}
.store-page .header-actions .topbar-icon,
.store-page .store-header-actions .topbar-icon {
  width: 18px;
  height: 18px;
  color: #176ba0;
}
.store-page .header-actions .topbar-icon svg,
.store-page .store-header-actions .topbar-icon svg {
  width: 18px;
  height: 18px;
}
.language-select select[hidden] {
  display: none !important;
}
.language-toggle {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 3px;
  border: 1px solid rgba(29,35,43,.12);
  border-radius: 999px;
  background: #f3f7fa;
  box-shadow: inset 0 1px 2px rgba(29,35,43,.06);
}
.language-toggle button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 28px;
  padding: 0 9px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #65707a;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
.language-toggle button.is-active {
  background: #1d232b;
  color: #fff;
  box-shadow: 0 4px 10px rgba(29,35,43,.18);
}
.language-toggle button:focus-visible {
  outline: 2px solid rgba(142,216,255,.42);
  outline-offset: 2px;
}
.store-page .topbar .account-menu,
.store-page .topbar [data-account-user] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.store-page .topbar .account-link,
.store-page .topbar [data-account-user] > a[href*="profile"] {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  gap: 6px;
  color: #d9e8f2;
  font-weight: 900;
}
.store-page .topbar .account-submenu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 60;
  display: none;
  min-width: 138px;
  padding: 6px;
  border: 1px solid rgba(29,35,43,.10);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(29,35,43,.22);
}
.store-page .topbar .account-menu:hover .account-submenu,
.store-page .topbar .account-menu:focus-within .account-submenu,
.store-page .topbar [data-account-user]:hover .account-submenu,
.store-page .topbar [data-account-user]:focus-within .account-submenu {
  display: grid;
}
.store-page .topbar .account-submenu a,
.store-page .topbar .account-submenu-link {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 5px;
  color: #1d232b;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}
.store-page .topbar .account-submenu a:hover,
.store-page .topbar .account-submenu-link:hover {
  background: #eaf6fd;
  color: #176ba0;
}
.store-page .navline,
.store-page .store-navline {
  position: relative;
  z-index: 24;
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #1d232b;
  color: #d9e3eb;
  box-shadow: 0 6px 16px rgba(29,35,43,.10);
}
.store-page .navline .wrap,
.store-page .store-navline .wrap {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  overflow: visible;
  padding: 7px 0;
  scrollbar-width: none;
}
.store-page .navline-links {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}
.store-page .navline-logo {
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-self: flex-start;
}
.store-page .nav-back {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #d9e8f2;
  cursor: pointer;
  box-shadow: none;
}
.store-page .nav-back:hover {
  background: rgba(255,255,255,.14);
  color: #fff;
}
.store-page .nav-back span {
  display: block;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .navline .logo {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: transparent;
}
.store-page .navline .logo img {
  width: 34px;
  height: 34px;
}
.store-page .navline-tools {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}
.store-page .navline .wrap::-webkit-scrollbar,
.store-page .store-navline .wrap::-webkit-scrollbar {
  display: none;
}
.store-page .navline-links a,
.store-page .store-navline a {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  color: #c9d5df;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}
.store-page .navline-links a::after,
.store-page .store-navline a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: transparent;
}
.store-page .navline-links a.active,
.store-page .navline-links a:hover,
.store-page .store-navline a.active,
.store-page .store-navline a:hover {
  border-color: transparent;
  background: transparent;
  color: #fff;
  box-shadow: none;
}
.store-page .navline-links a.active::after,
.store-page .navline-links a:hover::after,
.store-page .store-navline a.active::after,
.store-page .store-navline a:hover::after {
  background: #2b91d0;
}
.store-page .navline .language-select {
  min-height: 38px;
  color: #d9e8f2;
}
.store-page .navline .topbar-icon {
  width: 18px;
  height: 18px;
  color: #8ed8ff;
}
.store-page .navline .topbar-icon svg {
  width: 18px;
  height: 18px;
}
.store-page .navline .language-toggle {
  height: 34px;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.14);
}
.store-page .navline .language-toggle button {
  height: 26px;
  color: #d9e8f2;
}
.store-page .navline .language-toggle button.is-active {
  background: #fff;
  color: #1d232b;
}
.store-page .navline .account-button {
  min-height: 38px;
  height: 38px;
  box-shadow: none;
}
.store-page .navline .profile-menu {
  display: inline-flex;
}
.store-page .navline .profile-button {
  display: inline-flex;
  width: 38px;
  min-width: 38px;
  height: 38px;
  box-shadow: none;
}
.store-page .navline .profile-submenu {
  top: 100%;
  z-index: 220;
}
.store-page .header {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 10px 0;
  border-bottom: 0;
  background: transparent;
  box-shadow: none;
}
.store-page .header-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  min-height: 76px;
  width: min(var(--store-width), calc(100% - var(--store-gutter)));
  margin: 0 auto;
  padding: 10px 14px;
  border: 1px solid #e2e6ea;
  border-bottom: 0;
  border-radius: 6px;
  background: #fff;
  color: #2f343b;
  box-shadow: 0 2px 10px rgba(29,35,43,.06);
}
.store-page .search {
  display: grid;
  grid-template-columns: 1fr auto;
  height: 46px;
  overflow: hidden;
  border: 2px solid #2b91d0;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
}
.store-page .search input {
  min-width: 0;
  padding: 0 16px;
  border: 0;
  outline: 0;
  color: #2f343b;
  font: inherit;
}
.store-page .search button {
  width: 112px;
  border: 0;
  background: #2b91d0;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.store-page .logo {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.store-page .logo img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.store-page .brand-title {
  color: #1d232b;
  font-size: 18px;
  font-weight: 900;
}
.store-page .header-actions,
.store-page .store-header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.store-page .cart-button,
.store-page .message-button,
.store-page .orders-button,
.store-page .profile-button {
  position: relative;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
}
.store-page .account-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 88px;
  height: 44px;
  padding: 0 13px;
  border-color: #2b91d0;
  background: #2b91d0;
  color: #fff;
}
.store-page .account-symbol {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .message-symbol {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' 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") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' 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") center / contain no-repeat;
}
.store-page .orders-symbol {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l2 3v15H5V6z'/%3E%3Cpath d='M7 6h10'/%3E%3Cpath d='M9 11h6'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l2 3v15H5V6z'/%3E%3Cpath d='M7 6h10'/%3E%3Cpath d='M9 11h6'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .cart-symbol {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Cpath d='M8 11h11'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Cpath d='M8 11h11'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .cart-count {
  position: absolute;
  right: -7px;
  top: -7px;
  display: none;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #f05a28;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 16px;
}
.store-page .cart-button.has-items .cart-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.store-page .cart-button.is-bumping {
  animation: storeCartBump .42s ease;
}
.store-page .chat-float {
  position: fixed;
  right: 18px;
  bottom: 84px;
  z-index: 80;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 6px 15px 6px 7px;
  border: 0;
  border-radius: 999px;
  background: #1d232b;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(29,35,43,.26);
}
.store-page .chat-avatar {
  display: block;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #eaf6fd;
  flex: 0 0 46px;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.store-page .chat-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.store-page .chat-float-text {
  display: grid;
  gap: 1px;
  line-height: 1.05;
  text-align: left;
}
.store-page .chat-float-text small {
  color: #ffd429;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.store-page .chat-float-text span {
  max-width: 142px;
  font-size: 13px;
}
.store-page .mobile-app-nav {
  display: none;
}
.store-page .app-nav-icon {
  display: block;
  width: 21px;
  height: 21px;
  background: currentColor;
}
.store-page .app-nav-store {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 5 4h14l2 6.5'/%3E%3Cpath d='M5 10.5V20h14v-9.5'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3Cpath d='M3 10.5c1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 5 4h14l2 6.5'/%3E%3Cpath d='M5 10.5V20h14v-9.5'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3Cpath d='M3 10.5c1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0 1.2 1.4 2.8 1.4 4 0'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .app-nav-code {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 9-4 3 4 3'/%3E%3Cpath d='m16 9 4 3-4 3'/%3E%3Cpath d='m14 5-4 14'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 9-4 3 4 3'/%3E%3Cpath d='m16 9 4 3-4 3'/%3E%3Cpath d='m14 5-4 14'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .app-nav-video {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .app-nav-orders {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l2 3v15H5V6z'/%3E%3Cpath d='M7 6h10'/%3E%3Cpath d='M9 11h6'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l2 3v15H5V6z'/%3E%3Cpath d='M7 6h10'/%3E%3Cpath d='M9 11h6'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .app-nav-cart {
  position: relative;
}
.store-page .app-nav-cart .app-nav-icon {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Cpath d='M8 11h11'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Cpath d='M8 11h11'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .cart-fly {
  position: fixed;
  z-index: 9999;
  width: 34px;
  height: 34px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #f6c21a;
  box-shadow: 0 12px 24px rgba(29,35,43,.22);
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  transition: left .7s cubic-bezier(.2,.8,.2,1), top .7s cubic-bezier(.2,.8,.2,1), transform .7s ease, opacity .7s ease;
}
.store-page .cart-fly::before {
  content: "";
  position: absolute;
  inset: 7px;
  background: #1d232b;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Cpath d='M8 11h11'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Cpath d='M8 11h11'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .buy.is-adding,
.store-page #addCartBtn.is-adding {
  animation: storeBuyPulse .5s ease;
}
@keyframes storeCartBump {
  0%, 100% { transform: scale(1); }
  45% { transform: scale(1.16); }
}
@keyframes storeBuyPulse {
  0%, 100% { transform: translateY(0) scale(1); }
  45% { transform: translateY(-1px) scale(1.04); }
}
.store-page .profile-button {
  display: none;
  overflow: hidden;
  border-radius: 999px;
  background: #f8fafc;
  color: #176ba0;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}
.store-page .profile-button.is-visible {
  display: inline-flex;
}
.store-page .profile-menu {
  position: relative;
  display: none;
  align-items: center;
}
.store-page .profile-menu.is-visible {
  display: inline-flex;
}
.store-page .profile-submenu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 60;
  display: none;
  min-width: 138px;
  padding: 6px;
  border: 1px solid rgba(29,35,43,.10);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(29,35,43,.22);
}
.store-page .profile-submenu::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 100%;
  height: 8px;
}
.store-page .profile-menu:hover .profile-submenu,
.store-page .profile-menu:focus-within .profile-submenu {
  display: grid;
}
.store-page .profile-submenu a,
.store-page .profile-submenu button {
  display: flex;
  align-items: center;
  min-height: 34px;
  width: 100%;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #1d232b;
  font-size: 13px;
  font-weight: 900;
  font-family: inherit;
  text-decoration: none;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.store-page .profile-submenu a:hover,
.store-page .profile-submenu button:hover {
  background: #eaf6fd;
  color: #176ba0;
}
.store-page .profile-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.store-page .footer {
  padding: 34px 0 42px;
  border-top: 4px solid #2b91d0;
  background: #1d232b;
  color: #d9e3eb;
}
.store-page .footer-grid {
  display: grid;
  grid-template-columns: 1.1fr 1.15fr .8fr .95fr;
  gap: 24px;
  align-items: start;
}
.store-page .footer h2,
.store-page .footer h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 16px;
}
.store-page .footer p,
.store-page .footer ul {
  margin: 0;
  padding: 0;
  color: rgba(255,255,255,.78);
}
.store-page .footer li {
  list-style: none;
  margin: 7px 0;
}
.store-page .footer a {
  color: #8ed8ff;
  font-weight: 800;
}
.store-page .footer-brand-note {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}
.store-page .footer-address {
  margin-top: 10px;
  line-height: 1.55;
}
.store-page .footer-info-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}
.store-page .footer-info-item {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 9px;
  align-items: start;
  color: #eaf8ff;
  font-weight: 800;
  line-height: 1.45;
}
.store-page .footer-info-item a,
.store-page a.footer-info-item {
  color: #eaf8ff;
}
.store-page .footer-contact-list {
  display: grid;
  gap: 7px;
}
.store-page .footer-contact-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: #8ed8ff;
}
.store-page .footer-contact-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: var(--black);
  flex: 0 0 auto;
}
.store-page .footer-contact-icon svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.store-page .footer-phone-icon { color: #2b91d0; }
.store-page .footer-mail-icon { color: #e1306c; }
.store-page .footer-map-icon { color: #f05a28; }
.store-page .footer-phone-icon,
.store-page .footer-mail-icon,
.store-page .footer-map-icon { background: rgba(255,255,255,.92); }
.store-page .logo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.store-page .footer-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 7px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.store-page .logo-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 30px;
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}
.store-page .logo-badge img {
  display: block;
  max-width: 100%;
  max-height: 20px;
  object-fit: contain;
}
.store-page .logo-badge.logo-wide { width: 84px; }
.store-page .logo-badge.logo-qris { width: 86px; padding: 4px 8px; }
.store-page .logo-badge.logo-qris img,
.store-page .logo-badge.logo-pos img { max-height: 24px; }
.store-page .footer-subtitle {
  display: block;
  margin-top: 16px;
  margin-bottom: 8px;
  color: #fff;
  font-weight: 900;
}
.store-page .social-list {
  display: grid;
  gap: 8px;
}
.store-page .social-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  min-height: 26px;
}
.store-page .social-link:hover {
  color: #fff;
}
.store-page .social-icon {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #fff;
  color: #1d232b;
  flex: 0 0 auto;
}
.store-page .social-icon svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}
.store-page .social-facebook .social-icon { color: #1877f2; }
.store-page .social-youtube .social-icon { color: #ff0033; }
.store-page .social-tiktok .social-icon { color: #111; }
.store-page .social-instagram .social-icon { color: #e1306c; }
.store-page .footer-bottom {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.72);
  font-size: 13px;
  text-align: center;
}
@media (max-width: 760px) {
  .store-page {
    --store-gutter: 32px;
    padding-bottom: 0;
    background-size: 520px 520px, 480px 480px, 430px 430px, 38px 38px, 38px 38px;
  }
  .store-page.has-mobile-app-nav {
    padding-bottom: calc(82px + env(safe-area-inset-bottom));
  }
  .store-page .topbar {
    display: none;
  }
  .store-page .header-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 0;
    padding: 12px;
  }
  .store-page .header {
    display: none;
  }
  .store-page .search {
    grid-column: 1;
    grid-row: auto;
    height: 42px;
  }
  .store-page .search button {
    width: 72px;
  }
  .store-page .header-actions,
  .store-page .store-header-actions {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
    gap: 7px;
    width: auto;
    padding-top: 0;
    flex-wrap: nowrap;
  }
  .store-page .header-actions .btn,
  .store-page .store-header-actions .btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  .store-page .footer-grid {
    grid-template-columns: 1fr;
  }
  .store-page .market {
    padding-top: 14px;
    padding-bottom: 28px;
  }
  .store-page .panel {
    border-radius: 10px;
    padding: 14px;
    box-shadow: 0 8px 22px rgba(29,35,43,.06);
  }
  .store-page .panel h1 {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.15;
  }
  .store-page .panel h2 {
    font-size: 19px;
    line-height: 1.2;
  }
  .store-page input,
  .store-page select,
  .store-page textarea {
    min-height: 44px;
    font-size: 16px;
  }
  .store-page .btn {
    min-height: 44px;
    border-radius: 8px;
  }
  .store-page .navline .wrap {
    grid-template-columns: auto 1fr;
    gap: 10px 12px;
    justify-items: stretch;
    padding: 8px 0 10px;
  }
  .store-page .navline-logo {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    gap: 6px;
  }
  .store-page .nav-back {
    width: 34px;
    height: 34px;
  }
  .store-page .navline .logo {
    width: 36px;
    height: 36px;
  }
  .store-page .navline .logo img {
    width: 31px;
    height: 31px;
  }
  .store-page .navline-tools {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
    flex-wrap: nowrap;
  }
  .store-page .navline-links {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 7px 2px 1px;
    border-top: 1px solid rgba(255,255,255,.10);
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .store-page .navline-links a {
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    font-size: 12px;
    white-space: nowrap;
    scroll-snap-align: start;
  }
  .store-page .navline-links a::after {
    display: none;
  }
  .store-page .navline-links a.active,
  .store-page .navline-links a:hover {
    border-color: rgba(142,216,255,.42);
    background: #2b91d0;
    color: #fff;
  }
  .store-page .navline .language-select {
    gap: 4px;
    min-height: 34px;
  }
  .store-page .navline .topbar-icon {
    width: 15px;
    height: 15px;
  }
  .store-page .navline .topbar-icon svg {
    width: 15px;
    height: 15px;
  }
  .store-page .navline .language-toggle {
    height: 32px;
    padding: 3px;
  }
  .store-page .navline .language-toggle button {
    min-width: 30px;
    height: 24px;
    padding: 0 7px;
    font-size: 10px;
  }
  .store-page .navline .account-button {
    min-width: 74px;
    height: 34px;
    min-height: 34px;
    padding: 0 10px;
    font-size: 12px;
  }
  .store-page .navline .account-symbol {
    width: 16px;
    height: 16px;
  }
  .store-page .navline .profile-button {
    width: 34px;
    min-width: 34px;
    height: 34px;
    font-size: 13px;
  }
  .store-page .navline .profile-submenu {
    right: 0;
    min-width: 132px;
  }
  .store-page .chat-float {
    right: 12px;
    bottom: calc(72px + env(safe-area-inset-bottom));
    min-height: 52px;
    padding: 5px 12px 5px 6px;
  }
  .store-page .chat-avatar {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
  .store-page .chat-float-text span {
    max-width: 116px;
    font-size: 12px;
  }
  .store-page .footer {
    padding-bottom: 42px;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav {
    position: fixed;
    right: 12px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    left: 12px;
    z-index: 80;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    min-height: 66px;
    padding: 7px 6px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    background: rgba(29,35,43,.94);
    box-shadow: 0 16px 36px rgba(0,0,0,.24);
    backdrop-filter: blur(14px);
  }
  .store-page.has-mobile-app-nav .mobile-app-nav a {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 52px;
    border-radius: 14px;
    color: #d9e3eb;
    text-decoration: none;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav a.active,
  .store-page.has-mobile-app-nav .mobile-app-nav a:hover {
    background: #2b91d0;
    color: #fff;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav strong {
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
  }
}

@media (max-width: 420px) {
  .store-page {
    --store-gutter: 20px;
  }
  .store-page .header-actions,
  .store-page .store-header-actions {
    justify-content: flex-end;
    gap: 6px;
  }
  .store-page .header-actions .btn,
  .store-page .store-header-actions .btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }
  .store-page .search {
    height: 40px;
  }
  .store-page .search input {
    padding: 0 10px;
    font-size: 13px;
  }
  .store-page .search button {
    width: 62px;
    font-size: 12px;
  }
  .store-page .navline .wrap {
    gap: 8px;
  }
  .store-page .navline-logo {
    gap: 5px;
  }
  .store-page .nav-back,
  .store-page .navline .logo,
  .store-page .navline .profile-button {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
  .store-page .navline .logo img {
    width: 28px;
    height: 28px;
  }
  .store-page .navline-tools {
    gap: 5px;
  }
  .store-page .navline .topbar-icon {
    display: none;
  }
  .store-page .navline .language-toggle button {
    min-width: 28px;
    padding: 0 6px;
  }
  .store-page .navline .account-button {
    min-width: 70px;
    padding: 0 8px;
  }
  .store-page .navline-links {
    gap: 7px;
  }
  .store-page .navline-links a {
    min-height: 32px;
    padding: 0 9px;
    font-size: 11px;
  }
  .store-page .chat-float {
    width: 54px;
    height: 54px;
    min-height: 54px;
    padding: 4px;
  }
  .store-page .chat-avatar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
  .store-page .chat-float-text {
    display: none;
  }
  .store-page .mobile-app-nav {
    right: 8px;
    left: 8px;
    min-height: 64px;
    padding: 6px 5px;
  }
  .store-page .mobile-app-nav a {
    min-height: 51px;
  }
  .store-page .mobile-app-nav strong {
    font-size: 9px;
  }
  .store-page .app-nav-icon {
    width: 20px;
    height: 20px;
  }
}