/* GBAY white luxury edition. */
body:not(.sidebar-mini) {
  color-scheme: light;
  --gb-bg: #f2f3f2;
  --gb-surface: #f7f7f5;
  --gb-surface-strong: #ffffff;
  --gb-surface-dark: #151719;
  --gb-ink: #151719;
  --gb-muted: #626a72;
  --gb-line: #dedfda;
  --gb-line-strong: #b9bcb5;
  --gb-accent: #9b793e;
  --gb-accent-hover: #765a2d;
  --gb-accent-soft: #f2eadc;
  --gb-shadow: 0 22px 55px rgba(28, 30, 27, .10);
  --gb-shadow-soft: 0 8px 26px rgba(28, 30, 27, .06);
  background: var(--gb-bg) !important;
  color: var(--gb-ink) !important;
}
body:not(.sidebar-mini) #app,
body:not(.sidebar-mini) ._lng,
body:not(.sidebar-mini) ._main,
body:not(.sidebar-mini) ._ccc,
body:not(.sidebar-mini) .rep-content,
body:not(.sidebar-mini) .rep-merchant,
body:not(.sidebar-mini) ._wbarr,
body:not(.sidebar-mini) ._wbarrc,
body:not(.sidebar-mini) .mc[data-v-b80c042b] { background: var(--gb-bg) !important; color: var(--gb-ink) !important; }
body:not(.sidebar-mini) ._wtop,
body:not(.sidebar-mini) ._wfls,
body:not(.sidebar-mini) ._wbar {
  background: rgba(255, 255, 255, .96) !important;
  border-color: var(--gb-line) !important;
  box-shadow: 0 8px 28px rgba(28, 30, 27, .045) !important;
}

/* Crisp code-native identity: 42px mark plus live text, never a blurred long bitmap. */
body:not(.sidebar-mini) ._wtop .l {
  width: 188px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center;
  gap: 12px;
  overflow: visible !important;
}
body:not(.sidebar-mini) ._wtop .l > div,
body:not(.sidebar-mini) ._wtop .l > img { display: none !important; }
body:not(.sidebar-mini) ._wtop .l::before {
  content: "G";
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  border: 1px solid #b89658;
  border-radius: 11px;
  background: #151719;
  color: #d2b06f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
}
body:not(.sidebar-mini) ._wtop .l::after {
  content: "GBAY";
  color: #151719;
  font-size: 25px;
  font-weight: 780;
  line-height: 1;
  letter-spacing: .08em;
}
body:not(.sidebar-mini) ._wtop .s,
body:not(.sidebar-mini) ._wtop .s input,
body:not(.sidebar-mini) ._wtop .s uni-input { background: #f7f7f5 !important; border-color: var(--gb-line) !important; color: var(--gb-ink) !important; }
body:not(.sidebar-mini) ._wtop .s input::placeholder { color: #7b8289 !important; opacity: 1; }
body:not(.sidebar-mini) ._wtop .s > b { background: #151719 !important; color: #fff !important; }
body:not(.sidebar-mini) ._wtop .z,
body:not(.sidebar-mini) ._wtop .z a,
body:not(.sidebar-mini) ._wtop .z button,
body:not(.sidebar-mini) ._wfls li,
body:not(.sidebar-mini) ._wfls a { color: #555d65 !important; }
body:not(.sidebar-mini) ._wfls li:hover,
body:not(.sidebar-mini) ._wfls li.on,
body:not(.sidebar-mini) ._wtop .z a:hover { color: var(--gb-accent-hover) !important; }
body:not(.sidebar-mini) .bt[data-v-64da36cb],
body:not(.sidebar-mini) .rep-content h1,
body:not(.sidebar-mini) .rep-merchant h1,
body:not(.sidebar-mini) .rep-content h2,
body:not(.sidebar-mini) .rep-merchant h2 { color: var(--gb-ink) !important; }
body:not(.sidebar-mini) .bt[data-v-64da36cb]::before { background: var(--gb-accent) !important; }
body:not(.sidebar-mini) .bt[data-v-64da36cb] b,
body:not(.sidebar-mini) .rep-muted { color: var(--gb-muted) !important; }
body:not(.sidebar-mini) .fl ul li p[data-v-64da36cb],
body:not(.sidebar-mini) ._mypintc .c[data-v-9771995d],
body:not(.sidebar-mini) ._mypintc .m[data-v-9771995d],
body:not(.sidebar-mini) .dp li[data-v-64da36cb],
body:not(.sidebar-mini) .rep-category,
body:not(.sidebar-mini) .rep-shop-result,
body:not(.sidebar-mini) .rep-order,
body:not(.sidebar-mini) .rep-dialog,
body:not(.sidebar-mini) .rep-table-wrap { background: #fff !important; border-color: var(--gb-line) !important; }
body:not(.sidebar-mini) .fl ul b[data-v-64da36cb] { color: #41484f !important; }
body:not(.sidebar-mini) ._mypintc .i[data-v-9771995d] { background: #eeeFEB !important; }
body:not(.sidebar-mini) ._mypintc .m .j[data-v-9771995d] { color: var(--gb-accent-hover) !important; }
body:not(.sidebar-mini) ._mypintc .m .x[data-v-9771995d] { color: #747b82 !important; }
body:not(.sidebar-mini) ._mypintc .m .g[data-v-9771995d] { color: #22262a !important; }
body:not(.sidebar-mini) ._mypintc .m .a[data-v-9771995d] { border-color: var(--gb-line) !important; }
body:not(.sidebar-mini) ._mypintc .m .a p[data-v-9771995d],
body:not(.sidebar-mini) ._mypintc .m .a b[data-v-9771995d],
body:not(.sidebar-mini) .rep-link { color: var(--gb-accent-hover) !important; }
body:not(.sidebar-mini) .rep-field,
body:not(.sidebar-mini) .rep-form input,
body:not(.sidebar-mini) .rep-form textarea,
body:not(.sidebar-mini) .rep-form select { background: #fff !important; border-color: var(--gb-line-strong) !important; color: var(--gb-ink) !important; }
body:not(.sidebar-mini) .rep-button { background: #fff !important; border-color: var(--gb-line-strong) !important; color: var(--gb-ink) !important; }
body:not(.sidebar-mini) .rep-button.primary,
body:not(.sidebar-mini) .rep-button.blue { background: #151719 !important; border-color: #151719 !important; color: #fff !important; box-shadow: 0 8px 20px rgba(21, 23, 25, .16); }
body:not(.sidebar-mini) ._wfoot {
  background: #f2f3f2 !important;
  color: #5f676f !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid #dfe2df;
}
body:not(.sidebar-mini) ._wfoot a,
body:not(.sidebar-mini) ._wfoot button,
body:not(.sidebar-mini) ._wfoot i {
  color: #5f676f !important;
}
body:not(.sidebar-mini) ._wfoot .g {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 11px;
}
body:not(.sidebar-mini) ._wfoot .g uni-image { display: none !important; }
body:not(.sidebar-mini) ._wfoot .g::before {
  content: "G";
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #b89658;
  border-radius: 9px;
  background: var(--gb-ink);
  color: #d2b06f;
  font: 21px/1 Georgia, "Times New Roman", serif;
}
body:not(.sidebar-mini) ._wfoot .g::after {
  content: "GBAY";
  color: var(--gb-ink);
  font-size: 23px;
  font-weight: 780;
  letter-spacing: .07em;
}

@media (max-width: 767px) {
  body:not(.sidebar-mini) ._wtop .l { width: 150px !important; height: 40px !important; gap: 9px; }
  body:not(.sidebar-mini) ._wtop .l::before { width: 36px; height: 36px; flex-basis: 36px; border-radius: 9px; font-size: 21px; }
  body:not(.sidebar-mini) ._wtop .l::after { font-size: 20px; }
  body:not(.sidebar-mini) .bn[data-v-64da36cb],
  body:not(.sidebar-mini) .bn {
    width: 100% !important;
    height: clamp(138px, 40vw, 180px) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin: 8px 0 24px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body:not(.sidebar-mini) .bn .d[data-v-64da36cb] { height: 100% !important; min-height: 0 !important; aspect-ratio: auto !important; }
  body:not(.sidebar-mini) .bn .swiper-slide {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 12px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  body:not(.sidebar-mini) .jr[data-v-64da36cb] {
    height: clamp(150px, 44vw, 190px) !important;
    min-height: 0 !important;
    margin: 0 0 32px !important;
    border-radius: 12px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  body:not(.sidebar-mini) .jr .c[data-v-64da36cb] {
    right: 14px !important;
    max-width: 48%;
    padding-top: 0 !important;
    font-size: 20px !important;
    line-height: 1.2;
  }
  body:not(.sidebar-mini) .jr b[data-v-64da36cb] {
    height: 36px !important;
    line-height: 36px !important;
    margin-top: 10px !important;
    padding: 0 18px !important;
    font-size: 12px !important;
  }
}

/* Storefront color system: black actions, warm-gold selection, neutral surfaces. */
body:not(.sidebar-mini) .pay-shell {
  --pay-pink: var(--gb-accent) !important;
  --pay-muted: var(--gb-muted) !important;
}
body:not(.sidebar-mini) .pay-tabs button.active,
body:not(.sidebar-mini) .pay-record-tabs button.active {
  color: var(--gb-accent-hover) !important;
  border-bottom-color: var(--gb-accent) !important;
}
body:not(.sidebar-mini) .pay-currencies > button.active,
body:not(.sidebar-mini) .pay-switch button.active {
  color: var(--gb-accent-hover) !important;
  border-color: var(--gb-accent) !important;
  background: var(--gb-accent-soft) !important;
}
body:not(.sidebar-mini) .pay-button.pay-primary {
  color: #fff !important;
  border-color: var(--gb-ink) !important;
  background: var(--gb-ink) !important;
}
body:not(.sidebar-mini) .pay-button.pay-primary:hover { background: #34373a !important; }
body:not(.sidebar-mini) .pay-environment,
body:not(.sidebar-mini) .pay-inline-hint {
  color: #655f54 !important;
  border-color: #e7dfd0 !important;
  border-left: 3px solid var(--gb-accent) !important;
  background: #faf7f0 !important;
}
body:not(.sidebar-mini) .pay-form input:focus,
body:not(.sidebar-mini) .pay-form select:focus {
  outline-color: var(--gb-accent) !important;
  border-color: var(--gb-accent) !important;
}
body:not(.sidebar-mini) .pay-overview-links button > span,
body:not(.sidebar-mini) .pay-account-icon,
body:not(.sidebar-mini) .pay-input-action button,
body:not(.sidebar-mini) .pay-quote strong,
body:not(.sidebar-mini) .pay-fees strong,
body:not(.sidebar-mini) .pay-payment-total strong,
body:not(.sidebar-mini) .pay-method-selected > span {
  color: var(--gb-accent-hover) !important;
}
body:not(.sidebar-mini) .pay-account-icon {
  background: var(--gb-accent-soft) !important;
}
body:not(.sidebar-mini) .pay-method-selected {
  border-color: #c8b58f !important;
  background: #fcfaf5 !important;
}
body:not(.sidebar-mini) ._wfoot .u > li > b,
body:not(.sidebar-mini) ._wfoot .y > p,
body:not(.sidebar-mini) ._wfoot .y > span {
  color: var(--gb-ink) !important;
}
body:not(.sidebar-mini) ._wfoot .y > b {
  color: var(--gb-accent-hover) !important;
  border-color: var(--gb-accent) !important;
}
body:not(.sidebar-mini) ._wfoot input {
  color: var(--gb-ink) !important;
  border-color: var(--gb-line) !important;
  background: #fff !important;
}

/* Product photos must remain fully visible regardless of source aspect ratio. */
body:not(.sidebar-mini) ._mypintc .i img,
body:not(.sidebar-mini) ._mypintc .i i[data-v-9771995d] {
  object-fit: contain !important;
  object-position: center !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 767px) {
  body:not(.sidebar-mini) .rep-subnav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
    border-bottom: 0 !important;
  }
  body:not(.sidebar-mini) .rep-subnav button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 9px 4px !important;
    border: 1px solid var(--gb-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    line-height: 1.25 !important;
  }
  body:not(.sidebar-mini) .rep-subnav button.active {
    color: #fff !important;
    border-color: var(--gb-ink) !important;
    background: var(--gb-ink) !important;
  }
}

@media (max-width: 420px) {
  body:not(.sidebar-mini) .bn[data-v-64da36cb],
  body:not(.sidebar-mini) .bn { height: 150px !important; }
  body:not(.sidebar-mini) .jr[data-v-64da36cb] { height: 160px !important; }
}

/* Compact storefront scale. */
body:not(.sidebar-mini) ._wtop { min-height: 72px !important; }
body:not(.sidebar-mini) ._wtop .c {
  min-height: 72px !important;
  padding-left: clamp(16px, 2.2vw, 48px) !important;
  padding-right: clamp(16px, 2.2vw, 48px) !important;
}
body:not(.sidebar-mini) ._ccc,
body:not(.sidebar-mini) ._wbarc,
body:not(.sidebar-mini) ._wfoot .f,
body:not(.sidebar-mini) ._wfoot .b {
  padding-left: clamp(16px, 2.2vw, 48px) !important;
  padding-right: clamp(16px, 2.2vw, 48px) !important;
}
body:not(.sidebar-mini) ._wtop .l { width: 166px !important; height: 42px !important; gap: 10px; }
body:not(.sidebar-mini) ._wtop .l::before { width: 38px; height: 38px; flex-basis: 38px; border-radius: 9px; font-size: 22px; }
body:not(.sidebar-mini) ._wtop .l::after { font-size: 22px; }
body:not(.sidebar-mini) ._wtop .s { min-height: 40px; }
body:not(.sidebar-mini) ._wtop .z,
body:not(.sidebar-mini) ._wtop .z a,
body:not(.sidebar-mini) ._wtop .z button { font-size: 13px !important; }
.rep-mobile-language { display: none; }
body:not(.sidebar-mini) ._wfls li,
body:not(.sidebar-mini) ._wfls a { font-size: 14px !important; }
body:not(.sidebar-mini) .bn[data-v-64da36cb] {
  height: 400px;
  padding: 20px 0 28px !important;
  box-sizing: border-box;
}
body:not(.sidebar-mini) .bn .d[data-v-64da36cb],
body:not(.sidebar-mini) .bn .r[data-v-64da36cb] { height: 352px; }
body:not(.sidebar-mini) .bt[data-v-64da36cb] { margin-bottom: 18px !important; font-size: 22px !important; }
body:not(.sidebar-mini) .fl[data-v-64da36cb] { margin-bottom: 38px !important; }
body:not(.sidebar-mini) .fl ul li p[data-v-64da36cb] { padding: 12px 8px !important; }
body:not(.sidebar-mini) .fl ul li p i[data-v-64da36cb] { width: 66px !important; height: 66px !important; }
body:not(.sidebar-mini) .fl ul b[data-v-64da36cb] { font-size: 13px !important; }
body:not(.sidebar-mini) ._mypintc[data-v-9771995d],
body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { gap: 14px !important; margin-bottom: 46px !important; }
body:not(.sidebar-mini) ._mypintc .i img,
body:not(.sidebar-mini) ._mypintc .i i[data-v-9771995d] { aspect-ratio: 1 / 1.08 !important; }
body:not(.sidebar-mini) ._mypintc .m[data-v-9771995d] { padding: 12px 13px 11px !important; }
body:not(.sidebar-mini) ._mypintc .m .j[data-v-9771995d] { font-size: 17px !important; }
body:not(.sidebar-mini) ._mypintc .m .x[data-v-9771995d] { font-size: 12px !important; }
body:not(.sidebar-mini) ._mypintc .m .g[data-v-9771995d] { height: 42px !important; font-size: 14px !important; }
body:not(.sidebar-mini) ._mypintc .m .a p[data-v-9771995d] { font-size: 13px !important; }
body:not(.sidebar-mini) .jr[data-v-64da36cb] { height: 300px !important; margin-bottom: 40px !important; }

@media (min-width: 2400px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
}
@media (min-width: 1900px) and (max-width: 2399px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
}
@media (min-width: 1600px) and (max-width: 1899px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (min-width: 901px) and (max-width: 1199px) {
  body:not(.sidebar-mini) ._mypintc[data-v-9771995d], body:not(.sidebar-mini) [data-v-4611385a] ._mypintc { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  body:not(.sidebar-mini) ._main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body:not(.sidebar-mini) ._wtop { min-height: 0 !important; }
  body:not(.sidebar-mini) ._wtop .c { min-height: 0 !important; padding-left: 12px !important; padding-right: 12px !important; }
  body:not(.sidebar-mini) ._wtop .l { width: 142px !important; height: 38px !important; }
  body:not(.sidebar-mini) ._wtop .l::before { width: 34px; height: 34px; flex-basis: 34px; font-size: 20px; }
  body:not(.sidebar-mini) ._wtop .l::after { font-size: 19px; }
  body:not(.sidebar-mini) ._wtop .c { flex-wrap: nowrap !important; align-items: center !important; }
  body:not(.sidebar-mini) .rep-mobile-language {
    margin-left: auto;
    width: auto;
    min-width: 54px;
    height: 38px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #d9d7d1;
    border-radius: 11px;
    background: #fff;
    color: #202428;
    box-shadow: 0 3px 12px rgba(28,30,27,.06);
    font: inherit;
    line-height: 1;
    cursor: pointer;
  }
  body:not(.sidebar-mini) .rep-mobile-language img { width: 27px; height: 19px; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px rgba(21,23,25,.12); }
  body:not(.sidebar-mini) .rep-mobile-language > span { font-size: 22px; line-height: 1; }
  body:not(.sidebar-mini) .rep-mobile-language i { color: #737a80; font-size: 13px; font-style: normal; transform: translateY(-1px); }
  body:not(.sidebar-mini) .rep-mobile-language:active { transform: translateY(1px); background: var(--gb-accent-soft); }
  body:not(.sidebar-mini) .rep-mobile-language:focus-visible { outline: 2px solid var(--gb-accent); outline-offset: 2px; }
  body:not(.sidebar-mini) .fl > .swiper-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body:not(.sidebar-mini) .fl ul li p[data-v-64da36cb] {
    min-width: 0 !important;
    padding: 10px 6px !important;
    overflow: hidden !important;
  }
  body:not(.sidebar-mini) .fl ul li p i[data-v-64da36cb] {
    width: min(58px, 100%) !important;
    height: 58px !important;
    margin-inline: auto !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  body:not(.sidebar-mini) .fl ul li p i img[data-v-64da36cb],
  body:not(.sidebar-mini) .fl ul li p img[data-v-64da36cb] {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  body:not(.sidebar-mini) .bn[data-v-64da36cb], body:not(.sidebar-mini) .bn { height: clamp(132px, 38vw, 168px) !important; padding: 0 !important; }
  body:not(.sidebar-mini) .jr[data-v-64da36cb] { height: clamp(145px, 42vw, 178px) !important; }
  body:not(.sidebar-mini) ._mypintc .m[data-v-9771995d] { padding: 10px !important; }
}

@media (max-width:767px) {
  body:not(.sidebar-mini) ._wtop .c { flex-wrap:wrap !important; }
  body:not(.sidebar-mini) ._wtop .s { order:3 !important; flex:0 0 100% !important; width:100% !important; min-height:42px !important; }
  body:not(.sidebar-mini) ._wtop .s .a { flex:0 0 auto !important; }
  body:not(.sidebar-mini) ._wtop .s uni-input { flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
  body:not(.sidebar-mini) ._wtop .s > b { flex:0 0 auto !important; }
  .rep-batch-toolbar { position:sticky; top:0; z-index:3; align-items:stretch; }
  .rep-batch-toolbar .rep-button { flex:1 1 130px; min-height:44px; }
  .rep-batch-toolbar span { flex:0 0 100%; text-align:center; }
}

/* One phone gutter from header to page end. The captured shell and page content
   both supplied horizontal padding, which made every mobile screen too narrow. */
@media (max-width: 767px) {
  body:not(.sidebar-mini) ._main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body:not(.sidebar-mini) ._ccc,
  body:not(.sidebar-mini) .lc-home-density {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
