/* Собрано: php ds/tools/front-build.php из ds/front/*.css и файлов дизайн-системы. Руками не править. */
:root{--color-bg-attention-subtle:var(--palette-alpha-yellow-500-10);--color-bg-fill-accent-active:var(--palette-violet-600);--color-bg-fill-accent-hover:var(--palette-violet-200);--color-bg-fill-primary:var(--palette-grey-0);--color-bg-fill-secondary:var(--palette-grey-100);--color-bg-fill-secondary-hover:var(--palette-grey-500);--color-bg-fill-tertiary:var(--palette-grey-900);--color-bg-info-subtle:var(--palette-alpha-turquoise-300-10);--color-bg-overlay:var(--palette-alpha-black-50);--color-bg-surface:var(--palette-grey-100);--color-border-accent:var(--palette-alpha-violet-400-30);--color-border-accent-hover:var(--palette-violet-200);--color-border-attention:var(--palette-yellow-500);--color-border-error:var(--palette-red-500);--color-border-focus:var(--palette-alpha-violet-400-40);--color-border-info:var(--palette-turquoise-300);--color-border-primary:var(--palette-grey-500);--color-icon-accent:var(--palette-violet-400);--color-icon-attention:var(--palette-yellow-500);--color-icon-inverted:var(--palette-grey-0);--color-icon-secondary:var(--palette-grey-800);--color-status-success:var(--palette-green-500);--color-text-accent:var(--palette-violet-400);--color-text-accent-hover:var(--palette-violet-600);--color-text-error:var(--palette-red-500);--color-text-inverted:var(--palette-grey-0);--color-text-primary:var(--palette-grey-900);--color-text-secondary:var(--palette-grey-800);--color-text-tertiary:var(--palette-grey-600);--duration-base:200ms;--duration-slow:300ms;--font-size-12:0.75rem;--font-size-14:0.875rem;--font-size-16:1rem;--font-size-20:1.25rem;--font-size-28:1.75rem;--font-weight-medium:500;--font-weight-regular:400;--font-weight-semibold:600;--line-height-body:calc(20 / 14);--line-height-body-large:calc(24 / 16);--line-height-h1:calc(24 / 20);--palette-alpha-black-50:#00000080;--palette-alpha-turquoise-300-10:#00c5d41a;--palette-alpha-violet-400-30:#796aef4d;--palette-alpha-violet-400-40:#796aef66;--palette-alpha-yellow-500-10:#ffc3281a;--palette-green-500:#00b324;--palette-grey-0:#ffffff;--palette-grey-100:#f5f5f5;--palette-grey-500:#dadadb;--palette-grey-600:#9c9b9f;--palette-grey-800:#717075;--palette-grey-900:#2c2c34;--palette-red-500:#e84242;--palette-turquoise-300:#00c5d4;--palette-violet-200:#a094ff;--palette-violet-400:#796aef;--palette-violet-600:#5645e1;--palette-yellow-500:#ffc328;--radius-full:9999px;--radius-s:0.5rem;--radius-xs:0.25rem;--shadow-card:0 0.4375rem 1.25rem rgb(0 0 0 / 3%);--space-12:0.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-4:0.25rem;--space-8:0.5rem;--z-dropdown:900}
.ds-spinner{display: inline-block;flex: none;box-sizing: border-box;inline-size: 1.5rem;block-size: 1.5rem;padding: 0.125rem;vertical-align: middle}
.ds-spinner::before{content: "";display: block;box-sizing: border-box;inline-size: 100%;block-size: 100%;border: 2px solid currentColor;border-inline-end-color: transparent;border-radius: var(--radius-full);animation: ds-spinner-spin 0.8s linear infinite}
.ds-spinner--small{inline-size: 1rem;block-size: 1rem}
.ds-spinner--small::before{border-width: 1px}
@keyframes ds-spinner-spin{to{transform: rotate(360deg)}}
.ds-phone{display: block;inline-size: 100%;--iti-flag-width: 1.125rem;--iti-border-color: var(--color-border-primary);--iti-icon-color: var(--color-icon-secondary);--iti-hover-color: var(--color-bg-surface);--iti-country-selector-bg: var(--color-bg-fill-primary);--iti-spacer-horizontal: var(--space-12)}
.ds-phone .iti__country-container{padding: 0}
.ds-phone .iti__selected-country{display: flex;align-items: center;gap: var(--space-4);padding-block: 0;padding-inline: calc(var(--space-12) + var(--space-8)) calc(var(--space-8) + 2px);background: none;color: var(--color-text-primary);cursor: pointer}
.ds-phone .iti__selected-country::before{content: "";position: absolute;z-index: -1;inset-block: calc(50% - 0.875rem);inset-inline: var(--space-12) 2px;border-radius: var(--radius-xs);background-color: var(--color-bg-fill-secondary);transition: background-color var(--duration-base)}
.ds-phone .iti__selected-country:hover::before,.ds-phone .iti__selected-country[aria-expanded="true"]::before{background-color: var(--color-bg-fill-secondary-hover)}
.ds-phone .iti__selected-country:focus-visible{outline: 0}
.ds-phone .iti__selected-country:focus-visible::before{outline: 2px solid var(--color-border-focus);outline-offset: 1px}
.ds-phone .iti__selected-country-primary{display: contents}
.ds-phone .iti__selected-country .iti__flag{order: 1}
.ds-phone .iti__selected-dial-code{order: 2;margin: 0;color: var(--color-text-primary);font-size: var(--font-size-16);line-height: var(--line-height-body-large);font-weight: var(--font-weight-regular)}
.ds-phone .iti__arrow{order: 3;inline-size: 0.375rem;block-size: 0.375rem;margin: 0;margin-block-start: -0.1875rem;border-inline-end: 1px solid var(--color-icon-secondary);border-block-end: 1px solid var(--color-icon-secondary)}
.ds-phone .iti__arrow--up{margin-block-start: 0.1875rem}
.ds-phone .iti__country-selector{margin-block-start: var(--space-4);border: 1px solid var(--color-border-primary);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);box-shadow: none}
.ds-phone .iti__country-list{max-block-size: 16rem;overflow-y: auto;border-end-start-radius: var(--radius-s);border-end-end-radius: var(--radius-s)}
.ds-phone .iti__search-input-wrapper{border-block-end: 1px solid var(--color-border-primary)}
.ds-phone .iti__search-input{block-size: 2.5rem;padding-block: 0;border: 0;border-radius: 0;background-color: transparent;color: var(--color-text-primary);font-family: inherit;font-size: var(--font-size-16);line-height: var(--line-height-body-large);outline: 0}
.ds-phone .iti__search-input::placeholder{color: var(--color-text-tertiary);opacity: 1}
.ds-phone .iti__country{gap: var(--space-8);min-block-size: 2.5rem;padding-block: var(--space-8);padding-inline: var(--space-12);color: var(--color-text-primary);font-size: var(--font-size-14);line-height: var(--line-height-body);font-weight: var(--font-weight-medium)}
.ds-phone .iti__country-list .iti__flag{margin: 0}
.ds-phone .iti__dial-code{color: var(--color-text-tertiary)}
.ds-phone .iti__country.iti__highlight{background-color: var(--color-bg-surface)}
.ds-phone .iti__country-check{margin: 0;color: var(--color-icon-accent)}
.ds-phone .iti__no-results{padding-block: var(--space-24);color: var(--color-text-tertiary);font-size: var(--font-size-14);line-height: var(--line-height-body)}
.ds-phone.iti--fullscreen-popup{padding-inline: var(--space-16);padding-block-start: calc(env(safe-area-inset-top,0px) + var(--space-16) + 2.75rem);background-color: var(--color-bg-overlay)}
.ds-phone.iti--fullscreen-popup .iti__country-selector{margin: 0}
.ds-phone.iti--fullscreen-popup .iti__country-list{max-block-size: none}
.ds-phone.iti--fullscreen-popup .iti__close-button{inset-inline-end: 0;inline-size: 2.75rem;block-size: 2.75rem;border-radius: var(--radius-s);color: var(--color-icon-inverted)}
.ds-card{display: flex;flex-direction: column;row-gap: var(--space-16);box-sizing: border-box;padding: var(--space-16);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);box-shadow: var(--shadow-card)}
.ds-amount-button{box-sizing: border-box;display: flex;justify-content: center;align-items: center;align-self: stretch;height: 3rem;margin: 0;padding: var(--space-8) var(--space-16);border: 1px solid var(--color-border-primary);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);color: var(--color-text-secondary);font: inherit;cursor: pointer;transition: all var(--duration-base)}
.ds-amount-button:hover{border-color: var(--color-bg-fill-accent-hover);background-color: var(--color-bg-fill-accent-hover);color: var(--color-text-inverted)}
.ds-amount-button:active{background-color: rgb(44 44 52 / 75%)}
.ds-amount-button:focus-visible{outline: 2px solid var(--color-bg-fill-accent-hover)}
.ds-amount-button.is-selected{border-color: var(--color-bg-fill-accent-hover);background-color: var(--color-bg-fill-accent-hover);color: var(--color-text-inverted)}
.ds-check{position: relative;display: inline-flex;justify-content: flex-start;align-items: center;gap: var(--space-8);cursor: pointer}
.ds-check__input{position: relative;box-sizing: border-box;flex: none;width: 0.9375rem;height: 0.9375rem;margin: 0;padding: 0;border: 1.5px solid var(--color-icon-accent);border-radius: 0.125rem;background-color: transparent;-webkit-appearance: none;appearance: none;cursor: pointer}
.ds-check__input:checked{background-color: var(--color-bg-fill-accent-active)}
.ds-check__input:checked::after{content: "";position: absolute;left: 0.1875rem;top: 0;width: 0.3125rem;height: 0.5rem;border: solid var(--color-icon-inverted);border-width: 0 0.125rem 0.125rem 0;border-radius: 0.125rem;transform: rotate(45deg)}
.ds-check__input:focus-visible{outline: 2px solid var(--color-icon-accent);outline-offset: 2px}
.ds-check__text{min-width: 0;color: var(--color-text-secondary);line-height: 1.25rem;overflow-wrap: anywhere;cursor: pointer}
.ds-check--boxed{box-sizing: border-box;display: flex;flex-wrap: wrap;align-content: center;align-items: flex-start;width: 100%;min-height: 3rem;padding: 0.75rem 1rem;border: 1px solid var(--color-border-primary);border-radius: var(--radius-s)}
.ds-check--boxed .ds-check__input{margin-top: 0.15625rem}
.ds-check--boxed .ds-check__text{flex: 1 1 0}
.ds-field.is-error .ds-check--boxed{border-color: var(--color-border-error)}
form{margin-block-end: 1em}
.w-embed>svg,.w-embed>iframe{display: block}
.ds-checkout__result{align-items: center;padding-block-start: var(--space-8)}
.ds-checkout__animation{width: 6.25rem;height: 6.25rem}
.ds-checkout__title{margin: 0;text-align: center}
.ds-checkout__title span{color: var(--color-text-accent)}
.ds-checkout__message{margin: 0 0 var(--space-8)}
@media (min-width: 992px){.ds-checkout__message{margin-block-end: 0.625rem}}
.ds-checkout__receipt{display: flex;justify-content: center;align-items: center;gap: var(--space-8);margin: 0;padding: 0.35rem var(--space-8);border: 1px solid var(--color-border-accent);border-radius: var(--radius-xs);background-color: var(--color-bg-fill-secondary);color: var(--color-text-accent);font: inherit;font-size: var(--font-size-14);line-height: 1.3;font-weight: var(--font-weight-regular);cursor: pointer;transition: all var(--duration-base)}
.ds-checkout__receipt:hover{background-color: #e7e7e7}
.ds-checkout__review{align-items: center;row-gap: var(--space-24)}
.ds-checkout__review-form{display: contents}
.ds-checkout__review-text{font-weight: var(--font-weight-medium);text-align: center}
.ds-checkout__comment{position: relative;display: flex;flex-direction: column;gap: var(--space-8);width: 100%}
.ds-checkout__counter{display: flex;justify-content: space-between;align-items: flex-start;gap: var(--space-16)}
.ds-checkout__counter.is-error{color: var(--color-text-error)}
.ds-checkout__thanks-image{max-width: 100%;margin-block-end: -1.5rem;vertical-align: middle}
.ds-checkout__links{align-items: center}
.ds-field{position: relative;display: flex;flex-direction: column;gap: var(--space-4);width: 100%}
.ds-field__label{font-size: var(--font-size-12);line-height: 1.3;font-weight: var(--font-weight-regular);color: var(--color-text-tertiary)}
.ds-field__input{box-sizing: border-box;display: block;width: 100%;height: 3rem;margin: 0;padding: var(--space-16);border: 1px solid var(--color-border-primary);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);color: var(--color-text-primary);font: inherit;font-size: var(--font-size-14);line-height: 1.42857;vertical-align: middle}
.ds-field__input::placeholder{color: var(--color-text-tertiary)}
.ds-field__input:focus{border-color: #3898ec;outline: 0}
.ds-field__input--multiline{height: auto;min-height: 3rem}
.ds-field__input[type="number"]{-moz-appearance: textfield;appearance: textfield}
.ds-field__input[type="number"]::-webkit-inner-spin-button,.ds-field__input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}
.ds-field__input--card{background-repeat: no-repeat;background-position: 95%}
.ds-field__input--card[data-brand="none"]{background-image: url("/hfields/card.svg");background-size: auto 1.5rem}
.ds-field__input--card[data-brand="visa"],.ds-field__input--card[data-brand="mastercard"],.ds-field__input--card[data-brand="amex"],.ds-field__input--card[data-brand="diners"],.ds-field__input--card[data-brand="discover"],.ds-field__input--card[data-brand="jcb"]{padding-inline-end: 5rem;background-size: auto 2rem}
.ds-field__input--card[data-brand="visa"]{background-image: url("/hfields/visa.svg")}
.ds-field__input--card[data-brand="mastercard"]{background-image: url("/hfields/mastercard.svg")}
.ds-field__input--card[data-brand="amex"]{background-image: url("/hfields/amex.svg")}
.ds-field__input--card[data-brand="diners"]{background-image: url("/hfields/diners.svg")}
.ds-field__input--card[data-brand="discover"]{background-image: url("/hfields/discover.svg")}
.ds-field__input--card[data-brand="jcb"]{background-image: url("/hfields/jcb.svg")}
.ds-field__input--cvc{background-image: url("/hfields/cvc.svg");background-repeat: no-repeat;background-size: auto 1.5rem}
.ds-field__input--card[data-brand="none"],.ds-field__input--cvc{padding-inline-end: 3rem;background-position: right var(--space-16) center}
[dir="rtl"] .ds-field__input--card{background-position: 5%}
[dir="rtl"] .ds-field__input--card[data-brand="none"],[dir="rtl"] .ds-field__input--cvc{background-position: left var(--space-16) center}
.ds-field .iti__selected-dial-code{font-size: var(--font-size-14);line-height: 1.42857}
.ds-field .iti ~ .ds-field__tag{left: auto;right: 1rem}
.ds-field .iti .iti__country-selector{z-index: 902}
@supports (-webkit-touch-callout: none){input.ds-field__input,textarea.ds-field__input,.ds-field .iti__selected-dial-code{font-size: 16px}}
.ds-field.is-error .ds-field__input{border-color: var(--color-border-error)}
.ds-field__error{font-size: var(--font-size-12);line-height: 1.3;font-weight: var(--font-weight-regular);color: var(--color-text-error)}
.ds-field__tag{position: absolute;inset-block-end: 0.75rem;inset-inline-end: 1rem;padding: 0.38rem;border-radius: var(--radius-xs);background-color: #44cb8a80;font-size: 0.63rem;line-height: 1.2;font-weight: var(--font-weight-medium);letter-spacing: 0.2px;transition: all var(--duration-base)}
.ds-gallery{position: relative;z-index: 1;display: flex;flex-direction: column;-webkit-user-select: none;user-select: none}
.ds-gallery__viewport{width: 100%;overflow: hidden;border-radius: var(--radius-s)}
.ds-gallery__track{display: flex;height: 100%;transform: translate3d(0,0,0);transform-style: preserve-3d;transition: transform var(--duration-slow) ease;will-change: transform;touch-action: pan-y}
.ds-gallery.is-dragging .ds-gallery__track{transition: none}
.ds-gallery.is-dragging,.ds-gallery.is-dragging .ds-gallery__viewport,.ds-gallery.is-dragging .ds-gallery__track{cursor: grabbing}
.ds-gallery__item{flex: 0 0 100%;height: 100%;aspect-ratio: 16 / 9}
.ds-gallery__image{aspect-ratio: 16 / 9;object-fit: cover;cursor: grab}
.ds-gallery__video{position: relative;width: 100%;height: 100%}
.ds-gallery__frame{width: 100%;height: 100%}
.ds-gallery__frame>iframe{display: block}
.ds-gallery__video iframe{pointer-events: none}
.ds-gallery__video.is-interactive iframe{pointer-events: auto}
.ds-gallery__shield{position: absolute;inset: 0;z-index: 2;width: 100%;height: 100%;cursor: pointer}
.ds-gallery__video.is-interactive .ds-gallery__shield{display: none}
.ds-gallery__nav{position: relative;display: flex;justify-content: center;align-items: center;margin-top: var(--space-16)}
.ds-gallery__buttons{display: flex;justify-content: flex-start;align-items: center;gap: var(--space-16);margin-right: auto}
[dir="rtl"] .ds-gallery__buttons{flex-direction: row-reverse}
.ds-gallery__button{position: relative;z-index: 10;display: flex;margin: 0;padding: 0;border: 0;background-color: transparent;color: var(--color-bg-fill-accent-active);font: inherit;cursor: pointer;pointer-events: auto;touch-action: manipulation}
.ds-gallery__button>svg{flex-shrink: 0}
.ds-gallery__button.is-disabled,.ds-gallery__button:disabled{opacity: 0.35;cursor: not-allowed}
.ds-gallery__dots{position: absolute;display: flex;justify-content: center;align-items: center;gap: var(--space-8)}
.ds-gallery__dot{flex: none;width: 0.5rem;height: 0.5rem;padding: 0;border: 0;border-radius: 100%;background-color: var(--color-bg-fill-tertiary);cursor: pointer;transition: all var(--duration-base)}
@media (min-width: 768px){.ds-gallery__dot{background-color: var(--color-border-primary)}}
.ds-gallery__dot.is-active{width: 1.5rem;border-radius: var(--radius-full);background-color: var(--color-bg-fill-accent-active)}
@media (prefers-reduced-motion: reduce){.ds-gallery__track,.ds-gallery__dot{transition-duration: 0ms}}
.ds-lang-switch{position: relative;z-index: var(--z-dropdown);display: inline-block;border-radius: var(--radius-s);text-align: left}
.ds-lang-switch:hover{outline: 1px solid rgb(156 155 159 / 30%);outline-offset: 0}
.ds-lang-switch__button{position: relative;display: flex;gap: var(--space-8);box-sizing: border-box;height: 3rem;margin: 0;padding: var(--space-16) 2.5rem var(--space-16) var(--space-16);border: 0;border-radius: var(--radius-s);background: none;color: var(--color-text-primary);font: inherit;font-size: var(--font-size-14);line-height: 1;white-space: nowrap;cursor: pointer;user-select: none;appearance: none}
.ds-lang-switch__button:focus-visible{outline: 2px solid var(--color-border-focus);outline-offset: 0}
.ds-lang-switch__button>svg{align-self: center}
.ds-lang-switch__label{color: var(--color-text-secondary)}
[dir="rtl"] .ds-lang-switch__label{flex: 1;text-align: right}
.ds-lang-switch__chevron{position: absolute;top: 0;right: 0;bottom: 0;margin: auto var(--space-16) auto auto;color: var(--color-text-secondary);stroke-width: 2.5}
.ds-lang-switch__menu{position: absolute;bottom: 3.5rem;left: 0;z-index: 11;display: none;min-width: 100%;max-height: 16rem;overflow: auto;border: 1px solid rgb(0 0 0 / 10%);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary)}
.ds-lang-switch.is-open .ds-lang-switch__menu{display: block}
.ds-lang-switch__option{box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: var(--space-8);max-width: 100%;padding: var(--space-12) var(--space-20);border-bottom: 1px solid #e6f4f1;color: var(--color-text-primary);line-height: 1.4;white-space: pre-wrap;text-decoration: none;cursor: pointer}
.ds-lang-switch__option:hover{background-color: var(--color-bg-surface)}
.ds-lang-switch__option:focus-visible{background-color: rgb(0 195 210 / 10%)}
.ds-lang-switch__option.is-active{background-color: var(--color-bg-fill-secondary)}
.ds-lang-switch__option-note{font-size: var(--font-size-12);line-height: 1.3;color: var(--color-text-tertiary)}
.ds-loader{box-sizing: border-box;display: inline-block;width: 2rem;height: 2rem;border: 6.4px solid transparent;border-radius: 50%;animation: ds-loader-sweep 0.96s infinite linear alternate,ds-loader-turn 1.92s infinite linear}
.ds-loader--white{border-color: #fff}
.ds-loader--cyan{border-color: #00c3d2}
.ds-loader--small{flex-shrink: 0;width: 1.25rem;height: 1.25rem;border-width: 4px}
@keyframes ds-loader-sweep{0%{clip-path: polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}
12.5%{clip-path: polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}
25%{clip-path: polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}
50%{clip-path: polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}
62.5%{clip-path: polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}
75%{clip-path: polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}
100%{clip-path: polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}
@keyframes ds-loader-turn{0%{transform: scaleY(1) rotate(0deg)}
49.99%{transform: scaleY(1) rotate(135deg)}
50%{transform: scaleY(-1) rotate(0deg)}
100%{transform: scaleY(-1) rotate(-135deg)}}
.ds-message{box-sizing: border-box;display: flex;justify-content: flex-start;align-items: center;gap: var(--space-12);padding: var(--space-8) var(--space-12);border-radius: var(--radius-s);font-size: var(--font-size-14)}
.ds-message--error{border: 1px solid #dd5e5e66;background-color: #dd5e5e40}
.ds-message--info{border: 1px solid #9fe6ec;background-color: #e6f9fb}
.ds-message__text{min-width: 0}
.ds-notice{box-sizing: border-box;display: flex;justify-content: flex-start;align-items: center;align-self: stretch;gap: var(--space-8);padding: var(--space-8);border: 1px solid var(--color-border-info);border-radius: var(--radius-s);background-color: var(--color-bg-info-subtle)}
.ds-notice--attention{justify-content: center;border-color: var(--color-border-attention);background-color: var(--color-bg-attention-subtle)}
.ds-notice__icon{display: flex;flex: none;justify-content: center;align-items: center;color: #00c3d2}
.ds-notice__icon>svg{display: block;height: auto;aspect-ratio: 1}
.ds-notice--attention .ds-notice__icon{color: var(--color-icon-attention)}
.ds-notice__text{min-width: 0}
.ds-notice__row{display: flex;flex: 1;justify-content: space-between;align-items: center;gap: var(--space-16)}
.ds-notice__row .ds-notice__text{font-size: var(--font-size-12);line-height: 1.3}
.ds-notice__amount{font-size: var(--font-size-14);line-height: 1.3;font-weight: var(--font-weight-medium);white-space: nowrap}
.ds-order{position: sticky;top: var(--space-16)}
.ds-order__title{font-size: var(--font-size-12);line-height: 1.3;color: var(--color-text-tertiary)}
.ds-order__item{display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;gap: var(--space-8)}
.ds-order__item-head{display: flex;justify-content: space-between;align-items: flex-start;gap: var(--space-16)}
.ds-order__item-name{font-size: var(--font-size-14);line-height: 1.3;font-weight: var(--font-weight-medium)}
.ds-order__item-price{font-size: var(--font-size-12);line-height: 1.3;white-space: nowrap}
.ds-order__item-qty{display: flex;justify-content: space-between;align-items: center;gap: var(--space-12)}
.ds-order__qty{display: flex;justify-content: flex-start;align-items: center;gap: var(--space-8)}
.ds-order__unit-price{font-size: var(--font-size-12);line-height: 1.3;white-space: nowrap;color: var(--color-text-tertiary)}
.ds-order__left{font-size: var(--font-size-12);line-height: 1.3;color: var(--color-text-tertiary)}
.ds-order__left-count{color: var(--color-text-accent);font-weight: var(--font-weight-medium)}
.ds-order__error{font-size: var(--font-size-12);line-height: 1.3;color: var(--color-text-error)}
.ds-order__divider{width: 100%;height: 1px;border-bottom: 1px solid rgb(156 155 159 / 30%)}
.ds-order__row{display: flex;justify-content: space-between;align-items: center}
.ds-order__row--muted{color: var(--color-text-tertiary)}
.ds-order__label{font-size: var(--font-size-14);line-height: 1.3;font-weight: var(--font-weight-medium)}
.ds-order__value{font-size: var(--font-size-12);line-height: 1.3;white-space: nowrap}
.ds-order__value--total{font-size: var(--font-size-14);font-weight: var(--font-weight-medium)}
.ds-order__note{color: var(--color-text-tertiary)}
.ds-order__custom{display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;gap: var(--space-12)}
.ds-order__amounts{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,6.5rem),1fr));grid-auto-columns: 1fr;grid-auto-flow: dense;gap: var(--space-12)}
.ds-checkout{display: flex;flex-direction: column;justify-content: center;min-height: 100svh;overflow: clip;background-color: var(--color-bg-surface)}
.ds-checkout__container{box-sizing: border-box;display: flex;flex-direction: column;width: 100%;max-width: 62rem;margin-inline: auto;padding: var(--space-16) var(--space-16) var(--space-32)}
@media (min-width: 992px){.ds-checkout__container{padding: var(--space-32)}}
.ds-checkout__header{display: flex;flex-direction: column;gap: var(--space-16)}
@media (min-width: 768px){.ds-checkout__header{padding: var(--space-16);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);box-shadow: var(--shadow-card)}}
.ds-checkout__brand{display: flex;padding: var(--space-16);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);box-shadow: var(--shadow-card)}
@media (min-width: 768px){.ds-checkout__brand{padding-bottom: 0;box-shadow: none}}
.ds-checkout__logo{max-width: 16rem;max-height: 6rem;margin-inline: auto;border-radius: var(--radius-s)}
.ds-checkout__name{width: 100%;font-size: var(--font-size-28);line-height: 1.2;font-weight: var(--font-weight-semibold);text-align: center}
@media (min-width: 768px){.ds-checkout__name{padding-bottom: var(--space-16)}}
.ds-checkout__media{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,23rem),1fr));gap: var(--space-16)}
.ds-checkout__text{padding: var(--space-16);border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);box-shadow: var(--shadow-card)}
@media (min-width: 768px){.ds-checkout__text{padding: 0;box-shadow: none}}
.ds-checkout__text-body{font-size: var(--font-size-14);line-height: 1.3}
.ds-checkout__text-body h1,.ds-checkout__text-body h2{margin: 0 0 var(--space-8);font-weight: 700;line-height: 1.3}
.ds-checkout__text-body h1{font-size: 1.125rem}
.ds-checkout__text-body h2{font-size: var(--font-size-16)}
.ds-checkout__text-body p{margin: 0 0 var(--space-8)}
@media (min-width: 992px){.ds-checkout__text-body p{margin-bottom: 0.625rem}}
.ds-checkout__text-body p:last-child{margin-bottom: 0}
.ds-checkout__text-body ul,.ds-checkout__text-body ol{margin: 0 0 0.625rem;padding-left: 2.5rem;overflow: hidden}
.ds-checkout__text-body ol{margin-bottom: var(--space-8);padding-left: 2rem}
.ds-checkout__text-body a{color: var(--color-text-accent);text-decoration: underline;text-underline-position: under}
.ds-checkout__text-body a:hover{color: var(--color-text-accent-hover)}
.ds-checkout__text-body strong{font-weight: var(--font-weight-semibold)}
.ds-checkout__section{row-gap: var(--space-12)}
.ds-checkout__section-title{font-size: var(--font-size-12);line-height: 1.3;color: var(--color-text-tertiary)}
.ds-checkout__or{position: relative;display: flex;justify-content: center;align-items: center;margin: 1.25rem 0}
.ds-checkout__or-line{box-sizing: border-box;width: 100%;height: 1px;border-bottom: 1px solid #9c9b9f4d}
.ds-checkout__or-text{position: absolute;z-index: 1;padding: 0 var(--space-12) 2px;background-color: var(--color-bg-fill-primary);color: var(--color-text-tertiary);font-size: var(--font-size-14);line-height: 1.3}
.ds-checkout__bit-form{display: flex;flex-direction: column;gap: var(--space-12);margin-bottom: var(--space-16)}
.ds-checkout__consent{color: var(--color-text-secondary);font-size: var(--font-size-12);line-height: 1.3;text-align: center}
.ds-checkout__link{color: var(--color-text-accent);text-align: center;text-decoration: none;white-space: nowrap;transition: all var(--duration-base)}
.ds-checkout__link:hover{color: var(--color-text-accent-hover)}
.ds-checkout__link:focus-visible{border-radius: var(--radius-xs);outline: 2px solid var(--color-border-accent-hover)}
.ds-checkout__card-form{display: flex;flex-direction: column;gap: var(--space-12)}
.ds-checkout__card-row{display: flex;justify-content: space-between;align-items: center;gap: var(--space-12)}
.ds-checkout__card-form .ds-field__input{outline: 1px solid transparent}
.ds-checkout__card-form .ds-field__input iframe{box-sizing: border-box;display: block;width: calc(100% + 2px);margin-right: -2px;padding-right: 2px;border: 0;transform: translateZ(0)}
.ds-checkout__installments{display: grid;grid-template-columns: 8rem 1fr;grid-template-rows: auto;gap: var(--space-12)}
.ds-checkout__installments--fixed{grid-template-columns: 1fr}
.ds-checkout__installments-info{align-self: end;padding-bottom: var(--space-8);color: var(--color-text-secondary)}
.ds-checkout__pay{align-items: center}
.ds-checkout__section.is-busy,.ds-checkout__pay.is-busy{opacity: 0.5;pointer-events: none;transition: opacity var(--duration-base)}
.ds-checkout__form{margin-bottom: 0.9375rem}
.ds-checkout__main{display: grid;grid-template-columns: 1fr;gap: var(--space-16);width: 100%;margin-top: var(--space-16)}
@media (min-width: 768px){.ds-checkout__main{grid-template-columns: 1fr 1fr}}
.ds-checkout__column{display: flex;flex-direction: column;gap: var(--space-16)}
.ds-checkout__footer{display: flex;flex-direction: column;align-items: center;gap: var(--space-8);margin-top: auto}
.ds-checkout__credit{display: flex;align-items: center;justify-content: center;gap: var(--space-8);max-width: 100%;color: var(--color-text-secondary);text-decoration: none}
.ds-checkout__credit>svg{width: 1.375rem;height: 1.25rem}
.ds-checkout__credit-text{text-decoration: underline}
.ds-checkout__secure{display: flex;align-items: center;justify-content: center;gap: var(--space-4);font-size: var(--font-size-12);line-height: 1.3;color: var(--color-text-tertiary);text-align: center}
.ds-pay-button{box-sizing: border-box;display: flex;justify-content: center;align-items: center;align-self: stretch;gap: var(--space-8);height: 3rem;margin: 0;padding: var(--space-8) var(--space-16);border: 0;border-radius: var(--radius-s);background-color: var(--color-bg-fill-tertiary);color: var(--color-text-inverted);font: inherit;font-size: var(--font-size-16);font-weight: var(--font-weight-medium);cursor: pointer;transition: all var(--duration-base)}
.ds-checkout__bit-form .ds-pay-button{line-height: 1}
.ds-pay-button:hover{background-color: #2c2c34e6}
.ds-pay-button:active{background-color: #2c2c34bf}
.ds-pay-button:focus-visible{outline: 2px solid var(--color-border-accent-hover)}
.ds-pay-button:disabled{opacity: 0.35;cursor: not-allowed}
.ds-pay-button--outline{border: 1px solid var(--color-text-primary);background-color: transparent;color: var(--color-text-secondary);line-height: 1.2}
.ds-pay-button--outline:hover{color: var(--color-text-primary)}
.ds-pay-button--outline:hover,.ds-pay-button--outline:active{background-color: transparent}
.ds-pay-button--plain{background-color: transparent;color: var(--color-text-primary);font-size: var(--font-size-14)}
.ds-pay-button--plain:hover{color: var(--color-text-accent)}
.ds-pay-button--plain:hover,.ds-pay-button--plain:active{background-color: transparent}
.ds-pay-button__icon{flex-shrink: 0}
.ds-pay-button__icon path{vector-effect: non-scaling-stroke}
[dir="rtl"] .ds-pay-button__icon--mirror{transform: scaleX(-1)}
.ds-popup{position: fixed;inset: 0;z-index: 1005;display: flex;overflow-y: auto;padding-top: 4rem;background-color: #2c2c3480;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);cursor: pointer;transition: all 0.2s ease-in-out}
.ds-popup__panel{box-sizing: border-box;min-width: 20rem;max-width: 90vw;margin: auto;overflow: hidden;border-radius: var(--radius-s);background-color: var(--color-bg-fill-primary);opacity: 0;transform: translate(0,-2rem);cursor: default;transition: all 0.25s ease-in-out}
.ds-popup__panel.is-open{opacity: 1}
.ds-popup__header{display: flex;flex-direction: column;gap: var(--space-16);padding: var(--space-16) var(--space-16) 0 var(--space-8)}
.ds-popup__back{display: flex;justify-content: flex-start;align-items: center;gap: var(--space-16);margin: 0;padding: 0;border: 0;background: none;color: inherit;font: inherit;text-align: start;cursor: pointer}
.ds-popup__back:hover{opacity: 0.75}
.ds-popup__back:focus-visible{outline: 3px solid #00c3d2;outline-offset: 3px}
.ds-popup__back>svg{flex-shrink: 0}
[dir="rtl"] .ds-popup__back>svg{transform: scaleX(-1)}
.ds-popup__title{font-size: 1.25rem;line-height: 1.2;font-weight: var(--font-weight-semibold)}
.ds-popup__line{box-sizing: border-box;width: 100%;height: 1px;border-bottom: 1px solid #9c9b9f4d}
.ds-popup__body{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 1.5rem;padding: var(--space-16) var(--space-16) var(--space-32)}
.ds-popup__icon{display: block;width: 3rem;height: 3rem}
.ds-popup__text{max-width: 20rem;text-align: center}
.ds-popup__loading{display: flex;justify-content: center;align-items: center;width: 100%;height: 20rem}
.ds-qty{display: flex;justify-content: flex-start;align-items: center}
.ds-qty__button{box-sizing: border-box;display: flex;justify-content: center;align-items: center;width: 2rem;height: 2rem;margin: 0;padding: var(--space-4) var(--space-8);border: 1px solid var(--color-bg-fill-secondary);border-radius: var(--radius-xs);background-color: var(--color-bg-fill-secondary);color: inherit;font: inherit;cursor: pointer;transition: all var(--duration-base)}
.ds-qty__button>svg{flex-shrink: 0}
.ds-qty__button:hover{background-color: var(--color-text-primary);color: var(--color-text-inverted)}
.ds-qty__button:focus-visible{outline: 2px solid var(--color-bg-fill-accent-hover)}
.ds-qty__button--minus{border-top-right-radius: 0;border-bottom-right-radius: 0}
.ds-qty__button--plus{border-top-left-radius: 0;border-bottom-left-radius: 0}
.ds-qty__button--plus:hover{border-color: var(--color-text-primary)}
.ds-qty__button.is-inactive{color: rgb(44 44 52 / 30%);cursor: not-allowed}
.ds-qty__button.is-inactive:hover{background-color: var(--color-bg-fill-secondary)}
.ds-qty__input{box-sizing: border-box;display: block;width: 5rem;height: 2rem;margin: 0;padding: var(--space-4) var(--space-8);border: 1px solid var(--color-bg-surface);background-color: var(--color-bg-fill-primary);color: #333;font: inherit;font-size: var(--font-size-14);line-height: 1.42857;text-align: center;vertical-align: middle}
.ds-qty__input:focus{border-color: #3898ec;outline: 0}
.ds-qty__input::placeholder{color: #999}
@supports (-webkit-touch-callout: none){.ds-qty__input{font-size: 16px}}
.ds-rating{display: flex;gap: var(--space-16)}
.ds-rating__item{position: relative;display: block;margin: 0;padding: 0;cursor: pointer}
.ds-rating__item:hover{transform: translate(0,-2px)}
.ds-rating__input{position: absolute;z-index: -1;opacity: 0}
.ds-rating__star{position: relative;display: block;width: 2rem;color: var(--color-bg-fill-secondary)}
.ds-rating__star.is-active{color: var(--color-bg-fill-accent-active)}
.ds-rating__input:focus-visible + .ds-rating__star{outline: 2px solid currentColor;outline-offset: 2px;border-radius: 2px}
.ds-select{position: relative;z-index: 900;box-sizing: border-box;width: 100%;height: 3rem;border: 1px solid var(--color-border-primary);border-radius: var(--radius-s)}
.ds-field.is-error .ds-select{border-color: var(--color-border-error)}
.ds-select ~ .ds-field__tag{inset-inline-end: 2.5rem}
.ds-select__button{position: relative;box-sizing: border-box;display: flex;align-items: flex-start;width: 100%;height: 3rem;margin: 0;padding-block: var(--space-16);padding-inline: var(--space-16) 2.5rem;border: 0;border-radius: var(--radius-s);background-color: transparent;color: #222;font: inherit;line-height: 1;text-align: start;white-space: nowrap;vertical-align: top;cursor: pointer;-webkit-user-select: none;user-select: none}
.ds-select__button:focus{outline: 0}
.ds-select__button:focus-visible{outline: 3px solid #00c3d2;outline-offset: 3px}
.ds-select__value{flex: 1 1 auto;min-width: 0}
.ds-select__value.is-placeholder{color: var(--color-text-tertiary)}
.ds-select__chevron{position: absolute;inset-block: 0;inset-inline-end: 0;margin-block: auto;margin-inline: auto var(--space-16);stroke-width: 2.5}
.ds-select__menu{position: absolute;z-index: 11;display: none;box-sizing: border-box;min-width: 100%;max-height: 16rem;margin-top: var(--space-8);overflow: auto;background-color: var(--color-bg-fill-primary)}
.ds-select.is-open .ds-select__menu{display: block;border: 1px solid #0000001a;border-radius: var(--radius-s)}
.ds-select__option{position: relative;display: flex;align-items: center;gap: var(--space-8);padding: 0.75rem 1.25rem;border-bottom: 1px solid #e6f4f1;color: var(--color-text-primary);line-height: 1.4;text-align: start;text-decoration: none;white-space: pre-wrap;vertical-align: top;cursor: pointer}
.ds-select__option:hover{background-color: var(--color-bg-surface)}
.ds-select__option:focus{outline: 0}
.ds-select__option:focus-visible{background-color: #00c3d21a}
.ds-test-cards{position: fixed;bottom: 0;z-index: 999;display: flex;flex-direction: column;align-self: flex-end;gap: var(--space-12);width: 15rem;margin-right: 1rem;border-radius: var(--radius-s) var(--radius-s) 0 0;background-color: var(--color-bg-fill-tertiary);color: var(--color-text-inverted)}
[dir="rtl"] .ds-test-cards{align-self: flex-start}
.ds-test-cards svg{flex-shrink: 0}
.ds-test-cards__header{display: flex;justify-content: flex-start;align-items: center;gap: var(--space-16);margin: 0;padding: var(--space-12) var(--space-16) var(--space-8);border: 0;background-color: transparent;color: inherit;font: inherit;cursor: pointer}
.ds-test-cards__chevron{display: flex;justify-content: center;align-items: center;margin-left: auto}
.ds-test-cards__body{display: flex;flex-direction: column;gap: var(--space-12);padding: 0 var(--space-16) var(--space-16)}
.ds-test-cards__card{display: flex;justify-content: flex-start;align-items: center;gap: var(--space-8);min-width: 13rem;margin: 0;padding: var(--space-8);border: 0;border-radius: var(--radius-xs);background-color: var(--color-bg-fill-primary);font: inherit;cursor: pointer}
.ds-test-cards__card--success{color: var(--color-status-success)}
.ds-test-cards__card--error{color: var(--color-text-error)}
.ds-test-cards__digits{display: flex;justify-content: flex-start;align-items: center;gap: var(--space-16);margin-left: auto}
.ds-test-cards__hint{font-size: var(--font-size-12);line-height: 1.3}
.ds-wallets{margin-bottom: -1rem}
.ds-wallets__grid{display: grid;grid-template-columns: 1fr;grid-template-rows: auto;gap: var(--space-12);margin-bottom: var(--space-16)}
.ds-wallets__button{width: 100%;height: 3rem}
.ds-wallets__button--apple,.ds-wallets__button--bit{display: flex;justify-content: center;align-items: center;border-radius: var(--radius-s);color: var(--color-text-inverted);cursor: pointer;transition: all var(--duration-base)}
.ds-wallets__button--apple{background-color: #191919}
.ds-wallets__button--bit{align-self: stretch;background-color: #03353b}
.ds-wallets__button--apple:hover,.ds-wallets__button--bit:hover{opacity: 0.85}
.ds-wallets__button--apple:active,.ds-wallets__button--bit:active{opacity: 0.75}
.ds-wallets__button--apple:focus-visible,.ds-wallets__button--bit:focus-visible{outline: 2px solid var(--color-border-accent-hover)}
.ds-wallets__button--bit.is-inactive,.ds-wallets__button--apple.is-inactive:hover{opacity: 0.3}
.ds-wallets__stub{display: flex;justify-content: center;align-items: center;gap: 0.375rem;border: 0;border-radius: var(--radius-s);background-color: #000;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.ds-wallets__stub-text{color: #fff;font-size: 1.15rem;letter-spacing: 0.2px}
.ds-wallets__stub-mark{display: flex;align-items: center;gap: 0.125rem}
.ds-wallets__stub-mark>svg{flex-shrink: 0}
.ds-wallets__note{font-size: var(--font-size-12);line-height: 1.3;text-align: center}
.ds-text-h1{font-size: var(--font-size-20);line-height: var(--line-height-h1);font-weight: var(--font-weight-semibold)}
.ds-text-secondary{color: var(--color-text-secondary)}
