/* ============================================================================
 * Order-received (thank-you) page — hero, top-up FOMO, cross-sell cards.
 * Minimalist, warm, conversion-tuned. Scoped to body.acc-thankyou; the cross-sell
 * cards mirror the checkout design (gpco-xsell-* markup) re-scoped for this page.
 * Enqueued ONLY on the thank-you screen (acc_ty_enqueue).
 * ==========================================================================*/
body.acc-thankyou{
	--ty-ink:#16161c;--ty-mut:#5b616b;--ty-fade:#8a9099;
	--ty-line:#e7eaee;--ty-line-2:#eef0f3;--ty-surf:#fff;
	--ty-accent:#f80031;--ty-accent-2:#ff6e40;--ty-ok:#17935a;--ty-ok-bg:#eafaf1;
	--ty-radius:18px;--ty-radius-sm:12px;
}
/* Give the page room + centre it (theme-agnostic). */
body.acc-thankyou .woocommerce{max-width:920px;margin-inline:auto}
body.acc-thankyou .woocommerce-order{padding:0}
/* WooCommerce's default overview list: quieten it so our hero leads. */
body.acc-thankyou .woocommerce-thankyou-order-received{display:none}
body.acc-thankyou ul.woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;padding:14px 16px;
	list-style:none;background:var(--ty-surf);border:1px solid var(--ty-line);border-radius:var(--ty-radius-sm)}
body.acc-thankyou ul.woocommerce-order-overview li{border:0;margin:0;padding:0 16px 0 0;font-size:12px;
	text-transform:uppercase;letter-spacing:.03em;color:var(--ty-fade);font-weight:600}
body.acc-thankyou ul.woocommerce-order-overview li strong{display:block;margin-top:2px;font-size:15px;
	text-transform:none;letter-spacing:0;color:var(--ty-ink);font-weight:800}

/* ---- 1) Success hero -------------------------------------------------------*/
.acc-ty-hero{text-align:center;padding:26px 20px 20px;margin:8px 0 6px}
.acc-ty-hero-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;
	border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--ty-ok),#34c77b);
	box-shadow:0 10px 26px rgba(23,147,90,.32);animation:acc-ty-pop .5s cubic-bezier(.16,1.2,.3,1)}
@keyframes acc-ty-pop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.03)}100%{transform:scale(1);opacity:1}}
.acc-ty-hero-title{margin:14px 0 4px;font-size:1.9rem;line-height:1.15;font-weight:800;color:var(--ty-ink)}
.acc-ty-hero-sub{margin:0 auto;max-width:520px;font-size:1.02rem;line-height:1.5;color:var(--ty-mut)}
.acc-ty-hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 4px}
.acc-ty-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;
	background:var(--ty-line-2);color:var(--ty-ink);font-size:.82rem;font-weight:700}
.acc-ty-chip .dashicons{font-size:16px;width:16px;height:16px;color:var(--ty-ok)}
/* "What happens next" as a compact, contained status list — cleaner + more
   scannable than a wrapping inline row, and it groups the reassurance visually.
   inline-flex so the hero's text-align:center keeps it centred. */
.acc-ty-steps{display:inline-flex;flex-direction:column;align-items:flex-start;gap:11px;
	margin:20px 0 2px;padding:14px 20px;list-style:none;text-align:left;
	background:var(--ty-line-2);border-radius:var(--ty-radius-sm)}
.acc-ty-steps li{display:flex;align-items:center;gap:11px;font-size:.92rem;color:var(--ty-ink);font-weight:600}
.acc-ty-step-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;
	border-radius:50%;background:var(--ty-ok-bg);color:var(--ty-ok)}
.acc-ty-step-ic .dashicons{font-size:16px;width:16px;height:16px}
.acc-ty-hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}

/* ---- Shared buttons --------------------------------------------------------*/
.acc-ty-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;
	padding:0 22px;border-radius:12px;font-weight:800;font-size:1rem;line-height:1;text-decoration:none;
	cursor:pointer;border:0;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,opacity .12s}
.acc-ty-btn .dashicons{font-size:18px;width:18px;height:18px}
.acc-ty-btn-primary{color:#fff!important;background:linear-gradient(130deg,var(--ty-accent),var(--ty-accent-2));
	box-shadow:0 8px 20px rgba(248,0,49,.26)}
.acc-ty-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(248,0,49,.32);color:#fff!important}
.acc-ty-btn-primary:active{transform:translateY(0)}
.acc-ty-btn-ghost{color:var(--ty-ink)!important;background:var(--ty-surf);box-shadow:inset 0 0 0 1.5px var(--ty-line)}
.acc-ty-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #cfd4db;transform:translateY(-1px);color:var(--ty-ink)!important}

/* ---- 2) Top-up bonus FOMO --------------------------------------------------*/
.acc-ty-topup{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0;padding:16px 18px;
	border-radius:var(--ty-radius);color:#fff;background:linear-gradient(125deg,#12121a,#2a2036 60%,#3a1730);
	box-shadow:0 12px 30px rgba(16,16,26,.24);position:relative;overflow:hidden}
.acc-ty-topup::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 90% 0%,rgba(255,110,64,.28),transparent 60%);pointer-events:none}
.acc-ty-topup-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;
	border-radius:12px;background:linear-gradient(135deg,var(--ty-accent),var(--ty-accent-2));color:#fff;
	box-shadow:0 6px 16px rgba(248,0,49,.4);position:relative;z-index:1}
.acc-ty-topup-body{flex:1 1 260px;min-width:200px;position:relative;z-index:1}
.acc-ty-topup-title{font-size:1.06rem;font-weight:800;line-height:1.3}
.acc-ty-topup-title b{color:#ffd24a}
.acc-ty-topup-sub{margin-top:3px;font-size:.86rem;line-height:1.45;color:rgba(255,255,255,.78)}
.acc-ty-topup-side{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.acc-ty-topup-timer{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-variant-numeric:tabular-nums;
	font-size:.92rem;color:#fff;background:rgba(255,255,255,.12);padding:6px 11px;border-radius:999px}
.acc-ty-topup-timer .dashicons{font-size:15px;width:15px;height:15px;color:#ffd24a}
.acc-ty-topup-cta{min-height:42px;padding:0 18px;font-size:.95rem}

/* ---- 3) Cross-sell section (mirrors the checkout design) -------------------*/
/* The cross-sell block renders on BOTH the thank-you page and the My-Account
   view-order page, so its design tokens + card styles are scoped to the
   .acc-ty-xsell wrapper (present on both) rather than body.acc-thankyou. The
   page CHROME above stays thank-you-only. */
.acc-ty-xsell{margin:26px 0 8px;
	--ty-ink:#16161c;--ty-mut:#5b616b;--ty-fade:#8a9099;
	--ty-line:#e7eaee;--ty-line-2:#eef0f3;--ty-surf:#fff;
	--ty-accent:#f80031;--ty-accent-2:#ff6e40;--ty-ok:#17935a;--ty-ok-bg:#eafaf1;
	--ty-radius:18px;--ty-radius-sm:12px;}
.acc-ty-xsell-h{font-size:1.25rem;font-weight:800;color:var(--ty-ink);text-align:center;margin:0 0 4px}
/* The renderer emits .gpco-xsell markup — this block is a faithful PORT of the
   CHECKOUT cross-sell styling (assets/onepage.css, body.gpco scope) re-scoped to
   .acc-ty-xsell, so the My-Account view-order + thank-you cross-sell looks byte-
   identical to the one-page checkout. Keep in sync with onepage.css. */
.acc-ty-xsell .gpco-xsell{ display:block; width:100%; margin-top:18px; padding-top:16px; border-top:1px dashed #e3e6ea; }
/* Heading + countdown row. */
.acc-ty-xsell .gpco-xsell-heading{ text-align:center; font-weight:800; font-size:1.18rem; letter-spacing:-.01em; color:#16161c; margin:2rem 0 .6rem; }
.acc-ty-xsell .gpco-xsell-headrow{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 14px; margin:0 0 14px; }
.acc-ty-xsell .gpco-xsell-headrow .gpco-xsell-heading{ margin:0; text-align:center; }
.acc-ty-xsell .gpco-xsell-countdown{ display:inline-flex; align-items:center; margin:0; }
.acc-ty-xsell .gpco-xsell-countdown > div{ display:inline-flex; align-items:center; gap:7px; }
.acc-ty-xsell .gpco-xsell-countdown img{ width:2.5rem; height:2.5rem; margin:-11px 0 0; display:block; flex:0 0 auto; }
.acc-ty-xsell .gpco-xsell-countdown .gpco-xsell-timer{ font-variant-numeric:tabular-nums; font-weight:650; font-size:1.4rem; color:#dd2c00; letter-spacing:.3px; }
.acc-ty-xsell .special_info div::before{ margin-right:-100px; }
/* Network selector pills. */
.acc-ty-xsell .gpco-xsell-nets{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; justify-content:center; }
.acc-ty-xsell .gpco-xsell-net,
.acc-ty-xsell button.gpco-xsell-net{ display:inline-flex; align-items:center; gap:8px; border:1.5px solid #e2e6ea !important; background:#fff !important; color:#5b616b !important; font-weight:700 !important; font-size:13px !important; line-height:1 !important; padding:12px 16px !important; min-height:44px; box-sizing:border-box; border-radius:18px !important; cursor:pointer; -webkit-appearance:none; appearance:none; transition:border-color .15s, color .15s, background .15s, box-shadow .15s, transform .12s; }
.acc-ty-xsell .gpco-xsell-net:hover{ border-color:#cdd2d9 !important; color:#16161c !important; transform:translateY(-1px); }
.acc-ty-xsell .gpco-xsell-net:focus-visible{ outline:2px solid #ff6e40; outline-offset:2px; }
.acc-ty-xsell .gpco-xsell-net-ic{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:22px; height:22px; border-radius:6px; background:#fff; }
.acc-ty-xsell .gpco-xsell-net-ic svg{ width:14px; height:14px; display:block; }
.acc-ty-xsell .gpco-xsell-net-ic img{ width:14px; height:14px; object-fit:contain; display:block; }
.acc-ty-xsell .gpco-xsell-net.is-active,
.acc-ty-xsell button.gpco-xsell-net.is-active{ background:#fff !important; color:#16161c !important; border-color:#ff6e40 !important; box-shadow:0 0 0 2px rgba(255,110,64,.18), 0 6px 16px rgba(248,0,49,.12); transform:translateY(-1px); }
.acc-ty-xsell .gpco-xsell-net.is-active .gpco-xsell-net-ic{ background:#fff; }
.acc-ty-xsell .gpco-xsell-net.is-active:focus-visible{ outline:2px solid #16161c; outline-offset:3px; }
.acc-ty-xsell .gpco-xsell-list[hidden]{ display:none !important; }
/* Flash deal banner — red gradient hero. */
.acc-ty-xsell .gpco-xsell-flash{ display:flex; align-items:center; gap:12px; flex-wrap:nowrap; margin:0 0 16px; padding:16px 18px; border:0; border-radius:25px; background:linear-gradient(130deg,#f80031,#ff6e40); color:#fff; font-size:13.5px; line-height:1.4; box-shadow:0 1px 2px rgba(0,0,0,.01),0 12px 30px rgba(248,0,49,.18); }
.acc-ty-xsell .gpco-xsell-fire{ flex:0 0 auto; width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.18); color:#fff; }
.acc-ty-xsell .gpco-xsell-fire svg{ width:20px; height:20px; display:block; }
.acc-ty-xsell .gpco-xsell-flash-text{ flex:1 1 auto; min-width:0; font-size:13px; line-height:1.4; }
.acc-ty-xsell .gpco-xsell-flash-text b{ display:block; color:#fff; font-weight:800; font-size:16px; line-height:1.25; margin-bottom:3px; }
/* Item grid — clean 2-column, collapsing to 1 column on narrow screens. */
.acc-ty-xsell .gpco-xsell-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start; justify-items:stretch; }
.acc-ty-xsell .gpco-xsell-item{ box-sizing:border-box; min-width:0; margin:0; padding:16px; border:1px solid #eee; border-radius:25px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.01),0 10px 30px rgba(0,0,0,.03); }
.acc-ty-xsell .gpco-xsell-item > * + *{ margin-top:10px; }
@media (min-width:561px){
	.acc-ty-xsell .gpco-xsell-list > .gpco-xsell-item:last-child:nth-child(odd){ grid-column:1 / -1; justify-self:center; width:calc( 50% - 6px ); max-width:100%; }
}
@media (max-width:560px){
	.acc-ty-xsell .gpco-xsell-list{ grid-template-columns:1fr; }
}
/* Top row — thumbnail + name/price. */
.acc-ty-xsell .gpco-xsell-top{ display:flex; align-items:center; gap:11px; }
.acc-ty-xsell .gpco-xsell-thumb{ flex:0 0 auto; width:46px; height:46px; border-radius:0; }
.acc-ty-xsell .gpco-xsell-thumb img{ width:46px; height:46px; object-fit:cover; display:block; margin:0; }
.acc-ty-xsell .gpco-xsell-info{ display:flex; flex-direction:column; gap:1px; min-width:0; flex:1 1 auto; }
.acc-ty-xsell .gpco-xsell-name{ font-weight:700; font-size:13.5px; color:#16161c; line-height:1.3; }
.acc-ty-xsell .gpco-xsell-price{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:13px; color:#16161c; }
.acc-ty-xsell .gpco-xsell-price ins{ background:none; text-decoration:none; font-weight:800; color:#16161c; }
.acc-ty-xsell .gpco-xsell-price del,
.acc-ty-xsell .gpco-xsell-was{ opacity:.7; color:#9aa0a8; text-decoration:line-through; font-weight:600; font-size:12px; }
.acc-ty-xsell .gpco-xsell-now{ font-weight:800; color:#16161c; }
.acc-ty-xsell .gpco-xsell-per{ font-size:11px; font-weight:600; color:#9aa0a8; }
.acc-ty-xsell .gpco-xsell-rating{ display:inline-flex; align-items:center; gap:2px; font-size:12.5px; color:#8a8f98; line-height:1; flex-wrap:nowrap; white-space:nowrap; min-width:0; }
.acc-ty-xsell .gpco-xsell-stars{ position:relative; display:inline-flex; flex:0 0 auto; width:auto; height:16px; font-size:16px; line-height:1; margin-right:2px; white-space:nowrap; }
.acc-ty-xsell .gpco-xsell-stars::before{ content:"\2605\2605\2605\2605\2605"; color:#e2e5ea; letter-spacing:0; }
.acc-ty-xsell .gpco-xsell-stars > span{ position:absolute; top:0; left:0; height:100%; overflow:hidden; white-space:nowrap; line-height:1; }
.acc-ty-xsell .gpco-xsell-stars > span::before{ content:"\2605\2605\2605\2605\2605"; color:#62b868; letter-spacing:0; }
.acc-ty-xsell .gpco-xsell-rnum{ font-weight:800; color:#16161c; }
.acc-ty-xsell .gpco-xsell-save{ font-weight:800; font-size:11px; color:#e0102a; background:#ffe9e2; border-radius:6px; padding:1px 6px; letter-spacing:.01em; }
/* Variation option selects. */
.acc-ty-xsell .gpco-xsell-opts{ display:flex; flex-wrap:wrap; gap:7px; }
.acc-ty-xsell .gpco-xsell-opt{ flex:1 1 130px; min-width:0; height:40px; margin:0; padding:0 12px; border:1px solid #dfe3e8; border-radius:10px; font-size:13px; background:#fff; cursor:pointer; }
.acc-ty-xsell .gpco-xsell-opt.gpco-invalid{ border-color:#f80031; box-shadow:0 0 0 3px rgba(248,0,49,.12); }
/* "+N" quick-add tiers. */
.acc-ty-xsell .gpco-xsell-tiers{ display:flex; flex-wrap:wrap; gap:6px; flex:1 1 100%; width:100%; }
.acc-ty-xsell .gpco-xsell-tier,
.acc-ty-xsell button.gpco-xsell-tier{ display:inline-flex; align-items:center; justify-content:center; border:1.5px solid #ffd9cf !important; background:#fff5f1 !important; color:#e0431f !important; font-weight:700 !important; font-size:12.5px !important; line-height:1 !important; padding:10px 14px !important; border-radius:999px !important; cursor:pointer; min-height:40px; box-sizing:border-box; -webkit-appearance:none; appearance:none; transition:transform .12s, background .15s, color .15s, border-color .15s, box-shadow .15s; }
.acc-ty-xsell .gpco-xsell-tier:hover,
.acc-ty-xsell .gpco-xsell-tier:focus,
.acc-ty-xsell .gpco-xsell-tier:focus-visible{ background:linear-gradient(130deg,#f80031,#ff6e40) !important; color:#fff !important; border-color:transparent !important; transform:translateY(-1px); box-shadow:0 4px 12px rgba(248,0,49,.22); }
.acc-ty-xsell .gpco-xsell-tier:active{ transform:translateY(0); }
.acc-ty-xsell .gpco-tier-off{ margin-left:5px; font-size:10.5px; font-weight:800; line-height:1; color:#17935a; }
.acc-ty-xsell .gpco-xsell-tier:hover .gpco-tier-off,
.acc-ty-xsell .gpco-xsell-tier:focus .gpco-tier-off,
.acc-ty-xsell .gpco-xsell-tier:focus-visible .gpco-tier-off{ color:#fff; }
/* Action area: stepper (−/+ flanking the number), tiers row, then the Add CTA. */
.acc-ty-xsell .gpco-xsell-act{ display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.acc-ty-xsell .gpco-xsell-stepper{ display:flex; align-items:stretch; gap:8px; width:100%; }
.acc-ty-xsell .gpco-xsell-step{ flex:0 0 auto; width:44px; height:44px; border:0; border-radius:12px; cursor:pointer; font-size:22px; line-height:1; font-weight:800; padding:0; display:inline-flex; align-items:center; justify-content:center; -webkit-appearance:none; appearance:none; transition:transform .1s, filter .15s, background .15s; }
.acc-ty-xsell .gpco-xsell-minus{ background:#eef0f3; color:#6b7280; }
.acc-ty-xsell .gpco-xsell-minus:hover{ background:#e4e7eb; }
.acc-ty-xsell .gpco-xsell-plus{ background:linear-gradient(130deg,#f80031,#ff6e40); color:#fff; box-shadow:0 4px 12px rgba(248,0,49,.22); }
.acc-ty-xsell .gpco-xsell-plus:hover{ filter:saturate(1.05); transform:translateY(-1px); }
.acc-ty-xsell .gpco-xsell-step:active{ transform:scale(.94); }
.acc-ty-xsell .gpco-xsell-step:focus-visible{ outline:2px solid #ff6e40; outline-offset:2px; }
.acc-ty-xsell .gpco-xsell-num{ flex:1 1 auto; width:auto; min-width:0; height:44px !important; margin:0 !important; padding:0 12px !important; text-align:center; border:1px solid #dfe3e8 !important; border-radius:12px !important; font-size:18px; font-weight:800; background:#fff; box-shadow:none !important; -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield; }
.acc-ty-xsell .gpco-xsell-num:focus,
.acc-ty-xsell .gpco-xsell-num:focus-visible{ outline:none; border-color:#ff6e40 !important; box-shadow:0 0 0 3px rgba(255,110,64,.14) !important; }
.acc-ty-xsell .gpco-xsell-num::-webkit-outer-spin-button,
.acc-ty-xsell .gpco-xsell-num::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.acc-ty-xsell .gpco-xsell-link{ display:block; width:100%; box-sizing:border-box; height:44px !important; margin:8px 0 0 !important; padding:0 14px !important; border:1px solid #dfe3e8; border-radius:12px; font-size:13px; }
.acc-ty-xsell .gpco-xsell-link.gpco-invalid{ border-color:#f80031; box-shadow:0 0 0 3px rgba(248,0,49,.12); }
.acc-ty-xsell .gpco-xsell-add,
.acc-ty-xsell button.gpco-xsell-add{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:1 1 100%; width:100%; box-sizing:border-box; border:0 !important; cursor:pointer; font-weight:800; font-size:15px !important; line-height:1.2 !important; padding:14px 22px !important; min-height:50px; border-radius:14px; background:linear-gradient(130deg,#f80031,#ff6e40) !important; color:#fff !important; box-shadow:0 4px 12px rgba(248,0,49,.22); transition:transform .1s, filter .15s, box-shadow .15s; -webkit-appearance:none; appearance:none; }
.acc-ty-xsell .gpco-xsell-add:hover{ filter:saturate(1.05); transform:translateY(-1px); box-shadow:0 8px 18px rgba(248,0,49,.28); }
.acc-ty-xsell .gpco-xsell-add:active{ transform:translateY(0); }
.acc-ty-xsell .gpco-xsell-add:focus-visible{ outline:2px solid #16161c; outline-offset:3px; }
.acc-ty-xsell .gpco-xsell-add.is-loading{ pointer-events:none; cursor:default; transform:none; filter:none; overflow:hidden; color:transparent !important; }
.acc-ty-xsell .gpco-xsell-add.is-loading::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:2; background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%); background-size:250% 100%; animation:acc-load-sweep 1s ease-in-out infinite; }
@keyframes acc-ty-spin{to{transform:rotate(360deg)}}
/* Uniform spinner replacing the label while the sweep runs (matches theme.css). */
@keyframes acc-btn-spin{ to{ transform:rotate(360deg); } }
.acc-ty-xsell .gpco-xsell-add.is-loading > *{ opacity:0 !important; }
.acc-ty-xsell .gpco-xsell-add.is-loading::before{ content:""; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px; box-sizing:border-box; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; z-index:3; animation:acc-btn-spin .6s linear infinite; }
@media (prefers-reduced-motion:reduce){ .acc-ty-xsell .gpco-xsell-add.is-loading::before{ animation:none; } }
.acc-ty-xsell .gpco-xsell-err{ font-size:12px; color:#e0102a; font-weight:700; text-align:center; }

/* ---- Dark mode: the FOMO card is already dark; keep the rest readable -------*/
@media (max-width:600px){
	.acc-ty-hero-title{font-size:1.55rem}
	.acc-ty-hero-cta .acc-ty-btn{flex:1 1 100%}
	.acc-ty-topup-side{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
	.acc-ty-hero-badge,.gpco-xsell-add.is-loading::after{animation:none}
	.acc-ty-btn,.acc-ty-btn-primary:hover,.gpco-xsell-add:hover{transition:none;transform:none}
}

/* Right-arrow after the service name on the ORDER page cross-sell (never the
   checkout body.gpco one) — signals the name links to the service page. */
/* Same chevron as the pmega card arrow (thin grey ">"), nudged right on hover. */
.acc-ty-xsell .gpco-xsell-name::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 4px; vertical-align: middle; opacity: .7; transition: transform .15s ease; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E"); }
.acc-ty-xsell .gpco-xsell-item:hover .gpco-xsell-name::after,
.acc-ty-xsell .gpco-xsell-name:hover::after { transform: translateX(3px); }
.acc-ty-xsell .gpco-xsell-name { cursor: pointer; }