:root{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#18212f;background:#f4f5f7;font-synthesis:none;--indigo:#22457a;--red:#c93a22;--line:#e5e8ed;--muted:#596579}*{box-sizing:border-box}body{margin:0}header,main{max-width:480px;margin:auto}header{padding:18px 20px;display:flex;gap:12px;align-items:center;background:white;border-bottom:1px solid var(--line);font-size:13px}#brand{font-weight:700;flex:1}#environment{font-size:12px;color:var(--muted)}a{color:var(--indigo)}main{padding:20px 20px calc(110px + env(safe-area-inset-bottom))}nav{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);padding:0 4px 18px}nav span{padding:5px 0;border-bottom:2px solid transparent}nav [aria-current]{color:var(--indigo);border-color:var(--indigo);font-weight:700}.hero{aspect-ratio:4/3;padding:30px 24px;background:linear-gradient(135deg,#22457a,#2f5a99);border-radius:16px;color:#fff;display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:"Songti SC","STSong",serif;font-size:30px;line-height:1.35;margin:8px 0}.hero p{margin:6px 0}.eyebrow{font-size:12px;letter-spacing:2px}.hero-note{font-size:12px;opacity:.85}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px 20px;margin:18px 0}h1{font-size:26px;line-height:1.4;margin:16px 0}h2{font-family:"Songti SC","STSong",serif;font-size:20px;margin:0 0 16px}h3{font-size:15px;margin:24px 0 8px}p,dd{font-size:14px;line-height:1.65;overflow-wrap:anywhere}p{margin:8px 0}.price{color:#e2452b;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}#charge{font-weight:600}.muted,footer,.agreement{font-size:13px;color:var(--muted)}button,.primary-link{font:inherit;font-size:16px;font-weight:700;min-height:48px;padding:12px 16px;border:0;border-radius:10px;background:var(--red);color:white;cursor:pointer;text-align:center;text-decoration:none}button{width:100%;margin-top:12px}button:disabled{background:#e5e8ed;color:#596579;cursor:not-allowed}.secondary{background:#eef2f8;color:var(--indigo);font-size:14px;font-weight:600}.text-button{background:transparent;color:var(--indigo);font-size:14px;margin:0;padding:8px 0;min-height:44px}.agreement{text-align:center}.agreement button{width:auto;font-size:13px}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:white;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;z-index:2}.bottom-bar span{font-size:12px;flex:1}.bottom-bar strong{display:block;font-size:22px;color:var(--red)}.bottom-bar button{width:56%;margin:0}.input-row{display:flex;gap:10px;align-items:center}.input-row input{min-width:0;flex:1}.input-row button{width:116px;flex-shrink:0;margin:0;font-size:13px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input{font:inherit;width:100%;min-height:48px;padding:12px;border:1px solid #bac5d4;border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2f5a99;outline-offset:3px}.order-summary{display:flex;gap:12px;align-items:center}.order-summary div{flex:1;min-width:0}.order-summary strong{overflow-wrap:anywhere;font-size:14px}.product-icon{width:44px;height:44px;border-radius:9px;background:var(--indigo);color:white;display:grid;place-items:center;font-size:24px}.red{color:var(--red)}.service-steps{padding-left:20px;font-size:14px;line-height:2}details{border-top:1px solid var(--line);padding-top:16px}summary{min-height:44px;cursor:pointer;font-size:14px;font-weight:600}dt{font-size:13px;font-weight:600;margin-top:18px}dd{margin:6px 0;white-space:pre-wrap}#result{text-align:center}.success-mark{margin:16px auto 8px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eaf3ec;color:#286738;font-size:28px}#handoff-qr{display:block;object-fit:contain;margin:24px auto}#handoff-link,#lookup-link{display:block;margin-top:18px}.receipt{text-align:left}#message{color:#96321e;font-size:14px}footer{text-align:center;margin-top:30px}footer p{font-size:12px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:350px){main{padding-left:14px;padding-right:14px}.card{padding:18px 14px}.input-row{gap:6px}.input-row button{width:105px}.hero{padding:24px 18px}}

.hero{position:relative;overflow:hidden}.hero>p,.hero>h1{position:relative;z-index:1}.hero:has(#hero-image:not([hidden])){background:#22457a}.hero:has(#hero-image:not([hidden])):after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,30,60,.8),rgba(15,30,60,.25))}#hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.content-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.content-tags span{background:#e8eef7;color:#22457a;padding:7px 11px;border-radius:20px;font-size:13px}#detail-images img{width:100%;height:auto;display:block;margin:14px 0;border-radius:8px}

.hero.image-only{aspect-ratio:auto;padding:0;background:transparent}.hero.image-only:after{display:none}.hero.image-only>p,.hero.image-only>h1{display:none}.hero.image-only #hero-image{position:static;width:100%;height:auto;display:block}#checkout-hero{display:block;width:100%;height:160px;object-fit:cover;border-radius:14px;margin-bottom:18px}

.field-error { color: #b42318; margin: 8px 0 0; min-height: 1.4em; font-size: 14px; }
.phone-confirmation { position: fixed; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(15, 23, 42, .5); overflow: auto; }
.phone-confirmation-panel { width: min(100%, 440px); max-height: calc(100dvh - 40px); overflow: auto; margin: 0; border: 2px solid #1b5a91; box-shadow: 0 16px 48px rgba(15, 23, 42, .2); }
.phone-confirmation-panel h2 { font-family: inherit; font-size: 18px; }
body.confirming-phone { overflow: hidden; }
.phone-confirmation strong { display: block; font-size: clamp(25px, 7vw, 36px); letter-spacing: .04em; }
#lookup input { display: block; width: 100%; margin: 8px 0 16px; }
#lookup-qr { display: block; margin: 16px auto; max-width: 100%; }
#lookup-qr[hidden] { display: none; }
#checkout.inline #checkout-hero,#checkout.inline #checkout-title,#checkout.inline #checkout-product,#checkout.inline #return-landing{display:none}

body[data-view="teacher"]{background:#f6f7f9}
body[data-view="teacher"] main{padding:28px 20px calc(44px + env(safe-area-inset-bottom))}
#result{max-width:440px;margin:0 auto;text-align:left}
.result-hero{text-align:center;padding:0 12px 6px}
.result-hero .success-mark{width:58px;height:58px;margin:0 auto 16px;background:#eaf6ed;color:#22834a;font-family:Arial,sans-serif;font-size:34px;font-weight:700}
#result #order-state{margin:0;color:#132033;font-size:32px;line-height:1.25;font-weight:760;letter-spacing:-.03em}
.result-summary{margin:12px 0 24px;color:#66738a;font-size:14px;line-height:1.6}
#result .card{border-color:#e1e6ed;border-radius:18px;box-shadow:0 1px 2px rgba(20,32,51,.02);margin:16px 0;padding:22px}
#result .result-status-card{position:relative;overflow:hidden;margin-top:10px;background:#f3faf5;border-color:#cde8d4;text-align:left;padding:22px 22px 22px 26px}
#result .result-status-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2f9b5a}
#result .result-status-card h2{margin:0 0 8px;color:#14243a;font-family:inherit;font-size:21px;font-weight:750;letter-spacing:-.02em}
#result .result-status-card p{margin:0;color:#53657b;font-size:14px;line-height:1.7}
#result .result-status-card #handoff-state{color:#25364d}
#result .result-status-card #handoff-note:not(:empty){margin-top:8px}
#result .result-status-card #handoff-name:not([hidden]){margin-top:12px;font-weight:700}
#result .result-receipt{padding:22px}
#result .result-receipt h2{margin:0 0 10px;color:#15243a;font-family:inherit;font-size:19px;font-weight:750}
.order-detail-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;min-height:58px;border-top:1px solid #edf0f4}
.order-detail-row>span,.order-price-grid span{color:#66738a;font-size:14px}
.order-detail-row p{margin:0;color:#172438;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.order-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #edf0f4;padding:16px 0}
.order-price-grid div{display:grid;gap:5px}
.order-price-grid strong{color:#172438;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.order-price-grid div:last-child strong{color:#1f5fae}
.order-phone-value{display:flex;align-items:center;gap:8px;min-width:0}
.status-chip{flex:none;padding:4px 9px;border-radius:999px;background:#eef2f7;color:#637088;font-size:12px;line-height:1.4}
.receipt-note{margin:14px 0 0;padding:13px 14px;border-radius:12px;background:#f5f7fa;color:#66738a;font-size:13px;line-height:1.65}
#result #legacy-note{margin-top:12px;padding-top:12px;border-top:1px solid #edf0f4}
#result .result-refresh{margin:18px 0 0;min-height:52px;border-radius:14px;background:#245ea8;color:#fff;font-size:15px;font-weight:700;box-shadow:0 6px 14px rgba(36,94,168,.14)}
#result .result-refresh:hover{background:#1e528f}
#result .result-refresh:active{transform:translateY(1px)}
#result .result-refresh:disabled{background:#dfe5ec;color:#718096;box-shadow:none}
body[data-view="teacher"] footer{margin-top:34px;color:#778399}
body[data-view="teacher"] footer p{margin:5px 0;font-size:12px}
body[data-view="teacher"] footer a{display:inline-block;margin-top:4px;font-size:12px}
#message[data-tone="success"]{color:#286738;text-align:center}
@media(max-width:350px){body[data-view="teacher"] main{padding-left:14px;padding-right:14px}#result #order-state{font-size:28px}#result .card{padding:18px}.order-detail-row{grid-template-columns:78px;gap:10px}.order-price-grid{gap:8px}}

/* The waived fixed-contact result follows the approved two-section success card. */
body.contact-complete {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  background: linear-gradient(145deg, #dfeaf7 0%, #eaf2fa 52%, #f5f7fa 100%);
}
body.contact-complete::before,
body.contact-complete::after {
  content: "";
  position: fixed;
  z-index: -1;
  width: min(76vw, 440px);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .5);
  background: rgba(255, 255, 255, .12);
  box-shadow: 0 0 0 56px rgba(255, 255, 255, .13), 0 0 0 112px rgba(255, 255, 255, .14);
  pointer-events: none;
}
body.contact-complete::before { top: -180px; right: -140px; }
body.contact-complete::after { bottom: -220px; left: -160px; }
body.contact-complete main {
  position: relative;
  padding: clamp(64px, 20svh, 156px) 28px calc(48px + env(safe-area-inset-bottom));
}
body.contact-complete #result .result-shell {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 48px rgba(72, 112, 151, .12);
}
body.contact-complete .result-hero { padding: 40px 24px 0; }
body.contact-complete .result-hero .success-mark {
  width: 80px;
  height: 80px;
  margin: 0 auto 38px;
  color: #fff;
  font-size: 44px;
  background: linear-gradient(135deg, #80d992, #08ae73 70%, #079f54);
  box-shadow: 0 0 0 12px #ddfbea, 0 0 0 24px #f1fdf6;
}
body.contact-complete #result #order-state {
  font-size: clamp(26px, 7.5vw, 34px);
  line-height: 1.3;
  letter-spacing: -.02em;
}
body.contact-complete .result-hero::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 26px;
  background: #def6e9;
}
.result-connector { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 14px 0 16px; background: linear-gradient(#fff, #f6fdf9); }
.result-connector span { width: 5px; height: 5px; border-radius: 50%; background: #39d49a; }
.result-connector span:first-child { opacity: .35; }
.result-connector span:nth-child(2) { opacity: .65; }
body.contact-complete #result .result-status-card {
  margin: 0;
  padding: 14px 20px 30px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(#f4fcf7, #eafbf3);
  box-shadow: none;
  text-align: center;
}
body.contact-complete #result .result-status-card::before { display: none; }
.contact-icon { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 14px; border-radius: 22px; color: #00834f; background: #dff9e9; }
.contact-icon svg { width: 44px; height: 44px; }
body.contact-complete #result .result-status-card h2 { margin: 0; color: #075e4c; font-size: 20px; line-height: 1.5; }
body.contact-complete #message:empty { display: none; }
@media (max-width: 350px) {
  body.contact-complete main { padding-left: 20px; padding-right: 20px; }
  body.contact-complete .result-hero { padding-left: 18px; padding-right: 18px; }
}

/* Keep the ready waived teacher handoff focused on its QR and WeChat action. */
body.teacher-complete { min-height: 100svh; background: #f6f7f9; }
body.teacher-complete main { padding: clamp(32px, 10svh, 80px) 24px calc(32px + env(safe-area-inset-bottom)); }
body.teacher-complete .result-hero { padding: 0; }
body.teacher-complete .result-hero .success-mark { width: 72px; height: 72px; margin: 0 auto 20px; font-size: 40px; }
body.teacher-complete #result .result-status-card { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; text-align: center; }
body.teacher-complete #result .result-status-card::before { display: none; }
body.teacher-complete #handoff-qr { width: min(216px, 62vw); height: auto; aspect-ratio: 1; margin: 24px auto; padding: 8px; background: #fff; }
body.teacher-complete #result #handoff-link { margin: 0; min-height: 52px; padding: 14px 16px; }

/* Payment and paid reception share one quiet, viewport-sized flow. */
body:is([data-view="payment"],[data-view="payment-result"],.paid-reception) { background:#f6f7f9; color:#172c4d; min-height:100svh; }
body:is([data-view="payment"],[data-view="payment-result"],.paid-reception) main { max-width:480px; padding:0 24px max(20px,env(safe-area-inset-bottom)); margin:0 auto; }
body:is([data-view="payment"],[data-view="payment-result"],.paid-reception) :is(#lookup-entry,#checkout-actions) { display:none; }
.payment-flow { min-height:calc(100svh - 24px); display:flex; flex-direction:column; text-align:center; }
.flow-heading { margin:0; padding:20px 0 16px; border-bottom:1px solid #e8ebef; text-align:center; font-size:15px; font-weight:600; color:#34445f; }
.payment-content { padding:clamp(40px,10svh,84px) 0 20px; }
.flow-icon { width:64px; height:64px; margin:0 auto 26px; display:grid; place-items:center; }
.flow-icon svg { width:100%; height:100%; fill:currentColor; }
.wechat-icon { color:#07a35b; }
.payment-spinner { width:52px; height:52px; color:#284d80; }
.payment-spinner svg { animation:payment-spin 1.3s linear infinite; }
@keyframes payment-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .payment-spinner svg { animation:none; } }
.payment-content h1 { margin:0 0 14px; font-size:24px; font-weight:650; letter-spacing:0; }
.payment-content .price { display:block; margin:18px 0 14px; color:#142b50; font-size:42px; line-height:1.2; font-weight:650; }
#payment-result .price { margin:32px 0 0; font-size:32px; }
.flow-kicker { font-size:17px; margin:0; }
.flow-meta,.flow-helper,#payment-message { color:#7d8798; font-size:14px; line-height:1.8; }
.flow-meta { margin:0 0 26px; }
#payment-order,#payment-deadline { font-size:12px; color:#8993a2; margin:5px 0; }
#payment-message { max-width:280px; margin:0 auto; min-height:48px; }
body:is([data-view="payment"],[data-view="payment-result"],.paid-reception) :is(button,.primary-link) { min-height:48px; border-radius:12px; font-size:16px; box-shadow:none; }
#payment :is(#pay-start,#pay-link),body.paid-reception #handoff-link { margin-top:28px; background:#07a35b; color:white; border:0; min-height:52px; padding:14px; font-weight:600; }
#pay-confirm { margin-top:28px; background:transparent; border:1px solid #ccd4df; color:#29456d; }
.flow-helper { margin:12px 0; font-size:13px; }
#payment #pay-check { margin-top:8px; font-size:13px; color:#61738e; }
.flow-back,.flow-order { margin:auto 0 12px; color:#8993a2; font-size:12px; text-decoration:none; overflow-wrap:anywhere; }
.paid-flow-heading,.paid-wechat { display:none; }
body.paid-reception .paid-flow-heading { display:block; }
body.paid-reception .result-shell { gap:0; margin:0; }
body.paid-reception .result-hero { background:transparent; border:0; box-shadow:none; padding:32px 0 0; text-align:center; }
#paid-badge { display:inline-block; font-size:12px; color:#078651; background:#e4f5eb; border-radius:20px; padding:5px 12px; margin:0 auto 30px; }
body.paid-reception .paid-wechat { display:grid; margin-bottom:24px; }
body.paid-reception #success-mark,body.paid-reception #result-connector { display:none; }
body.paid-reception #order-state { margin:0 0 14px; font-size:24px; color:#172c4d; }
body.paid-reception #result-summary { margin:0 auto; max-width:280px; font-size:14px; line-height:1.8; color:#7d8798; }
body.paid-reception #result #handoff { background:transparent; border:0; box-shadow:none; padding:20px 0 0; margin:0; text-align:center; }
body.paid-reception #result #handoff::before { display:none; }
body.paid-reception #handoff-state { font-size:14px; color:#7d8798; }
body.paid-reception #handoff-qr { width:150px; height:150px; padding:6px; margin:12px auto; background:white; }
body.paid-reception.teacher-link-ready #handoff-qr { display:none; }
body.paid-reception #result #handoff-link { display:block; margin:24px 0 0; }
body.paid-reception #refresh-order { margin-top:20px; color:#61738e; font-size:13px; background:transparent; }
body.paid-reception #message:empty { display:none; }
@media(max-height:650px) {
  .payment-content { padding-top:30px; }
  .flow-icon { width:48px; height:48px; margin-bottom:18px; }
  .payment-content .price { margin:12px 0; }
  .flow-meta { margin-bottom:12px; }
  #payment :is(#pay-start,#pay-link),#pay-confirm { margin-top:18px; }
  body.paid-reception .result-hero { padding-top:22px; }
  #paid-badge { margin-bottom:20px; }
}
body:is([data-view="payment"],[data-view="payment-result"]) #message:empty { display:none; }
.flow-heading { text-align:left; padding-top:30px; }
.flow-kicker { font-size:24px; font-weight:650; margin-bottom:4px; }
.flow-icon { width:80px; height:80px; }
.flow-label { margin:30px 0 0; color:#8a94a5; font-size:13px; }
.payment-content .price { margin:8px 0 18px; }
#payment-result .price { margin:8px 0 16px; font-size:38px; }
#payment-result .payment-spinner { width:88px; height:88px; }
#payment-result #pay-confirm { margin-top:24px; }
body.paid-reception .paid-wechat { width:88px; height:88px; margin-bottom:28px; }
body.paid-reception #result-summary { max-width:230px; }
body.paid-reception #result-connector { display:flex; margin:28px auto 8px; justify-content:center; }
body.paid-reception #result-connector span { background:#07a35b; }
body.paid-reception #handoff-note { font-size:12px; margin:14px 0 0; color:#8a94a5; }
@media(max-height:650px) {
  .flow-heading { padding-top:16px; padding-bottom:12px; }
  .payment-content { padding:20px 0 8px; }
  .flow-icon { width:44px; height:44px; margin-bottom:12px; }
  #payment-result .payment-spinner { width:52px; height:52px; }
  .flow-kicker { font-size:20px; }
  .flow-label { margin-top:16px; }
  .payment-content .price,#payment-result .price { margin:6px 0 12px; font-size:32px; }
  #payment :is(#pay-start,#pay-link) { margin-top:14px; }
  .flow-helper { margin:8px 0; }
  .payment-flow { min-height:calc(100svh - 20px); }
  body.paid-reception .paid-wechat { width:60px; height:60px; margin-bottom:16px; }
  body.paid-reception #result-connector { margin-top:16px; }
}
@media(max-height:650px) {
  body.paid-reception #paid-badge { margin-bottom:12px; }
  body.paid-reception #result #handoff { padding-top:12px; }
  body.paid-reception #handoff-qr { width:110px; height:110px; }
  body.paid-reception #order-state { font-size:22px; }
}
body.paid-reception #result-connector { flex-direction:row; width:max-content; padding:0; background:transparent; }

/* Inline phone entry uses the same quiet palette as payment. */
.phone-prefix, #phone-hint { display:none; }
#checkout.inline .phone-card { padding:22px 20px 16px; border-color:#e4e9ef; border-radius:16px; }
#checkout.inline #phone-heading { margin:0; color:#172c4d; font:650 18px/1.5 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif; }
#checkout.inline #identity { margin:6px 0 20px; color:#68768a; font-size:13px; line-height:1.7; }
#checkout.inline #phone-form label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#checkout.inline .phone-input-row { position:relative; }
#checkout.inline .phone-prefix { position:absolute; left:16px; display:flex; align-items:center; height:22px; padding-right:14px; border-right:1px solid #dce3eb; color:#35465f; font-size:15px; pointer-events:none; }
#checkout.inline #phone { min-height:56px; padding:15px 14px 15px 76px; border:1px solid #dce3eb; border-radius:12px; background:#f8fafc; color:#172c4d; font-size:18px; font-variant-numeric:tabular-nums; }
#checkout.inline #phone::placeholder { color:#8a96a7; font-size:15px; }
#checkout.inline #phone:focus-visible { border-color:#07a35b; outline:2px solid #d9f1e4; outline-offset:2px; background:#fff; }
#checkout.inline #phone[aria-invalid="true"] { border-color:#c83830; background:#fffafa; }
#checkout.inline :is(#phone-hint,#phone-error) { min-height:20px; margin:8px 0 0; font-size:12px; line-height:20px; }
#checkout.inline #phone-hint { display:block; color:#68768a; }
#checkout.inline #phone-error:empty, #checkout.inline #phone-form:has(#phone-error:not(:empty)) #phone-hint { display:none; }
#checkout.inline #checkout-note { display:none; }
body:has(#checkout.inline) #checkout-actions { gap:24px; padding-top:12px; padding-bottom:calc(12px + env(safe-area-inset-bottom)); }
body:has(#checkout.inline) #bar-amount { color:#172c4d; font-size:24px; }
body:has(#checkout.inline) #start:not(:disabled) { width:62%; border-radius:12px; background:#07a35b; font-weight:600; }
body:has(#checkout.inline) #lookup-entry { margin:4px 0 0; }
body:has(#checkout.inline) #open-lookup { font-size:13px; font-weight:400; color:#68768a; }
body:has(#checkout.inline) #open-lookup span { color:#172c4d; font-weight:600; }
body:has(#checkout.inline) footer { color:#7a8799; }
body:has(#checkout.inline) footer a { color:inherit; font-size:12px; }
@media(max-width:350px) {
  #checkout.inline .phone-card { padding:20px 16px 14px; }
  #checkout.inline #identity { margin-bottom:16px; }
  #checkout.inline #phone { padding-left:66px; font-size:17px; }
  #checkout.inline .phone-prefix { left:13px; padding-right:11px; font-size:14px; }
}