/* Motion Life buy flow (Buy flow board votes 2026-10-12). Pairs with assets/ml-buy.js. */

/* ---------- top-layer overlays ---------- */
.ml-layer {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f2f2f5;
  overflow: hidden;
  display: none;
}
.ml-layer.is-shown, .ml-layer.is-leaving { display: grid; place-items: center; }
.ml-layer::backdrop { background: transparent; }

/* ---------- 3 · securing checkout ---------- */
.ml-secure { background: rgba(3, 3, 4, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; transition: opacity .32s var(--ml-ease); }
.ml-secure.is-shown { opacity: 1; }
.ml-secure.is-leaving { opacity: 0; }
.ml-secure__box { display: grid; justify-items: center; gap: 14px; text-align: center; transform: translateY(8px) scale(.98); transition: transform .45s var(--ml-ease); }
.ml-secure.is-shown .ml-secure__box { transform: none; }
.ml-secure__ring { position: relative; width: 84px; height: 84px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #1d1d24, #050506 70%); box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 0 60px rgba(255, 255, 255, .08); }
.ml-secure__ring > svg:first-child { position: absolute; inset: 0; width: 100%; height: 100%; animation: mlb-spin 1.1s linear infinite; }
.ml-secure__ring circle { fill: none; stroke: #e8e8ee; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 60 110; filter: drop-shadow(0 0 6px rgba(255, 255, 255, .7)); }
.ml-secure__lock { width: 26px; height: 26px; color: #fff; animation: mlb-lockpulse 1.4s var(--ml-ease) infinite; }
@keyframes mlb-spin { to { transform: rotate(360deg); } }
@keyframes mlb-lockpulse { 50% { transform: scale(.9); opacity: .7; } }
.ml-secure__t {
  font: 700 15px/1 var(--ml-display);
  letter-spacing: .3em;
  margin-right: -.3em;
  background: linear-gradient(100deg, #8a8a96 0%, #8a8a96 38%, #fff 50%, #8a8a96 62%, #8a8a96 100%);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: mlb-shine 2.4s linear infinite;
}
.ml-secure__s { font: 500 12px/1.4 var(--ml-mono); letter-spacing: .06em; color: #8a8a96; min-height: 1.4em; }
.ml-secure__s.is-in { animation: mlb-rise .4s var(--ml-ease); }
@keyframes mlb-rise { from { opacity: 0; transform: translateY(6px); } }
@keyframes mlb-shine { from { background-position: 130% 0; } to { background-position: -130% 0; } }

/* ---------- 2 · win screen ---------- */
.ml-win { background: radial-gradient(ellipse at 50% 45%, rgba(20, 20, 26, .9), rgba(0, 0, 0, .94) 70%); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); opacity: 0; transition: opacity .4s var(--ml-ease); cursor: pointer; }
.ml-win.is-shown { opacity: 1; }
.ml-win.is-leaving { opacity: 0; transition-duration: .5s; }
.ml-win__fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ml-win__box { position: relative; display: grid; justify-items: center; gap: 10px; width: min(440px, calc(100vw - 32px)); padding: 34px 24px 28px; text-align: center; cursor: default; }
.ml-win__badge { width: 104px; height: 104px; margin-bottom: 6px; border-radius: 50%; display: grid; place-items: center; background: radial-gradient(circle at 50% 30%, #2a2a31, #060607 72%); box-shadow: 0 0 0 1.5px #000, 0 0 0 4px #c9c9d2, 0 0 70px rgba(255, 255, 255, .22); transform: scale(.4); opacity: 0; }
.ml-win__badge svg { width: 80px; height: 80px; }
.ml-win__o { fill: none; stroke: rgba(255, 255, 255, .16); stroke-width: 3; }
.ml-win__c { fill: none; stroke: #fff; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 60; stroke-dashoffset: 60; filter: drop-shadow(0 0 8px rgba(255, 255, 255, .9)); }
.ml-win__eyebrow { margin: 0; font: 600 11px/1 var(--ml-mono); letter-spacing: .3em; color: #3ddc84; opacity: 0; }
.ml-win__t {
  margin: 0;
  font: 700 clamp(40px, 9vw, 64px)/1 var(--ml-display);
  letter-spacing: .06em;
  background: var(--ml-chrome-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 4px 24px rgba(255, 255, 255, .18));
  opacity: 0;
}
.ml-win__s { margin: 4px 0 0; max-width: 32ch; font: 500 14px/1.5 var(--gk-font-body, sans-serif); color: #b5b5c0; opacity: 0; }
.ml-win__id { margin: 6px 0 0; font: 500 12px/1.4 var(--ml-mono); color: #8a8a96; opacity: 0; word-break: break-all; }
.ml-win__id span { letter-spacing: .2em; }
.ml-win__id code { color: #fff; font: inherit; }
.ml-win__acts { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-top: 14px; opacity: 0; }
.ml-win__x { background: none; border: 0; padding: 10px 6px; font: 600 12px/1 var(--ml-mono); letter-spacing: .14em; text-transform: uppercase; color: #a8a8b5; cursor: pointer; }
.ml-win__x:hover { color: #fff; }
.ml-win.is-play .ml-win__badge { animation: mlb-pop .7s var(--ml-ease) .1s forwards; }
.ml-win.is-play .ml-win__c { animation: mlb-draw .55s var(--ml-ease) .45s forwards; }
.ml-win.is-play .ml-win__eyebrow { animation: mlb-up .5s var(--ml-ease) .55s forwards; }
.ml-win.is-play .ml-win__t { animation: mlb-slam .6s var(--ml-ease) .62s forwards; }
.ml-win.is-play .ml-win__s { animation: mlb-up .5s var(--ml-ease) .8s forwards; }
.ml-win.is-play .ml-win__id { animation: mlb-up .5s var(--ml-ease) .9s forwards; }
.ml-win.is-play .ml-win__acts { animation: mlb-up .5s var(--ml-ease) 1s forwards; }
@keyframes mlb-pop { 0% { transform: scale(.4); opacity: 0; } 60% { transform: scale(1.08); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
@keyframes mlb-draw { to { stroke-dashoffset: 0; } }
@keyframes mlb-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes mlb-slam { 0% { opacity: 0; transform: scale(1.35); letter-spacing: .3em; } 100% { opacity: 1; transform: none; letter-spacing: .06em; } }

/* ---------- 8 · Buy Now morph ---------- */
.gk-buy__ctas .ml-buyring { justify-self: center; max-width: 100%; translate: var(--mx, 0) var(--my, 0); transition: max-width .5s var(--ml-ease), translate .35s var(--ml-ease), transform .15s var(--ml-ease); }
.ml-buyring .gk-buy__main { position: relative; overflow: hidden; }
.ml-buyring .gk-buy__label, .ml-buyring .gk-buy__arrow { transition: opacity .2s, transform .3s var(--ml-ease); }
.ml-morph__spin, .ml-morph__check { position: absolute; left: 50%; top: 50%; pointer-events: none; opacity: 0; }
.ml-morph__spin { width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; border: 2.5px solid rgba(11, 11, 14, .18); border-top-color: #0b0b0e; }
.ml-morph__check { width: 28px; height: 28px; margin: -14px 0 0 -14px; color: #0b0b0e; stroke-dasharray: 24; stroke-dashoffset: 24; }
.ml-buyring.is-busy, .ml-buyring.is-done { max-width: 70px; }
.ml-buyring.is-busy .gk-buy__main, .ml-buyring.is-done .gk-buy__main { padding: 0; opacity: 1 !important; filter: none !important; cursor: progress; }
.ml-buyring.is-busy .gk-buy__label, .ml-buyring.is-busy .gk-buy__arrow,
.ml-buyring.is-done .gk-buy__label, .ml-buyring.is-done .gk-buy__arrow { opacity: 0; transform: scale(.6); }
.ml-buyring.is-busy .ml-morph__spin { opacity: 1; animation: mlb-spin .75s linear infinite; transition: opacity .2s .2s; }
.ml-buyring.is-done .ml-morph__check { opacity: 1; animation: mlb-draw .45s var(--ml-ease) forwards; }
.ml-buyring.is-done { animation: mlb-donepulse .6s var(--ml-ease); }
@keyframes mlb-donepulse { 40% { transform: scale(1.12); } }

/* ---------- 11 · shine sweep on Buy Now ---------- */
.ml-shine { position: absolute; inset: 0; pointer-events: none; border-radius: inherit; overflow: hidden; }
.ml-shine::before {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: -40%;
  width: 34%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .95) 50%, transparent);
  transform: skewX(-18deg) translateX(-60%);
  animation: mlb-sweep 4.8s var(--ml-ease) 1.2s infinite;
}
.ml-buyring.is-near .ml-shine::before { animation-duration: 1.6s; animation-delay: 0s; }
.ml-buyring.is-busy .ml-shine, .ml-buyring.is-done .ml-shine { display: none; }
@keyframes mlb-sweep { 0% { transform: skewX(-18deg) translateX(-60%); } 30%, 100% { transform: skewX(-18deg) translateX(560%); } }
.ml-buyring.is-near { box-shadow: 0 14px 34px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 0, 0, .9), 0 0 36px rgba(255, 255, 255, .14); }

/* ---------- 10 · gliding plan picker ---------- */
html.grok-theme body:has(.gk-product) .gk-plans[data-ml-glide] { position: relative; isolation: isolate; }
.gk-plans__glide {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: 14px;
  opacity: 0;
  box-shadow: 0 0 0 1.5px #d9d9e0, 0 0 0 1px rgba(255, 255, 255, .22) inset, 0 0 30px rgba(255, 255, 255, .12), 0 16px 34px rgba(0, 0, 0, .5);
  transition: transform .55s cubic-bezier(.3, 1.35, .5, 1), width .45s var(--ml-ease), height .45s var(--ml-ease), opacity .3s;
}
.gk-plans__glide::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .07) 50%, transparent 70%); }
/* the glider draws the chrome edge, so the picked plan drops its own */
html.grok-theme body:has(.gk-product) .gk-plans.is-gliding .gk-plan[aria-checked="true"] { border-color: transparent !important; box-shadow: none !important; }
html.grok-theme body:has(.gk-product) .gk-plans.is-gliding .gk-plan { position: relative; }
.gk-plans.is-gliding .gk-plan[aria-checked="true"] .gk-plan__radio { animation: mlb-dot .45s var(--ml-ease); }
@keyframes mlb-dot { 0% { transform: scale(.4); } 60% { transform: scale(1.25); } }

/* ---------- 7 · discount unlock bar ---------- */
.ml-deal { margin: 14px 0 4px; display: grid; gap: 10px; }
.ml-deal__label { margin: 0; text-align: center; font: 500 13px/1.4 var(--gk-font-body, sans-serif); color: #a8a8b5; }
.ml-deal__label b { color: #fff; font-weight: 800; }
.ml-deal__label .ml-deal__got { color: #3ddc84; }
.ml-deal.is-max .ml-deal__label .ml-deal__got { font: 700 14px/1 var(--ml-display); letter-spacing: .14em; }
.ml-deal__track { position: relative; height: 10px; margin: 0 14px 22px; border-radius: 999px; background: #0c0c0f; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 2px 4px rgba(0, 0, 0, .6); }
.ml-deal__fill { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--ml-chrome-grad); box-shadow: 0 0 14px rgba(255, 255, 255, .35); transition: width .7s cubic-bezier(.3, 1.3, .5, 1); overflow: hidden; }
.ml-deal__fill::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .9), transparent); transform: translateX(-100%); animation: mlb-run 2.6s linear infinite; }
@keyframes mlb-run { to { transform: translateX(100%); } }
.ml-deal__tick { position: absolute; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #16161b; box-shadow: 0 0 0 1.5px #55555f; transition: background .3s, box-shadow .3s, transform .3s var(--ml-ease); }
.ml-deal__tick b { position: absolute; top: 18px; left: 50%; transform: translateX(-50%); font: 600 10.5px/1 var(--ml-mono); color: #77778a; white-space: nowrap; transition: color .3s; }
.ml-deal__tick.is-on { background: #fff; box-shadow: 0 0 0 1.5px #fff, 0 0 12px rgba(255, 255, 255, .8); transform: scale(1.1); }
.ml-deal__tick.is-on b { color: #fff; }
.ml-deal.is-pop .ml-deal__track { animation: mlb-flashbar 1.1s var(--ml-ease); }
.ml-deal.is-pop .ml-deal__label { animation: mlb-bounce .6s var(--ml-ease); }
@keyframes mlb-flashbar { 0%, 100% { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); } 25% { box-shadow: inset 0 0 0 1px #3ddc84, 0 0 26px rgba(61, 220, 132, .55); } }
@keyframes mlb-bounce { 40% { transform: scale(1.08); } }
.ml-dealchip { display: flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; margin: 10px auto 0; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(61, 220, 132, .35); background: rgba(61, 220, 132, .08); font: 500 12px/1.2 var(--ml-mono); color: #a8a8b5; }
.ml-dealchip b { color: #3ddc84; font-weight: 700; letter-spacing: .04em; }
.ml-dealchip__dot { width: 7px; height: 7px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 8px #3ddc84; animation: mlb-led 1.6s ease-in-out infinite; }
@keyframes mlb-led { 50% { opacity: .4; } }

/* bundle offer card */
.ml-bundle { position: relative; margin-top: 16px; padding: 16px; border-radius: 16px; background: linear-gradient(180deg, #131318, #0a0a0c); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); display: grid; gap: 12px; overflow: hidden; }
.ml-bundle::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, .7) 45%, transparent 60%); background-size: 260% 100%; animation: mlb-shine 4s linear infinite; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.ml-bundle__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
.ml-bundle__name { font: 700 14px/1.2 var(--ml-display); letter-spacing: .1em; text-transform: uppercase; color: #fff; }
.ml-bundle__off { flex: none; padding: 5px 10px; border-radius: 999px; background: var(--ml-chrome-grad); box-shadow: var(--ml-chrome-edge); font: 800 11px/1 var(--ml-mono); letter-spacing: .08em; color: #0b0b0e; }
.ml-bundle__items { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.ml-bundle__item { display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px 4px 4px; border-radius: 12px; background: #0c0c0f; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); font: 600 12px/1.2 var(--gk-font-body, sans-serif); color: #e8e8ee; }
.ml-bundle__item img { width: 34px; height: 34px; border-radius: 8px; object-fit: cover; }
.ml-bundle__item.is-current { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45); }
.ml-bundle__items { column-gap: 30px; row-gap: 10px; }
.ml-bundle__item { position: relative; }
.ml-bundle__item.has-plus::before { content: "+"; position: absolute; left: -24px; top: 50%; width: 18px; height: 18px; margin-top: -9px; display: grid; place-items: center; border-radius: 50%; background: #1a1a20; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); color: #d8d8e0; font: 800 13px/1 var(--gk-font-body, sans-serif); }
.ml-bundle__price { margin: 2px 0 0; text-align: center; font: 600 13px/1.3 var(--gk-font-body, sans-serif); color: #c9c9d3; }
.ml-bundle__price b { color: #fff; font-weight: 800; font-size: 16px; }
.ml-bundle__price s { margin-left: 4px; color: #6f6f7d; font-size: 12.5px; }
.ml-bundle__hint { margin: 0; text-align: center; font: 400 12px/1.4 var(--ml-mono); color: #77778a; }
.ml-bundle__add { justify-self: stretch; padding: 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); background: #0e0e12; color: #fff; font: 700 12px/1 var(--ml-display); letter-spacing: .16em; text-transform: uppercase; cursor: pointer; transition: border-color .2s, background .2s; }
.ml-bundle__add:hover:not(:disabled) { border-color: #fff; background: #17171c; }
.ml-bundle__add:disabled { opacity: .5; cursor: default; }

/* ---------- 4 · phone buy bar ---------- */
.ml-buybar { display: none; }
@media (max-width: 767.98px) {
  .ml-buybar {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    z-index: 1050;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 10px 10px 16px;
    border-radius: 999px;
    background: rgba(8, 8, 10, .86);
    -webkit-backdrop-filter: blur(14px) saturate(1.3);
    backdrop-filter: blur(14px) saturate(1.3);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 18px 40px rgba(0, 0, 0, .7);
    transform: translateY(140%);
    transition: transform .5s var(--ml-ease);
  }
  .ml-buybar.is-on { transform: none; }
  .ml-buybar__info { flex: 1; min-width: 0; display: grid; gap: 3px; }
  .ml-buybar__name { font: 700 12px/1.1 var(--ml-display); letter-spacing: .1em; text-transform: uppercase; color: #a8a8b5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ml-buybar__price { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
  .ml-buybar__price b { font: 800 17px/1 var(--gk-font-body, sans-serif); color: #fff; }
  .ml-buybar__price span { font: 500 11px/1 var(--ml-mono); color: #77778a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ml-buybar__ring { flex: none; }
  .ml-buybar__btn { position: relative; min-height: 44px; padding: 12px 20px !important; }
  .ml-buybar__ring.is-busy .ml-buybar__btn > span:first-child { opacity: 0; }
  .ml-buybar__ring.is-busy .ml-morph__spin { opacity: 1; animation: mlb-spin .75s linear infinite; }
  /* lift the purchase toasts over the bar */
  html.ml-buybar-on .ml-toasts, html.ml-buybar-on .ml-ptoast, html.ml-buybar-on [class*="purchase-toast"] { bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ---------- 6 · vouches on the product ---------- */
.ml-pv { position: relative; min-width: 0; max-width: 100%; margin: clamp(48px, 8vw, 88px) 0 0; }
.ml-pv__head { display: grid; justify-items: center; gap: 10px; text-align: center; margin-bottom: 26px; }
.ml-pv__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); font: 600 11px/1 var(--ml-mono); letter-spacing: .2em; text-transform: uppercase; color: #c9c9d2; }
.ml-pv__led { width: 7px; height: 7px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 8px #3ddc84; animation: mlb-led 1.6s ease-in-out infinite; }
.ml-pv__title { margin: 0; font: 700 clamp(28px, 4.4vw, 44px)/1.05 var(--ml-display); letter-spacing: .04em; color: #fff; }
.ml-pv__sub { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 0; font: 500 13px/1.4 var(--ml-mono); color: #a8a8b5; }
.ml-pv__live { color: #3ddc84; }
.ml-pv__stars { display: inline-flex; gap: 2px; }
.ml-pv__stars i { width: 13px; height: 13px; background: #fff; clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.ml-pv__stars[data-stars="4"] i:nth-child(n+5), .ml-pv__stars[data-stars="3"] i:nth-child(n+4),
.ml-pv__stars[data-stars="2"] i:nth-child(n+3), .ml-pv__stars[data-stars="1"] i:nth-child(n+2) { background: #3a3a42; }
.ml-pv__rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 320px); gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 18px; margin: 0 -4px; scrollbar-width: thin; scrollbar-color: #3a3a42 transparent; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
.ml-pv__card { scroll-snap-align: start; display: grid; align-content: start; gap: 12px; padding: 18px; border-radius: 18px; background: linear-gradient(180deg, #121217, #09090b); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 14px 30px rgba(0, 0, 0, .45); transition: transform .3s var(--ml-ease), box-shadow .3s; }
.ml-pv__card:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .26), 0 18px 36px rgba(0, 0, 0, .6); }
.ml-pv__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ml-pv__tag { font: 600 10px/1 var(--ml-mono); letter-spacing: .14em; text-transform: uppercase; color: #3ddc84; }
.ml-pv__card.is-auto .ml-pv__tag { color: #8a8a96; }
.ml-pv__msg { margin: 0; font: 500 14.5px/1.55 var(--gk-font-body, sans-serif); color: #e8e8ee; }
.ml-pv__card.is-auto .ml-pv__msg { color: #a8a8b5; }
.ml-pv__reply { margin: 0; padding: 10px 12px; border-radius: 10px; background: #0c0c0f; font: 400 12.5px/1.5 var(--gk-font-body, sans-serif); color: #a8a8b5; }
.ml-pv__reply b { color: #fff; }
.ml-pv__meta { margin: 0; font: 500 11px/1.3 var(--ml-mono); color: #77778a; }
@media (max-width: 767.98px) { .ml-pv__rail { grid-auto-columns: 82%; } }

/* ---------- 12 · highlights build in ---------- */
.ml-build { opacity: 0; transform: translateY(26px) scale(.97); filter: blur(6px); transition: opacity .7s var(--ml-ease), transform .8s var(--ml-ease), filter .7s var(--ml-ease); transition-delay: calc(var(--ml-i, 0) * 90ms); }
.ml-build.is-in { opacity: 1; transform: none; filter: none; }
.gk-playbook__card.ml-build .gk-playbook__h3 svg, .gk-playbook__card.ml-build [class*="icon"] { transition: transform .6s cubic-bezier(.3, 1.6, .5, 1); transition-delay: calc(var(--ml-i, 0) * 90ms + .25s); transform: scale(.5) rotate(-20deg); }
.gk-playbook__card.ml-build.is-in .gk-playbook__h3 svg, .gk-playbook__card.ml-build.is-in [class*="icon"] { transform: none; }
.ml-pv__card.ml-build:hover { transition-delay: 0s; }

/* ---------- 9 · flying product shot + cart badge flip ---------- */
.ml-flyshot { position: fixed; left: 0; top: 0; z-index: 1100; pointer-events: none; border-radius: 14px; object-fit: cover; box-shadow: 0 0 0 1.5px #000, 0 0 0 3px #c9c9d2, 0 20px 40px rgba(0, 0, 0, .6); }
.ml-flip { animation: mlb-flip .6s var(--ml-ease); }
@keyframes mlb-flip { 0% { transform: perspective(80px) rotateX(0); } 45% { transform: perspective(80px) rotateX(-180deg) scale(1.25); background: #fff; color: #0b0b0e; } 100% { transform: perspective(80px) rotateX(-360deg); } }
.ml-cartglow { animation: mlb-cartglow .9s var(--ml-ease); }
@keyframes mlb-cartglow { 30% { box-shadow: 0 0 0 2px #fff, 0 0 30px rgba(255, 255, 255, .7); } }

/* ---------- 13 · cart drawer moves ---------- */
.ml-cart { transition: transform .62s cubic-bezier(.2, 1.1, .3, 1), visibility 0s linear .62s; }
html.ml-cart-open .ml-cart { transition: transform .62s cubic-bezier(.2, 1.1, .3, 1), visibility 0s; }
.ml-cart-scrim { -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: opacity .45s var(--ml-ease), backdrop-filter .45s, visibility 0s linear .45s; }
html.ml-cart-open .ml-cart-scrim { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html.ml-cart-open .ml-cart__head { animation: mlb-slidein .55s var(--ml-ease) .08s both; }
.ml-cart__item.ml-in { animation: mlb-slidein .55s var(--ml-ease) both; animation-delay: calc(.12s + var(--ml-i, 0) * 70ms); }
.ml-cart__item.ml-in.is-new { animation: mlb-slidein .55s var(--ml-ease) both, ml-flash 1.2s var(--ml-ease) .5s; animation-delay: calc(.12s + var(--ml-i, 0) * 70ms), .6s; }
html.ml-cart-open .ml-cart__foot:not([hidden]) { animation: mlb-rise .55s var(--ml-ease) .25s both; }
@keyframes mlb-slidein { from { opacity: 0; transform: translateX(46px); } to { opacity: 1; transform: none; } }
.ml-cart__item.is-gone { animation: mlb-slideout .32s var(--ml-ease) forwards; }
@keyframes mlb-slideout { to { opacity: 0; transform: translateX(60px); height: 0; } }

/* ---------- cart drawer: discounts you can see ---------- */
.ml-cart__right { justify-items: end; }
.ml-cart__was { font: 500 11.5px/1 var(--gk-font-body, sans-serif); color: #6f6f7d; text-decoration: line-through; text-decoration-color: rgba(255,255,255,.35); }
.ml-cart__price { display: inline-flex; align-items: center; gap: 6px; }
.ml-cart__off { font: 700 10px/1 var(--ml-mono, monospace); font-style: normal; color: #0a0a0c; background: linear-gradient(135deg, #f4f4f7, #a9a9b4 55%, #ececf1); padding: 4px 6px; border-radius: 999px; letter-spacing: .02em; }
.ml-cart__offs { display: grid; gap: 8px; }
.ml-cart__offs[hidden] { display: none; }
.ml-cart__offrow { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; font: 600 12.5px/1.25 var(--gk-font-body, sans-serif); color: #e9e9ef; text-decoration: none; }
.ml-cart__offrow span:first-child { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.ml-cart__offrow i { flex: none; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; font: 800 11px/1 sans-serif; font-style: normal; }
.ml-cart__offrow b { font: 700 10.5px/1 var(--ml-mono, monospace); color: #9ff3c0; letter-spacing: .03em; }
.ml-cart__offrow.is-on { background: rgba(52, 211, 120, .07); border: 1px solid rgba(52, 211, 120, .28); animation: mlb-offin .5s cubic-bezier(.2,.9,.3,1.2) both; }
.ml-cart__offrow.is-on i { background: #34d378; color: #04130a; }
.ml-cart__offrow.is-on span:last-child { color: #9ff3c0; font-weight: 800; white-space: nowrap; }
.ml-cart__offrow.is-hint { border: 1px dashed rgba(255,255,255,.22); background: rgba(255,255,255,.025); transition: border-color .2s, background .2s; }
.ml-cart__offrow.is-hint:hover { border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.05); }
.ml-cart__offrow.is-hint i { background: #fff; color: #000; }
.ml-cart__offrow.is-hint span:last-child { font: 600 11px/1.2 var(--ml-mono, monospace); color: #b9b9c6; text-align: right; }
.ml-cart__save { display: flex; justify-content: space-between; align-items: baseline; padding: 0 2px; font: 600 12px/1 var(--ml-mono, monospace); letter-spacing: .06em; text-transform: uppercase; color: #9ff3c0; }
.ml-cart__save b { font: 800 14px/1 var(--gk-font-body, sans-serif); letter-spacing: 0; }
@keyframes mlb-offin { from { opacity: 0; transform: translateY(6px) scale(.97); } to { opacity: 1; transform: none; } }

/* reviews roll on their own */
.ml-pv__rail.is-rolling { display: block; overflow: hidden; scroll-snap-type: none; padding: 6px 0 22px; margin: 0; cursor: grab; touch-action: pan-y; user-select: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); }
.ml-pv__rail.is-drag { cursor: grabbing; }
.ml-pv__track { display: flex; gap: 14px; width: max-content; will-change: transform; }
.ml-pv__track .ml-pv__card { flex: 0 0 300px; }
@media (max-width: 767.98px) { .ml-pv__track .ml-pv__card { flex-basis: 76vw; max-width: 300px; } }
.ml-pv__msg.is-buy { color: #e8e8ee !important; font-size: 14px; }
.ml-pv__msg.is-buy b { color: #fff; font-weight: 700; }
.ml-pv__card.is-auto .ml-pv__stars i { width: 15px; height: 15px; }

/* cart page: savings */
.ml-cp__offs { display: grid; gap: 8px; margin: 4px 0 2px; }
.ml-cp__save span:last-child { color: #9ff3c0; font-weight: 800; }
.ml-cp__save span:first-child { color: #9ff3c0; }
.ml-cp__was { display: inline-flex; align-items: center; gap: 6px; margin-right: 8px; font-size: 12px; color: #6f6f7d; }
.ml-cp__was em { font: 700 10px/1 var(--ml-mono, monospace); font-style: normal; color: #0a0a0c; background: linear-gradient(135deg, #f4f4f7, #a9a9b4 55%, #ececf1); padding: 3px 6px; border-radius: 999px; }

/* =========================================================
   Cart page: black + chrome (same look as the product buy box + side cart)
   ========================================================= */
html.grok-theme body:has([data-gk-cart-page]),
html.grok-theme body:has([data-gk-cart-page]) .flex-wrapper { background: #000 !important; color: #f2f2f5; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart { color: #f2f2f5 !important; padding-bottom: clamp(56px, 8vw, 96px) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart-grid {
  display: block !important;
  background-color: #000 !important;
  background-image:
    radial-gradient(ellipse 50% 40% at 50% -4%, rgba(255, 255, 255, .12), transparent 70%),
    radial-gradient(ellipse 120% 90% at 50% 40%, transparent 55%, rgba(0, 0, 0, .9) 100%),
    linear-gradient(to right, rgba(255, 255, 255, .07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, .07) 1px, transparent 1px) !important;
  background-size: auto, auto, var(--ml-cell) var(--ml-cell), var(--ml-cell) var(--ml-cell) !important;
  background-position: 0 0, 0 0, center top, center top !important;
}
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__glow { display: none !important; }

/* head: centred */
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__crumb { justify-content: center; color: #77778a !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__crumb a { color: #8a8a96 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__crumb a:hover,
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__crumb span:last-child { color: #e8e8ee !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__head { text-align: center; border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: clamp(26px, 4vw, 40px) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__head::after { display: none !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__kicker { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); font: 600 11px/1 var(--ml-mono) !important; letter-spacing: .2em !important; color: #c9c9d2 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 8px #3ddc84; animation: mlb-led 1.6s ease-in-out infinite; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__title {
  margin: 14px 0 0 !important;
  font: 700 clamp(40px, 7vw, 76px)/.95 var(--ml-display) !important;
  letter-spacing: .04em !important;
  background: var(--ml-chrome-text) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 22px rgba(255, 255, 255, .14));
}
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__head-row { flex-direction: column; justify-content: center; gap: 14px; margin-top: 14px; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__subtitle { color: #a8a8b5 !important; font: 500 14px/1.5 var(--ml-mono) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__continue { background: #0c0c10 !important; color: #e8e8ee !important; border: 1px solid rgba(255, 255, 255, .16) !important; box-shadow: none !important; font-family: var(--ml-mono) !important; letter-spacing: .06em; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__continue:hover { border-color: #fff !important; background: #17171c !important; }

/* loading + empty */
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__loading { color: #a8a8b5 !important; font-family: var(--ml-mono); }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__spinner { border-color: rgba(255, 255, 255, .15) !important; border-top-color: #fff !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__empty { background: linear-gradient(180deg, #121217, #08080a) !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 30px 60px rgba(0, 0, 0, .6) !important; color: #f2f2f5 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__empty-icon { background: #0c0c10 !important; color: #e8e8ee !important; border-color: rgba(255, 255, 255, .14) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__empty-title { color: #fff !important; font-family: var(--ml-display) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__empty-copy { color: #a8a8b5 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__empty-cta { background: var(--ml-tex) !important; color: #0b0b0e !important; border: 3px solid #000 !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 10px 26px rgba(0, 0, 0, .55) !important; font-family: var(--ml-display) !important; letter-spacing: .14em; text-transform: uppercase; }

/* items: black glass with a chrome rim */
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item {
  position: relative;
  background: linear-gradient(180deg, rgba(20, 20, 25, .96), rgba(8, 8, 10, .98)) !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  color: #f2f2f5 !important;
  animation: mlb-cartin .7s var(--ml-ease) both;
  animation-delay: calc(var(--ml-i, 0) * 90ms);
}
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item > .ml-rim { z-index: 0; opacity: .55; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item:hover > .ml-rim { opacity: 1; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item > :not(.ml-rim) { position: relative; z-index: 1; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item:hover { transform: translateY(-2px); }
@keyframes mlb-cartin { from { opacity: 0; transform: translateY(18px) scale(.98); filter: blur(4px); } to { opacity: 1; transform: none; filter: none; } }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-media { background: #050506 !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 14px !important; box-shadow: 0 10px 22px rgba(0, 0, 0, .5) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-name { color: #fff !important; font-family: var(--ml-display) !important; letter-spacing: .06em; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-name:hover { color: #d8d8e0 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-variant { color: #8a8a96 !important; font-family: var(--ml-mono) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-deal { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(61, 220, 132, .08); box-shadow: inset 0 0 0 1px rgba(61, 220, 132, .3); color: #b8f5d2 !important; font: 600 11.5px/1 var(--ml-mono) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-deal strong { color: #3ddc84 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__addon { background: #0c0c10 !important; color: #c8c8d0 !important; border-color: rgba(255, 255, 255, .12) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__remove { background: #0c0c10 !important; color: #a8a8b5 !important; border: 1px solid rgba(255, 255, 255, .12) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__remove:hover { color: #fff !important; border-color: rgba(255, 92, 103, .6) !important; background: rgba(255, 92, 103, .1) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__qty { background: #0a0a0d !important; border: 1px solid rgba(255, 255, 255, .14) !important; box-shadow: none !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__qty-btn { background: transparent !important; color: #e8e8ee !important; border-color: rgba(255, 255, 255, .1) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__qty-btn:hover:not(:disabled) { background: rgba(255, 255, 255, .08) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__qty-input { background: transparent !important; color: #fff !important; border-color: rgba(255, 255, 255, .1) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-unit { color: #fff !important; font-weight: 800 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__item-line { color: #8a8a96 !important; font-family: var(--ml-mono); }

/* summary: the buy-box panel with the light running round its rim */
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__summary {
  position: relative;
  background: linear-gradient(180deg, rgba(20, 20, 25, .97), rgba(8, 8, 10, .99)) !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 40px 80px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  color: #f2f2f5 !important;
}
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__summary::before { display: none !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__summary > .ml-rim { z-index: 0; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__summary > :not(.ml-rim) { position: relative; z-index: 1; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__summary-step { color: #8a8a96 !important; font-family: var(--ml-mono) !important; letter-spacing: .18em !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__summary-title { font-family: var(--ml-display) !important; background: var(--ml-chrome-text) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; letter-spacing: .06em !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__summary-sub,
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__field-hint { color: #8a8a96 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__label { color: #e8e8ee !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__input-icon { color: #8a8a96 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__input {
  background: #0a0a0d !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: none !important;
  font-family: var(--ml-mono) !important;
}
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__input::placeholder { color: #5d5d6a !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__input:focus { border-color: rgba(255, 255, 255, .6) !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, .08) !important; outline: none; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__field-error { color: #ff8a92 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__promo { background: #0a0a0d !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #e8e8ee !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__promo-summary { color: #e8e8ee !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__promo-mark { color: #fff !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__row { color: #a8a8b5 !important; border-color: rgba(255, 255, 255, .08) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__rows { border-color: rgba(255, 255, 255, .08) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__coupon-tag { background: #0c0c10 !important; color: #fff !important; border-color: rgba(255, 255, 255, .2) !important; }
html.grok-theme body:has([data-gk-cart-page]) .ml-cp__save { color: #9ff3c0 !important; font-family: var(--ml-mono); text-transform: uppercase; letter-spacing: .06em; font-size: 12px; }
html.grok-theme body:has([data-gk-cart-page]) .ml-cp__save span:last-child { font-family: var(--gk-font-body, sans-serif); font-size: 15px; letter-spacing: 0; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__total { border-color: rgba(255, 255, 255, .1) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__total-label { color: #a8a8b5 !important; font-family: var(--ml-mono) !important; letter-spacing: .1em !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__total-val { color: #fff !important; font: 800 clamp(30px, 3.6vw, 38px)/1 var(--gk-font-body, sans-serif) !important; text-shadow: 0 0 24px rgba(255, 255, 255, .18); }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__altcha-ok { background: rgba(61, 220, 132, .08) !important; color: #9ff3c0 !important; border: 1px solid rgba(61, 220, 132, .3) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__checkout {
  position: relative;
  overflow: hidden;
  min-height: 62px;
  border: 3px solid #000 !important;
  background: var(--ml-tex) !important;
  color: #0b0b0e !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .22), 0 14px 34px rgba(0, 0, 0, .6) !important;
}
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__checkout::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .85) 50%, transparent 65%); transform: translateX(-120%); animation: mlb-cosheen 3.2s ease-in-out infinite 1s; pointer-events: none; }
@keyframes mlb-cosheen { 0%, 55% { transform: translateX(-120%); } 85%, 100% { transform: translateX(120%); } }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__checkout:hover:not(:disabled) { filter: brightness(1.12) contrast(1.05) !important; transform: translateY(-2px); }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__checkout-label { font-family: var(--ml-display) !important; letter-spacing: .16em !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__checkout-spin { border-color: rgba(0, 0, 0, .2) !important; border-top-color: #000 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__pay { border-color: rgba(255, 255, 255, .08) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__next { background: #0a0a0d !important; border: 1px solid rgba(255, 255, 255, .1) !important; color: #e8e8ee !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__next-label { color: #8a8a96 !important; font-family: var(--ml-mono) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__next strong { color: #fff !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__trust { justify-content: center; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__trust-badge { background: #0a0a0d !important; color: #c8c8d0 !important; border: 1px solid rgba(255, 255, 255, .14) !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__trust-badge svg { color: #3ddc84; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__note { color: #6f6f7d !important; text-align: center; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__alert--warn { background: rgba(245, 185, 66, .08) !important; color: #f5d08a !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__alert--error { background: rgba(255, 92, 103, .08) !important; color: #ffb3b8 !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__head-row { align-items: center !important; }
html.grok-theme body:has([data-gk-cart-page]) .gk-cart__subtitle { flex: none !important; max-width: 100%; }
@media (max-width: 480px) {
  html.grok-theme body:has([data-gk-cart-page]) .gk-cart__checkout-label { letter-spacing: .08em !important; font-size: 15px !important; white-space: nowrap; }
}