.digital-services-page { --ds-accent: #ea6033; --ds-accent-dark: #a13c1c; --ds-soft: #fceadf; --ds-border: rgba(53, 39, 30, .13); color: #26211f; }
.ds-hero { position: relative; overflow: hidden; padding: 158px 0 68px; }
.ds-hero::before { position: absolute; content: ''; pointer-events: none; inset: 0; background: radial-gradient(ellipse at 85% 25%, rgba(246,174,129,.21), transparent 51%); }
.ds-hero-grid { position: relative; display: grid; grid-template-columns: 1.22fr .78fr; gap: clamp(35px, 6vw, 90px); align-items: center; }
.ds-hero-copy h1 { margin: 22px 0 26px; font-size: clamp(48px, 5.8vw, 78px); font-weight: 500; line-height: 1.04; letter-spacing: -.062em; }
.ds-hero-copy h1 em { color: var(--ds-accent); font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; }
.ds-hero-copy > p { max-width: 650px; color: #716761; font-size: 16px; line-height: 1.8; }
.ds-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 31px; }
.ds-inline-link { color: #5d514a; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.ds-inline-link:hover { color: var(--ds-accent-dark); }
.ds-hero-panel { padding: 30px; background: #fffcf7; border: 1px solid var(--ds-border); border-radius: 27px; box-shadow: 0 20px 60px rgba(76,45,27,.065); }
.ds-panel-heading { display: flex; align-items: center; gap: 16px; padding-bottom: 26px; border-bottom: 1px solid var(--ds-border); }
.ds-panel-heading > span:last-child { color: #7e736b; font-size: 12px; line-height: 1.8; }
.ds-panel-heading b { color: #2c2520; font-size: 14px; font-weight: 600; }
.ds-icon-tile { display: inline-grid; place-items: center; flex-shrink: 0; width: 58px; height: 58px; border: 1px solid #f2cbb6; border-radius: 17px; background: #fceddf; color: var(--ds-accent-dark); }
.ds-icon-tile svg { width: 31px; height: 31px; }
.ds-panel-flow { display: grid; gap: 19px; padding: 25px 0; }
.ds-panel-flow > div { display: flex; align-items: center; gap: 16px; }
.ds-panel-flow > div > span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--ds-border); border-radius: 9px; font-family: var(--mono); color: #8c7667; font-size: 9px; }
.ds-panel-flow p { display: flex; justify-content: space-between; gap: 18px; flex: 1; margin: 0; color: #9a8b80; font-size: 12px; }
.ds-panel-flow b { color: #40352e; font-weight: 500; text-align: right; }
.ds-connection-note { display: flex; gap: 10px; align-items: flex-start; padding: 14px; background: #f5efe7; border-radius: 12px; }
.ds-connection-note p { margin: 0; color: #7e6656; font-size: 11px; line-height: 1.6; }
.ds-status-dot { display: inline-block; width: 7px; height: 7px; margin-top: 5px; flex-shrink: 0; border-radius: 50%; background: #b1824e; }
.ds-workspace { padding: 20px 0 72px; }
.ds-tabs { display: flex; align-items: center; gap: 5px; padding-bottom: 23px; border-bottom: 1px solid var(--ds-border); margin-bottom: 38px; }
.ds-tabs a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 9px 17px; color: #796d64; border: 1px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 600; }
.ds-tabs svg { width: 18px; height: 18px; }
.ds-tabs a:hover { background: #fff9f2; color: #3e2b20; }
.ds-tabs a[aria-current='page'] { background: #fffaf2; border-color: #f0ccb8; color: var(--ds-accent-dark); }
.ds-workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 21px; }
.ds-workspace-heading h2 { margin: 9px 0 0; font-family: var(--display); font-size: clamp(26px, 3vw, 36px); font-weight: 500; letter-spacing: -.045em; line-height: 1.2; }
.ds-refresh { display: inline-flex; align-items: center; gap: 13px; border: 1px solid var(--ds-border); border-radius: 999px; padding: 10px 15px; color: #625347; background: transparent; font-size: 11px; font-weight: 600; }
.ds-refresh:hover { background: #fffaf4; }
.ds-refresh:disabled { opacity: .5; cursor: wait; }
.ds-refresh span { font-size: 18px; line-height: 1; }
.ds-service-status { display: flex; gap: 11px; align-items: flex-start; margin: 0 0 24px; padding: 13px 17px; color: #795e48; background: #f6eadc; border: 1px solid #e5d1bb; border-radius: 11px; font-size: 12px; line-height: 1.6; }
.ds-service-status.ready { background: #eaf2e8; color: #45643d; border-color: #cfdfc9; }
.ds-service-status.ready .ds-status-dot { background: #68935c; }
.ds-commerce-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 25px; align-items: start; }
.ds-filters { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 12px; padding: 18px; border: 1px solid var(--ds-border); border-radius: 15px; background: rgba(255,255,255,.5); }
.ds-filters label { display: grid; gap: 7px; color: #736558; font-size: 11px; font-weight: 600; }
.ds-filters input, .ds-filters select { width: 100%; min-width: 0; min-height: 42px; padding: 9px 11px; border: 1px solid #ddd2c9; border-radius: 8px; background: #fffdf9; color: #3d332c; font: inherit; font-size: 12px; }
.ds-filters select { padding-right: 24px; }
.ds-filters input::placeholder { color: #9b8d83; }
.ds-filters :disabled { opacity: .65; cursor: not-allowed; }
.ds-catalog-meta { display: flex; justify-content: space-between; gap: 15px; margin: 21px 0 14px; font-size: 10px; color: #918379; }
.ds-catalog-meta p { margin: 0; color: #6c5e53; }
.ds-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.ds-empty-state { display: flex; grid-column: 1/-1; min-height: 320px; flex-direction: column; justify-content: center; align-items: center; padding: 32px; border: 1px dashed #d9cdc2; border-radius: 17px; background: #faf7f1; text-align: center; }
.ds-empty-icon { display: grid; place-items: center; width: 49px; height: 49px; margin-bottom: 16px; border: 1px solid #e8d9cb; border-radius: 15px; background: #f1e8de; color: #9c765b; }
.ds-empty-icon svg { width: 25px; height: 25px; }
.ds-empty-state h3 { margin: 0 0 10px; font-family: var(--display); font-weight: 500; font-size: 22px; letter-spacing: -.03em; }
.ds-empty-state p { max-width: 370px; margin: 0; font-size: 12px; line-height: 1.8; color: #86766a; }
.ds-empty-state button { margin-top: 21px; }
.ds-product { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--ds-border); border-radius: 17px; background: #fffcf8; }
.ds-product.selected { border-color: var(--ds-accent); box-shadow: 0 0 0 1px var(--ds-accent); }
.ds-product-heading { display: flex; gap: 14px; align-items: flex-start; }
.ds-product-mark { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 11px; background: #f7e8dc; color: #ae4e2b; font-size: 13px; font-weight: 700; }
.ds-product h3 { margin: 1px 0 5px; color: #312a24; font-size: 15px; line-height: 1.4; font-weight: 600; }
.ds-product-subtitle { margin: 0; color: #9b8473; font-size: 10px; }
.ds-product-description { margin: 17px 0; color: #807064; font-size: 11px; line-height: 1.7; }
.ds-product dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: auto 0 19px; padding-top: 16px; border-top: 1px solid #ede3d9; }
.ds-product dt { margin-bottom: 4px; color: #928173; font-size: 10px; }
.ds-product dd { margin: 0; color: #43352a; font-size: 14px; font-weight: 600; }
.ds-product-price { font-family: var(--display); }
.ds-product-select { width: 100%; min-height: 38px; border: 1px solid #ddc8b7; border-radius: 8px; background: #f9eee2; color: #8d482b; font-size: 11px; font-weight: 600; }
.ds-product-select:hover { background: #f4e2d0; }
.ds-product-selected { background: #f8dac5; }
.ds-stock-note { display: inline-block; color: #927456; font-size: 9px; margin-top: 6px; }
.ds-catalog-note { color: #8e7d6f; font-size: 10px; line-height: 1.8; margin: 18px 0 0; }
.ds-order-sidebar { display: grid; gap: 15px; }
.ds-account-card, .ds-order-card { padding: 23px; border: 1px solid var(--ds-border); border-radius: 17px; background: #fffcf7; }
.ds-account-card { background: #efe8df; }
.ds-account-card h3, .ds-order-card h3 { margin: 13px 0 7px; font-size: 17px; font-weight: 600; letter-spacing: -.035em; }
.ds-account-card p, .ds-order-card > p { margin: 0; font-size: 11px; line-height: 1.7; color: #7e6c5f; overflow-wrap: anywhere; }
.ds-account-card .eyebrow, .ds-order-card .eyebrow { font-size: 9px; }
.ds-account-link { display: inline-block; margin-top: 18px; color: #824023; font-size: 11px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.ds-wallet { display: grid; gap: 3px; margin: 18px 0 8px; padding-top: 16px; border-top: 1px solid #dcccbd; }
.ds-wallet span { font-size: 10px; color: #8c7565; }
.ds-wallet strong { color: #523b29; font-family: var(--display); font-size: 22px; font-weight: 500; }
.ds-order-total { display: flex; justify-content: space-between; align-items: end; gap: 16px; padding: 20px 0; margin-top: 7px; border-bottom: 1px solid #e7d9ce; }
.ds-order-total span { color: #8f7663; font-size: 11px; }
.ds-order-total strong { color: #5c3922; font-family: var(--display); font-size: 24px; font-weight: 500; }
.ds-order-terms { font-size: 10px; color: #8e7462; margin: 17px 0 0; padding-left: 17px; }
.ds-order-terms li { margin: 6px 0; line-height: 1.6; }
.ds-purchase { width: 100%; min-height: 43px; padding: 11px 16px; margin: 20px 0 13px; border: 1px solid var(--ds-accent); border-radius: 9px; background: var(--ds-accent); color: #fff; font-size: 12px; font-weight: 600; }
.ds-purchase:disabled { border-color: #e3d6c9; background: #eee6dc; color: #ab9480; cursor: not-allowed; }
.ds-purchase:not(:disabled):hover { background: var(--ds-accent-dark); border-color: var(--ds-accent-dark); }
.ds-fineprint, .ds-order-card > .ds-fineprint { color: #907b6b; font-size: 10px; line-height: 1.8; }
.ds-order-result { margin-top: 25px; padding: 24px; border: 1px solid #dfc1ac; border-radius: 16px; background: #fff1e7; color: #714c34; }
.ds-order-result h3 { margin: 0 0 8px; font-size: 18px; }
.ds-order-result p { margin: 6px 0; font-size: 12px; }
.ds-order-result.success { background: #ecf2e7; border-color: #cfddc5; color: #446034; }
.ds-order-reference { font-family: var(--mono); font-size: 11px; overflow-wrap: anywhere; }
.ds-order-result[hidden] { display: none; }
.ds-how { padding: 65px 0 84px; background: #efe9df; border-top: 1px solid #e6dacf; }
.ds-section-heading h2 { margin: 13px 0 38px; font-family: var(--display); font-size: clamp(30px, 4vw, 45px); letter-spacing: -.045em; font-weight: 500; }
.ds-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding: 0; margin: 0; list-style: none; }
.ds-steps li { position: relative; padding-top: 18px; border-top: 1px solid #d8c6b7; }
.ds-steps li > span { font-family: var(--mono); color: #b05f37; font-size: 10px; }
.ds-steps h3 { margin: 18px 0 10px; font-size: 16px; font-weight: 600; letter-spacing: -.02em; }
.ds-steps p { max-width: 300px; margin: 0; color: #8b7665; font-size: 12px; line-height: 1.8; }
.ds-support-band { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 53px; padding: 25px 30px; border: 1px solid #d9c9bb; border-radius: 18px; background: #f8f3ec; }
.ds-support-band h3 { margin: 0 0 5px; font-size: 17px; font-weight: 500; }
.ds-support-band p { margin: 0; color: #907867; font-size: 12px; }
.ds-api-panel { display: flex; align-items: flex-start; flex-direction: column; gap: 20px; }
.ds-api-panel h2, .ds-vpn-panel h2 { margin: 0; color: #514030; font-family: var(--display); font-size: 34px; line-height: 1.12; font-weight: 500; letter-spacing: -.04em; }
.ds-api-panel > p, .ds-vpn-panel > p { margin: 0; font-size: 12px; color: #907965; line-height: 1.8; }
.ds-state-chip { display: inline-block; padding: 6px 10px; color: #986438; border: 1px solid #e7d1b9; border-radius: 999px; background: #fcf1e3; font-family: var(--mono); font-size: 9px; }
.ds-api-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 45px; }
.ds-api-jumps { display: grid; align-content: start; gap: 8px; position: sticky; top: 140px; }
.ds-api-jumps a { padding: 10px 13px; border: 1px solid transparent; border-radius: 9px; color: #8a7767; font-size: 12px; }
.ds-api-jumps a:hover { background: #fff7ed; border-color: #e2cbb6; color: #a5552e; }
.ds-api-section { padding: 0 0 38px; margin-bottom: 39px; border-bottom: 1px solid var(--ds-border); scroll-margin-top: 120px; }
.ds-api-section:last-child { border-bottom: none; margin-bottom: 0; }
.ds-api-section h2 { margin: 14px 0 20px; font-family: var(--display); font-weight: 500; font-size: 31px; line-height: 1.2; letter-spacing: -.04em; }
.ds-api-section > p { margin: 0 0 21px; color: #877262; font-size: 13px; line-height: 1.85; }
.ds-api-section a, .ds-vpn-note a, .ds-notice a { color: #a14b23; text-decoration: underline; text-underline-offset: 3px; }
.ds-api-section p code { color: #89512f; padding: 2px 5px; border-radius: 5px; background: #f1e4d6; font-family: var(--mono); font-size: 10px; overflow-wrap: anywhere; }
.ds-endpoint { display: flex; align-items: flex-start; gap: 15px; padding: 15px 18px; border: 1px solid #e2d2c4; border-radius: 11px; background: #faf4ec; margin: 13px 0; }
.ds-endpoint code { margin-top: 1px; font-family: var(--mono); font-size: 11px; color: #745336; overflow-wrap: anywhere; }
.ds-method { color: #568151; background: #e6efdd; border: 1px solid #cbddbd; border-radius: 5px; padding: 3px 6px; font-family: var(--mono); font-size: 8px; }
.ds-method.post { color: #ad6935; background: #f7e6cf; border-color: #e8c8a1; }
.ds-code { margin: 21px 0; border: 1px solid #ddcebf; border-radius: 13px; background: #fffaf3; overflow: hidden; }
.ds-code > div { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 18px; border-bottom: 1px solid #e4d6c8; color: #9d8067; font-size: 10px; }
.ds-code button { padding: 3px 8px; color: #9c5129; border: 1px solid #e3cbb3; border-radius: 5px; background: #f9eddf; font-size: 10px; }
.ds-code pre { margin: 0; padding: 22px; color: #75583f; font-size: 11px; line-height: 1.85; overflow-x: auto; }
.ds-code code { font-family: var(--mono); }
.ds-api-fields { margin: 22px 0 0; }
.ds-api-fields > div { display: grid; grid-template-columns: 170px 1fr; padding: 14px 0; border-bottom: 1px solid #e5d7ca; gap: 22px; }
.ds-api-fields dt { font-family: var(--mono); color: #9b6741; font-size: 10px; }
.ds-api-fields dd { margin: 0; font-size: 11px; color: #8c735e; line-height: 1.8; }
.ds-notice { padding: 20px; margin: 25px 0; border: 1px solid #ddc0a6; border-radius: 12px; background: #f8ebdc; }
.ds-notice h3 { margin: 0 0 9px; color: #845434; font-size: 13px; font-weight: 600; }
.ds-notice p { margin: 0; color: #987c61; font-size: 11px; line-height: 1.8; }
.ds-api-table { margin: 23px 0; border: 1px solid #e1ccba; border-radius: 12px; overflow-x: auto; }
.ds-api-table table { width: 100%; border-collapse: collapse; color: #8e715a; font-size: 11px; line-height: 1.7; text-align: left; }
.ds-api-table th { padding: 13px 17px; background: #f3e6d8; font-weight: 600; }
.ds-api-table td { padding: 14px 17px; background: #fffbf4; border-top: 1px solid #e4d3c1; }
.ds-api-table td:first-child { font-family: var(--mono); color: #a15f30; }
.ds-vpn-page .ds-hero { padding-bottom: 85px; }
.ds-vpn-panel { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
.ds-vpn-note { padding: 27px 0; border-block: 1px solid #e3d3c5; background: #efe5d9; }
.ds-vpn-note p { font-size: 13px; line-height: 1.8; color: #8a705a; margin: 0; }
@media (max-width: 1000px) { .ds-hero-grid { gap: 35px; grid-template-columns: 1.15fr .85fr; } .ds-hero-copy h1 { font-size: 53px; } .ds-hero-panel { padding: 24px; } .ds-commerce-layout { grid-template-columns: minmax(0,1fr) 260px; gap: 18px; } .ds-product-grid { grid-template-columns: 1fr; } .ds-api-layout { grid-template-columns: 170px minmax(0,1fr); gap: 28px; } .ds-filters { grid-template-columns: 1fr 1fr; } .ds-filters label:first-child { grid-column: 1/-1; } }
@media (max-width: 760px) { .ds-hero { padding: 124px 0 38px; } .ds-hero-grid { grid-template-columns: 1fr; gap: 33px; } .ds-hero-copy h1 { font-size: clamp(42px,8vw,59px); } .ds-hero-copy > p { font-size: 14px; } .ds-hero-panel { max-width: none; } .ds-panel-flow { gap: 16px; padding: 20px 0; } .ds-workspace { padding-bottom: 43px; } .ds-tabs { gap: 1px; margin-bottom: 29px; flex-wrap: wrap; } .ds-tabs a { padding: 8px 13px; font-size: 12px; } .ds-commerce-layout { display: flex; flex-direction: column; } .ds-catalog-area { width: 100%; } .ds-order-sidebar { width: 100%; grid-template-columns: 1fr 1fr; margin-top: 9px; } .ds-product-grid { grid-template-columns: 1fr 1fr; } .ds-workspace-heading { align-items: end; } .ds-workspace-heading h2 { font-size: 27px; } .ds-refresh { padding: 9px 12px; font-size: 10px; } .ds-refresh span { display: none; } .ds-catalog-meta > span { display: none; } .ds-steps { gap: 20px; } .ds-steps h3 { font-size: 14px; } .ds-steps p { font-size: 11px; } .ds-how { padding: 43px 0 58px; } .ds-support-band { padding: 22px; gap: 22px; flex-direction: column; align-items: start; } .ds-api-layout { display: block; } .ds-api-jumps { position: static; display: flex; flex-wrap: wrap; margin-bottom: 32px; gap: 5px; } .ds-api-jumps a { background: #f3e9dd; font-size: 11px; } .ds-api-panel h2 { font-size: 32px; } .ds-api-section h2 { font-size: 28px; } }
@media (max-width: 480px) { .digital-services-page .wrap { width: calc(100% - 36px); } .ds-hero { padding-top: 113px; } .ds-hero-copy h1 { font-size: 40px; letter-spacing: -.06em; } .ds-hero-actions { gap: 17px; } .ds-hero-panel { padding: 21px; } .ds-workspace-heading { align-items: start; gap: 12px; } .ds-workspace-heading h2 { font-size: 24px; } .ds-refresh { min-height: 36px; max-width: 105px; border-radius: 11px; } .ds-tabs a { gap: 7px; padding: 8px 9px; font-size: 11px; } .ds-tabs svg { width: 16px; height: 16px; } .ds-filters { padding: 14px; gap: 10px; } .ds-filters input, .ds-filters select { font-size: 11px; } .ds-product-grid { grid-template-columns: 1fr; } .ds-empty-state { min-height: 285px; padding: 25px 18px; } .ds-empty-state h3 { font-size: 20px; } .ds-order-sidebar { grid-template-columns: 1fr; } .ds-steps { grid-template-columns: 1fr; gap: 23px; } .ds-steps li { display: grid; grid-template-columns: 32px 1fr; gap: 4px 15px; } .ds-steps li > span { grid-row: 1/3; margin-top: 4px; } .ds-steps h3 { margin: 0 0 6px; } .ds-steps p { grid-column: 2; max-width: none; } .ds-api-fields > div { grid-template-columns: 100px 1fr; gap: 13px; } .ds-endpoint { padding: 13px; gap: 11px; } .ds-code pre { padding: 18px; font-size: 10px; } .ds-api-section > p { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .digital-services-page *, .digital-services-page *::before, .digital-services-page *::after { scroll-behavior: auto; transition: none; animation: none; } }

/* Service workspace: compact selectors, no marketing hero. */
.ds-app-page{background:#f7f8fb;color:#202638;--ds-blue:#3164db;--ds-line:#e4e7ef;--ds-muted:#657087;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}
.ds-app-page *{box-sizing:border-box}.ds-app-page h1,.ds-app-page h2,.ds-app-page h3{font-family:inherit;letter-spacing:0;line-height:1.35;font-weight:650}.ds-app-page button,.ds-app-page input,.ds-app-page select{font:inherit}.ds-app-page button:focus-visible,.ds-app-page a:focus-visible,.ds-app-page input:focus-visible,.ds-app-page select:focus-visible{outline:3px solid #9fbcff;outline-offset:3px}
.ds-app-shell{display:grid;grid-template-columns:205px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 80px)}.ds-app-nav{border-right:1px solid var(--ds-line);background:white;padding:28px 14px;min-width:0}.ds-nav-label{font-size:11px;font-weight:700;letter-spacing:.09em;color:#81899a;padding:0 12px;margin:0 0 12px}.ds-app-page .ds-tabs{display:flex;flex-direction:column;gap:5px;border:0;padding:0;margin:0 0 30px}.ds-app-page .ds-tabs a{display:flex;gap:11px;align-items:center;color:#4f596e;padding:12px;border-radius:8px;font-size:14px;font-weight:550;border:0;min-height:46px;white-space:normal}.ds-app-page .ds-tabs a svg{width:21px;height:21px;flex-shrink:0}.ds-app-page .ds-tabs a[aria-current=page]{color:var(--ds-blue);background:#edf3ff;border:0}.ds-account-nav{display:flex;flex-direction:column;gap:4px}.ds-account-nav a{display:flex;justify-content:space-between;text-decoration:none;padding:12px;color:#586278;border-radius:8px;min-height:44px}.ds-account-nav a:hover{background:#f4f6fa}.ds-demo-link{display:block;text-decoration:none;margin:28px 12px;color:var(--ds-blue);font-size:13px;line-height:1.6}
.ds-app-main{min-width:0;padding:28px 32px 36px}.ds-app-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.ds-app-heading h1{font-size:28px;margin:0 0 5px}.ds-app-heading p{color:var(--ds-muted);font-size:14px;line-height:1.6;margin:0}.ds-app-page .ds-refresh{border:1px solid var(--ds-line);border-radius:8px;background:#fff;box-shadow:none;padding:10px 14px;min-height:44px;color:#3e4c66;display:inline-flex;align-items:center;gap:10px;font-weight:550}.ds-app-page .ds-refresh:hover:not(:disabled){background:#f0f4ff;color:var(--ds-blue)}
.ds-app-page .ds-service-status{font-size:13px;background:#fff9ef;border:1px solid #f1dfba;border-radius:8px;color:#7c663c;padding:11px 14px;margin:0 0 20px;display:flex;gap:9px;align-items:center;line-height:1.5}.ds-app-page .ds-service-status.ready{background:#f0f9f4;border-color:#cce8d6;color:#267247}.ds-app-page .ds-status-dot{width:7px;height:7px;flex:0 0 7px}.ds-app-page .ds-commerce-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.ds-app-page .ds-catalog-area{min-width:0}.ds-selector-panel{border:1px solid var(--ds-line);background:white;border-radius:10px;padding:20px;margin:0 0 20px}.ds-selector-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.ds-selector-heading h2{font-size:17px;display:flex;align-items:center;gap:9px;margin:0}.ds-step{background:#f0f3f9;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;font-size:12px;color:#68758d}.ds-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ds-search-field input,.ds-country-tools select{width:100%;min-height:42px;border:1px solid #dfe4ee;border-radius:7px;background:#fff;color:#303b50;padding:9px 12px}.ds-search-field input::placeholder{color:#8690a2}.ds-search-field input:disabled{background:#f8f9fc}.ds-search-field{width:190px}.ds-country-tools{display:flex;gap:8px;align-items:center;margin:0}.ds-country-tools select{width:auto;max-width:130px;font-size:12px}.ds-service-choices{display:flex;flex-wrap:wrap;gap:10px}.ds-service-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border:1px solid var(--ds-line);border-radius:8px;background:white;min-height:64px;min-width:145px;max-width:100%;flex:1 1 145px;cursor:pointer;color:#29334a}.ds-service-choice[aria-pressed=true]{border-color:#7d9de8;background:#f6f9ff;box-shadow:0 0 0 1px #7d9de8}.ds-service-choice b{font-size:14px;display:block;overflow-wrap:anywhere}.ds-service-choice small{display:block;color:var(--ds-muted);font-size:12px;margin-top:3px}.ds-service-mark{width:32px;height:32px;border-radius:10px;background:#edf2ff;color:var(--ds-blue);font-weight:700;display:grid;place-items:center;flex:0 0 32px}.ds-selector-placeholder{margin:4px 0;color:var(--ds-muted);font-size:14px;line-height:1.6}.ds-catalog-count{font-size:12px;color:var(--ds-muted);margin:0 0 12px}.ds-app-page .ds-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ds-app-page .ds-product{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--ds-line);border-radius:8px;background:white;box-shadow:none;min-width:0}.ds-app-page .ds-product.selected{border-color:#7d9de8;background:#f6f9ff;box-shadow:0 0 0 1px #7d9de8}.ds-country-mark{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;font-size:23px}.ds-product-info{min-width:0;flex:1}.ds-app-page .ds-product h3{font-size:13px;overflow-wrap:anywhere;margin:0 0 3px}.ds-app-page .ds-product p{font-size:12px;color:var(--ds-muted);margin:0;line-height:1.5}.ds-app-page .ds-product-price{font-size:13px;font-weight:650;white-space:nowrap;color:#29354d;margin:0}.ds-app-page .ds-product-select{font-size:12px;font-weight:650;border:0;border-radius:6px;padding:8px 10px;background:#eff4ff;color:var(--ds-blue);width:auto;min-height:40px;flex-shrink:0;margin:0}.ds-app-page .ds-product-select:hover{background:#e1eaff}.ds-app-page .ds-empty-state{grid-column:1/-1;border:1px dashed var(--ds-line);border-radius:8px;padding:30px 18px;text-align:center;background:#fbfcfe;box-shadow:none;min-height:150px}.ds-app-page .ds-empty-state h3{font-size:15px;margin:0 0 7px}.ds-app-page .ds-empty-state p{font-size:13px;margin:0 auto 10px;max-width:420px;line-height:1.7}.ds-app-page .ds-order-sidebar{position:static;display:flex;flex-direction:column;gap:16px;align-self:start;min-width:0}.ds-app-page .ds-order-card,.ds-app-page .ds-account-card{border:1px solid var(--ds-line);border-radius:10px;background:white;box-shadow:none;padding:20px}.ds-app-page .ds-order-card h2{font-size:16px;margin:0 0 17px}.ds-app-page .ds-order-card h3,.ds-app-page .ds-account-card h3{font-size:14px;margin:0 0 8px}.ds-app-page .ds-order-card p,.ds-app-page .ds-account-card p{font-size:13px;line-height:1.6;color:var(--ds-muted);margin:0 0 12px;overflow-wrap:anywhere}.ds-app-page .ds-purchase{width:100%;background:var(--ds-blue);border:0;border-radius:7px;min-height:44px;color:white;font-size:14px;font-weight:600;padding:12px;margin-top:12px;box-shadow:none}.ds-app-page .ds-purchase:disabled{background:#edf0f5;color:#8790a2;cursor:not-allowed;opacity:1}.ds-app-page .ds-fineprint{font-size:12px!important;color:#7b8598!important;margin:12px 0 0!important}.ds-app-page .ds-account-link{color:var(--ds-blue);font-size:13px;font-weight:550;line-height:1.7;text-decoration:none}.ds-app-page .ds-order-total{border-top:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);padding:12px 0;margin:16px 0}.ds-app-page .ds-order-total strong{font-size:20px;font-family:inherit;color:#29354d}.ds-app-page .ds-order-total span{font-size:13px}.ds-app-page .ds-order-terms{font-size:12px;line-height:1.7;color:var(--ds-muted);padding-left:16px}.ds-app-page .ds-wallet{border:0;border-top:1px solid var(--ds-line);padding:12px 0;display:flex;flex-direction:column;gap:5px;background:none;margin:10px 0}.ds-app-page .ds-wallet span{font-size:12px}.ds-app-page .ds-wallet strong{font-family:inherit;font-size:18px}.ds-orders-access{border:1px solid var(--ds-line);border-radius:10px;background:white;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px}.ds-orders-access h2{font-size:16px;margin:0 0 6px}.ds-orders-access p{font-size:13px;color:var(--ds-muted);margin:0;line-height:1.6}.ds-app-page .ds-order-result{background:white;border:1px solid #d8e2fb;border-radius:8px;margin:0 0 18px;padding:18px}.ds-app-page .ds-order-result h3{font-size:16px}.ds-app-page .ds-order-result p{font-size:14px;line-height:1.6}.ds-app-page input:disabled,.ds-app-page select:disabled{opacity:.7}.ds-app-page .ds-refresh:disabled{opacity:.6;cursor:wait}
@media(min-width:960px) and (max-width:1360px){.ds-app-shell{grid-template-columns:180px minmax(0,1fr)}.ds-app-main{padding:24px}.ds-app-page .ds-commerce-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.ds-app-page .ds-product-grid{grid-template-columns:1fr}.ds-selector-heading{flex-wrap:wrap}.ds-search-field{width:180px}}
@media(max-width:959px){.ds-app-shell{display:block}.ds-app-nav{border-right:0;border-bottom:1px solid var(--ds-line);padding:10px 20px}.ds-app-nav .ds-nav-label,.ds-app-nav .ds-account-nav,.ds-app-nav .ds-demo-link{display:none}.ds-app-page .ds-tabs{flex-direction:row;flex-wrap:wrap;gap:4px;margin:0}.ds-app-page .ds-tabs a{padding:9px 12px;min-height:42px;font-size:13px}.ds-app-main{padding:22px}.ds-app-page .ds-commerce-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.ds-app-page .ds-product-grid{grid-template-columns:1fr}.ds-selector-heading{align-items:flex-start;flex-direction:column;gap:12px}.ds-search-field{width:100%}.ds-country-tools{width:100%}.ds-app-page .ds-order-card,.ds-app-page .ds-account-card{padding:17px}}
@media(max-width:650px){.ds-app-main{padding:20px 14px 28px}.ds-app-heading{align-items:flex-start}.ds-app-heading h1{font-size:25px}.ds-app-heading p{font-size:13px}.ds-app-page .ds-commerce-layout{grid-template-columns:1fr}.ds-selector-panel{padding:16px;margin-bottom:16px}.ds-selector-heading h2{font-size:16px}.ds-service-choice{flex:1 1 130px;min-width:130px;min-height:64px}.ds-app-page .ds-order-sidebar{display:grid;grid-template-columns:1fr}.ds-app-page .ds-product{gap:9px;padding:11px}.ds-app-page .ds-product h3{font-size:14px}.ds-app-page .ds-product-select{min-height:44px}.ds-app-page .ds-service-status{font-size:13px}.ds-orders-access{margin-top:18px;align-items:flex-start;flex-direction:column}.ds-app-nav{padding:8px}.ds-app-page .ds-tabs a{padding:9px}.ds-app-page .ds-refresh{padding:9px 11px;flex-shrink:0}.ds-app-page .ds-product-price{font-size:13px}.ds-country-tools select{max-width:114px}}
.ds-app-page{padding-top:82px}.ds-app-page .ds-product-select{min-height:44px}
@media(max-width:760px){.ds-app-page{padding-top:72px}}

.ds-live-guide{border:1px solid var(--ds-line);border-radius:12px;background:#fff;padding:22px;margin:0 0 22px}.ds-live-guide-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.ds-kicker{display:block;color:#5877bf;font-size:10px;font-weight:750;letter-spacing:.13em;margin-bottom:8px}.ds-live-guide-heading h2{font-size:22px;margin:0 0 6px;color:#242d43}.ds-live-guide-heading p{max-width:650px;font-size:13px;line-height:1.7;color:var(--ds-muted);margin:0}.ds-guide-badge{white-space:nowrap;font-size:11px;padding:7px 10px;border-radius:20px;background:#fff5e6;color:#8b6736}.ds-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.ds-guide-grid article{padding:15px;background:#f8faff;border:1px solid #e7ebf4;border-radius:9px}.ds-guide-number{font-size:11px;color:#3164db;font-weight:700}.ds-guide-grid h3{font-size:14px;margin:8px 0 5px}.ds-guide-grid p,.ds-live-state-grid p{font-size:12px;line-height:1.65;color:var(--ds-muted);margin:0}.ds-live-state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.ds-live-state-grid>div{border-top:1px solid var(--ds-line);padding:14px 2px 0}.ds-state-label{display:block;font-size:10px;letter-spacing:.1em;color:#8290aa;font-weight:700;margin-bottom:6px}.ds-live-state-grid strong{display:block;font-size:14px;color:#303a53;margin-bottom:4px}.ds-live-phone{border-top:3px solid #6c89dd}.ds-live-mail{border-top:3px solid #d5a864}.ds-live-fb{border-top:3px solid #8c70ca}@media(max-width:650px){.ds-live-guide{padding:17px}.ds-live-guide-heading{display:block}.ds-guide-badge{display:inline-block;margin-top:12px}.ds-guide-grid{grid-template-columns:1fr}.ds-live-state-grid{grid-template-columns:1fr}}