html.rsgopay-confirmation #center_column > .page-heading,
html.rsgopay-confirmation #center_column > ul.step,
html.rsgopay-confirmation #center_column > #order_step,
html.rsgopay-confirmation #order_step,
html.rsgopay-confirmation #center_column > p,
html.rsgopay-confirmation #center_column > .cart_navigation,
html.rsgopay-confirmation .cart_navigation.exclusive { display: none !important; }

body#order-detail #left_column,
body#guest-tracking #left_column { display: none !important; }
body#order-detail #center_column,
body#guest-tracking #center_column { width: 100% !important; }

#order-detail-content table thead th.last_item,
#order-detail-content table tbody td:last-child,
#order-detail-content table tfoot td { text-align: right; }
#order-detail-content table tfoot strong { color: #ffffff; }
#order-detail-content table thead th.last_item,
#order-detail-content table tbody td:last-child,
#order-detail-content table tfoot td:last-child { white-space: nowrap; }
#order-detail-content table .price { font-size: 15px; line-height: 1.3; }

.rsgopay-return { max-width: 680px; margin: 4px auto 40px; }
.rsgopay-hero { padding: 36px 32px 32px; text-align: center; background: #1e1e1e; border: 1px solid #3d3d3d; border-radius: 12px; }
.rsgopay-return .rsgopay-kicker { margin: 0 0 12px; color: #ffffff; font-size: 22px; font-weight: 700; line-height: 1.3; text-transform: none !important; }
.rsgopay-return .rsgopay-title { margin: 0 0 12px; color: #ffffff; font-size: 22px; font-weight: 700; line-height: 1.35; text-transform: none !important; }
.rsgopay-return .rsgopay-title.rsgopay-ok { color: #ffffff; }
.rsgopay-return .rsgopay-title.rsgopay-fail { color: #f3515c; }
.rsgopay-return .rsgopay-text { margin: 0 auto 8px; max-width: 480px; color: #9ea2a2; font-size: 14px; line-height: 1.55; text-transform: none; }
.rsgopay-return .rsgopay-waiting { margin-top: 16px; }
.rsgopay-steps { display: flex; justify-content: space-between; align-items: flex-start; margin: 32px 0 0; padding: 0; list-style: none; }
.rsgopay-steps li { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; }
.rsgopay-steps li:not(:last-child):after { content: ""; position: absolute; z-index: 0; top: 23px; left: calc(50% + 28px); width: calc(100% - 56px); height: 3px; background: #3d3d3d; }
.rsgopay-steps li.is-done:not(:last-child):after { background: #c70006; }
.rsgopay-step-ico { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 2px solid #5a5e5e; border-radius: 50%; background: #1e1e1e; box-sizing: border-box; }
.rsgopay-step-ico img { display: block; width: 22px; height: 22px; }
.rsgopay-steps li.is-done .rsgopay-step-ico { border-color: #c70006; background: #c70006; }
.rsgopay-steps li.is-current .rsgopay-step-ico { border-color: #c70006; background: #1e1e1e; box-shadow: 0 0 0 4px rgba(199, 0, 6, 0.22); }
.rsgopay-step-label { display: block; margin-top: 10px; max-width: 140px; color: #7d8181; font-size: 13px; line-height: 1.35; text-align: center; text-transform: none; }
.rsgopay-steps li.is-done .rsgopay-step-label { color: #d0d0d0; }
.rsgopay-steps li.is-current .rsgopay-step-label { color: #ffffff; font-weight: 700; }
.rsgopay-paybox { margin-top: 16px; padding: 24px 28px; text-align: center; background: #242525; border: 1px solid #3d3d3d; border-radius: 12px; }
.rsgopay-paybox-lead { margin: 0 0 16px; color: #e8e8e8; font-size: 15px; font-weight: 600; line-height: 1.5; text-transform: none; }
.rsgopay-logos { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 0 0 18px; }
.rsgopay-logos img { display: block; height: 26px; width: auto; }
.rsgopay-redirect { margin: 0 0 16px; color: #b0b3b3; font-size: 14px; line-height: 1.5; text-transform: none; }
.rsgopay-countdown { display: inline-block; min-width: 1.1em; margin: 0 3px; color: #ffffff; font-size: 18px; font-weight: 700; }
.rsgopay-pay { display: block; width: 100%; box-sizing: border-box; padding: 14px 24px; background: #14ad4a; border: 0; border-radius: 8px; color: #ffffff !important; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none !important; text-transform: none; line-height: 1.2; }
.rsgopay-pay:hover { background: #0e8c3a; color: #ffffff !important; }

.rsgopay-track-link { margin: 24px 0 0; text-align: center; }
.rsgopay-track-link a { display: inline-block; padding: 10px 22px; border: 1px solid #5c6060; border-radius: 8px; color: #ffffff !important; font-size: 14px; font-weight: 700; text-decoration: none !important; }
.rsgopay-track-link a:hover { background: #2a2a2a; color: #ffffff !important; }

.rsgopay-track { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0 0 20px; padding: 16px 20px; line-height: 23px; border-radius: 5px; background-image: linear-gradient(to bottom, #5C6060, #363838); border: 0; }
.rsgopay-track-mark { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #4a4c4c; border: 0; box-sizing: border-box; }
.rsgopay-track-mark img { display: block; width: 16px; height: 16px; }
.rsgopay-track-mark-wait { background: #4a4c4c; }
.rsgopay-track-mark-fail { background: #cc2229; position: relative; }
.rsgopay-track-mark-fail:before, .rsgopay-track-mark-fail:after { content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 2px; background: #ffffff; border-radius: 2px; }
.rsgopay-track-mark-fail:before { transform: translate(-50%, -50%) rotate(45deg); }
.rsgopay-track-mark-fail:after { transform: translate(-50%, -50%) rotate(-45deg); }
.rsgopay-track-copy { display: flex; flex-direction: column; gap: 2px; text-align: left; flex: 1 1 220px; }
.rsgopay-track-copy strong { font-size: 16px; line-height: 1.3; text-transform: none; color: #ffffff; font-weight: 700; }
.rsgopay-track-copy span { font-size: 13px; line-height: 1.45; text-transform: none; color: #c8c8c8; }
.rsgopay-track-ok .rsgopay-track-mark { background: #14ad4a; }
.rsgopay-track-ok .rsgopay-track-copy strong { color: #ffffff; }
.rsgopay-track-ok .rsgopay-track-copy span { color: #c8c8c8; }
.rsgopay-track-pay { display: inline-block; margin-left: auto; padding: 7px 18px; background: #14ad4a; border-radius: 5px; color: #ffffff !important; font-size: 15px; font-weight: 600; text-decoration: none !important; text-transform: uppercase; white-space: nowrap; line-height: 27px; }
.rsgopay-track-pay:hover { background: #0e8c3a; color: #ffffff !important; }

.rsgopay-secure { margin: 18px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 12px; line-height: 1.5; color: #c8c8c8; }

#order-opc #opc_payment_methods p.payment_module a.rsgopay-card::before,
#order-opc #opc_payment_methods p.payment_module a.rsgopay-gpay::before,
#order-opc #opc_payment_methods p.payment_module a.rsgopay-apay::before,
#HOOK_PAYMENT p.payment_module a.rsgopay-card::before,
#HOOK_PAYMENT p.payment_module a.rsgopay-gpay::before,
#HOOK_PAYMENT p.payment_module a.rsgopay-apay::before { background-color: transparent !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 32px 32px !important; border-radius: 0 !important; filter: none !important; }
#order-opc #opc_payment_methods p.payment_module a.rsgopay-card::before,
#HOOK_PAYMENT p.payment_module a.rsgopay-card::before { background-image: url(/modules/rsgopay/views/img/icon-card.png) !important; }
#order-opc #opc_payment_methods p.payment_module a.rsgopay-gpay::before,
#HOOK_PAYMENT p.payment_module a.rsgopay-gpay::before { background-image: url(/modules/rsgopay/views/img/icon-gpay.svg) !important; }
#order-opc #opc_payment_methods p.payment_module a.rsgopay-apay::before,
#HOOK_PAYMENT p.payment_module a.rsgopay-apay::before { background-image: url(/modules/rsgopay/views/img/icon-apay.svg) !important; }
@media (max-width: 640px) {
	.rsgopay-hero { padding: 24px 16px 22px; }
	.rsgopay-paybox { padding: 20px 16px; }
	.rsgopay-return .rsgopay-title { font-size: 18px; }
	.rsgopay-return .rsgopay-kicker { font-size: 18px; }
	.rsgopay-step-ico { width: 40px; height: 40px; }
	.rsgopay-steps li:not(:last-child):after { top: 19px; left: calc(50% + 24px); width: calc(100% - 48px); }
	.rsgopay-step-label { font-size: 11px; }
	.rsgopay-track { align-items: flex-start; }
	.rsgopay-track-pay { margin-left: 0; width: 100%; text-align: center; box-sizing: border-box; }
}