/* "Call us" for website visitors: floating button + small form. The call screen itself uses chat.css. */
.call-float { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 40; display: flex; align-items: center; gap: 8px; padding: 14px; border-radius: 99px; border: 1px solid rgba(217, 180, 106, .5); cursor: pointer;
  background: linear-gradient(135deg, #f3deaa, #d9b46a 45%, #b98a3e); color: #0a1428; font: 700 .9rem "Jakarta", system-ui, sans-serif; box-shadow: 0 14px 34px -10px rgba(185, 138, 62, .9); }
.call-float svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.call-float span { display: none; }
@media (min-width: 760px) { .call-float { padding: 14px 20px 14px 16px; } .call-float span { display: inline; } }
.gc-bg { position: fixed; inset: 0; z-index: 95; display: grid; place-items: end center; background: rgba(2, 6, 16, .7); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); font-family: "Jakarta", system-ui, sans-serif; }
@media (min-width: 640px) { .gc-bg { place-items: center; } }
.gc-bg[hidden] { display: none; }
.gc-sheet { position: relative; width: min(440px, 100%); max-height: 100%; overflow: auto; padding: 30px 24px max(26px, env(safe-area-inset-bottom)); color: #fff; text-align: center;
  background: linear-gradient(180deg, rgba(23, 40, 78, .96), rgba(8, 15, 34, .98)); border: 1px solid rgba(255, 255, 255, .14); border-radius: 28px 28px 0 0; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .8); }
@media (min-width: 640px) { .gc-sheet { border-radius: 28px; } }
.gc-sheet svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.gc-x { position: absolute; right: 14px; top: 14px; width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .1); color: #fff; display: grid; place-items: center; cursor: pointer; }
.gc-ic { width: 64px; height: 64px; margin: 0 auto 12px; border-radius: 50%; display: grid; place-items: center; color: #0a1428; background: linear-gradient(135deg, #f3deaa, #d9b46a 45%, #b98a3e); box-shadow: 0 0 0 8px rgba(217, 180, 106, .14); }
.gc-ic svg { width: 28px; height: 28px; }
.gc-sheet h2 { font: 500 1.7rem "Fraunces", serif; margin: 0 0 4px; }
.gc-sub { margin: 0 0 18px; opacity: .75; font-size: .95rem; }
.gc-form { display: grid; gap: 12px; text-align: left; }
.gc-form label { display: grid; gap: 6px; font-size: .85rem; font-weight: 600; opacity: .9; }
.gc-form label small { font-weight: 400; opacity: .7; }
.gc-form input { width: 100%; padding: 13px 15px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .07); color: #fff; font: 500 1rem "Jakarta", system-ui, sans-serif; outline: 0; }
.gc-form input:focus { border-color: #d9b46a; box-shadow: 0 0 0 3px rgba(217, 180, 106, .25); }
.gc-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.gc-notice { margin: 0; font-size: .8rem; text-align: center; color: #f3deaa; }
.gc-err { margin: 0; text-align: center; font-size: .88rem; color: #ff9a9a; }
.gc-go { display: block; width: 100%; margin-top: 4px; padding: 15px 20px; border: 0; border-radius: 99px; cursor: pointer; text-align: center; text-decoration: none; font: 700 1rem "Jakarta", system-ui, sans-serif; color: #0a1428; background: linear-gradient(135deg, #f3deaa, #d9b46a 45%, #b98a3e); }
.gc-go:disabled { opacity: .6; }
.gc-off p { margin: 0 0 16px; opacity: .85; line-height: 1.5; }
.gc-form[hidden], .gc-off[hidden] { display: none; }
.gc-call { z-index: 96; }
.gc-call.st-done .wa-call-btns { display: none; }

.gc-menu { display: grid; gap: 10px; text-align: left; }
.gc-menu[hidden] { display: none; }
.gc-opt { display: grid; gap: 3px; padding: 15px 18px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .07); color: #fff; text-decoration: none; cursor: pointer; font-family: inherit; text-align: left; }
.gc-opt b { font: 700 1.02rem "Jakarta", system-ui, sans-serif; }
.gc-opt small { opacity: .7; font-size: .82rem; }
.gc-opt:hover, .gc-opt:focus-visible { border-color: #d9b46a; background: rgba(217, 180, 106, .12); outline: 0; }
.gc-opt[data-o="call"] { border-color: rgba(217, 180, 106, .6); background: rgba(217, 180, 106, .14); }
.gc-opt.gc-offline { opacity: .6; cursor: default; }
.gc-opt[hidden] { display: none; }

/* the support chat opens from "Send us a message" in this box, so its own bubble steps aside */
.sfh-launch, .sfh-tip { display: none !important; }
.gc-vm { display: grid; gap: 12px; text-align: left; }
.gc-vm[hidden] { display: none; }
.gc-vm label { display: grid; gap: 6px; font-size: .85rem; font-weight: 600; opacity: .9; }
.gc-vm label small { font-weight: 400; opacity: .7; }
.gc-vm input[name] { width: 100%; padding: 13px 15px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .07); color: #fff; font: 500 1rem "Jakarta", system-ui, sans-serif; outline: 0; }
.gc-vm input[name]:focus { border-color: #d9b46a; box-shadow: 0 0 0 3px rgba(217, 180, 106, .25); }
.gc-rec { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .08); color: #fff; cursor: pointer; font: 700 1rem "Jakarta", system-ui, sans-serif; }
.gc-dot { width: 16px; height: 16px; border-radius: 50%; background: #e0444f; box-shadow: 0 0 0 5px rgba(224, 68, 79, .25); }
.gc-rec.on { border-color: #e0444f; }
.gc-rec.on .gc-dot { animation: gcblink 1s infinite; }
@keyframes gcblink { 50% { opacity: .3; } }
.gc-play { width: 100%; }
.gc-play[hidden] { display: none; }

/* ===== premium call form ===== */
.gc-bg { background: radial-gradient(60% 50% at 20% 10%, rgba(47, 139, 230, .35), transparent 70%), radial-gradient(50% 50% at 85% 90%, rgba(217, 180, 106, .28), transparent 70%), rgba(2, 6, 16, .86); animation: gcaurora 14s ease-in-out infinite alternate; background-size: 140% 140%, 140% 140%, auto; }
@keyframes gcaurora { from { background-position: 0 0, 100% 100%, 0 0; } to { background-position: 40% 30%, 60% 70%, 0 0; } }
.gc-sheet { width: min(540px, 100%); background: linear-gradient(165deg, rgba(30, 52, 98, .78), rgba(8, 15, 34, .9) 60%); backdrop-filter: blur(26px) saturate(1.4); -webkit-backdrop-filter: blur(26px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, .18); box-shadow: 0 40px 100px -24px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .22), 0 0 0 1px rgba(217, 180, 106, .12); }
.gc-sheet h2 { font-size: 2rem; letter-spacing: .01em; background: linear-gradient(120deg, #fff, #f3deaa 70%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gc-ic { position: relative; }
.gc-ic::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 1.5px solid rgba(217, 180, 106, .5); animation: wapulse 2.6s ease-out infinite; }
.gc-trust { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 4px; }
.gc-trust span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; font-size: .76rem; font-weight: 700; letter-spacing: .02em; background: rgba(95, 214, 138, .12); border: 1px solid rgba(95, 214, 138, .35); color: #8ff0b4; }
.gc-trust svg { width: 14px; height: 14px; }
.gc-card { margin: 0; padding: 16px 14px 14px; display: grid; gap: 12px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, .13); background: rgba(255, 255, 255, .05); min-width: 0; }
.gc-card legend { display: inline-flex; align-items: center; gap: 8px; padding: 0 10px; font: 700 .72rem "Jakarta", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #f3deaa; }
.gc-card legend svg { width: 16px; height: 16px; }
.gc-f { display: grid; gap: 6px; min-width: 0; }
.gc-f > span { font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .65; }
.gc-form .gc-f input { padding: 13px 14px; border-radius: 14px; font-size: 1rem; background: rgba(4, 10, 26, .55); color-scheme: dark; transition: border-color .2s, box-shadow .2s, background .2s; }
.gc-form .gc-f input::placeholder { color: rgba(255, 255, 255, .35); }
.gc-form .gc-f input:focus { background: rgba(4, 10, 26, .8); }
.gc-route { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: end; }
.gc-swap { width: 42px; height: 46px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .08); color: #f3deaa; display: grid; place-items: center; cursor: pointer; transition: transform .3s, background .2s; }
.gc-swap:hover { background: rgba(217, 180, 106, .2); transform: rotate(180deg); }
.gc-swap svg { width: 20px; height: 20px; }
.gc-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gc-pax { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 4px 0; }
.gc-pax > span { font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .65; }
.gc-step { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border-radius: 99px; background: rgba(4, 10, 26, .55); border: 1px solid rgba(255, 255, 255, .16); }
.gc-step button { width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .1); color: #fff; display: grid; place-items: center; cursor: pointer; }
.gc-step button:hover { background: rgba(217, 180, 106, .3); }
.gc-step svg { width: 18px; height: 18px; }
.gc-step output { min-width: 40px; text-align: center; font: 700 1.1rem "Jakarta", system-ui, sans-serif; }
.gc-priv { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 12px 14px; border-radius: 16px; background: rgba(95, 214, 138, .08); border: 1px solid rgba(95, 214, 138, .25); font-size: .8rem; line-height: 1.45; color: rgba(255, 255, 255, .85); text-align: left; }
.gc-priv svg { width: 20px; height: 20px; flex: 0 0 20px; color: #8ff0b4; margin-top: 1px; }
.gc-priv a { color: #f3deaa; }
.gc-legal { margin: 0; text-align: center; font-size: .7rem; opacity: .5; }
.gc-callgo { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 17px 20px; font-size: 1.08rem; position: relative; box-shadow: 0 16px 40px -12px rgba(217, 180, 106, .75), inset 0 1px 0 rgba(255, 255, 255, .6); }
.gc-callgo svg { width: 22px; height: 22px; }
.gc-callgo::after { content: ""; position: absolute; inset: -4px; border-radius: 99px; border: 1.5px solid rgba(243, 222, 170, .6); animation: wapulse 2.4s ease-out infinite; pointer-events: none; }
.gc-form { gap: 14px; }
@media (max-width: 420px) { .gc-route { grid-template-columns: 1fr; } .gc-swap { justify-self: center; transform: rotate(90deg); } .gc-swap:hover { transform: rotate(270deg); } .gc-row2 { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .gc-bg, .gc-ic::after, .gc-callgo::after { animation: none; } }

/* ===== trust through design, not words ===== */
.gc-seal { display: flex; justify-content: center; gap: 14px; margin-bottom: 2px; }
.gc-seal i { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #8ff0b4; background: radial-gradient(circle at 30% 25%, rgba(143, 240, 180, .28), rgba(95, 214, 138, .08)); border: 1px solid rgba(95, 214, 138, .4); box-shadow: 0 0 22px -4px rgba(95, 214, 138, .55); }
.gc-seal svg { width: 20px; height: 20px; }
.gc-in { position: relative; }
.gc-in svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: #f3deaa; opacity: .85; pointer-events: none; }
.gc-form .gc-in input { padding-left: 44px; }
.gc-form .gc-in input:focus + * , .gc-form .gc-in:focus-within svg { opacity: 1; color: #ffe9b0; }
.gc-form .gc-f input:hover { border-color: rgba(217, 180, 106, .55); }
.gc-card { background: linear-gradient(160deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
.gc-legal a { color: inherit; opacity: .8; }
.gc-sub:empty { display: none; }

/* ===== no scrolling, no dragging, no flicker ===== */
html.gc-lock, html.gc-lock body { overflow: hidden; }
.gc-bg { animation: none; background: radial-gradient(60% 50% at 20% 10%, rgba(47, 139, 230, .3), transparent 70%), radial-gradient(50% 50% at 85% 90%, rgba(217, 180, 106, .22), transparent 70%), rgba(2, 6, 16, .88); overflow: hidden; overscroll-behavior: contain; touch-action: manipulation; }
.gc-sheet { overflow-x: hidden; overscroll-behavior: contain; max-height: 100dvh; will-change: auto; }
.gc-sheet.is-form { padding: 16px 14px max(14px, env(safe-area-inset-bottom)); }
.gc-sheet.is-form .gc-ic { display: none; }
.gc-sheet.is-form h2 { font-size: 1.5rem; margin: 2px 0 8px; }
.gc-sheet.is-form .gc-x { top: 10px; right: 10px; width: 34px; height: 34px; }
.gc-sheet.is-form .gc-seal { margin-bottom: 0; }
.gc-sheet.is-form .gc-seal i { width: 30px; height: 30px; }
.gc-sheet.is-form .gc-seal svg { width: 16px; height: 16px; }
.gc-sheet.is-form .gc-form { gap: 10px; }
.gc-sheet.is-form .gc-card { padding: 10px 12px 12px; gap: 10px; }
.gc-sheet.is-form .gc-card legend { font-size: .64rem; padding: 0 8px; }
.gc-sheet.is-form .gc-f { gap: 4px; }
.gc-sheet.is-form .gc-f > span { font-size: .62rem; }
.gc-sheet.is-form .gc-in input { padding: 10px 8px 10px 36px; font-size: 16px; border-radius: 12px; min-width: 0; }
.gc-sheet.is-form .gc-in svg { left: 11px; width: 16px; height: 16px; }
.gc-sheet.is-form .gc-route { grid-template-columns: 1fr auto 1fr; gap: 6px; }
.gc-sheet.is-form .gc-swap { width: 32px; height: 42px; border-radius: 12px; transform: none; }
.gc-sheet.is-form .gc-swap:hover { transform: none; }
.gc-sheet.is-form .gc-row2 { grid-template-columns: 1fr 1fr; gap: 8px; }
.gc-sheet.is-form .gc-pax { padding: 0 2px; }
.gc-sheet.is-form .gc-step button { width: 32px; height: 32px; }
.gc-sheet.is-form .gc-callgo { padding: 14px 18px; font-size: 1rem; }
.gc-sheet.is-form .gc-legal { font-size: .64rem; }
.gc-sheet.is-form .gc-err { margin: 0; }
@media (max-height: 700px) { .gc-sheet.is-form .gc-seal { display: none; } .gc-sheet.is-form .gc-card { gap: 8px; } }
.gc-sheet.is-form .gc-row2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.gc-sheet.is-form .gc-route { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.gc-sheet.is-form .gc-in input { width: 100%; max-width: 100%; box-sizing: border-box; }
.gc-sheet.is-form .gc-in input[type="date"] { padding: 10px 8px; font-size: 15px; }
.gc-sheet.is-form .gc-in:has(input[type="date"]) svg { display: none; }
.gc-sheet.is-form .gc-in input[type="date"]::-webkit-date-and-time-value { text-align: left; }
.gc-sheet, .gc-form, .gc-card { max-width: 100%; box-sizing: border-box; }
.gc-callgo::after, .gc-ic::after { display: none; }

/* ===== trust words row, passengers ===== */
.gc-sheet.is-form .gc-trust { gap: 6px; margin: 0; flex-wrap: nowrap; }
.gc-sheet.is-form .gc-trust span { padding: 5px 9px; font-size: .66rem; white-space: nowrap; }
.gc-sheet.is-form .gc-trust svg { width: 12px; height: 12px; }
@media (max-height: 620px) { .gc-sheet.is-form .gc-trust { display: none; } }
.gc-sheet.is-form .gc-pax { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(4, 10, 26, .55); color: #fff; cursor: pointer; font-family: inherit; text-align: left; }
.gc-sheet.is-form .gc-pax:hover { border-color: rgba(217, 180, 106, .55); }
.gc-sheet.is-form .gc-pax > span { font-size: .62rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .65; }
.gc-sheet.is-form .gc-pax b { flex: 1; text-align: right; font-size: .95rem; font-weight: 700; }
.gc-sheet.is-form .gc-pax svg { position: static; width: 18px; height: 18px; color: #f3deaa; }
.gc-paxp { position: absolute; inset: 0; z-index: 5; padding: 56px 18px max(18px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 12px; overflow-y: auto; text-align: left; border-radius: inherit;
  background: linear-gradient(165deg, #182a52, #060c1c); }
.gc-paxp[hidden] { display: none; }
.gc-paxp h3 { margin: 0 0 4px; font: 500 1.5rem "Fraunces", serif; text-align: center; color: #f3deaa; }
.gc-pr { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
.gc-pr b { display: block; font-size: 1rem; }
.gc-pr small { opacity: .65; font-size: .78rem; }
.gc-ages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.gc-ages:empty { display: none; }
.gc-ages select { width: 100%; padding: 10px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(4, 10, 26, .7); color: #fff; font: 600 .9rem "Jakarta", system-ui, sans-serif; color-scheme: dark; }
.gc-paxdone { margin-top: auto; }
.gc-form { grid-template-columns: minmax(0, 1fr); }
.gc-sheet.is-form .gc-trust { gap: 4px; justify-content: center; }
.gc-sheet.is-form .gc-trust span { padding: 4px 8px; font-size: .6rem; gap: 4px; }
.gc-sheet.is-form .gc-trust svg { width: 11px; height: 11px; }
.gc-sheet.is-form .gc-pax { min-width: 0; }
.gc-sheet.is-form .gc-pax b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gc-sheet.is-form .gc-pax > span { white-space: nowrap; }

/* ===== one box: everything in one place ===== */
.gc-note { margin: 0 0 8px; padding: 9px 12px; border-radius: 14px; font-size: .8rem; line-height: 1.4; background: rgba(217, 180, 106, .12); border: 1px solid rgba(217, 180, 106, .35); color: #f3deaa; }
.gc-note[hidden], .gc-thanks[hidden], .gc-form[hidden], .gc-callgo[hidden], .gc-vmrow[hidden], .gc-ages[hidden] { display: none; }
.gc-pax3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.gc-pc { display: grid; gap: 4px; justify-items: center; min-width: 0; }
.gc-pc > span { font-size: .62rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .65; }
.gc-pc .gc-step { padding: 3px; gap: 2px; }
.gc-pc .gc-step button { width: 28px; height: 28px; }
.gc-pc .gc-step svg { width: 14px; height: 14px; position: static; transform: none; }
.gc-pc .gc-step output { min-width: 22px; font-size: .95rem; }
.gc-sheet .gc-ages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.gc-sheet .gc-ages select { padding: 8px 4px; font-size: .78rem; }
.gc-alt { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.gc-alt > * { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 6px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .07); color: #fff; font: 700 .82rem "Jakarta", system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.gc-alt > *:hover { border-color: #d9b46a; background: rgba(217, 180, 106, .14); }
.gc-alt > *[hidden] { display: none; }
.gc-alt svg { width: 16px; height: 16px; color: #f3deaa; }
.gc-legal { margin-top: 8px; }
.gc-vmrow { display: grid; gap: 8px; }
.gc-thanks { text-align: center; padding: 18px 6px; display: grid; gap: 10px; justify-items: center; }
.gc-thanks h3 { margin: 0; font: 500 1.5rem "Fraunces", serif; color: #f3deaa; }
.gc-thanks p { margin: 0; opacity: .8; line-height: 1.5; }
@media (max-height: 720px) { .gc-sheet.is-form .gc-trust { display: none; } }
/* team-off mode: still one screen */
.gc-sheet.vm .gc-note { padding: 6px 10px; font-size: .74rem; margin-bottom: 6px; }
.gc-sheet.vm .gc-vmrow { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: stretch; }
.gc-sheet.vm .gc-vmrow .gc-play { grid-column: 1 / -1; order: 3; height: 36px; }
.gc-sheet.vm .gc-vmrow .gc-rec { padding: 10px; font-size: .85rem; gap: 8px; }
.gc-sheet.vm .gc-vmrow .gc-sendvm { margin: 0; padding: 10px; font-size: .88rem; }
.gc-sheet.vm.is-form .gc-card { gap: 8px; }
.gc-sheet.vm.is-form .gc-in input { padding-top: 8px; padding-bottom: 8px; }
.gc-sheet.vm .gc-alt { margin-top: 8px; }

/* ===== clear hierarchy: plain info line, real option buttons ===== */
.gc-sheet .gc-trust, .gc-sheet.is-form .gc-trust { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 8px; padding: 0; border: 0; background: none; font-size: .7rem; font-weight: 600; letter-spacing: .04em; color: rgba(255, 255, 255, .55); }
.gc-sheet .gc-trust svg { width: 12px; height: 12px; color: rgba(143, 240, 180, .8); }
.gc-sheet .gc-trust b { opacity: .5; font-weight: 400; }
.gc-alt { gap: 8px; }
.gc-alt > * { display: grid; grid-template-columns: auto 1fr; align-items: center; justify-items: start; column-gap: 7px; row-gap: 3px; padding: 10px 9px; text-align: left; border-radius: 16px; background: rgba(255, 255, 255, .08); }
.gc-alt i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; }
.gc-alt i svg { width: 14px; height: 14px; color: #0a1428; }
.gc-alt i.gold { background: linear-gradient(135deg, #f3deaa, #d9b46a); }
.gc-alt i.green { background: #25d366; }
.gc-alt i.blue { background: #4cc9ff; }
.gc-alt b { font-size: .8rem; }
.gc-alt small { grid-column: 1 / -1; font: 500 .64rem/1.3 "Jakarta", system-ui, sans-serif; opacity: .65; }
@media (max-height: 760px) { .gc-alt small { display: none; } .gc-alt > * { padding: 10px 8px; } }
.gc-callgo { font-size: .98rem; }

/* ===== four options, one style, a clear hover effect ===== */
.gc-opts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.gc-o { --c: 217, 180, 106; position: relative; overflow: hidden; isolation: isolate; flex: 1 1 calc(50% - 4px); min-width: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 9px; row-gap: 3px; padding: 11px 10px; text-align: left; text-decoration: none; cursor: pointer;
  color: #fff; font-family: "Jakarta", system-ui, sans-serif; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .16); background: linear-gradient(160deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03));
  transition: transform .25s cubic-bezier(.2, .8, .2, 1), border-color .25s, box-shadow .25s, background .25s; }
.gc-o[hidden] { display: none; }
.gc-o::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(115deg, transparent 20%, rgba(var(--c), .35) 50%, transparent 80%); transform: translateX(-120%); transition: transform .7s cubic-bezier(.2, .8, .2, 1); }
.gc-o i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-style: normal; color: rgb(var(--c)); background: rgba(var(--c), .14); border: 1px solid rgba(var(--c), .45); transition: transform .3s, background .25s, color .25s, box-shadow .25s; }
.gc-o i svg { width: 15px; height: 15px; }
.gc-o b { font-size: .84rem; font-weight: 700; line-height: 1.2; }
.gc-o small { grid-column: 1 / -1; font: 500 .66rem/1.3 "Jakarta", system-ui, sans-serif; opacity: .65; transition: opacity .25s; }
.gc-o:hover, .gc-o:focus-visible { transform: translateY(-3px); border-color: rgb(var(--c)); outline: 0; background: linear-gradient(160deg, rgba(var(--c), .22), rgba(var(--c), .06));
  box-shadow: 0 0 0 1px rgba(var(--c), .5), 0 12px 30px -10px rgba(var(--c), .75), inset 0 1px 0 rgba(255, 255, 255, .25); }
.gc-o:hover::before, .gc-o:focus-visible::before { transform: translateX(120%); }
.gc-o:hover i, .gc-o:focus-visible i { transform: scale(1.12) rotate(-6deg); background: rgb(var(--c)); color: #0a1428; box-shadow: 0 0 18px rgba(var(--c), .9); }
.gc-o:hover small { opacity: .95; }
.gc-o:active { transform: translateY(0) scale(.97); }
.gc-o:disabled { opacity: .6; cursor: default; }
.c-gold { --c: 217, 180, 106; } .c-cyan { --c: 76, 201, 255; } .c-green { --c: 37, 211, 102; } .c-blue { --c: 130, 140, 255; }
@media (max-height: 760px) { .gc-o small { display: none; } .gc-o { padding: 10px 9px; } }
@media (prefers-reduced-motion: reduce) { .gc-o, .gc-o::before, .gc-o i { transition: none; } }