.store-page,
.store-page * {
  font-family: "Plus Jakarta Sans",system-ui,sans-serif;
}

.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 main,
.store-page section,
.store-page article,
.store-page aside,
.store-page header,
.store-page footer,
.store-page div {
  min-width: 0;
}

.store-page img,
.store-page video,
.store-page iframe,
.store-page embed,
.store-page object {
  max-width: 100%;
}

.store-page input,
.store-page select,
.store-page textarea,
.store-page button {
  max-width: 100%;
}

.store-page table {
  max-width: 100%;
}

.store-page .table-wrap,
.store-page .epcb-table-wrap,
.store-page .book-table-wrap,
.store-page [class*="table-wrap"] {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.store-page .book-cover iframe,
.store-page .link-book-cover iframe,
.store-page .book-hero-preview iframe {
  max-width: none;
}

.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: 12000;
  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: 12020;
  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: 11000;
  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;
  overflow: visible;
}
.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;
  overflow: visible;
  position: relative;
  z-index: 11010;
}
.store-page .navline .profile-button {
  display: inline-flex;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  aspect-ratio: 1 / 1;
  padding: 0;
  border-radius: 999px;
  box-shadow: none;
  flex: 0 0 38px;
  line-height: 1;
}
.store-page .navline .profile-submenu {
  top: calc(100% + 8px);
  z-index: 11020;
}
.store-page .header {
  position: sticky;
  top: 0;
  z-index: 1000;
  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 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 112px;
  border: 0;
  background: linear-gradient(135deg, #36a8e6 0%, #2b91d0 60%, #176ba0 100%);
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  transition: background .16s ease, box-shadow .16s ease;
}
.store-page .search button:hover {
  background: linear-gradient(135deg, #42b2ee 0%, #2487c3 60%, #135f8e 100%);
  box-shadow: inset 0 0 0 999px rgba(255,255,255,.04);
}
.store-page .logo {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.store-page .logo img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  background: transparent;
  opacity: 0;
  transition: opacity .16s ease;
}
.store-page .logo img.is-loaded,
.store-page .logo img[src^="data:image"]:not([data-store-logo]) {
  opacity: 1;
}
.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 .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(29,35,43,.12);
  border-radius: 8px;
  background: #fff;
  color: #1d232b;
  font: inherit;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 7px 16px rgba(29,35,43,.08);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
}
.store-page .btn:hover {
  transform: translateY(-1px);
  border-color: rgba(43,145,208,.35);
  background: #f7fcff;
  color: #176ba0;
  box-shadow: 0 10px 22px rgba(29,35,43,.12);
}
.store-page .btn:active {
  transform: translateY(0);
  box-shadow: 0 5px 12px rgba(29,35,43,.10);
}
.store-page .btn:focus-visible {
  outline: 3px solid rgba(43,145,208,.22);
  outline-offset: 2px;
}
.store-page .btn.primary {
  border-color: #2b91d0;
  background: linear-gradient(135deg, #36a8e6 0%, #2b91d0 58%, #176ba0 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(43,145,208,.24);
}
.store-page .btn.primary:hover {
  border-color: #176ba0;
  background: linear-gradient(135deg, #42b2ee 0%, #2487c3 58%, #135f8e 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(43,145,208,.31);
}
.store-page .btn.orange {
  border-color: #f05a28;
  background: linear-gradient(135deg, #ff7a35 0%, #f05a28 58%, #d94016 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(240,90,40,.24);
}
.store-page .btn.orange:hover {
  border-color: #d94016;
  background: linear-gradient(135deg, #ff8845 0%, #ea5423 58%, #c93612 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(240,90,40,.31);
}
.store-page .btn.green {
  border-color: #14865f;
  background: linear-gradient(135deg, #28bd84 0%, #14865f 60%, #0d6748 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(20,134,95,.22);
}
.store-page .btn.green:hover {
  border-color: #0d6748;
  background: linear-gradient(135deg, #35ca92 0%, #117b56 60%, #09583d 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(20,134,95,.29);
}
.store-page #addCartBtn {
  border-color: #f05a28;
  background: linear-gradient(135deg, #ff7a35 0%, #f05a28 58%, #d94016 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(240,90,40,.24);
}
.store-page #addCartBtn:hover {
  border-color: #d94016;
  background: linear-gradient(135deg, #ff8845 0%, #ea5423 58%, #c93612 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(240,90,40,.31);
}
.store-page .btn.red,
.store-page .btn.danger {
  border-color: #ffc9d6;
  background: #fff1f4;
  color: #be244b;
  box-shadow: 0 7px 16px rgba(190,36,75,.08);
}
.store-page .btn.red:hover,
.store-page .btn.danger:hover {
  border-color: #f6a7bb;
  background: #ffe7ee;
  color: #9f1739;
  box-shadow: 0 10px 22px rgba(190,36,75,.14);
}
.store-page .btn:disabled,
.store-page .btn[disabled],
.store-page .btn.is-disabled {
  transform: none;
  border-color: #d8dee6;
  background: #eef2f6;
  color: #7b8794;
  cursor: not-allowed;
  box-shadow: none;
}
.store-page .store-btn-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  background: currentColor;
}
.store-page .store-btn-icon-cart,
.store-page .store-btn-icon-checkout {
  -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 .store-btn-icon-pay {
  -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='M3 10h18M7 15h4'/%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='M3 10h18M7 15h4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-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 .store-btn-icon-user {
  -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 .store-btn-icon-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 .store-btn-icon-trash {
  -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='M4 7h16M10 11v6M14 11v6M6.5 7l.8 12a2 2 0 0 0 2 1.8h5.4a2 2 0 0 0 2-1.8l.8-12M9 7V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V7'/%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='M4 7h16M10 11v6M14 11v6M6.5 7l.8 12a2 2 0 0 0 2 1.8h5.4a2 2 0 0 0 2-1.8l.8-12M9 7V5.5A1.5 1.5 0 0 1 10.5 4h3A1.5 1.5 0 0 1 15 5.5V7'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-edit {
  -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='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%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='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-download {
  -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='M12 3v12M7 10l5 5 5-5M5 21h14'/%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='M12 3v12M7 10l5 5 5-5M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-search {
  -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='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4.2-4.2'/%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='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-send {
  -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='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%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='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-plus {
  -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='M12 5v14M5 12h14'/%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='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-check {
  -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='M20 6 9 17l-5-5'/%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='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-save {
  -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='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%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='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .store-btn-icon-back {
  -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='M19 12H5M12 19l-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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}
.store-page .cart-button,
.store-page .message-button,
.store-page .orders-button,
.store-page .wishlist-button,
.store-page .profile-button {
  position: relative;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 0;
  border-radius: 999px;
  flex: 0 0 44px;
  line-height: 1;
}
.store-page .cart-button,
.store-page .message-button,
.store-page .orders-button,
.store-page .wishlist-button {
  border-color: rgba(43,145,208,.16);
  background: #fff;
}
.store-page .cart-button:hover,
.store-page .message-button:hover,
.store-page .orders-button:hover,
.store-page .wishlist-button:hover {
  background: #eaf6fd;
}
.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: linear-gradient(135deg, #36a8e6 0%, #2b91d0 62%, #176ba0 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(43,145,208,.22);
}
.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 .wishlist-symbol {
  display: inline-block;
  width: 20px;
  height: 20px;
  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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%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='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%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 .app-nav-cart.has-items .cart-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  right: 50%;
  top: 4px;
  margin-right: -26px;
}
.store-page .cart-button.is-bumping {
  animation: storeCartBump .42s ease;
}
.store-page .chat-float {
  position: fixed;
  right: 18px;
  bottom: 84px;
  z-index: 80;
  display: none;
  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;
  cursor: pointer;
  box-shadow: 0 18px 38px rgba(8,145,178,.28);
}
.store-page .chat-float[hidden] {
  display: none;
}
.store-page [data-chat-open] {
  display: none !important;
}
.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;
  object-position: center center;
}
.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 .chat-panel[hidden],
.store-page .chat-auth[hidden],
.store-page .chat-log[hidden],
.store-page .chat-form[hidden] {
  display: none;
}
.store-page .chat-panel {
  position: fixed;
  right: 18px;
  bottom: 150px;
  z-index: 2147482601;
  width: min(380px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(29,35,43,.24);
}
.store-page.store-chat-open .ai-chat-float,
.store-page.store-chat-open .evo-ai-chat-toggle {
  display: none !important;
}
.store-page .chat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px;
  background: #1d232b;
  color: #fff;
}
.store-page .chat-head strong {
  display: block;
  font-size: 14px;
}
.store-page .chat-head span {
  display: block;
  margin-top: 2px;
  color: #cbd5df;
  font-size: 12px;
  line-height: 1.35;
}
.store-page .chat-close {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 7px;
  background: transparent;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.store-page .chat-body {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.store-page .chat-log {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 210px;
  max-height: 330px;
  overflow: auto;
  padding: 12px;
  border: 1px solid #e5edf4;
  border-radius: 8px;
  background: #f6f8fb;
}
.store-page .chat-msg-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  max-width: 92%;
}
.store-page .chat-msg-row.customer {
  justify-self: end;
  flex-direction: row-reverse;
}
.store-page .chat-msg-avatar {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 999px;
  background: #e0f2fe;
  color: #176ba0;
  font-size: 12px;
  font-weight: 900;
  flex: 0 0 30px;
}
.store-page .chat-msg-avatar.cs {
  background: #fff7df;
}
.store-page .chat-msg-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.store-page .chat-msg {
  max-width: 100%;
  padding: 9px 11px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.45;
  box-shadow: 0 8px 18px rgba(29,35,43,.06);
  overflow-wrap: anywhere;
}
.store-page .chat-msg.customer {
  border-color: #176ba0;
  background: #176ba0;
  color: #fff;
}
.store-page .chat-msg b {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
.store-page .chat-msg small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
}
.store-page .chat-msg.customer small {
  color: rgba(255,255,255,.78);
}
.store-page .chat-form {
  display: grid;
  gap: 8px;
}
.store-page .chat-form textarea {
  width: 100%;
  min-height: 78px;
  resize: vertical;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}
.store-page .chat-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.store-page .chat-auth {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #bfe5fa;
  border-radius: 8px;
  background: #f0f8ff;
  color: #2f4356;
  font-size: 13px;
}
.store-page .chat-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.store-page .ai-chat-float {
  position: fixed;
  right: 18px;
  bottom: 154px;
  z-index: 81;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: 219px;
  min-height: 58px;
  padding: 6px 15px 6px 7px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #0f766e 0%, #0891b2 52%, #2563eb 100%);
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 18px 38px rgba(8,145,178,.28);
}
.store-page .ai-chat-float:hover {
  background: linear-gradient(135deg, #0d9488 0%, #0284c7 52%, #1d4ed8 100%);
  box-shadow: 0 22px 46px rgba(37,99,235,.32);
}
.store-page .ai-chat-avatar,
.store-page .ai-msg-avatar,
.store-page .ai-chat-head-avatar {
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(135deg,#155eef,#16a34a);
  color: #fff;
  flex: 0 0 auto;
}
.store-page .ai-chat-avatar {
  display: block;
  width: 46px;
  height: 46px;
  border: 3px solid #fff;
  flex: 0 0 46px;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.store-page .ai-chat-avatar svg {
  width: 30px;
  height: 30px;
}
.store-page .ai-chat-avatar img,
.store-page .ai-chat-head-avatar img,
.store-page .ai-msg-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.store-page .ai-chat-float-text {
  display: grid;
  gap: 1px;
  line-height: 1.05;
  text-align: left;
}
.store-page .ai-chat-float-text small {
  color: #ffd429;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.store-page .ai-chat-float-text span {
  max-width: 142px;
  font-size: 13px;
}
.store-page .ai-chat-panel[hidden] {
  display: none;
}
.store-page .ai-chat-panel {
  position: fixed;
  right: 18px;
  bottom: 220px;
  z-index: 91;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  width: min(380px, calc(100vw - 32px));
  max-height: min(560px, calc(100vh - 244px));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(29,35,43,.24);
}
.store-page .ai-chat-head {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 32px;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  background: linear-gradient(135deg,#176ba0,#15803d);
  color: #fff;
}
.store-page .ai-chat-head-avatar {
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,.16);
}
.store-page .ai-chat-head-avatar svg {
  width: 28px;
  height: 28px;
}
.store-page .ai-chat-head strong {
  display: block;
  font-size: 14px;
}
.store-page .ai-chat-head span {
  display: block;
  margin-top: 2px;
  color: #e7f7ef;
  font-size: 12px;
  line-height: 1.35;
}
.store-page .ai-chat-close {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 7px;
  background: transparent;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.store-page .ai-chat-log {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 210px;
  overflow: auto;
  padding: 12px;
  background: #f8fafc;
}
.store-page .ai-chat-msg {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  max-width: 92%;
}
.store-page .ai-chat-msg.user {
  justify-self: end;
  flex-direction: row-reverse;
}
.store-page .ai-msg-avatar {
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: 900;
}
.store-page .ai-msg-avatar svg {
  width: 22px;
  height: 22px;
}
.store-page .ai-msg-avatar.user {
  background: #dff3ff;
  color: #176ba0;
}
.store-page .ai-msg-avatar.user img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.store-page .ai-msg-bubble {
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  box-shadow: 0 2px 8px rgba(29,35,43,.06);
}
.store-page .ai-chat-msg.user .ai-msg-bubble {
  border-color: #176ba0;
  background: #176ba0;
  color: #fff;
}
.store-page .ai-feedback {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid #e7edf3;
}
.store-page .ai-feedback button {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #d8e3ec;
  border-radius: 999px;
  background: #fff;
  color: #176ba0;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
.store-page .ai-feedback.is-done {
  display: inline-flex;
  margin-top: 8px;
  padding: 4px 8px;
  border: 1px solid #d8e3ec;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}
.store-page .ai-chat-form {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid var(--line);
  background: #fff;
}
.store-page .ai-chat-form textarea {
  width: 100%;
  min-height: 72px;
  resize: vertical;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}
.store-page .ai-chat-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.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-link {
  -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='M10 13a5 5 0 0 0 7.1 0l2-2a5 5 0 0 0-7.1-7.1l-1.2 1.2'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1 0l-2 2A5 5 0 0 0 12 20.1l1.2-1.2'/%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='M10 13a5 5 0 0 0 7.1 0l2-2a5 5 0 0 0-7.1-7.1l-1.2 1.2'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1 0l-2 2A5 5 0 0 0 12 20.1l1.2-1.2'/%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-wishlist {
  -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='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%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='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%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;
  aspect-ratio: 1 / 1;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
  background: #f8fafc;
  color: #176ba0;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  flex: 0 0 auto;
  line-height: 1;
}
.store-page .profile-button.is-visible {
  display: inline-flex;
}
.store-page .profile-menu {
  position: relative;
  display: none;
  align-items: center;
  overflow: visible;
  z-index: 11010;
}
.store-page .profile-menu.is-visible {
  display: inline-flex;
}
.store-page .profile-submenu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 11020;
  display: none;
  min-width: 138px;
  max-width: calc(100vw - 24px);
  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: 14px;
}
.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 {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
}
.store-page .profile-button .profile-avatar-img {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover;
}
.store-page .footer {
  padding: 28px 0 96px;
  border-top: 4px solid #2b91d0;
  background: #1d232b;
  color: #d9e3eb;
  font-size: 14px;
}
.store-page .footer-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 26px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.store-page .footer-trust-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(142,216,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.055);
}
.store-page .footer-trust-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #eaf6fd;
  color: #176ba0;
}
.store-page .footer-trust-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.store-page .footer-trust-item strong {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 1.25;
}
.store-page .footer-trust-item small {
  display: block;
  margin-top: 3px;
  color: rgba(255,255,255,.68);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}
.store-page .footer-grid {
  display: grid;
  grid-template-columns: minmax(300px, 1.12fr) minmax(260px, .95fr) minmax(220px, .72fr);
  gap: 26px;
  align-items: start;
}
.store-page .footer-grid-pro {
  gap: 26px;
}
.store-page .footer-grid > div { min-width: 0; }
.store-page .footer-brand-column {
  display: block;
}
.store-page .footer-shop-column,
.store-page .footer-support-column {
  display: block;
  align-content: start;
}
.store-page .footer-shop-column > div + div {
  margin-top: 14px;
}
.store-page .footer-brand-social {
  margin-top: 14px;
}
.store-page .footer-support-security {
  margin-top: 14px;
}
.store-page .footer-section-title {
  margin-top: 8px !important;
}
.store-page .footer-help-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
}
.store-page .footer-help-list li {
  margin: 0;
}
.store-page .footer-help-list a,
.store-page .footer-help-list button {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding: 4px 8px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: rgba(255,255,255,.045);
  color: #d9e3eb;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.store-page .footer-help-list a:hover,
.store-page .footer-help-list button:hover {
  background: rgba(255,255,255,.08);
  color: #fff;
}
.store-page .footer h2,
.store-page .footer h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 16px;
  min-height: 20px;
  line-height: 1.25;
  display: flex;
  align-items: center;
}
.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 .footer-help-list li {
  margin: 0;
}
.store-page .footer a {
  color: #8ed8ff;
  font-weight: 800;
}
.store-page .footer .footer-help-list button {
  color: #8ed8ff;
}
.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: 8px;
  margin-top: 0;
  max-width: none;
}
.store-page .footer-address-card {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid rgba(142,216,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.055);
}
.store-page .footer-address-content {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}
.store-page .footer-address-label {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.store-page .footer-address-text {
  color: rgba(255,255,255,.78);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}
.store-page .footer-address-contact {
  display: grid;
  gap: 4px;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.12);
  line-height: 1.45;
}
.store-page .footer-address-contact a {
  width: fit-content;
  color: #eaf8ff;
  font-size: 13px;
  font-weight: 800;
}
.store-page .footer-address-contact a:hover {
  color: #fff;
}
.store-page .footer-map-box {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
}
.store-page .footer-map-box iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.store-page .footer-info-item {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: center;
  min-height: 34px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #eaf8ff;
  font-weight: 800;
  line-height: 1.45;
  transition: color .18s ease, transform .18s ease;
}
.store-page .footer-info-item a,
.store-page a.footer-info-item {
  color: #eaf8ff;
}
.store-page a.footer-info-item:hover {
  transform: translateY(-1px);
  color: #fff;
}
.store-page .footer-menu-list {
  display: grid;
  gap: 8px;
}
.store-page .footer-menu-list li {
  margin: 0;
}
.store-page .footer-menu-list a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  color: #d9e3eb;
}
.store-page .footer-menu-list a:hover {
  color: #fff;
}
.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: 14px;
  height: 14px;
  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: 3px 5px;
  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: 24px;
  object-fit: contain;
}
.store-page .logo-badge.logo-wide,
.store-page .logo-badge.logo-qris { width: 62px; }
.store-page .footer-subtitle {
  display: block;
  margin-top: 16px;
  margin-bottom: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.store-page .ssl-badge {
  display: inline-grid;
  grid-template-columns: 30px max-content;
  gap: 6px;
  align-items: center;
  margin-top: 2px;
  padding: 7px 8px;
  border: 1px solid rgba(142,216,255,.28);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: #eaf8ff;
  max-width: 100%;
}
.store-page .security-title {
  display: block;
  margin-top: 16px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.store-page .security-stack {
  display: grid;
  gap: 5px;
}
.store-page .ssl-badge-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #eaf6fd;
  color: #176ba0;
}
.store-page .ssl-badge-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.store-page .ssl-badge strong {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}
.store-page .ssl-badge span:last-child {
  display: block;
  margin-top: 3px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}
.store-page .social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
}
.store-page .footer-social-icons {
  gap: 14px;
}
.store-page .footer-social-title {
  margin-top: 16px;
}
.store-page .social-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d9e3eb !important;
  font-size: 13px;
  font-weight: 800;
}
.store-page .social-link:hover {
  color: #fff !important;
}
.store-page .footer-social-icons .social-link {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
}
.store-page .footer-social-icons .social-link span:not(.social-icon) {
  display: none;
}
.store-page .social-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: #1d232b;
  flex: 0 0 auto;
}
.store-page .footer-social-icons .social-icon {
  width: 34px;
  height: 34px;
  background: transparent;
}
.store-page .footer-social-icons .social-icon svg {
  width: 20px;
  height: 20px;
}
.store-page .social-icon svg {
  width: 14px;
  height: 14px;
  display: block;
  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 .marketplace-title {
  display: block;
  margin: 0 0 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.store-page .footer-commerce-title {
  display: block;
  margin: 0 0 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}
.store-page .footer-commerce-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  align-items: start;
}
.store-page .footer-commerce-grid section {
  min-width: 0;
}
.store-page .marketplace-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.store-page .logistics-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}
.store-page .marketplace-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  width: 100%;
  padding: 4px 8px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: rgba(255,255,255,.045);
  color: #d9e3eb !important;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: none;
  transition: color .18s ease, transform .18s ease;
}
.store-page .logistics-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 34px;
  padding: 4px 8px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  background: rgba(255,255,255,.045);
  color: #d9e3eb;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
  box-shadow: none;
  transition: color .18s ease, transform .18s ease;
}
.store-page .marketplace-link:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  color: #fff !important;
  box-shadow: none;
}
.store-page .logistics-link:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  color: #fff;
}
.store-page .marketplace-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: #1d232b;
  overflow: hidden;
  flex: 0 0 auto;
}
.store-page .logistics-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  overflow: hidden;
  flex: 0 0 auto;
}
.store-page .marketplace-icon img {
  display: block;
  width: 17px;
  height: 17px;
  max-width: 17px;
  max-height: 17px;
  object-fit: contain;
}
.store-page .logistics-icon img {
  display: block;
  width: 17px;
  height: 17px;
  max-width: 17px;
  max-height: 17px;
  object-fit: contain;
}
.store-page .logistics-spx .logistics-icon img {
  width: 19px;
  height: 19px;
  max-width: 19px;
  max-height: 19px;
}
.store-page .marketplace-shopee .marketplace-icon img,
.store-page .marketplace-tiktok .marketplace-icon img {
  width: 17px;
  height: 17px;
  max-width: 17px;
  max-height: 17px;
}
.store-page .marketplace-tokopedia .marketplace-icon img {
  width: 17px;
  height: 17px;
  max-width: 17px;
  max-height: 17px;
}
.store-page .marketplace-lazada .marketplace-icon img {
  width: 18px;
  height: 18px;
  max-width: 18px;
  max-height: 18px;
}
.store-page .marketplace-shopee .marketplace-icon { color: #ee4d2d; }
.store-page .marketplace-tiktok .marketplace-icon { color: #111; }
.store-page .marketplace-tokopedia .marketplace-icon { color: #03ac0e; }
.store-page .marketplace-lazada .marketplace-icon { color: #1a2f91; }
.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;
  line-height: 1.5;
  text-align: center;
  width: 100%;
}
@media (max-width: 760px) {
  .store-page {
    --store-gutter: 32px;
    padding-bottom: 0;
    overflow-x: hidden;
    background-size: 520px 520px, 480px 480px, 430px 430px, 38px 38px, 38px 38px;
  }
  .store-page .wrap {
    width: min(var(--store-width), calc(100% - var(--store-gutter)));
  }
  .store-page .market,
  .store-page main.market {
    padding-top: 14px;
  }
  .store-page .panel {
    max-width: 100%;
  }
  .store-page input,
  .store-page select,
  .store-page textarea {
    min-width: 0;
    font-size: 16px;
  }
  .store-page .btn {
    min-width: 0;
    max-width: 100%;
    text-align: center;
    white-space: normal;
  }
  .store-page .actions,
  .store-page .nav-actions,
  .store-page .checkout-actions,
  .store-page .profile-actions {
    max-width: 100%;
  }
  .store-page .hero,
  .store-page .book-hero,
  .store-page .epcb-hero {
    max-width: calc(100vw - var(--store-gutter));
  }
  .store-page .footer-grid,
  .store-page .store-footer-grid {
    grid-template-columns: 1fr !important;
  }
  .store-page .footer,
  .store-page .store-footer {
    overflow: hidden;
  }
  .store-page .logo-cloud,
  .store-page .payment-logos,
  .store-page .marketplace-logos,
  .store-page .logistics-logos {
    max-width: 100%;
  }
  .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;
    gap: 0;
  }
  .store-page .footer-brand-links {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .store-page .footer-shop-column .marketplace-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .store-page .footer-shop-column .marketplace-link {
    width: 100%;
    white-space: nowrap;
  }
  .store-page .footer-help-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .store-page .footer-address-card {
    grid-template-columns: 104px minmax(0, 1fr);
  }
  .store-page .footer-trust-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 18px;
    padding-bottom: 16px;
  }
  .store-page .footer-trust-item {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 52px;
    padding: 9px;
  }
  .store-page .footer-trust-icon {
    width: 32px;
    height: 32px;
  }
  .store-page .footer-trust-icon svg {
    width: 18px;
    height: 18px;
  }
  .store-page .footer-trust-item small {
    display: none;
  }
  .store-page .footer-grid > div {
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .store-page .footer-grid > div:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .store-page .logo-badge,
  .store-page .logo-badge.logo-wide,
  .store-page .logo-badge.logo-qris {
    width: 58px;
    height: 28px;
  }
  .store-page .marketplace-list,
  .store-page .social-list,
  .store-page .logistics-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
  .store-page .marketplace-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 12px;
    align-items: center;
  }
  .store-page .social-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 12px;
    align-items: center;
  }
  .store-page .footer-social-icons {
    gap: 12px 14px;
  }
  .store-page .logistics-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
  }
  .store-page .footer-commerce-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .store-page .social-link,
  .store-page .marketplace-link {
    min-height: 32px;
    width: 100%;
  }
  .store-page .marketplace-link {
    width: auto;
    white-space: nowrap;
  }
  .store-page .social-link {
    width: auto;
    white-space: nowrap;
  }
  .store-page .logistics-link {
    width: 100%;
    min-height: 32px;
  }
  .store-page .social-icon,
  .store-page .marketplace-icon {
    width: 20px;
    height: 20px;
  }
  .store-page .logistics-icon {
    width: 20px;
    height: 20px;
  }
  .store-page .social-icon svg {
    width: 14px;
    height: 14px;
  }
  .store-page .marketplace-icon img {
    width: 17px;
    height: 17px;
    max-width: 17px;
    max-height: 17px;
  }
  .store-page .logistics-icon img {
    width: 17px;
    height: 17px;
    max-width: 17px;
    max-height: 17px;
  }
  .store-page .marketplace-shopee .marketplace-icon img,
  .store-page .marketplace-tiktok .marketplace-icon img {
    width: 17px;
    height: 17px;
    max-width: 17px;
    max-height: 17px;
  }
  .store-page .marketplace-tokopedia .marketplace-icon img {
    width: 17px;
    height: 17px;
    max-width: 17px;
    max-height: 17px;
  }
  .store-page .marketplace-lazada .marketplace-icon img {
    width: 18px;
    height: 18px;
    max-width: 18px;
    max-height: 18px;
  }
  .store-page .ssl-badge {
    width: fit-content;
    grid-template-columns: 30px max-content;
    justify-items: start;
    gap: 6px;
    padding: 7px 8px;
  }
  .store-page .ssl-badge-icon {
    width: 30px;
    height: 30px;
  }
  .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-links .navline-link-online-link {
    display: inline-flex;
  }
  .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;
    min-height: 34px;
    max-height: 34px;
    flex-basis: 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 .chat-panel {
    right: 12px;
    bottom: calc(132px + env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
    max-height: calc(100vh - 178px);
  }
  .store-page .chat-log {
    max-height: min(250px, 34vh);
  }
  .store-page .ai-chat-float {
    right: 12px;
    bottom: calc(134px + env(safe-area-inset-bottom));
    width: 183px;
    min-height: 52px;
    padding: 5px 12px 5px 6px;
  }
  .store-page .ai-chat-avatar {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
  .store-page .ai-chat-float-text span {
    max-width: 116px;
    font-size: 12px;
  }
  .store-page .ai-chat-panel {
    right: 12px;
    bottom: calc(194px + env(safe-area-inset-bottom));
    width: calc(100vw - 24px);
    max-height: calc(100vh - 240px);
  }
  .store-page .ai-chat-log {
    min-height: 180px;
  }
  .store-page .footer {
    padding: 36px 0 96px;
  }
  .store-page .social-list {
    gap: 6px 12px;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(29,35,43,.08);
    background: rgba(255,255,255,.96);
    box-shadow: 0 -10px 28px rgba(29,35,43,.12);
    backdrop-filter: blur(12px);
  }
  .store-page.has-mobile-app-nav .mobile-app-nav a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    place-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 54px;
    border-radius: 10px;
    color: #667085;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, transform .18s ease;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav a.active,
  .store-page.has-mobile-app-nav .mobile-app-nav a:hover {
    background: #eaf6fd;
    color: #176ba0;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav a:active {
    transform: translateY(1px);
  }
  .store-page.has-mobile-app-nav .mobile-app-nav strong {
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav small {
    display: block;
    max-width: 92px;
    overflow: hidden;
    color: inherit;
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .78;
  }
}
@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;
    min-height: 32px;
    max-height: 32px;
    flex-basis: 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 .ai-chat-float {
    width: 54px;
    height: 54px;
    min-height: 54px;
    padding: 4px;
  }
  .store-page .ai-chat-avatar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
  .store-page .ai-chat-float-text {
    display: none;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav {
    right: 0;
    left: 0;
    min-height: 64px;
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
  }
  .store-page.has-mobile-app-nav .mobile-app-nav a {
    min-height: 51px;
  }
  .store-page.has-mobile-app-nav .mobile-app-nav strong {
    font-size: 9px;
  }
  .store-page .app-nav-icon {
    width: 20px;
    height: 20px;
  }
}