/* Gogo Wheel inline success / already played state */

.gogo-wheel-home-success { position: relative; display: grid; min-height: 285px; grid-template-columns: 275px minmax(330px,.9fr) minmax(330px,.85fr); margin-top: 24px; overflow: hidden; border: 1px solid #ffd4d8; border-radius: 20px; background: linear-gradient(90deg, #d90017 0 275px, #fff 275px); box-shadow: 0 14px 35px rgb(112 12 25 / 9%); }

.gogo-wheel-home-success__celebration { position: relative; min-height: 285px; overflow: hidden; isolation: isolate; }.gogo-wheel-home-success__celebration::before { position: absolute; z-index: -2; top: -105px; left: -115px; width: 280px; border: 40px solid rgb(255 255 255 / 9%); border-radius: 50%; content: ""; aspect-ratio: 1; }
.gogo-wheel-home-success__rays { position: absolute; z-index: -1; top: 45px; left: 50%; width: 310px; border-radius: 50%; background: repeating-conic-gradient(rgb(255 255 255 / 15%) 0 8deg,transparent 8deg 19deg); aspect-ratio: 1; transform: translateX(-50%); }
.gogo-wheel-home-success__celebration>img { position: absolute; z-index: 4; right: -15px; bottom: -71px; width: 285px; height: 340px; object-fit: contain; filter: drop-shadow(0 16px 16px rgb(82 0 11 / 28%)); }
.gogo-wheel-home-success__giftbox { position: absolute; z-index: 7; top: 30px; left: 15px; width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at top left, #ffefad, #ffc700); box-shadow: 0 10px 25px rgba(217,0,23,0.3), inset 0 0 10px rgba(255,255,255,0.8); animation: floatGift 3s ease-in-out infinite; transform-origin: center bottom; }
.gogo-wheel-home-success__giftbox svg { width: 40px; height: 40px; color: #d90017; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); }
.gogo-wheel-home-success__giftbox .gift-sparkles { position: absolute; top: -10px; right: -5px; font-size: 20px; animation: sparkleScale 1.5s ease-in-out infinite alternate; }
@keyframes floatGift { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-10px) rotate(5deg); } }
@keyframes sparkleScale { 0% { transform: scale(0.8); opacity: 0.7; } 100% { transform: scale(1.2); opacity: 1; } }
.gogo-wheel-home-success__confetti { position: absolute; z-index: 8; top: 34px; right: 23px; color: #ffd05a; font-size: 28px; }

.gogo-wheel-home-success__content { min-width: 0; align-self: center; padding: 32px 28px; }.gogo-wheel-home-success__eyebrow { display: inline-flex; align-items: center; gap: 6px; color: var(--brand-red); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }.gogo-wheel-home-success__eyebrow img { width: 16px; filter: invert(14%) sepia(99%) saturate(6700%) hue-rotate(348deg) brightness(99%); }
.gogo-wheel-home-success h2 { margin: 7px 0; font-size: clamp(25px,2.45vw,34px); letter-spacing: -.045em; line-height: 1.01; }.gogo-wheel-home-success h2 strong { color: var(--brand-red); }.gogo-wheel-home-success__content>p { max-width: 480px; margin: 0 0 12px; color: #777980; font-size: 10px; line-height: 1.45; }
.gogo-wheel-home-success__reward-row { display: flex; align-items: stretch; gap: 7px; }.gogo-wheel-home-success__code { display: flex; min-width: 210px; flex: 1; align-items: center; justify-content: space-between; gap: 9px; padding: 8px 8px 8px 11px; border: 1px dashed #edabb2; border-radius: 9px; background: #fff6f7; }.gogo-wheel-home-success__code>span { display: flex; flex-direction: column; }.gogo-wheel-home-success__code small { color: #927b7e; font-size: 6px; text-transform: uppercase; }.gogo-wheel-home-success__code strong { color: #a90012; font-size: 13px; letter-spacing: .07em; }.gogo-wheel-home-success__code button { display: inline-flex; align-items: center; gap: 4px; padding: 6px 7px; border: 0; border-radius: 6px; background: var(--brand-red); color: #fff; cursor: pointer; font-size: 7px; font-weight: 900; }.gogo-wheel-home-success__code button img { width: 12px; filter: brightness(0) invert(1); }.gogo-wheel-home-success__code button.is-copied { background: #168553; }
.gogo-wheel-home-success__countdown { position: relative; display: flex; min-width: 120px; flex-direction: column; align-items: center; justify-content: center; padding: 6px 12px; border-radius: 12px; background: #fff; box-shadow: 0 4px 15px rgba(217,0,23,0.08), inset 0 0 0 1px rgba(217,0,23,0.15); overflow: hidden; }
.gogo-wheel-home-success__countdown::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, var(--brand-red), transparent); animation: scanline 2s linear infinite; }
@keyframes scanline { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.gogo-wheel-home-success__countdown>small { display: flex; align-items: center; gap: 4px; color: #6b7280; font-size: 7px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.gogo-wheel-home-success__countdown>small::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--brand-red); animation: pulseDot 1.5s infinite; }
@keyframes pulseDot { 0% { box-shadow: 0 0 0 0 rgba(217,0,23,0.4); } 70% { box-shadow: 0 0 0 4px rgba(217,0,23,0); } 100% { box-shadow: 0 0 0 0 rgba(217,0,23,0); } }
.gogo-wheel-home-success__countdown>span { margin-top: 3px; color: #374151; font-size: 14px; font-weight: 900; letter-spacing: 1px; font-variant-numeric: tabular-nums; }
.gogo-wheel-home-success__countdown strong { color: var(--brand-red); }

.gogo-wheel-home-success__actions { display: flex; gap: 6px; margin-top: 9px; }.gogo-wheel-home-success__actions button,.gogo-wheel-home-success__actions a { display: inline-flex; align-items: center; justify-content: center; padding: 8px 9px; border-radius: 7px; font-size: 7px; font-weight: 900; }.gogo-wheel-home-success__actions button { border: 1px solid #dedfe3; background: #fff; color: #65676e; cursor: pointer; }.gogo-wheel-home-success__actions a { flex: 1; gap: 5px; background: var(--brand-red); color: #fff; }.gogo-wheel-home-success__actions a img { width: 12px; filter: brightness(0) invert(1); }.gogo-wheel-home-success__notice { min-height: 10px; margin: 5px 0 -15px!important; color: #168553!important; font-size: 7px!important; }

.gogo-wheel-home-success__products { min-width: 0; align-self: center; margin-right: 15px; margin-left: 10px; padding: 18px; border: none; border-radius: 16px; background: linear-gradient(145deg, #fff, #fff9fa); box-shadow: 0 10px 25px rgb(112 12 25 / 8%); }
.gogo-wheel-home-success__products-title { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #4c4d52; font-size: 13px; font-weight: 800; }
.gogo-wheel-home-success__products-title img { width: 18px; filter: invert(15%) sepia(99%) saturate(6500%) hue-rotate(349deg) brightness(100%); }
.gogo-wheel-home-success__carousel { position: relative; display: flex; align-items: center; width: 100%; }
.gogo-carousel-btn { position: absolute; z-index: 5; width: 28px; height: 28px; display: grid; place-items: center; border: none; border-radius: 50%; background: var(--brand-red); color: #fff; box-shadow: 0 4px 10px rgba(217,0,23,0.3); cursor: pointer; transition: transform .2s ease, background .2s; }
.gogo-carousel-btn:hover { background: #b80013; transform: scale(1.1); }
.gogo-carousel-btn svg { width: 16px; height: 16px; stroke-width: 3; }
.gogo-carousel-btn--prev { left: -14px; }
.gogo-carousel-btn--next { right: -14px; }
.gogo-wheel-home-success__product-list { display: flex; gap: 10px; overflow-x: hidden; padding-bottom: 8px; scroll-behavior: smooth; width: 100%; }

.gogo-success-product { flex: 0 0 150px; display: flex; flex-direction: column; min-width: 0; padding: 10px; border: 1px solid #f3f4f6; border-radius: 16px; background: #fff; transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease; }
.gogo-success-product:hover { box-shadow: 0 12px 24px rgba(0,0,0,0.06); border-color: #ffd3d8; transform: translateY(-2px); }
.gogo-success-product__link { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.gogo-success-product__img { position: relative; display: grid; width: 100%; height: 90px; place-items: center; overflow: hidden; border-radius: 12px; background: #f8f9fa; margin-bottom: 10px; }
.gogo-success-product__img img { width: 85%; height: 85%; object-fit: contain; mix-blend-mode: multiply; }

.gogo-free-shipping { position: absolute; top: 6px; left: 6px; display: flex; align-items: center; gap: 3px; background: rgba(255, 255, 255, 0.9); color: #10b981; font-size: 7px; font-weight: 800; padding: 3px 6px 3px 4px; border-radius: 6px; letter-spacing: 0.02em; text-transform: uppercase; box-shadow: 0 2px 8px rgba(0,0,0,0.08); z-index: 2; backdrop-filter: blur(4px); border: 1px solid rgba(16, 185, 129, 0.2); }
.gogo-free-shipping svg { width: 10px; height: 10px; stroke-width: 2.5; }
.gogo-success-product__info { padding-bottom: 10px; }
.gogo-success-product__info small { display: block; color: #d97706; font-size: 9px; font-weight: 800; text-transform: uppercase; margin-bottom: 2px; }
.gogo-success-product__info del { display: block; color: #9ca3af; font-size: 10px; font-weight: 500; }
.gogo-success-product__info strong { display: block; color: var(--brand-red); font-size: 15px; line-height: 1.1; margin-top: 2px; font-weight: 900; letter-spacing: -0.02em; }

.gogo-success-product__action-area { margin-top: auto; position: relative; min-height: 34px; }
.gogo-success-product__add-btn { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 8px; background: var(--brand-red); color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; transition: background 0.2s, transform 0.1s; box-shadow: 0 4px 10px rgba(217,0,23,0.2); }
.gogo-success-product__add-btn:hover { background: #b80013; box-shadow: 0 6px 14px rgba(217,0,23,0.3); }
.gogo-success-product__add-btn:active { transform: scale(0.97); box-shadow: 0 2px 5px rgba(217,0,23,0.2); }
.gogo-success-product__add-btn.is-added { animation: cartSuccessAnim 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; pointer-events: none; }
@keyframes cartSuccessAnim { 0% { transform: scale(0.95); background: var(--brand-red); color: transparent; } 50% { transform: scale(1.05); background: #10b981; box-shadow: 0 0 15px rgba(16,185,129,0.5); color: #fff; } 100% { transform: scale(1); background: #10b981; color: #fff; } }

.gogo-success-product__qty-controls { display: flex; align-items: center; justify-content: space-between; height: 100%; background: #f3f4f6; border-radius: 8px; padding: 2px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); }
.gogo-qty-delete { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: none; border-radius: 6px; background: transparent; cursor: pointer; transition: all .2s ease; }
.gogo-qty-delete:hover { background: #fee2e2; }
.gogo-qty-delete svg { width: 15px; color: #ef4444; transition: transform .2s cubic-bezier(0.34, 1.56, 0.64, 1); }
.gogo-qty-delete:hover svg { transform: scale(1.15) rotate(-5deg); }
.gogo-qty-stepper { display: flex; flex: 1; align-items: center; justify-content: space-between; height: 100%; border-radius: 6px; background: transparent; }
.gogo-qty-stepper button { width: 30px; height: 30px; border: none; border-radius: 6px; background: transparent; color: #4b5563; font-size: 16px; font-weight: 700; cursor: pointer; transition: all .2s ease; }
.gogo-qty-stepper button:hover { background: #e5e7eb; color: #111827; }
.gogo-qty-stepper button:active { transform: scale(0.9); }
.gogo-qty-stepper span { flex: 1; text-align: center; font-size: 13px; font-weight: 800; color: #111827; font-variant-numeric: tabular-nums; }

.gogo-wheel-home-success__products>p { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; color: #8a7d6e; font-size: 10px; }
.gogo-wheel-home-success__products>p img { width: 14px; opacity: .7; }

@media(max-width:1199.98px){.gogo-wheel-home-success{grid-template-columns:225px 1fr 320px}.gogo-wheel-home-success__content{padding-inline:18px}.gogo-wheel-home-success__celebration>img{right:-45px}.gogo-wheel-home-success__ticket{left:18px}.gogo-wheel-home-success__reward-row{flex-direction:column}.gogo-wheel-home-success__countdown{flex-direction:row;gap:7px}}
@media(max-width:991.98px){.gogo-wheel-home-success{grid-template-columns:210px 1fr}.gogo-wheel-home-success__products{grid-column:1/-1;margin:0 18px 18px}.gogo-wheel-home-success__products a{display:grid;grid-template-columns:75px 1fr}.gogo-wheel-home-success__products a>span{width:75px}}
@media(max-width:575.98px){.gogo-wheel-home-success{grid-template-columns:1fr}.gogo-wheel-home-success__celebration{min-height:210px}.gogo-wheel-home-success__celebration>img{right:4%;bottom:-105px;width:235px}.gogo-wheel-home-success__ticket{top:60px;left:16%}.gogo-wheel-home-success__content{padding:25px 18px}.gogo-wheel-home-success__reward-row,.gogo-wheel-home-success__actions{flex-direction:column}.gogo-wheel-home-success__code{min-width:0}.gogo-wheel-home-success__products{margin-inline:12px}.gogo-wheel-home-success__products>div{grid-auto-columns:150px;grid-auto-flow:column;grid-template-columns:none;overflow-x:auto}.gogo-wheel-home-success__products a{grid-template-columns:1fr}.gogo-wheel-home-success__products a>span{width:100%}}

/* Enlarged typography for the inline reward state */
.gogo-wheel-home-success__ticket small,
.gogo-wheel-home-success__ticket b { font-size: 9px; }
.gogo-wheel-home-success__ticket strong { font-size: 25px; }
.gogo-wheel-home-success__eyebrow { font-size: 11px; }
.gogo-wheel-home-success__eyebrow img { width: 18px; }
.gogo-wheel-home-success h2 { font-size: clamp(28px,2.65vw,38px); }
.gogo-wheel-home-success__content>p { max-width: 520px; color: #686a71; font-size: 13px; }
.gogo-wheel-home-success__code { min-width: 230px; padding: 9px 9px 9px 13px; }
.gogo-wheel-home-success__code small { font-size: 8px; font-weight: 700; }
.gogo-wheel-home-success__code strong { font-size: 16px; }
.gogo-wheel-home-success__code button { gap: 5px; padding: 8px 10px; font-size: 10px; }
.gogo-wheel-home-success__code button img { width: 14px; }
.gogo-wheel-home-success__countdown { min-width: 125px; padding: 6px 10px; }
.gogo-wheel-home-success__countdown>small { color: #858890; font-size: 8px; font-weight: 700; }
.gogo-wheel-home-success__countdown>span { font-size: 13px; }
.gogo-wheel-home-success__countdown strong { font-size: 15px; }
.gogo-wheel-home-success__actions button,
.gogo-wheel-home-success__actions a { padding: 10px 11px; font-size: 10px; }
.gogo-wheel-home-success__actions a img { width: 14px; }
.gogo-wheel-home-success__notice { font-size: 9px!important; }


@media(max-width:575.98px){
  .gogo-wheel-home-success__code { min-width: 0; }
  .gogo-wheel-home-success__content>p { font-size: 12px; }
}

/* Mobile card: keep the celebration, copy and products on distinct surfaces. */
@media (max-width: 575.98px) {
  .gogo-wheel-home-success {
    min-height: 0;
    margin-top: 18px;
    overflow: hidden;
    border-color: #f2c7cc;
    border-radius: 20px;
    background: #f7f8fb;
    box-shadow: 0 12px 30px rgb(77 21 30 / 10%);
  }

  .gogo-wheel-home-success__celebration {
    min-height: 220px;
    background: linear-gradient(145deg, #dc0018 0%, #f20825 62%, #b70015 100%);
  }

  .gogo-wheel-home-success__rays {
    top: 35px;
    width: 280px;
  }

  .gogo-wheel-home-success__celebration > img {
    right: 3%;
    bottom: -92px;
    width: 240px;
    height: 310px;
  }

  .gogo-wheel-home-success__giftbox {
    top: 42px;
    left: 17px;
    width: 64px;
    height: 64px;
  }

  .gogo-wheel-home-success__giftbox svg {
    width: 34px;
    height: 34px;
  }

  .gogo-wheel-home-success__content {
    position: relative;
    z-index: 2;
    align-self: stretch;
    padding: 24px 17px 18px;
    border-bottom: 1px solid #f0e4e6;
    background: #fff;
  }

  .gogo-wheel-home-success__eyebrow {
    color: #bd0015;
    font-size: 9px;
    letter-spacing: .055em;
  }

  .gogo-wheel-home-success__eyebrow img {
    width: 15px;
  }

  .gogo-wheel-home-success h2 {
    margin: 9px 0 10px;
    color: #202127;
    font-size: clamp(25px, 7.5vw, 29px);
    letter-spacing: -.025em;
    line-height: 1.1;
  }

  .gogo-wheel-home-success h2 strong {
    color: #d90017;
  }

  .gogo-wheel-home-success__content > p {
    margin-bottom: 16px;
    color: #62656d;
    font-size: 12px;
    line-height: 1.55;
  }

  .gogo-wheel-home-success__reward-row {
    gap: 9px;
  }

  .gogo-wheel-home-success__code,
  .gogo-wheel-home-success__countdown {
    width: 100%;
    min-width: 0;
    min-height: 54px;
    border-radius: 11px;
  }

  .gogo-wheel-home-success__code {
    padding: 9px 9px 9px 12px;
  }

  .gogo-wheel-home-success__code small {
    font-size: 7px;
  }

  .gogo-wheel-home-success__code strong {
    font-size: 15px;
  }

  .gogo-wheel-home-success__code button {
    min-height: 36px;
    padding-inline: 11px;
    font-size: 9px;
  }

  .gogo-wheel-home-success__countdown {
    flex-direction: row;
    gap: 10px;
    padding: 10px 12px;
  }

  .gogo-wheel-home-success__countdown > small {
    font-size: 7px;
  }

  .gogo-wheel-home-success__countdown > span,
  .gogo-wheel-home-success__countdown strong {
    font-size: 15px;
  }

  .gogo-wheel-home-success__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 10px;
  }

  .gogo-wheel-home-success__actions button,
  .gogo-wheel-home-success__actions a {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 10px;
  }

  .gogo-wheel-home-success__products {
    width: auto;
    align-self: stretch;
    margin: 0;
    padding: 18px 12px 16px;
    overflow: hidden;
    border-radius: 0;
    background: #f7f8fb;
    box-shadow: none;
  }

  .gogo-wheel-home-success__products-title {
    margin: 0 4px 14px;
    color: #35373e;
    font-size: 12px;
    line-height: 1.35;
  }

  .gogo-wheel-home-success__carousel {
    min-width: 0;
    padding-inline: 7px;
  }

  .gogo-wheel-home-success__product-list {
    gap: 10px;
    width: 100%;
    overflow-x: auto;
    padding: 2px 22px 10px;
    scroll-padding-inline: 22px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gogo-wheel-home-success__product-list::-webkit-scrollbar {
    display: none;
  }

  .gogo-success-product {
    flex: 0 0 min(68vw, 220px);
    min-width: min(68vw, 220px);
    padding: 11px;
    border-color: #eceef2;
    scroll-snap-align: start;
  }

  .gogo-success-product__img {
    height: 116px;
  }

  .gogo-success-product__info {
    min-height: 88px;
  }

  .gogo-success-product__title {
    font-size: 12px !important;
    line-height: 1.35;
  }

  .gogo-success-product__action-area {
    min-height: 40px;
  }

  .gogo-carousel-btn {
    z-index: 12;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    box-shadow: 0 5px 14px rgb(123 0 15 / 28%);
  }

  .gogo-carousel-btn--prev {
    left: 0;
  }

  .gogo-carousel-btn--next {
    right: 0;
  }

  .gogo-wheel-home-success__products > p {
    margin: 10px 4px 0;
    color: #70737a;
    font-size: 9px;
    line-height: 1.45;
  }
}

@media (max-width: 359.98px) {
  .gogo-wheel-home-success h2 {
    font-size: 24px;
  }

  .gogo-wheel-home-success__code button span {
    display: none;
  }

  .gogo-success-product {
    flex-basis: 72vw;
    min-width: 72vw;
  }
}