.dt-pay{--pay-bg: linear-gradient(180deg, #fff 0%, #f6f8fa 100%);--pay-line: rgba(15, 23, 42, 0.08);--pay-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 14px 34px -20px rgba(15, 23, 42, 0.32);--pay-ink: #0b1220;--pay-muted: #64748b;--pay-chip: #fff;--pay-chip-line: rgba(15, 23, 42, 0.09);--pay-chip-shadow: 0 1px 1px rgba(15, 23, 42, 0.04), 0 2px 6px -3px rgba(15, 23, 42, 0.14);--pay-mark: #111;--pay-visa: #1a1f71;--pay-gpay: #5f6368;--pay-green: #34c759;--pay-green-2: #4cd964;--pay-shine: rgba(255, 255, 255, 0.9);container-type: inline-size;width: 100%;max-width: 560px;margin: 0 auto;font-family: inherit;line-height: 1.2}.dt-pay--dark{--pay-bg: linear-gradient(160deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.025) 100%);--pay-line: rgba(255, 255, 255, 0.1);--pay-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 40px -24px rgba(0, 0, 0, 0.9);--pay-ink: #fff;--pay-muted: rgba(255, 255, 255, 0.55);--pay-chip: rgba(255, 255, 255, 0.055);--pay-chip-line: rgba(255, 255, 255, 0.11);--pay-chip-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);--pay-mark: #fff;--pay-visa: #fff;--pay-gpay: rgba(255, 255, 255, 0.92);--pay-shine: rgba(255, 255, 255, 0.16)}.dt-pay__card{position: relative;display: flex;align-items: center;gap: 14px;padding: 10px 10px 10px 12px;overflow: hidden;border: 1px solid var(--pay-line);border-radius: 18px;background: var(--pay-bg);box-shadow: var(--pay-shadow)}.dt-pay__card::after{content: "";position: absolute;inset: -1px auto -1px 0;width: 38%;background: linear-gradient(100deg, transparent 0%, var(--pay-shine) 50%, transparent 100%);opacity: 0;transform: translateX(-120%) skewX(-18deg);pointer-events: none}@media (hover: hover) and (prefers-reduced-motion: no-preference){.dt-pay__card:hover::after{animation: dt-pay-sweep 1.1s cubic-bezier(0.22, 1, 0.36, 1)}}@keyframes dt-pay-sweep{0%{opacity: 0;transform: translateX(-120%) skewX(-18deg)}20%{opacity: 1}100%{opacity: 0;transform: translateX(330%) skewX(-18deg)}}.dt-pay__seal{display: flex;flex: none;align-items: center;gap: 10px}.dt-pay__shield{position: relative;display: grid;flex: none;place-items: center;width: 36px;height: 36px;border-radius: 11px;background: linear-gradient(145deg, var(--pay-green-2) 0%, var(--pay-green) 55%, #1fa346 100%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 6px 14px -6px rgba(52, 199, 89, 0.75);color: #fff}.dt-pay__shield svg{width: 20px;height: 20px}.dt-pay__text{display: flex;flex-direction: column;gap: 2px}.dt-pay__title{color: var(--pay-ink);font-size: 13.5px;font-weight: 700;letter-spacing: -0.01em;white-space: nowrap}.dt-pay__sub{display: flex;align-items: center;gap: 5px;color: var(--pay-muted);font-size: 11.5px;font-weight: 500;white-space: nowrap}.dt-pay__sub svg{width: 11px;height: 11px;flex: none}.dt-pay__rule{flex: none;align-self: stretch;width: 1px;margin: 4px 0;background: linear-gradient(180deg, transparent, var(--pay-line) 20%, var(--pay-line) 80%, transparent)}.dt-pay__methods{display: flex;flex: 1;justify-content: flex-end;gap: 6px;margin: 0;padding: 0;list-style: none}.dt-pay__methods li{display: grid;flex: 0 1 50px;place-items: center;min-width: 0;height: 32px;margin: 0;padding: 0 4px;border: 1px solid var(--pay-chip-line);border-radius: 9px;background: var(--pay-chip);box-shadow: var(--pay-chip-shadow);color: var(--pay-mark)}.dt-pay__methods svg{display: block;max-width: 100%;height: auto}.dt-pay__methods .dt-pay__visa{color: var(--pay-visa)}.dt-pay__methods .dt-pay__gpay{color: var(--pay-gpay)}@container (max-width: 470px){.dt-pay__card{flex-direction: column;align-items: stretch;gap: 10px;padding: 12px}.dt-pay__seal{justify-content: center}.dt-pay__rule{width: auto;height: 1px;margin: 0 6px;background: linear-gradient(90deg, transparent, var(--pay-line) 20%, var(--pay-line) 80%, transparent)}.dt-pay__methods{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 6px}.dt-pay__methods li{height: 34px}}.dt-pay--compact .dt-pay__card{gap: 10px;padding: 0;overflow: visible;border: 0;border-radius: 0;background: none;box-shadow: none}.dt-pay--compact .dt-pay__card::after, .dt-pay--compact .dt-pay__shield, .dt-pay--compact .dt-pay__title, .dt-pay--compact .dt-pay__rule{display: none}.dt-pay--compact .dt-pay__sub{color: var(--pay-ink);font-size: 11.5px;font-weight: 600}.dt-pay--compact .dt-pay__sub svg{color: var(--pay-green)}.dt-pay--compact .dt-pay__card{justify-content: center}.dt-pay--compact .dt-pay__methods{flex: 0 1 auto;justify-content: flex-start;gap: 4px}.dt-pay--compact .dt-pay__methods li{flex: 0 1 38px;height: 24px;padding: 0 3px;border-radius: 6px}@container (max-width: 470px){.dt-pay--compact .dt-pay__card{flex-direction: row;align-items: center;justify-content: center;padding: 0}.dt-pay--compact .dt-pay__methods{display: flex}.dt-pay--compact .dt-pay__methods li{height: 24px}}@container (max-width: 330px){.dt-pay--compact .dt-pay__seal{display: none}.dt-pay--compact .dt-pay__methods{justify-content: center}}html body .dt-footer__bottom > .dt-pay{flex: 0 1 540px;margin: 0}html body .dt-co-pay > .dt-pay{max-width: 380px}html body.dt-mc #cart-panel .dt-mc-pay > .dt-pay{max-width: 400px}@media (max-width: 1100px){html body .dt-footer__bottom > .dt-pay{flex: none;width: 100%;max-width: 540px}}