@font-face{font-family:"Roboto Flex Kaspi";src:url('./fonts/roboto-flex-kaspi.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}

:root{
  --red:#f14635;--red2:#f75a4b;--blue:#067dcc;--green:#42a900;--gold:#ddb363;
  --yellow:#ffd400;--ink:#181818;--muted:#8b8b8f;--line:#e8e8e8;--soft:#f2f2f3;
  --ds-type-caption:12px;--ds-line-caption:16px;--ds-type-body:14px;--ds-line-body:18px;
  --ds-type-control:16px;--ds-line-control:20px;--ds-type-title:20px;--ds-line-title:24px;
  --ds-type-heading:24px;--ds-line-heading:28px;
  font-family:"Roboto Flex Kaspi",Roboto,Arial,sans-serif;color:var(--ink)
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;background:#d7d7d7;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input{font:inherit}button{color:inherit;min-width:0}
body:not(.prototype-index){display:flex;justify-content:center;overflow:hidden}
#app{width:100%;min-width:0;display:flex;justify-content:center}
.phone{width:100%;max-width:430px;min-width:0;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);background:#fff;position:relative;overflow:hidden;box-shadow:0 0 32px #0002}
.screen{height:calc(100vh - env(safe-area-inset-top));height:calc(100dvh - env(safe-area-inset-top));min-height:0;overflow-y:auto;overflow-x:hidden;background:#fff;padding-bottom:calc(78px + env(safe-area-inset-bottom));scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.no-nav{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.screen.gray{background:#f2f2f2}
.screen.page-entering{animation:page-enter .2s cubic-bezier(.22,.75,.28,1) both}
@keyframes page-enter{from{opacity:.72;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
.statusbar{height:30px;padding:8px 18px 2px;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:13px;font-weight:600;position:sticky;top:0;z-index:8}
.statusbar.ios{height:42px;padding:10px 25px 4px}.dynamic-island{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:112px;height:28px;background:#050505;border-radius:20px}
.statusbar.ios+.topbar{top:42px}
.status-svg{width:54px;height:14px;color:#111}.status-svg svg{display:block;width:100%;height:100%;fill:currentColor;stroke:currentColor}
.topbar{height:56px;background:#fff;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;border-bottom:1px solid #eee;position:sticky;top:0;z-index:7}
.topbar.clean{border-bottom:0}.top-title{text-align:center;font-size:17px;font-weight:650;white-space:nowrap}.top-title.large{font-size:19px}
.top-title .svg-icon{width:25px;height:25px;vertical-align:middle;color:var(--red)}
.brand-mini{display:inline-grid;place-items:center;min-width:29px;height:29px;padding:0 4px;border-radius:5px;background:var(--red);color:#fff;font-size:9px;font-weight:800;vertical-align:middle}
.icon-button{width:48px;height:48px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#111}.icon-button.red{color:var(--red)}.icon-button.blue{color:var(--blue)}
.icon-button>.svg-icon{width:24px;height:24px}.icon-button svg{width:24px;height:24px}.top-action{width:68px;justify-self:end;font-size:14px;color:var(--blue);text-decoration:none;text-align:right;padding-right:12px}
.svg-icon{display:inline-grid;place-items:center}.svg-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.supplied-icon{display:inline-block;background:currentColor;-webkit-mask:var(--supplied-icon) center/contain no-repeat;mask:var(--supplied-icon) center/contain no-repeat}.supplied-raster-icon img{display:block;width:100%;height:100%;object-fit:contain}
.svg-icon.fill svg{fill:currentColor;stroke:none}
.bottom-nav{position:absolute;z-index:9;left:0;right:0;bottom:0;height:calc(72px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(var(--count,4),minmax(0,1fr));padding-bottom:calc(6px + env(safe-area-inset-bottom))}
.nav-link{border:0;background:#fff;text-decoration:none;color:#8b8b8b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;min-width:0;white-space:nowrap}.nav-link.active{color:var(--red)}.nav-link .svg-icon{width:23px;height:23px}
.page-scroller{overflow:hidden}.divider{height:9px;background:#f2f2f2}.section-title{font-size:17px;font-weight:700;margin:16px 14px 10px}.subtle{color:var(--muted)}
.segmented{margin:10px 13px 12px;background:#efeff0;border-radius:11px;padding:2px;display:grid;grid-template-columns:repeat(var(--segments,2),minmax(0,1fr));gap:2px;overflow:hidden}
.segment{border:0;background:transparent;border-radius:9px;height:34px;font-size:13px}.segment.active{background:#fff;box-shadow:0 1px 4px #0001}.segmented.redline{background:#fff;border:1px solid var(--red);padding:0;gap:0;border-radius:7px;overflow:hidden}.segmented.redline .segment{border-radius:0;color:var(--red);height:36px;border-right:1px solid var(--red)}.segmented.redline .segment:last-child{border:0}.segmented.redline .segment.active{background:var(--red);color:#fff;box-shadow:none}
.segment .svg-icon,.travel-tab .svg-icon{width:16px;height:16px;vertical-align:middle}
.searchbar{height:42px;margin:0 13px 12px;padding:0 13px;border-radius:11px;background:#f0f0f1;color:#aaa;display:flex;align-items:center;gap:10px}.searchbar.outlined{background:#fff;border:1px solid #ddd;border-radius:0;height:50px}.searchbar .svg-icon{width:20px;height:20px;flex:none}.searchbar input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#333;font-size:14px}
.close-box{width:26px;height:26px;border-radius:7px;background:#d9d9db;color:#fff;display:grid;place-items:center}.close-box .svg-icon{width:17px;height:17px}
.round-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--red)}.round-icon .svg-icon{width:21px;height:21px}
.pill{display:inline-flex;align-items:center;justify-content:center;height:24px;border-radius:9px;padding:0 10px;font-size:12px;background:#f2f4f8;color:#0570ca}.badge{display:inline-flex;align-items:center;padding:3px 6px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;background:var(--red)}.badge.yellow{background:var(--yellow);color:#151515}.badge.green{background:#39a800}.badge.gold{background:#ddb55c}.badge.pink{background:#ff1748}
.btn-primary{display:flex;align-items:center;justify-content:center;width:calc(100% - 26px);height:48px;margin:14px 13px;border:0;border-radius:10px;background:#087fc9;color:#fff;font-size:16px;text-decoration:none}.btn-primary.fixed{position:absolute;bottom:18px;left:0}.btn-red{background:var(--red)}

/* shared vector illustrations */
.art{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8f8fa,#ddd);color:#444}.art .svg-icon{position:absolute}.art.red{background:linear-gradient(135deg,#ff6a5e,#ef3329);color:#fff}.art.blue{background:linear-gradient(135deg,#a8e8ff,#6ec7ef)}.art.green{background:linear-gradient(135deg,#cce98f,#74bf6c)}.art.pink{background:linear-gradient(135deg,#f8acd3,#e778b5)}.art.purple{background:linear-gradient(135deg,#c9b0f1,#9a75cf)}.art.gold{background:linear-gradient(135deg,#f8d48f,#d7a649)}
.art-device{position:absolute;border:3px solid #252525;background:#eef1f6;border-radius:8px;box-shadow:0 5px 10px #0002}.art-device::after{content:"";position:absolute;inset:5px;border-radius:4px;background:linear-gradient(145deg,#111e43,#b1ccfb 52%,#f0b6ce)}
.art-bag{position:absolute;width:38px;height:39px;border-radius:3px 3px 10px 10px;background:#f44336;box-shadow:inset -8px -5px #d9251b}.art-bag::before{content:"";position:absolute;left:10px;top:-10px;width:17px;height:14px;border:3px solid #f6c7c3;border-bottom:0;border-radius:12px 12px 0 0}
.art-chair{position:absolute;width:34px;height:28px;border-radius:10px 10px 5px 5px;background:#d49600;box-shadow:inset -7px -5px #a96e00}.art-chair::before{content:"";position:absolute;width:29px;height:22px;background:#f0af16;border-radius:11px;left:3px;top:-14px}.art-chair::after{content:"";position:absolute;left:5px;top:24px;width:24px;height:15px;border-left:3px solid #704f00;border-right:3px solid #704f00}
.landscape{position:absolute;inset:0;background:linear-gradient(#78c8f4 0 50%,#7dc258 51% 100%)}.landscape::before{content:"";position:absolute;left:-8%;right:-8%;bottom:22%;height:58%;background:linear-gradient(145deg,transparent 36%,#eaf2f4 37% 46%,transparent 47%),linear-gradient(215deg,transparent 35%,#536f71 36% 56%,transparent 57%);clip-path:polygon(0 100%,20% 45%,38% 80%,59% 22%,79% 75%,100% 43%,100% 100%)}.landscape.desert{background:linear-gradient(#5bc0ef 0 62%,#e9c47b 63%)}.landscape.desert::before{left:33%;right:25%;bottom:26%;height:42%;background:linear-gradient(90deg,#d7c19d,#fff0d3,#9f8462);clip-path:polygon(0 100%,8% 28%,23% 100%,32% 12%,52% 100%,65% 0,100% 100%)}

/* marketplace */
.market-header{padding:6px 12px 8px;display:grid;grid-template-columns:32px 1fr 30px;align-items:center;gap:8px;background:#fff}.market-header>.svg-icon{width:26px;height:26px;color:var(--red)}.market-header .searchbar{margin:0;height:38px}.market-promos{display:flex;gap:10px;overflow:hidden;padding:7px 14px 10px}.market-promo{min-width:184px;height:87px;border-radius:12px;padding:11px;position:relative;overflow:hidden;background:linear-gradient(120deg,#c3edff,#8fc7ec);font-size:13px;font-weight:700}.market-promo.green{background:linear-gradient(120deg,#78c889,#67af6e);color:#fff}.market-promo .deal{position:absolute;left:10px;bottom:14px;font-size:18px}.market-promo .art-device{width:43px;height:68px;right:15px;bottom:-13px;transform:rotate(-12deg)}
.market-promo>.svg-icon{position:absolute;width:58px;height:58px;right:7px;bottom:-3px;color:#fff}
.category-strip{display:flex;gap:9px;padding:4px 13px 7px;overflow:hidden}.mini-category{min-width:62px;text-align:center;font-size:9px;line-height:1.15}.mini-art{height:49px;border-radius:12px;margin-bottom:6px;background:#f2f2f3;position:relative;display:grid;place-items:center;color:var(--red)}.mini-art .svg-icon{width:35px;height:35px}.magnum-banner{height:86px;margin:8px 14px 12px;border-radius:11px;background:linear-gradient(110deg,#f81859,#ff4469 52%,#f8bd73);padding:10px 13px;color:#fff;position:relative;overflow:hidden}.magnum-word{font-weight:800;font-size:23px}.magnum-banner .bonus{background:#26b421;border-radius:5px;padding:4px 7px;font-size:13px;font-weight:700;display:inline-block}.fruit{position:absolute;width:47px;height:47px;border-radius:50%;background:#8fc800;right:43px;bottom:-8px;box-shadow:21px -9px 0 #ff9300,-22px 6px 0 #ffe000}.market-products{display:flex;gap:9px;padding:0 14px;overflow:hidden}.market-product{min-width:104px;border:1px solid #eee;border-radius:11px;padding:5px;position:relative}.product-photo{height:86px;border-radius:8px;background:linear-gradient(#f4f4f5,#fff);position:relative}.product-photo .art-device{width:47px;height:75px;left:24px;top:5px}.heart-float{position:absolute;right:4px;top:4px;background:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.heart-float .svg-icon{width:18px;height:18px}.price-line{font-size:12px;margin-top:4px}.old-price{color:#999;text-decoration:line-through;font-size:10px}
.store-nav{--count:5}

/* travel */
.travel-title{text-align:center;font-size:16px;font-weight:600;padding:7px}.travel-hero{height:63px;margin:6px 13px;border-radius:11px;overflow:hidden;position:relative}.travel-hero .landscape{background:linear-gradient(#bfe8ff 0 48%,#77ad42 49%)}.travel-hero strong{position:absolute;z-index:2;color:#fff;font-size:16px;left:12px;top:11px;text-shadow:0 1px 3px #0008;line-height:1.05}.travel-services{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:5px 13px 10px}.travel-service{height:52px;background:#f5f5f5;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;gap:3px}.travel-service .svg-icon{width:23px;height:23px;color:var(--red)}.travel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 13px 8px;border-top:8px solid #f3f3f3}.travel-tab{height:29px;border:0;border-radius:6px;background:#f1f1f2;font-size:12px}.travel-tab.active{background:var(--red);color:#fff}.hotel-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 7px;padding:0 13px 15px}.hotel-img{height:94px;border-radius:10px;overflow:hidden;position:relative}.hotel-img.city{background:linear-gradient(#55bdf0 0 60%,#b4c6d4 61%)}.hotel-img.city::before{content:"";position:absolute;bottom:0;left:39%;width:34px;height:79px;background:linear-gradient(90deg,#805f4b,#cfab81);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.hotel-img.lake{background:linear-gradient(#8dd6f6 0 49%,#077ccc 50% 73%,#c59452 74%)}.hotel-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 2px}.hotel-price{font-size:14px;font-weight:650}.hotel-price small{font-size:9px;font-weight:400;color:#777}.discount{color:#fff;background:#fb244b;font-weight:700;padding:2px 4px;border-radius:3px;font-size:10px}
.market-promo .art-device{width:72px;height:82px;right:3px;bottom:-10px;transform:rotate(-7deg);border:0;box-shadow:none;background:url("products/iphone.webp") center/contain no-repeat}.market-promo .art-device::after{display:none}
.product-photo,.recommend-art{background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}.product-iphone{background-image:url("products/iphone.webp")}.product-samsung{background-image:url("products/samsung.webp")}.product-airpods{background-image:url("products/airpods-max.webp")}.product-washer{background-image:url("products/washer.webp")}.product-macbook{background-image:url("products/macbook.webp")}.market-product .product-photo .art-device,.en-product .product-photo .art-device{display:none}
.travel-hero .landscape{background:url("generated/hotel-mountain.webp") center 58%/cover no-repeat}.travel-hero .landscape::before{display:none}
.hotel-img{background-position:center;background-size:cover}.hotel-img.mountain{background-image:url("generated/hotel-mountain.webp")}.hotel-img.city{background-image:url("generated/hotel-dubai.webp");background-position:right center}.hotel-img.lake{background-image:url("generated/hotel-alakol.webp")}.hotel-img.desert{background-image:url("generated/hotel-egypt.webp")}.hotel-img .landscape{display:none}.hotel-img.city::before{display:none}

/* transfer */
.account-select{margin:0;background:#fff;padding:10px 13px 14px;border-bottom:9px solid #f3f3f3}.account-box{height:55px;border:1px solid #eee;border-radius:10px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:0 13px;gap:9px;font-size:14px}.gold-logo,.red-logo,.yellow-logo,.green-logo{width:31px;height:27px;border-radius:4px;display:grid;place-items:center;color:#fff;background:#ddb363;font-size:10px;font-weight:700}.red-logo{background:var(--red)}.yellow-logo{background:#ffd100}.green-logo{background:#46a510}.transfer-body{padding:11px 13px;background:#fff}.recipient-card{border-radius:10px;overflow:hidden;background:#f1f1f2}.recipient-top{height:55px;padding:9px 13px;font-size:15px}.recipient-top small{display:block;color:#999;font-size:9px}.recipient-gold{background:#ddb363;color:#fff;padding:9px 13px;display:grid;grid-template-columns:1fr 36px;align-items:center;font-size:13px}.avatar-svg{width:33px;height:33px;border-radius:50%;background:#fff;color:#ab8255;padding:5px}.amount-field{height:58px;background:#f2f2f3;border-radius:10px;margin:17px 0;padding:18px 13px;font-size:17px}.message-field{height:72px;background:#f2f2f3;border-radius:10px;padding:15px 13px;color:#999;font-size:14px}.quick-replies{display:flex;gap:7px;margin:12px 0 18px}.quick-replies button{border:0;background:#f2f5fa;border-radius:14px;color:#0874ca;padding:7px 10px;font-size:12px}.transfer-cta{height:48px;width:100%;border:0;border-radius:9px;background:#087dcc;color:#fff;font-size:15px}

/* promotions */
.promo-tabs{display:flex;gap:7px;padding:11px 13px}.promo-tabs button{border:0;border-radius:7px;background:#f0f0f1;padding:8px 13px;font-size:12px}.promo-tabs .active{background:var(--red);color:#fff}.promo-list{padding:0 13px}.campaign{border-radius:10px;margin-bottom:13px;overflow:hidden;position:relative;color:#fff;padding:14px;background:linear-gradient(145deg,#ff3d32,#fb1f17);height:138px}.campaign h2{font-size:21px;margin:0 0 7px}.campaign strong{font-size:20px;line-height:1.25}.campaign .huge{position:absolute;right:20px;top:19px;font-size:73px;line-height:1;color:#ffbeb8;text-shadow:0 2px #fff}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign.small{height:140px;color:#fff;background:linear-gradient(145deg,#4d631e,#b57b31);padding:11px}.campaign.small.pink{background:linear-gradient(145deg,#e683ad,#d05187)}.campaign.wide{height:137px;background:linear-gradient(145deg,#54dcf5,#b4f5ff);color:#111}.campaign-art{position:absolute;right:9px;bottom:0}.campaign-art .svg-icon{width:78px;height:78px;color:#fff8}

/* payments */
.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 13px 10px}.payment-tile{border:0;height:112px;border-radius:11px;background:#f1f1f2;padding:10px 8px;position:relative;overflow:hidden;font-size:11px;font-weight:650;line-height:1.2;text-align:left;vertical-align:top}.payment-art{position:absolute;display:block;width:82px;height:67px;right:-2px;bottom:-2px}.payment-art svg{width:100%;height:100%;display:block}

/* bank */
.bank-page{background:#f2f2f2;padding:9px 13px 80px}.bank-card{border-radius:14px;background:#fff;margin-bottom:9px;padding:11px 13px}.bank-main{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;font-size:14px}.bank-main small{display:block;color:#888;font-size:10px;margin-top:3px}.bank-action{display:grid;grid-template-columns:36px 1fr;align-items:center;color:#0875c9;font-size:12px;margin-top:10px}.plus-box{width:30px;height:27px;border-radius:4px;background:#f4f8fd;display:grid;place-items:center}.plus-box .svg-icon{width:16px;height:16px}.bank-progress{height:4px;background:#eee;border-radius:4px;margin:7px 0}.bank-progress span{display:block;width:50%;height:100%;background:#46b51f;border-radius:4px}
.bank-link{color:inherit;text-decoration:none;cursor:pointer}.bank-main.bank-link,.bank-action.bank-link,.bank-notice.bank-link{width:100%}.bank-product-detail{min-height:calc(100% - 52px);padding:14px 13px 24px}.bank-detail-card{border-radius:16px;background:#fff;padding:24px 18px;text-align:center}.bank-detail-card>img{width:62px;height:54px;border-radius:9px;object-fit:cover}.bank-detail-card>small{display:block;margin-top:13px;color:#888;font-size:12px}.bank-detail-card>strong{display:block;margin-top:7px;font-size:28px}.bank-detail-card>p{margin:12px auto 0;max-width:290px;color:#666;font-size:13px;line-height:1.4}.bank-detail-links{margin-top:12px;border-radius:14px;background:#fff;overflow:hidden}.bank-detail-links>a{min-height:62px;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:0 14px;border-bottom:1px solid #eee;color:#222;text-decoration:none;font-size:14px}.bank-detail-links>a:last-child{border-bottom:0}.bank-detail-links>a>.svg-icon:first-child{width:24px;height:24px;color:#d6534c}.bank-detail-links>a>.chevron{width:18px;height:18px;color:#aaa}.bank-detail-primary{width:100%;height:52px;margin-top:14px;border:0;border-radius:9px;background:#087dcc;color:#fff;text-decoration:none;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}

/* gov */
.gov-docs{border-top:8px solid #f2f2f2;border-bottom:8px solid #f2f2f2;padding:12px 13px}.doc-strip{display:flex;gap:10px;overflow:hidden}.doc-card{min-width:107px;height:83px;border-radius:11px;background:#f3f3f4;padding:9px;font-size:11px}.doc-card .svg-icon{width:43px;height:33px;color:#54b9b9;margin-bottom:5px}.all-docs{display:flex;justify-content:space-between;color:#0877cb;font-size:13px;padding-top:12px}.gov-list{padding:4px 13px}.gov-item{display:grid;grid-template-columns:35px 1fr 18px;gap:10px;align-items:center;padding:12px 0}.gov-item>.svg-icon:first-child{width:31px;height:31px;padding:5px;border-radius:50%;background:#fafafa;color:var(--red)}.gov-item .name{font-size:14px}.gov-item small{display:block;color:#999;font-size:10px;line-height:1.25;margin-top:3px}.chevron{width:17px;height:17px;color:#bbb}

/* english marketplace */
.en-market .market-promos{padding-top:10px}.en-market .market-promo{min-width:184px;height:103px}.date-row{display:flex;gap:18px;white-space:nowrap;overflow:hidden;color:#999;font-size:12px;padding:0 14px 15px}.en-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:17px 7px;border-top:8px solid #f3f3f3;border-bottom:8px solid #f3f3f3;padding:18px 12px}.en-cat{text-align:center;font-size:12px}.en-cat .svg-icon{width:48px;height:48px;margin:auto;color:var(--red)}.en-product-row{display:flex;gap:15px;padding:12px 15px;overflow:hidden}.en-product{min-width:77px;text-align:center}.en-product .product-photo{height:75px}.en-product .price{font-size:13px;font-weight:600}.installment{background:#ffd80c;font-size:10px;font-weight:700;padding:3px}

/* bill payments english */
.bill-list{background:#fff}.bill-item{border:0;width:100%;height:68px;border-bottom:1px solid #e5e5e5;background:#fff;display:grid;grid-template-columns:37px minmax(0,1fr) 20px;align-items:center;padding:0 16px;color:#555;text-align:left;font-size:16px}.bill-item>.svg-icon:first-child{width:27px;height:27px;color:var(--red)}.bill-item .chevron{width:17px;height:17px}

/* loan */
.loan-intro{padding:24px 16px 16px}.loan-intro h1{font-size:24px;line-height:1.08;margin:0 0 18px}.loan-intro p{font-size:16px;color:#505050;margin:0}.form-block{border-top:8px solid #f2f2f2;padding:15px 16px}.form-label{color:#999;font-size:12px}.form-value{font-size:17px;margin-top:5px}.loan-result{text-align:center;border-top:9px solid #f2f2f2;padding:32px 16px}.loan-result h2{font-size:28px;margin:0 0 18px}.loan-result .monthly{font-size:16px}.loan-result strong{display:block;font-size:49px;margin-top:8px}.overpay{position:absolute;left:0;right:0;bottom:114px;text-align:center;color:#999;font-size:12px}.overpay b{display:block;color:#333;font-size:17px;margin-top:4px;font-weight:400}

/* QR */
.qr-screen{background:#c7c7c9;min-height:calc(100vh - 98px);text-align:center;padding-top:30px}.qr-screen>strong{color:#fff;font-size:17px}.qr-frame{width:284px;height:284px;margin:36px auto 32px;background:#fff;position:relative;display:grid;place-items:center}.qr-code{width:185px;height:185px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0/22px 22px;position:relative}.qr-code::before,.qr-code::after{content:"";position:absolute;width:48px;height:48px;background:#fff;border:9px solid #111;box-shadow:inset 0 0 0 7px #fff}.qr-code::before{left:7px;top:7px}.qr-code::after{right:7px;top:7px}.qr-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:37px;height:37px;border-radius:7px;background:var(--red);color:#fff;padding:7px}.qr-corners::before,.qr-corners::after{content:"";position:absolute;inset:-4px;border:4px solid var(--red);border-left-color:transparent;border-right-color:transparent;border-radius:10px}.qr-how{color:#fff;font-weight:700}.apply-sheet{position:absolute;left:0;right:0;bottom:0;height:246px;border-radius:17px 17px 0 0;background:#fff;text-align:left;padding:18px 16px}.sheet-grab{width:32px;height:4px;border-radius:4px;background:#ddd;margin:-13px auto 13px}.apply-sheet h2{font-size:20px;margin:0 0 20px}.apply-row{height:62px;display:grid;grid-template-columns:47px 1fr 19px;align-items:center;border-bottom:1px solid #eee}.apply-row small{display:block;color:#999;margin-top:4px}

/* analytics */
.analytics-date{padding:22px 16px;font-size:17px}.analytics-date>span{float:right;display:inline-flex;width:27px;height:27px;color:var(--red)}.analytics-date .svg-icon{width:27px;height:27px}.colorbar{height:21px;display:flex}.colorbar i:nth-child(1){width:40%;background:#9bdd54}.colorbar i:nth-child(2){width:30%;background:#48a900}.colorbar i:nth-child(3){width:15%;background:#ffd300}.colorbar i:nth-child(4){width:10%;background:#f34437}.colorbar i:nth-child(5){width:5%;background:#078ac9}.analytics-summary{display:grid;grid-template-columns:1fr 1fr}.summary-cell{padding:15px;border-right:1px solid #e5e5e5}.summary-cell small{color:#aaa}.summary-cell strong{display:block;font-size:17px;margin-top:7px}.analytics-row{height:67px;display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;padding:0 14px;border-bottom:1px solid #eee}.analytics-row .circle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#89d84b}.analytics-row .circle .svg-icon{width:24px;height:24px}.analytics-row .cat{min-width:0;font-size:17px;color:#555}.analytics-row small{display:block;color:#aaa;font-size:11px;margin-top:3px}.analytics-row .money{text-align:right;color:#555;white-space:nowrap}.analytics-row .money small{color:#3fa600}.day-title{background:#f2f2f2;color:#aaa;padding:13px 15px;font-size:12px}

/* red */
.red-hero{height:192px;position:relative;display:grid;place-items:center}.shopping-bags{position:relative;width:210px;height:115px}.bag-large,.bag-small{position:absolute;bottom:0;width:91px;height:99px;background:linear-gradient(120deg,#fafafa,#d5d5d5);clip-path:polygon(8% 10%,92% 10%,100% 100%,0 100%)}.bag-large{left:22px}.bag-small{right:20px;height:83px}.bag-large::before,.bag-small::before{content:"";position:absolute;left:26px;top:0;width:36px;height:36px;border:4px solid #eee;border-bottom:0;border-radius:24px 24px 0 0}.red-tag{position:absolute;left:77px;bottom:0;background:var(--red);color:#fff;border-radius:11px;width:82px;height:62px;display:grid;place-items:center;font-size:24px;font-weight:700}.benefits{padding:0 16px 14px}.benefits h1{font-size:24px}.benefit{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;margin:15px 0;font-size:16px}.benefit .round-icon{background:var(--red);color:#fff;width:40px;height:40px}.stores{border-top:10px solid #f2f2f2;padding:15px 16px}.stores h2{font-size:20px;margin:0 0 16px}.store-strip{display:flex;gap:9px;overflow:hidden}.store{text-align:center;min-width:82px;font-size:13px}.store-logo{height:79px;border-radius:11px;background:linear-gradient(145deg,#b8d6ed,#7d9f66);display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px;margin-bottom:6px}

/* bonus */
.bonus-list{background:#f2f2f2;padding:10px 16px 76px}.bonus-card{height:145px;border-radius:9px;background:linear-gradient(120deg,#bea0e7,#eca2c5);margin-bottom:11px;overflow:hidden;position:relative;padding:13px 16px;color:#fff}.bonus-card.green{background:linear-gradient(120deg,#50a2b7,#b5c76a)}.bonus-card.blue{background:linear-gradient(120deg,#a6e1ff,#8fc4f6)}.bonus-card.olive{background:linear-gradient(120deg,#4b9c3e,#b7cf56)}.bonus-card.cyan{background:linear-gradient(120deg,#8d6bc5,#02d2df)}.bonus-card h3{margin:0 0 8px;font-size:17px}.bonus-card .bonus-percent{font-size:16px;font-weight:700;background:#41a900;padding:5px 8px;border-radius:4px;display:inline-block;color:#fff}.bonus-card:nth-child(even) .bonus-percent{background:#ffd500;color:#111}.bonus-dates{position:absolute;left:0;right:0;bottom:0;height:38px;background:#fff;color:#555;padding:8px 16px;font-size:16px}.bonus-art{position:absolute;right:15px;top:16px;width:95px;height:75px}.bonus-art .art-device{width:42px;height:68px;right:12px;top:0;transform:rotate(11deg)}

/* map */
.map-tabs{height:55px;display:grid;grid-template-columns:repeat(4,1fr);border-top:8px solid #f2f2f2}.map-tab{border:0;border-right:1px solid #ddd;background:#fff;font-size:12px;color:#555;display:flex;gap:5px;align-items:center;justify-content:center}.map-tab .svg-icon{width:18px;height:18px}.map-area{height:calc(100vh - 127px);position:relative;overflow:hidden;background-color:#f6f2df;background-image:linear-gradient(28deg,transparent 45%,#f0d98a 46% 48%,transparent 49%),linear-gradient(92deg,transparent 44%,#fff 45% 48%,transparent 49%),linear-gradient(153deg,transparent 48%,#fff 49% 52%,transparent 53%);background-size:170px 130px,120px 170px,210px 160px}.map-area::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(82deg,transparent 0 73px,#d9d9d9 74px 76px,transparent 77px 134px);opacity:.55}.pin{position:absolute;width:27px;height:27px;border-radius:50% 50% 50% 0;background:var(--red);transform:rotate(-45deg);box-shadow:0 2px 5px #0003}.pin::after{content:"";position:absolute;width:11px;height:11px;background:#fff;border-radius:50%;left:8px;top:8px}.pin.main{width:37px;height:37px}.branch-card{position:absolute;left:17px;right:17px;bottom:39px;height:97px;background:#fff;padding:17px;display:grid;grid-template-columns:42px 1fr;gap:11px}.branch-card .round-icon{background:var(--red);color:#fff}.branch-name{font-size:17px}.branch-meta{font-size:11px;color:#aaa;margin-top:7px}.locate{position:absolute;right:24px;bottom:152px;width:43px;height:43px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0002;display:grid;place-items:center;color:#087dcc}.locate .svg-icon{width:24px;height:24px}

/* messages */
.chat{min-height:calc(100vh - 98px);background:#f3e7d2;padding:22px 30px 30px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:79%;background:#fff;border-radius:10px;padding:13px 15px;color:#555;font-size:16px;line-height:1.16;position:relative}.chat-bubble.left{align-self:flex-start}.chat-bubble.right{align-self:flex-end;background:#a7a7a7;color:#fff}.chat-bubble .time{text-align:right;color:#999;font-size:11px;margin-top:8px}.chat-bubble.right .time{color:#eee}.limit-card{width:100%;margin-top:12px}.limit-card strong{display:block;font-size:31px;font-weight:400;margin-top:5px}.chat-action{height:45px;background:#0a8acb;color:#fff;display:grid;place-items:center;margin-top:20px}.day-chip{align-self:center;color:#999;background:#f4f4f4;border-radius:4px;padding:2px 6px;font-size:11px}.quote{background:#fff;color:#555;border-left:5px solid #ffd200;padding:8px;font-size:13px;margin-bottom:10px}
.chat{overflow:hidden}.chat>*{transform:translateY(-48px)}
.chevron{width:17px;height:17px;transform:rotate(180deg)}
.open-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#49a900;margin-right:5px}
body[data-screen="messages"] .brand-mini{background:#ddb363}

/* current Android application flow */
.app-search-head{height:52px;padding:4px 13px 8px;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;background:#fff}.app-search-head .searchbar{margin:0;height:40px}.app-search-head>.svg-icon{width:27px;height:27px;margin:auto;color:#333}
.home-banner{height:108px;margin:7px 13px 11px;border-radius:12px;background:linear-gradient(120deg,#55c9f0,#66d4f7);position:relative;overflow:hidden;padding:14px 16px;color:#111}.home-banner b{display:block;font-size:13px;margin-bottom:6px}.home-banner strong{display:block;font-size:18px;line-height:1.05;max-width:235px}.home-banner .badge{margin-top:11px;background:#ffd415;color:#171717}.travel-seat{position:absolute;right:20px;bottom:-16px;width:96px;height:86px;border-radius:30px 30px 15px 15px;background:#df3541;transform:rotate(-5deg);box-shadow:inset -13px -7px #b52531}.travel-seat::before{content:"";position:absolute;width:62px;height:42px;border-radius:50% 50% 20% 20%;background:linear-gradient(160deg,#e9eff4,#58a938 56%,#d03a35 57%);left:17px;top:-25px}
.home-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 13px 14px;gap:14px 4px}.home-service{border:0;background:#fff;text-decoration:none;color:#222;text-align:center;font-size:12px}.home-service .svg-icon{width:38px;height:38px;margin:0 auto 5px;color:var(--red)}
.home-finance{display:grid;grid-template-columns:1fr 1fr;gap:13px 17px;border-top:1px solid #eee;padding:16px 13px}.finance-link{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:center;color:#222;text-decoration:none}.finance-logo{width:47px;height:47px;border-radius:8px;background:#ffd214;color:#222;display:grid;place-items:center;font-size:12px;font-weight:800}.finance-logo.red{background:#e80034;color:#fff}.finance-logo.green{background:#56ad31;color:#fff}.finance-link b{display:block;font-size:14px}.finance-link small{display:block;color:#999;font-size:10px;line-height:1.2;margin-top:4px}
.recommend-title{font-size:18px;margin:3px 13px 10px}.recommend-row{display:flex;gap:8px;padding:0 13px 94px;overflow-x:auto;scrollbar-width:none}.recommend-card{min-width:112px}.recommend-art{height:113px;border-radius:11px;position:relative;overflow:hidden}.recommend-card b{font-size:13px}.recommend-card small{display:block;color:#777;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bonus-price{background:#5db443;color:#fff;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;left:5px;bottom:5px}
.home-screen .bottom-nav{position:absolute;bottom:0}

.services-head{padding:2px 15px 13px;background:#fff}.services-title{display:grid;grid-template-columns:1fr auto auto;align-items:center;font-size:18px;font-weight:700;text-align:center}.services-title span:first-child{padding-left:70px}.locale-switch{font-size:15px;margin:0 10px 0 18px}.ru-chip{border:2px solid var(--red);border-radius:14px;color:var(--red);padding:2px 7px;font-size:12px}.profile-row{height:66px;display:grid;grid-template-columns:50px minmax(0,1fr) 18px;gap:11px;align-items:center}.profile-photo{width:45px;height:45px;border-radius:50%;background:linear-gradient(145deg,#25252b,#08080b);color:#fff;display:grid;place-items:center;font-weight:700}.profile-row b{display:block;font-size:15px}.profile-row small{color:#777}.service-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 3px;padding:19px 13px;border-top:8px solid #f2f2f2}.catalog-link{border:0;background:#fff;text-align:center;text-decoration:none;color:#222;font-size:12px}.catalog-link .svg-icon{width:39px;height:39px;margin:0 auto 6px;color:var(--red)}.service-brand{width:39px;height:39px;margin:0 auto 6px;display:grid;place-items:center}.service-brand.magnum{border-radius:8px;background:#e9006a;color:#fff;font:800 27px/1 Georgia,serif}.partner-section{border-top:8px solid #f2f2f2;padding:14px}.partner-section h2{font-size:18px;margin:0 0 12px}.partner-row{height:58px;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:10px;align-items:center;border-bottom:1px solid #eee}.partner-logo{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#e90667;color:#fff;font-weight:800}.partner-row small{display:block;color:#999;margin-top:3px}

.messages-page{padding-bottom:74px}.message-list{padding:0 13px}.message-row{height:83px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #eee}.message-logo{width:42px;height:42px;border-radius:5px;background:#dcb366;color:#fff;display:grid;place-items:center}.message-logo .svg-icon{width:25px;height:25px}.message-logo.red{background:var(--red)}.message-logo.yellow{background:#e9b829}.message-row b{font-size:15px}.message-row p{margin:3px 0 0;font-size:12px;line-height:1.25;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-meta{text-align:right;font-size:11px;color:#777}.unread{display:grid;place-items:center;margin:7px 0 0 auto;min-width:23px;height:23px;padding:0 5px;border-radius:12px;background:var(--red);color:#fff;font-weight:700}

.digital-list{padding:15px}.digital-list h1{font-size:21px;margin:0 0 14px}.digital-row{height:67px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center}.digital-row>.svg-icon:first-child{width:27px;height:27px;color:#777}.digital-document-icon{width:38px;height:38px;border-radius:6px;display:grid;place-items:center;overflow:hidden;color:#777}.digital-document-icon .svg-icon{width:27px;height:27px}.digital-document-icon.has-photo{width:38px;height:38px}.digital-document-icon img{display:block;width:100%;height:100%;object-fit:cover}.refresh-docs{position:absolute;left:15px;right:15px;bottom:20px;height:48px;border:1px solid #4380e1;background:#fff;color:#326dce;border-radius:8px}

.gov-current{background:#f3f3f3}.gov-current .topbar,.gov-current .statusbar{background:#fff}.gov-current>.segmented,body[data-screen="payments-ru"] .screen>.segmented{position:sticky;top:56px;z-index:6}.gov-body{background:#fff}.gov-category-tabs{display:flex;gap:11px;overflow-x:auto;padding:13px 12px 0;scrollbar-width:none;border-top:8px solid #f2f2f2}.gov-category{min-width:88px;border:0;background:#fff;color:#444;text-align:center;padding:0 0 10px;font-size:12px;border-bottom:2px solid transparent}.gov-category .category-bubble{width:54px;height:54px;border-radius:15px;background:#f4f2f7;margin:0 auto 5px;display:grid;place-items:center}.gov-category .svg-icon{width:34px;height:34px;color:var(--red)}.gov-category.active{color:var(--red);border-bottom-color:var(--red);font-weight:600}.gov-section{padding:16px 13px 8px;border-bottom:8px solid #f2f2f2}.gov-section h2{font-size:20px;line-height:24px;margin:0 0 10px}.gov-service-row{min-height:67px;display:grid;grid-template-columns:43px minmax(0,1fr) 18px;gap:8px;align-items:center}.gov-service-row>.svg-icon:first-child{width:30px;height:30px;color:var(--red)}.gov-service-row b{font-size:16px;font-weight:400;line-height:20px}.gov-service-row small{display:block;color:#888;font-size:12px;line-height:16px;margin-top:4px}.gov-empty{height:610px;background:#f3f3f3}.empty-card{height:265px;background:#fff;display:grid;place-items:center;text-align:center;font-size:19px}.empty-card .svg-icon{display:block;width:70px;height:70px;margin:0 auto 30px;color:#d8d2e1}.history-link{height:72px;background:#fff;margin-top:9px;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;padding:0 15px}.history-link>.svg-icon:first-child{width:28px;height:28px;color:var(--red)}

.payment-history{padding-bottom:76px}.period-row{height:66px;display:grid;grid-template-columns:40px 1fr;align-items:center;padding:0 14px;border-bottom:8px solid #f2f2f2}.period-row .svg-icon{width:26px;height:26px;color:#d75869}.history-day{font-size:17px;font-weight:700;padding:19px 13px 8px}.history-payment{min-height:79px;display:grid;grid-template-columns:43px minmax(0,1fr) auto 18px;gap:8px;align-items:center;padding:0 13px;border-bottom:8px solid #f2f2f2}.history-payment>.svg-icon:first-child{width:29px;height:29px;color:#726a7c}.history-payment b{font-size:15px}.history-payment small{display:block;color:#777;margin-top:3px}.history-payment strong{white-space:nowrap}

.transfer-menu{padding:2px 13px;border-bottom:8px solid #f2f2f2}.transfer-option{min-height:72px;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;color:#222;text-decoration:none}.transfer-option>.svg-icon:first-child{width:30px;height:30px;color:#d44f63}.transfer-option b{font-size:15px}.transfer-option small{display:block;color:#888;font-size:11px;margin-top:4px}.frequent{padding:15px 13px}.frequent h2{font-size:18px}.frequent-row{height:64px;display:grid;grid-template-columns:42px 1fr 25px;align-items:center}.frequent-row .gold-logo{width:34px}.frequent-row>.svg-icon{width:21px;height:21px;color:#999}

.job-head{padding:7px 13px 13px}.job-head .searchbar{margin:0 0 7px}.job-location{color:#4075d2;font-size:13px}.job-form{padding:13px;border-top:1px solid #eee}.job-form h2{font-size:18px;margin:5px 0 14px}.select-box{height:46px;border-radius:9px;background:#f2f2f3;padding:14px;margin-bottom:8px;color:#999;font-size:13px;position:relative}.select-box .svg-icon{position:absolute;right:12px;width:17px;height:17px}.filter-grid{display:grid;grid-template-columns:1fr 1.4fr 48px;gap:7px}.filter-button{border:0;border-radius:9px;background:#f2f2f3;color:var(--red);display:grid;place-items:center}.filter-button .svg-icon{width:24px;height:24px}.job-submit{height:51px;border:0;border-radius:8px;background:#087acc;color:#fff;width:100%;font-weight:700;margin-top:11px}.popular-jobs{border-top:8px solid #f2f2f2;padding:17px 13px}.popular-jobs h2,.company-jobs h2{font-size:18px;margin:0 0 14px}.job-query-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px}.job-query{font-size:12px}.job-query-art{height:60px;border-radius:9px;background:linear-gradient(145deg,#f9c5d2,#e5476a);display:grid;place-items:center;margin-top:5px}.job-query-art .svg-icon{width:42px;height:42px;color:#fff}.company-jobs{padding:0 13px}.company-strip{display:flex;gap:9px}.company-card{height:63px;flex:1;border-radius:8px;background:linear-gradient(120deg,#e42b37,#fa4b90);color:#fff;display:grid;place-items:center;font-weight:700}
.job-nav{--count:4}.job-nav .nav-link.active{color:#d52e52}

/* Screens reconstructed from the August 2026 mobile references */
.ref-divider{height:9px;flex:none;background:#f2f2f2;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.kaspi-brand{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.kaspi-brand img{width:27px;height:27px;object-fit:contain}.kaspi-brand b{font-size:16px;font-weight:700}
.home-brand-header{height:58px;display:grid;place-items:center;background:#fff}
.reference-home{padding-bottom:68px}.reference-home .home-service-grid{height:153px;padding:17px 6px 14px;gap:18px 0;border:0}.reference-home .home-service{font-size:12px;line-height:1.05}.reference-home .home-service .svg-icon{width:34px;height:34px;margin-bottom:6px;stroke-width:2.25}.reference-home .ref-partner{margin:0 13px}
.service-brand.magnum{background:none;border-radius:50%}.service-brand.magnum img{display:block;width:100%;height:100%}
.ref-partner{height:66px;padding:0;text-decoration:none}.magnum-partner-logo{width:44px;height:44px;border-radius:50%}.ref-partner b{font-size:14px;font-weight:500}.ref-partner small{font-size:10px;color:#aaa}.ref-partner .chevron{justify-self:end}
.home-finance-scroll{height:129px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-top:1px solid #eee}.home-finance-scroll::-webkit-scrollbar{display:none}.reference-home .home-finance{width:max-content;height:128px;display:grid;grid-template-rows:repeat(2,56px);grid-auto-flow:column;grid-auto-columns:235px;gap:4px 0;padding:8px 13px;border:0}.reference-home .finance-link{grid-template-columns:48px minmax(0,1fr);gap:10px}.reference-home .finance-logo{width:44px;height:42px;border-radius:7px;background:#e45342;font-size:13px}.reference-home .finance-logo.red{background:#e45342}.reference-home .finance-logo.yellow{background:#ffd741;color:#fff;font-size:24px}.reference-home .finance-logo.green{background:#9bd35e;color:#fff}.reference-home .finance-logo.green .svg-icon{width:29px;height:29px}.reference-home .finance-link b{font-size:14px;font-weight:500;white-space:nowrap}.reference-home .finance-link small{font-size:10px;margin-top:3px;color:#aaa;white-space:nowrap}.gadget-title{font-size:18px;margin:16px 13px 10px}.gadget-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 13px 9px}.gadget-card{text-decoration:none;color:#333;font-size:11px;line-height:1.05;text-align:center}.gadget-photo{display:block;height:83px;border-radius:9px;margin-bottom:7px;background-color:#f2f2f2;background-position:center;background-size:cover;background-repeat:no-repeat}.photo-smartphones{background-image:url("products/category-smartphones.webp")}.photo-smartwatch{background-image:url("products/category-smartwatch.webp")}.photo-band{background-image:url("products/category-band.webp")}.photo-necklace{background-image:url("products/necklace.webp")}.photo-shoes{background-image:url("products/category-shoes.webp")}.photo-chair{background-image:url("products/category-chair.webp")}.photo-macbook{background-image:url("products/macbook.webp")}.photo-washer{background-image:url("products/washer.webp")}.photo-iphone{background-image:url("products/iphone.webp")}.photo-iphone17{background-image:url("products/iphone17-silver.webp")}.photo-samsung{background-image:url("products/samsung.webp")}.photo-airpods{background-image:url("products/airpods-max.webp")}
.reference-home .bottom-nav{height:68px;padding-bottom:3px}.reference-home .nav-link .svg-icon{width:22px;height:22px}

.reference-services{padding-bottom:68px;background:#f2f2f2}.services-ref-header{height:58px;background:#fff;display:grid;place-items:center;position:relative}.services-languages{position:absolute;right:12px;top:0;height:58px;display:flex;align-items:center;gap:8px;font-size:12px}.services-languages .ru-chip{margin:0}.reference-services .service-catalog{height:228px;background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,55px);gap:15px 2px;padding:15px 6px 13px;border:0}.reference-services .catalog-link{font-size:12px;line-height:1}.reference-services .catalog-link .svg-icon{width:34px;height:34px;margin-bottom:6px;stroke-width:2.25}.reference-services .partner-section{background:#fff;padding:15px 13px 0;border:0}.reference-services .partner-section h2{font-size:17px;margin:0 0 7px}.reference-services .ref-partner{margin:0}.services-gray-fill{min-height:410px;background:#f2f2f2}.reference-services .bottom-nav{height:68px;padding-bottom:3px}

.reference-market{padding-bottom:18px}.market-ref-header{height:53px;display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:4px;padding:6px 12px;background:#fff;position:sticky;top:0;z-index:5}.market-ref-header>.svg-icon{width:24px;height:24px}.market-ref-header .searchbar{height:39px;margin:0;border-radius:9px}.market-ref-categories{height:179px;display:grid;grid-template-rows:repeat(2,82px);grid-auto-flow:column;grid-auto-columns:64px;gap:5px 7px;padding:5px 12px 4px;overflow-x:auto;scrollbar-width:none}.market-ref-categories::-webkit-scrollbar{display:none}.market-ref-category{display:block;text-align:center;text-decoration:none;color:#333;font-size:8px;line-height:1.05;overflow:hidden}.market-ref-art{height:53px;border-radius:8px;background-color:#f1f1f1;background-position:center;background-size:cover;background-repeat:no-repeat;display:grid;place-items:center;margin-bottom:5px}.market-ref-art img{width:40px;height:40px}.market-ref-art .svg-icon{width:31px;height:31px;color:#e64138}.market-ref-title{font-size:17px;margin:14px 13px 10px}.market-ref-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 5px;padding:0 10px}.market-ref-product{min-width:0}.market-ref-photo{height:189px;border-radius:8px;position:relative;background-color:#f5f5f5;background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden}.market-ref-photo .heart-float{border:0}.market-bonus{position:absolute;left:5px;bottom:5px;background:#50a949;color:#fff;font-size:9px;padding:2px 4px;border-radius:2px}.market-bonus b{margin-left:4px;background:#f0d215;color:#222;padding:1px 3px}.market-old-price{font-size:10px;text-decoration:line-through;margin-top:5px}.market-ref-product>strong{display:block;font-size:13px}.market-saving{display:inline-block;background:#43a538;color:#fff;border-radius:2px;padding:2px 4px;font-size:8px;margin-top:2px}.market-ref-product p{font-size:9px;line-height:1.15;margin:4px 0;color:#444}

.reference-classifieds{padding-bottom:65px}.classified-header{height:77px;padding:7px 12px 5px}.classified-header .searchbar{height:38px;margin:0 0 5px}.classified-header>a{color:#2e73ca;text-decoration:none;font-size:10px}.classified-header>a .svg-icon{width:13px;height:13px;vertical-align:middle}.classified-featured{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px 13px 10px}.classified-feature{height:88px;border-radius:8px;position:relative;overflow:hidden;text-decoration:none;color:#222;background:#f1f1f1;padding:8px}.classified-feature>span{position:absolute;inset:0;display:grid;place-items:center}.classified-feature .svg-icon{width:72px;height:72px;color:#e74437;opacity:.85}.classified-feature b{position:absolute;left:9px;bottom:8px;font-size:11px;z-index:2}.feature-services{background:linear-gradient(135deg,#eee5dd,#c6c4c4)}.feature-work{background:linear-gradient(135deg,#ece3db,#f8f8f8)}.feature-work .svg-icon{color:#343434}.feature-apple{background:url("products/category-smartphones.webp") center/cover no-repeat}.feature-apple>span{display:none}.feature-rent{background:url("products/category-chair.webp") center/cover no-repeat}.feature-rent>span{display:none}.classified-categories{height:85px;display:flex;gap:9px;padding:0 13px 9px;overflow-x:auto;scrollbar-width:none}.classified-category{min-width:68px;text-align:center;text-decoration:none;color:#333;font-size:8px;line-height:1.05}.classified-category-art{display:block;height:58px;border-radius:7px;background-color:#f2f2f2;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:4px}.classified-title{font-size:16px;margin:13px 13px 9px}.classified-listings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 7px;padding:0 13px}.classified-card-photo{height:151px;border-radius:7px;background-color:#eee;background-size:cover;background-position:center;position:relative}.classified-card-photo button{position:absolute;right:5px;top:5px;width:26px;height:26px;border:0;border-radius:50%;background:#fff;color:#777;padding:5px}.classified-card-photo button .svg-icon{width:16px;height:16px}.classified-card>small{font-size:8px;color:#aaa}.classified-card p{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.classified-card strong{display:block;font-size:11px}.classified-card>span{font-size:8px;color:#999}.classified-nav{--count:5;height:64px;padding-bottom:2px}.classified-nav .nav-link{font-size:8px}.classified-nav .nav-link .svg-icon{width:20px;height:20px}.classified-add .svg-icon{width:25px!important;height:25px!important;border-radius:50%;background:#2877c9;color:#fff;padding:5px}

.reference-guide{padding-bottom:18px}.guide-top{height:52px;display:grid;grid-template-columns:55px 1fr 95px;align-items:center;position:sticky;top:0;z-index:5;background:#fff}.guide-top>a{display:grid;place-items:center;color:#222}.guide-top>a .svg-icon{width:22px;height:22px}.guide-top>b{text-align:center;font-size:16px}.guide-languages{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:10px;font-size:12px}.guide-languages .ru-chip{margin:0}.guide-search{height:39px;margin:0 13px 10px}.guide-banner{height:117px;margin:0 13px 8px;padding:20px 17px;border-radius:2px;background:linear-gradient(135deg,#545454,#777);color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.guide-banner b{font-size:15px}.guide-banner small{display:block;font-size:8px;line-height:1.25;margin-top:18px}.guide-banner-art{position:absolute;right:26px;bottom:15px;width:71px;height:66px;border-radius:9px;background:linear-gradient(135deg,#e8e8e8,#fafafa);display:grid;place-items:center;color:#343434;box-shadow:-18px 12px 0 -8px #989898}.guide-banner-art .svg-icon{width:45px;height:45px}.guide-list{padding:0 13px}.guide-row{height:55px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:8px;text-decoration:none;color:#222;font-size:12px;border-bottom:1px solid #eee}.guide-icon{width:28px;height:28px;border-radius:4px;display:grid;place-items:center;color:#fff;background:#e64b40}.guide-icon .svg-icon{width:19px;height:19px}.guide-icon.outline{border-radius:50%;background:#fff7f4;color:#e2493d}.guide-icon.gold{background:#dfbb68}.guide-icon.lime{background:#9dd95d}.guide-icon.green{background:#88ce68}.guide-icon.blue{background:#3197d8}.guide-icon.yellow{background:#ffd33e}.guide-icon.pink{background:#e46d98}.guide-icon.red-pattern{background:#e5423b}.guide-row .chevron{justify-self:end}

/* Original UI assets supplied in /images */
.kaspi-brand img{width:25px;height:25px}
.reference-service-icon{display:block;width:34px;height:34px;object-fit:contain;margin:0 auto 6px}
.reference-home .finance-logo{display:block;width:44px;height:42px;border:0;border-radius:7px;background:none;object-fit:fill}
.market-ref-art{display:block;width:100%;height:53px;border-radius:8px;background:#f1f1f1;object-fit:cover;margin-bottom:5px}
.market-ref-product:nth-child(2) .market-ref-photo{background-size:cover}
.classified-feature{height:88px;border-radius:8px;position:relative;overflow:visible;padding:70px 0 0;background-color:#f1f1f1;background-repeat:no-repeat;background-size:auto 90px;background-position:right center;text-align:center}
.classified-feature b{position:static;display:block;background:#fff;padding-top:3px;font-size:11px;font-weight:600}
.classified-category-art{background-size:auto 138px;background-position:right center}

/* Current-phone references: home and marketplace */
.screen{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}
.target-market-promos,.market-ref-categories,.recent-market-row,.home-finance-scroll,.home-recent-row,.gov-category-tabs,.category-strip,.recommend-row{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:none}
.target-market-promos::-webkit-scrollbar,.market-ref-categories::-webkit-scrollbar,.recent-market-row::-webkit-scrollbar,.home-recent-row::-webkit-scrollbar{display:none}
.target-market-promos>*,.market-ref-category,.recent-market-product,.home-recent-card{scroll-snap-align:start}

.target-home{padding-bottom:70px;background:#fff}.target-home-search{height:55px;display:grid;grid-template-columns:minmax(0,1fr) 45px;gap:5px;padding:7px 12px 5px}.target-home-search .searchbar{height:42px;margin:0;border-radius:12px}.target-home-search .searchbar .svg-icon:last-child{width:25px;height:25px}.target-cart{position:relative;border:0;background:#fff;color:#555}.target-cart>.svg-icon{width:29px;height:29px}.target-cart i,.nav-badged i{position:absolute;right:1px;top:0;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#e5524a;color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center}.target-home-promos{display:flex;gap:8px;overflow-x:auto;padding:7px 13px 9px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.target-home-promos::-webkit-scrollbar{display:none}.target-home-promo{display:block;flex:0 0 calc(100% - 18px);height:119px;margin:0;border-radius:13px;padding:18px 17px;background:linear-gradient(120deg,#dff2ef,#d7efe9);text-decoration:none;color:#253d48;position:relative;overflow:hidden;scroll-snap-align:start}.target-home-promo b{font-size:18px;line-height:1.15}.target-home-promo strong{position:absolute;left:17px;bottom:18px;background:#e75b4d;color:#fff;border-radius:8px;padding:6px 10px}.target-home-promo span{position:absolute;right:14px;top:50%;width:45%;transform:translateY(-50%);text-align:center;font-weight:750;color:#df5f4d;font-size:17px;line-height:1.55}.target-home-promo img{position:absolute;right:14px;top:50%;width:92px;height:92px;object-fit:contain;transform:translateY(-50%)}.target-home-promo.promo-autumn{background:linear-gradient(120deg,#d5ebf2,#a9c0c8)}.target-home-promo.promo-autumn b{color:#202b31}.target-home-promo.promo-autumn strong{background:#58a917}.target-home-promo.promo-magnum{background:linear-gradient(120deg,#fbebf2,#ffdbe6)}.target-home-promo.promo-magnum b{color:#e50064}.target-home-promo.promo-magnum strong{background:#e50064}.target-home .home-service-grid{height:178px;padding:19px 8px 15px;gap:23px 0}.target-home .home-service{font-size:13px;white-space:nowrap}.target-home .reference-service-icon{width:42px;height:42px;margin-bottom:5px}.target-home .home-service .svg-icon{width:42px;height:42px;margin-bottom:5px}.target-home .home-finance-scroll{height:143px;border-top:1px solid #eee}.target-home .home-finance{height:142px;grid-template-rows:repeat(2,61px);grid-auto-columns:295px;gap:4px;padding:8px 13px}.target-home .finance-link{grid-template-columns:56px minmax(0,1fr);gap:10px}.target-home .finance-logo{width:53px;height:53px;border-radius:8px;object-fit:cover}.target-finance-logo{display:grid!important;place-items:center!important;color:#fff;font-size:16px!important;font-weight:800}.target-finance-logo.installment{background:#f4cc17!important;color:#222}.target-finance-logo.redplus{background:#e75044!important}.target-finance-logo.deposit{background:#f1c91c!important}.target-home .finance-link b{font-size:16px;font-weight:450}.target-home .finance-link small{font-size:11px}.home-recent-title{font-size:20px;margin:16px 13px 10px}.home-recent-row{display:flex;gap:9px;overflow-x:auto;padding:0 13px 90px}.home-recent-card{min-width:135px}.home-recent-card>.home-product-photo{height:139px;border-radius:10px;background:#f4f4f4 center/contain no-repeat;position:relative}.home-recent-card>.home-product-photo>span{position:absolute;left:7px;bottom:7px;background:#54ad42;color:#fff;border-radius:7px;padding:4px 8px;font-size:10px;line-height:1;font-weight:600}.home-recent-card strong{display:block;font-size:14px;margin-top:5px}.home-recent-card>b{display:block;color:#419f2f;background:#e5f4da;padding:3px 5px;border-radius:5px;font-size:13px}.home-recent-card>b small{display:block;font-weight:400}.home-recent-card p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.home-recent-card em{font-style:normal;font-size:12px}.home-recent-card em i{color:#e45049;font-style:normal}.target-home .bottom-nav{height:70px}

.target-market{padding-bottom:72px}.target-market-header{height:54px;display:grid;grid-template-columns:30px minmax(0,1fr) 31px;align-items:center;gap:5px;padding:6px 12px}.target-market-header>.svg-icon{width:25px;height:25px}.target-market-header .searchbar{height:42px;margin:0}.target-market-header .searchbar .svg-icon:last-child{width:25px;height:25px}.target-market-promos{display:flex;gap:9px;overflow-x:auto;padding:8px 13px 9px}.target-market-promos>a{min-width:202px;height:116px;border-radius:12px;background:linear-gradient(135deg,#ddf2ed,#e7efe7);position:relative;overflow:hidden;padding:13px;text-decoration:none;color:#243945}.target-market-promos>a:nth-child(2){background:linear-gradient(135deg,#9edcff,#75c6f5)}.target-market-promos b{font-size:15px;line-height:1.2}.target-market-promos strong{position:absolute;left:13px;bottom:14px;background:#e45c4c;color:#fff;border-radius:6px;padding:4px 8px}.target-market-promos>a:nth-child(2) strong{background:#f3d119;color:#222}.target-market-promos img{position:absolute;right:4px;bottom:-4px;width:91px;height:83px;object-fit:contain}.target-market .market-ref-categories{height:181px;grid-template-rows:repeat(2,82px);grid-auto-columns:72px;padding-top:5px}.target-market .market-ref-art{height:55px;object-fit:contain}.all-category{display:grid;place-items:center;color:#e85249;background:#f2f2f2}.all-category .svg-icon{width:37px;height:37px}.market-discount-banner{height:104px;margin:4px 13px 12px;border-radius:12px;background:linear-gradient(120deg,#027ac6,#2956c9);color:#fff;text-decoration:none;padding:16px 18px;display:block;position:relative;overflow:hidden}.market-discount-banner b{display:block;font-size:23px;line-height:.95;font-style:italic}.market-discount-banner span{display:inline-block;margin-top:6px;background:#fff;color:#2352a8;border-radius:4px;padding:3px 8px;font-weight:800}.market-discount-banner i{position:absolute;right:23px;top:12px;width:34px;height:80px;border-radius:9px;background:#f0f1f4;box-shadow:-43px 8px 0 #fafafa,-83px 17px 0 #eee}.target-market .market-ref-title{font-size:20px;margin:14px 13px 10px}.recent-market-row{display:flex;gap:9px;overflow-x:auto;padding:0 13px 86px}.recent-market-product{min-width:134px}.recent-market-photo{height:137px;border-radius:10px;background:#f3f3f3 center/contain no-repeat;position:relative}.recent-market-photo>span{position:absolute;left:5px;bottom:5px;background:#54ad42;color:#fff;border-radius:5px;padding:3px 6px;font-size:10px}.recent-market-product>strong{display:block;font-size:14px;margin-top:5px}.recent-market-product>b{display:block;color:#419f2f;background:#e5f4da;padding:3px 5px;border-radius:5px;font-size:13px}.recent-market-product>b small{display:block;font-weight:400}.recent-market-product p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.recent-market-product em{font-style:normal;font-size:12px}.recent-market-product em i{font-style:normal;color:#e45049}.target-market-nav{height:72px}.target-market-nav .nav-link{font-size:9px}.target-market-nav .kasper-link .svg-icon{border-radius:8px;padding:3px;background:linear-gradient(135deg,#34c4ef,#553bd3);color:#fff}.target-market-nav .nav-badged{position:relative}.target-market-nav .nav-badged i{right:calc(50% - 19px);top:7px}

/* Exact supplied bottom icons and extended home feed */
.common-app-nav .nav-original-icon{display:block;object-fit:contain;flex:none}.common-app-nav .nav-home-icon{width:28px;height:28px}.common-app-nav .nav-qr-icon{width:28px;height:28px;image-rendering:auto}.common-app-nav .nav-link.active .nav-home-icon{filter:invert(35%) sepia(94%) saturate(1685%) hue-rotate(338deg) brightness(105%) contrast(90%)}
.target-home .home-finance{grid-template-columns:repeat(2,295px);grid-template-rows:repeat(2,61px);grid-auto-flow:row;grid-auto-columns:295px;width:max-content}.target-home .finance-link{min-width:0;overflow:hidden}.target-home .finance-link>span:last-child{min-width:0}.target-home .finance-link b{display:block;white-space:nowrap;font-size:15px}.target-home .finance-link small{display:block;white-space:nowrap}.home-recent-row{padding-bottom:12px}.home-recent-row.compact{padding-bottom:14px}.home-ad-banner{height:103px;margin:12px 13px 7px;border-radius:12px;padding:17px 18px;color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.home-ad-banner b{display:block;font-size:20px}.home-ad-banner span{display:inline-block;margin-top:10px;border-radius:6px;padding:5px 8px;background:#ffd325;color:#222;font-weight:700}.home-ad-banner::after{content:"";position:absolute;right:22px;bottom:-20px;width:81px;height:102px;border-radius:18px;background:#fff9;transform:rotate(10deg);box-shadow:-57px 26px 0 -14px #fff7}.home-ad-banner.ad-blue{background:linear-gradient(120deg,#2588df,#4145c8)}.home-ad-banner.ad-pink{background:linear-gradient(120deg,#ed639d,#f0a978)}.home-product-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px;padding:0 13px 105px}.home-product-feed .home-recent-card{min-width:0}.home-product-feed .home-recent-card>.home-product-photo{height:192px}.home-product-feed .home-recent-card strong{font-size:15px}.home-product-feed .home-recent-card>b{font-size:14px}.target-home .bottom-nav{position:absolute}
.common-app-nav .nav-link:not(.active) .nav-qr-icon{filter:grayscale(1);opacity:.58}

/* Transfer form proportions from the supplied phone references */
.target-transfer-form{background:#fafafa;padding-bottom:92px}.target-transfer-form .topbar{background:#fff}.target-account{height:86px;margin:14px 13px 0;border-radius:12px;background:#fff;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:0 15px;font-size:16px}.target-account .gold-logo{width:42px;height:36px}.target-account strong{font-size:16px;font-weight:500}.transfer-fold{width:42px;height:42px;margin:-4px auto -15px;border-radius:50%;background:#fff;position:relative;z-index:2;display:grid;place-items:center;color:#aaa;box-shadow:0 1px 4px #0001}.transfer-fold .svg-icon{width:18px;height:18px}.target-transfer-form>.segmented{margin:0 13px 13px;height:41px;padding:2px}.target-transfer-form .segment .svg-icon{width:15px;height:15px}.target-field{min-height:78px;margin:0 13px 11px;border-radius:12px;background:#f1f1f2;padding:17px 15px;display:block;position:relative;color:#222;font-size:17px}.target-field small{display:block;color:#1976d2;font-size:11px;margin-bottom:5px}.target-field>.svg-icon{position:absolute;right:14px;top:26px;width:24px;height:24px;color:#e55449}.target-field.active{border-bottom:2px solid #237fda}.target-field.amount{height:76px;padding-top:25px}.target-field.message{height:113px;color:#aaa;padding-top:27px}.target-field.message small{position:absolute;right:12px;bottom:8px;color:#888;margin:0}.target-transfer-form .quick-replies{margin:0 13px}.target-transfer-form .quick-replies button{background:#edf4fb;color:#2677ce}.target-transfer-cta{position:absolute;left:13px;right:13px;bottom:14px;height:53px;border:0;border-radius:8px;background:#087ad5;color:#fff;font-size:16px;font-weight:600}.target-field.select{height:81px;color:#999;padding-top:30px}.target-field.select>.svg-icon{width:23px;height:23px;color:#e65a50}.transfer-fee{text-align:center;color:#999;font-size:12px}.transfer-fee i{display:inline-block;height:18px;border-left:1px solid #bbb;vertical-align:middle;margin:0 12px}.transfer-fee a{color:#2878cf;text-decoration:none}.transfer-bottom-note{position:absolute;left:20px;right:20px;bottom:76px;text-align:center;color:#999;font-size:11px;line-height:1.5}.target-transfers .transfer-menu{border-bottom:0}.target-transfers .transfer-option{min-height:77px}.transfer-history .searchbar{margin-top:8px}.transfer-history .period-row{border-bottom:8px solid #f2f2f2}.transfer-history h2{font-size:16px;margin:16px 13px 7px}.history-transfer{min-height:84px;display:grid;grid-template-columns:47px minmax(0,1fr) auto;align-items:center;padding:0 13px;border-bottom:1px solid #eee}.history-transfer>.svg-icon{width:30px;height:30px;color:#d95955}.history-transfer span{font-size:14px}.history-transfer b{font-weight:500}.history-transfer small{display:block;color:#999;margin-top:4px}.history-transfer strong{font-size:14px;white-space:nowrap}

/* complete current Android screens */
.profile-row,.partner-row,.message-row,.digital-row,.gov-service-row,.history-link,.period-row,.history-payment,.frequent-row,.job-query,.company-card{width:100%;border:0;background:#fff;text-align:left;text-decoration:none;color:inherit}
.partner-logo.glovo{background:#ffc400;color:#198d49}.simple-title{height:52px;display:grid;place-items:center;font-size:18px;font-weight:700;border-bottom:1px solid #eee}
.gov-doc-panel{padding:13px;border-top:8px solid #f2f2f2}.gov-doc-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.gov-doc-strip::-webkit-scrollbar{display:none}.gov-mini-doc{display:block;text-align:left;border:0;flex:0 0 160px;height:108px;border-radius:12px;background:#f4f3f6;color:#333;text-decoration:none;padding:10px 12px}.gov-mini-doc b{display:block;font-size:13px;line-height:1.2;margin-top:7px}.identity-card,.passport-card,.student-card,.diploma-card,.drivers-card,.vaccination-card{display:grid;place-items:center;width:62px;height:38px;border-radius:5px;background:linear-gradient(130deg,#7fd6de,#42a7b7);color:#fff;overflow:hidden}.passport-card{background:#13a7c2}.student-card{background:linear-gradient(135deg,#e8a43c,#bf6a29)}.diploma-card{background:linear-gradient(135deg,#aa7bc8,#75529d)}.drivers-card{background:linear-gradient(135deg,#78b589,#3c8a65)}.vaccination-card{background:linear-gradient(135deg,#6ab4dd,#347aac)}.identity-card .svg-icon,.passport-card .svg-icon,.student-card .svg-icon,.diploma-card .svg-icon,.drivers-card .svg-icon,.vaccination-card .svg-icon{width:37px;height:29px}.all-documents{height:46px;display:flex;align-items:end;justify-content:space-between;color:#2878ce;text-decoration:none;font-weight:600}.all-documents .svg-icon{width:18px;height:18px}.gov-law-row{width:100%;min-height:78px;border:0;border-bottom:1px solid #eee;background:#fff;display:grid;grid-template-columns:45px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:0 14px;text-align:left;color:#222}.gov-law-row>.svg-icon:first-child{width:31px;height:31px;color:var(--red)}.gov-law-row>.svg-icon:last-child{width:18px;height:18px;color:#aaa}.gov-law-row b{display:block;font-size:15px}.gov-law-row small{display:block;color:#888;font-size:11px;margin-top:4px}
.services-profile-row{width:100%;min-height:66px;border:0;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;padding:8px 14px;text-align:left}.services-profile-row b{display:block;font-size:15px;font-weight:500}.services-profile-row small{display:block;color:#999;font-size:11px;margin-top:3px}.services-profile-row .chevron{justify-self:end}
.profile-setup{background:#f6f6f7;padding-bottom:24px}.profile-setup-header{height:56px;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;background:#fff;text-align:center}.profile-setup-header>a,.profile-setup-header>button{height:48px;border:0;background:transparent;color:#222;display:grid;place-items:center;text-decoration:none}.profile-setup-header .svg-icon{width:23px;height:23px}.profile-progress{height:28px;display:flex;justify-content:center;align-items:center;gap:7px;background:#fff}.profile-progress i{width:30px;height:4px;border-radius:3px;background:#dedee0}.profile-progress i.active{background:var(--red)}.profile-form,.profile-photo-step{padding:23px 16px}.profile-form h1,.profile-photo-step h1{font-size:25px;line-height:1.15;margin:0 0 8px}.profile-form>p,.profile-photo-step>p{font-size:13px;color:#777;line-height:1.4;margin:0 0 22px}.profile-form>label{display:block;margin:0 0 13px;color:#777;font-size:11px}.profile-form input{display:block;width:100%;height:54px;margin-top:5px;border:1px solid #ddd;border-radius:11px;background:#fff;padding:0 14px;color:#222;font-size:16px;outline:none}.profile-form input:focus{border-color:#2484cf;box-shadow:0 0 0 2px #2484cf22}.profile-field-error{display:block;color:#d83d33;font-size:11px;margin-top:5px}.profile-primary{width:100%;height:52px;margin-top:10px;border:0;border-radius:10px;background:#087dcc;color:#fff;font-size:16px;font-weight:600}.profile-primary:disabled{opacity:.6}.profile-photo-step{text-align:center}.profile-photo-step>p{max-width:330px;margin-left:auto;margin-right:auto}.profile-photo-preview{width:156px;height:194px;margin:6px auto 15px;border-radius:16px;background:#e8e8eb;color:#aaa;display:grid;place-items:center;overflow:hidden}.profile-photo-preview>.svg-icon{width:74px;height:74px}.profile-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.profile-photo-picker{width:100%;height:48px;border-radius:10px;background:#e8f2fc;color:#2877c8;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer}.profile-iin-preview{margin:18px 0;padding:14px;border-radius:11px;background:#fff;text-align:left}.profile-iin-preview span{display:block;color:#888;font-size:11px}.profile-iin-preview b{display:block;margin-top:5px;font-size:18px;letter-spacing:1px}.profile-storage-error{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.profile-storage-error>.svg-icon{width:58px;height:58px;color:var(--red);margin-bottom:18px}.profile-storage-error b{font-size:18px}.profile-storage-error span{max-width:300px;margin-top:8px;color:#777;line-height:1.4}
.document-detail{background:#f3f3f4}.document-profile-card{margin:14px;border-radius:14px;background:#fff;padding:14px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px}.document-profile-card>img,.document-profile-card>span{width:92px;height:118px;border-radius:10px;background:#eee;object-fit:cover;display:grid;place-items:center;color:#aaa}.document-profile-card>span .svg-icon{width:48px;height:48px}.document-profile-card dl{margin:0;min-width:0}.document-profile-card dl>div{padding:6px 0;border-bottom:1px solid #eee}.document-profile-card dl>div:last-child{border:0}.document-profile-card dt{font-size:10px;color:#999}.document-profile-card dd{margin:3px 0 0;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.document-template-pending{min-height:250px;margin:0 14px;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#777}.document-template-pending>.svg-icon{width:62px;height:62px;color:#aaa;margin-bottom:14px}.document-template-pending b{color:#222;font-size:17px}.document-template-pending span{margin-top:7px;font-size:12px}
.saved-empty{height:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#555}.saved-empty .svg-icon{width:66px;height:66px;color:#d7d3dc;margin-bottom:20px}.saved-empty b{font-size:17px}.saved-empty small{max-width:280px;color:#999;line-height:1.35;margin-top:8px}
.bank-notice{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center;margin:12px -13px 0;padding:10px 13px;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#333}.bank-notice .svg-icon{width:24px;height:24px;color:#d64a61}.bank-notice b{font-size:12px}.bank-notice small,.bank-new small{display:block;color:#888;font-size:10px;margin-top:3px}.bank-new{margin:0;grid-template-columns:42px 1fr}.bank-new .red-logo{width:37px;height:33px;font-size:9px}.bank-new b{font-size:14px;color:#222}
.job-head>.statusbar{margin:-7px -13px 5px}.job-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.job-search-row .searchbar{height:40px}.job-search-row>a{color:#2574cf;text-decoration:none;font-size:13px}.job-location .svg-icon{width:15px;height:15px;vertical-align:middle}.company-jobs{padding-bottom:95px}

/* Android QR scanner */
.qr-android,.qr-android .statusbar{background:#111;color:#fff}.qr-dark-head{height:52px;display:grid;grid-template-columns:45px 1fr 45px;align-items:center;text-align:center;background:#111}.qr-dark-head b{font-size:18px}.qr-dark-head a{color:#fff;display:grid;place-items:center}.qr-dark-head .svg-icon{width:25px;height:25px}.qr-camera{height:calc(100vh - 52px);min-height:700px;background:radial-gradient(circle at 25% 32%,#5c6164 0 4%,transparent 18%),linear-gradient(125deg,#222,#777 48%,#252525);position:relative;padding-top:26px;text-align:center;overflow:hidden}.qr-camera-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background:#151515}.qr-camera-video.is-unavailable{display:none}.qr-camera-shade{position:absolute;inset:0;z-index:.5;background:linear-gradient(#0006,#0002 48%,#0005)}.qr-camera h1{position:relative;z-index:1;margin:0;color:#fff;font-size:17px}.scan-window{position:relative;z-index:1;width:270px;height:270px;margin:44px auto 16px;overflow:hidden}.scan-window i{position:absolute;z-index:2;width:44px;height:44px;border-color:#ff3b30;border-style:solid}.scan-window i:nth-child(1){left:0;top:0;border-width:4px 0 0 4px;border-radius:9px 0 0}.scan-window i:nth-child(2){right:0;top:0;border-width:4px 4px 0 0;border-radius:0 9px 0 0}.scan-window i:nth-child(3){left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 9px}.scan-window i:nth-child(4){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 9px}.qr-camera-status{position:relative;z-index:1;min-height:18px;margin:0 24px 12px;color:#fff;font-size:12px;text-shadow:0 1px 3px #000}.flash{position:relative;z-index:1;width:48px;height:48px;border:0;border-radius:50%;background:#fff3;color:#fff}.flash .svg-icon{width:24px;height:24px}.qr-android .apply-sheet{height:180px;z-index:2;color:#111;transform:translateY(var(--qr-sheet-drag,0px));transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}.qr-android .apply-sheet.is-collapsed{transform:translateY(calc(100% - 24px + var(--qr-sheet-drag,0px)))}.qr-android .apply-sheet.is-dragging{transition:none}.qr-android .sheet-grab{display:block;border:0;padding:0;cursor:grab;touch-action:none}.qr-android .apply-sheet h2{font-size:18px;margin-bottom:8px}.qr-android .apply-row{height:68px;text-decoration:none;color:#222}

/* index */
.prototype-index{min-height:100vh;background:#f3f4f6;color:#171717}.screen-index{width:min(960px,calc(100% - 32px));margin:auto;padding:45px 0}.index-heading{display:flex;align-items:center;gap:16px}.index-heading h1{margin:0;font-size:40px}.index-heading p{margin:3px 0;color:#777}.brand-mark{width:56px;height:56px;border-radius:16px;background:var(--red)}.index-section{margin-top:34px}.index-section h2{font-size:18px}.screen-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.screen-links a{background:#fff;border:1px solid #e5e5e5;border-radius:13px;min-height:65px;padding:13px;color:#222;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:600}.screen-links a span{color:var(--red);font-size:12px}
/* supplied assets, persistent navigation and touch scrolling */
.home-service,.catalog-link{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start}.home-service>span:last-child,.catalog-link>span:last-child{display:block;max-width:100%;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.home-service .svg-icon,.catalog-link .svg-icon{display:block;flex:none}.reference-service-icon{flex:none}.target-home-promo b{display:block;max-width:54%}.target-home-promo span{right:13px;max-width:45%;font-size:15px}.target-home .home-finance{grid-template-columns:repeat(2,275px);grid-auto-columns:275px}.bank-product-logo{width:37px;height:33px;border-radius:5px;object-fit:cover}.common-app-nav{height:calc(70px + env(safe-area-inset-bottom))}.market-promos,.category-strip,.market-products,.en-product-row,.date-row,.company-strip,.doc-strip,.classified-categories{overflow-x:auto!important;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}.market-promos::-webkit-scrollbar,.category-strip::-webkit-scrollbar,.market-products::-webkit-scrollbar,.en-product-row::-webkit-scrollbar,.date-row::-webkit-scrollbar,.company-strip::-webkit-scrollbar,.doc-strip::-webkit-scrollbar,.classified-categories::-webkit-scrollbar{display:none}
.toast{position:fixed;z-index:50;bottom:92px;left:50%;transform:translate(-50%,15px);background:#222e;color:#fff;padding:10px 15px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:600px){.phone{min-height:844px;height:844px;margin:18px 0;border-radius:28px}.screen{min-height:844px;max-height:844px;overflow-y:auto}.map-area{height:717px}.chat{min-height:746px}.qr-screen{min-height:746px}}
@media(max-width:700px){.screen-links{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.screen-links{grid-template-columns:1fr}.phone{box-shadow:none}}

/* Mobile-first scaling: the 430px reference remains the upper bound while small Android/iPhone screens keep the same proportions. */
@media(max-width:599px){
  .phone{max-width:none;box-shadow:none}
  .common-app-nav .nav-link.active .nav-home-icon{filter:none!important}

  .target-home-search{height:clamp(50px,12.8vw,55px);grid-template-columns:minmax(0,1fr) clamp(40px,10.5vw,45px);padding:clamp(5px,1.65vw,7px) clamp(9px,2.8vw,12px) 5px}
  .target-home-search .searchbar{height:clamp(38px,9.8vw,42px)}
  .target-home-promos{padding:clamp(5px,1.65vw,7px) clamp(9px,3vw,13px) clamp(7px,2.1vw,9px)}
  .target-home-promo{height:clamp(106px,27.7vw,119px);padding:clamp(14px,4.2vw,18px) clamp(13px,4vw,17px)}
  .target-home-promo b{max-width:60%;font-size:clamp(14px,4.15vw,18px);line-height:1.17}
  .target-home-promo span{right:clamp(10px,3vw,13px);max-width:42%;font-size:clamp(14px,4vw,17px);line-height:1.5;white-space:nowrap}
  .target-home-promo strong{left:clamp(13px,4vw,17px);bottom:clamp(14px,4.2vw,18px);border-radius:clamp(6px,1.9vw,8px);padding:clamp(4px,1.4vw,6px) clamp(8px,2.3vw,10px);font-size:clamp(12px,3.25vw,14px)}
  .target-home .home-service-grid{height:clamp(164px,41.4vw,178px);padding:clamp(15px,4.4vw,19px) clamp(5px,1.9vw,8px) clamp(12px,3.5vw,15px);gap:clamp(17px,5.3vw,23px) 0}
  .target-home .home-service{line-height:var(--ds-line-body)}
  .target-home .reference-service-icon,.target-home .home-service .svg-icon{width:42px;height:42px;margin-bottom:5px}
  .target-home .home-finance-scroll{height:clamp(130px,33.3vw,143px)}
  .target-home .home-finance{height:100%;grid-template-columns:repeat(2,clamp(235px,64vw,275px));grid-auto-columns:clamp(235px,64vw,275px);grid-template-rows:repeat(2,clamp(54px,14.2vw,61px));padding:clamp(6px,1.85vw,8px) clamp(9px,3vw,13px)}
  .target-home .finance-link{grid-template-columns:clamp(49px,13vw,56px) minmax(0,1fr);gap:clamp(7px,2.3vw,10px)}
  .target-home .finance-logo{width:clamp(47px,12.3vw,53px);height:clamp(47px,12.3vw,53px)}
  .target-home .finance-link b{line-height:var(--ds-line-control)}
  .target-home .finance-link small{line-height:var(--ds-line-caption)}
  .home-recent-title{font-size:clamp(18px,4.65vw,20px);margin:clamp(13px,3.7vw,16px) clamp(9px,3vw,13px) clamp(8px,2.3vw,10px)}
  .home-recent-row{gap:clamp(6px,2.1vw,9px);padding-inline:clamp(9px,3vw,13px)}
  .home-recent-card{min-width:clamp(116px,31.4vw,135px)}
  .home-recent-card>.home-product-photo{height:clamp(120px,32.3vw,139px)}
  .home-ad-banner{height:clamp(91px,24vw,103px);margin-inline:clamp(9px,3vw,13px);padding:clamp(13px,4vw,17px) clamp(14px,4.2vw,18px)}
  .home-ad-banner b{font-size:clamp(17px,4.65vw,20px)}
  .home-product-feed{gap:clamp(12px,4.2vw,18px) clamp(6px,2.1vw,9px);padding-inline:clamp(9px,3vw,13px)}
  .home-product-feed .home-recent-card>.home-product-photo{height:clamp(142px,44vw,189px)}

  .payment-grid{gap:clamp(4px,1.4vw,6px);padding-inline:clamp(9px,3vw,13px)}
  .payment-tile{height:clamp(100px,26vw,112px);border-radius:clamp(9px,2.55vw,11px);padding:clamp(8px,2.3vw,10px) clamp(6px,1.9vw,8px);font-size:clamp(10px,2.55vw,11px)}
  .payment-art{width:clamp(72px,19vw,82px);height:clamp(59px,15.6vw,67px)}

  .gov-category-tabs{gap:clamp(7px,2.55vw,11px);padding-inline:clamp(9px,2.8vw,12px)}
  .gov-category{min-width:clamp(76px,20.5vw,88px);font-size:var(--ds-type-caption);line-height:var(--ds-line-caption)}
  .gov-category .category-bubble{width:clamp(48px,12.5vw,54px);height:clamp(48px,12.5vw,54px);border-radius:clamp(12px,3.5vw,15px)}
  .gov-category .svg-icon{width:clamp(30px,7.9vw,34px);height:clamp(30px,7.9vw,34px)}
  .gov-section{padding-inline:clamp(9px,3vw,13px)}
  .gov-service-row{grid-template-columns:clamp(38px,10vw,43px) minmax(0,1fr) 18px;min-height:clamp(62px,15.6vw,67px);gap:clamp(5px,1.85vw,8px)}
  .gov-service-row b,.gov-law-row b{font-size:var(--ds-type-control);line-height:var(--ds-line-control)}
  .gov-service-row small,.gov-law-row small{font-size:var(--ds-type-caption);line-height:var(--ds-line-caption)}
  .gov-law-row{min-height:clamp(72px,18.2vw,78px);grid-template-columns:clamp(39px,10.5vw,45px) minmax(0,1fr) 18px;padding-inline:clamp(9px,3.25vw,14px)}
  .document-manager-sheet{padding-inline:clamp(10px,3.25vw,14px)}
  .document-manager-row{grid-template-columns:clamp(62px,16.7vw,72px) minmax(0,1fr) auto;gap:clamp(5px,2.1vw,9px)}
  .document-manager-preview{width:clamp(62px,16.7vw,72px);height:clamp(49px,13.25vw,57px)}
  .document-upload-button{padding-inline:clamp(6px,2.1vw,9px);font-size:clamp(10px,2.55vw,11px)}
}

/* Reference-aligned catalogs, artwork and touch behavior. */
.screen{scroll-behavior:auto;overscroll-behavior-y:auto;touch-action:auto}
.target-market-promos,.market-ref-categories,.recent-market-row,.home-finance-scroll,.home-recent-row,.gov-category-tabs,.category-strip,.recommend-row,.market-promos,.market-products,.en-product-row,.date-row,.company-strip,.doc-strip,.classified-categories{scroll-snap-type:none;touch-action:auto;overscroll-behavior-inline:auto}

.target-home .home-finance{grid-auto-flow:column}
.target-finance-logo.installment{overflow:hidden;white-space:nowrap;line-height:1;letter-spacing:-.35px;font-variant-numeric:tabular-nums}

.gov-category-tabs{position:sticky;top:108px;z-index:5;background:#fff;border-bottom:1px solid #eee;box-shadow:0 -8px 0 8px #fff,0 1px 0 #eee}
.gov-category-tabs::-webkit-scrollbar{display:none}
.gov-section{scroll-margin-top:214px}
.gov-service-row{grid-template-columns:43px minmax(0,1fr) auto;padding:6px 0}
.gov-service-row>span:nth-child(2){min-width:0}
.gov-service-meta{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.gov-service-meta .chevron{width:18px;height:18px;color:#aaa}
.gov-new-badge{display:inline-flex;align-items:center;justify-content:center;min-width:49px;height:25px;padding:0 9px;border-radius:13px;background:#e75d50;color:#fff;font-size:11px;font-style:normal;font-weight:700}

.transfer-option>.transfer-option-image{display:block;width:34px;height:34px;object-fit:contain}
.target-transfers .transfer-option>.svg-icon:first-child{width:32px;height:32px;color:var(--red)}

.job-query-grid{gap:9px 7px}
.job-query{height:101px;border-radius:10px!important;background:#f7f5f8!important;padding:8px 7px 0!important;position:relative;overflow:hidden;font-size:11px!important;font-weight:600;line-height:1.1;vertical-align:top}
.job-query>span{position:relative;z-index:1;display:block;max-width:76px}
.job-query-art{position:absolute;left:0;right:0;bottom:0;width:100%;height:72px;margin:0;object-fit:contain;object-position:center bottom}

@media(max-width:599px){
  .gov-service-row{grid-template-columns:clamp(38px,10vw,43px) minmax(0,1fr) auto}
  .job-query{height:clamp(91px,26.5vw,101px);padding-inline:clamp(5px,1.65vw,7px)!important;font-size:clamp(9px,2.55vw,11px)!important}
  .job-query-art{height:clamp(64px,18.8vw,72px)}
}

/* Filled, permanently watermarked document samples. */
.filled-document{display:flex;flex-direction:column;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#fafafa}
.filled-document>.topbar{flex:none;background:#fff}
.document-segments{position:static!important;flex:none;margin:0;background:#fff;border-bottom:1px solid #eee}
.document-tab-content{position:relative;min-height:0;flex:1;display:flex;flex-direction:column}
.document-tab-content[hidden]{display:none!important}
.document-canvas-wrap{display:flex;justify-content:center;padding:18px 12px 10px}
.document-canvas{position:relative;width:100%;overflow:hidden;isolation:isolate;color:#050505;font-family:Arial,Helvetica,sans-serif}
.document-assets-pending{visibility:hidden}
.document-template-image{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.document-photo{position:absolute;z-index:2;display:block;object-fit:cover;background:#fff}
.document-value{position:absolute;z-index:3;display:block;max-width:58%;overflow:hidden;color:#050505;font-weight:700;line-height:1.05;white-space:nowrap;text-overflow:clip}
.document-machine-lines{position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:center;overflow:hidden;font-family:"Courier New",monospace;font-weight:700;letter-spacing:.02em;line-height:1.28;white-space:nowrap}
.document-machine-lines i{display:block;overflow:hidden;font-style:normal;text-align:center}
.document-watermark{position:absolute;right:2.4%;bottom:1.3%;z-index:7;color:rgba(139,24,24,.58);font-size:clamp(5px,1.45vw,7px);font-weight:800;letter-spacing:.05em;line-height:1;white-space:nowrap;text-transform:uppercase;text-shadow:0 0 2px #fff}

.identity-document{max-width:350px;aspect-ratio:873/1128;font-size:clamp(9px,2.75vw,11px)}
.identity-photo{left:5.05%;top:13.85%;width:28.72%;height:28.55%}
.identity-surname{left:37.75%;top:17.45%}
.identity-first-name{left:37.75%;top:23.65%}
.identity-middle-name{left:37.75%;top:31.05%}
.identity-birth-date{left:37.75%;top:37.25%}
.identity-iin{left:14.5%;top:46.05%;font-size:1em;transform:translateY(-50%)}
.identity-number{right:7.2%;top:56.1%;max-width:31%;font-size:1.25em;color:#050505}
.identity-machine-lines{left:5.7%;top:80.7%;width:88.6%;height:14.8%;padding:1.2% 1.1%;color:#050505;font-size:clamp(12px,3.6vw,14px);line-height:1.25}

.passport-document{max-width:520px;aspect-ratio:1463/1126;font-size:clamp(5px,1.55vw,6.5px)}
.passport-photo{left:8.73%;top:24.85%;width:22.35%;height:40.8%}
.passport-number{left:72.2%;top:10.45%;font-size:1em;color:#050505}
.passport-surname{left:36.75%;top:22.35%}
.passport-given-names{left:36.75%;top:29.05%}
.passport-surname,.passport-given-names{font-size:.9em;line-height:1.02}
.passport-name-pair i{display:block;font-style:normal;line-height:inherit}
.passport-sex{left:61.25%;top:37.1%;font-size:1em;color:#050505}
.passport-iin{left:75.35%;top:37.1%;font-size:1em}
.passport-birth-date{left:36.75%;top:43.45%;font-size:1em}
.passport-machine-lines{left:4.2%;top:71.8%;width:91.6%;height:23.5%;padding:1.5% 0;background:#fff;color:#050505;font-size:clamp(12px,3.6vw,14px);line-height:1.25}

.student-document{max-width:350px;aspect-ratio:1014/1562;font-size:clamp(6px,1.85vw,7px)}
.student-photo{left:13.61%;top:23.26%;width:26.23%;height:22.71%}
.student-full-name{left:13.71%;top:47.76%;max-width:75%;overflow:visible;font-size:clamp(8px,2.45vw,9px);font-weight:700;line-height:1.1;white-space:normal}

.document-actions{margin-top:auto;padding:8px 13px 10px;background:#fafafa}
.document-actions button,.document-actions a{width:100%;height:52px;border-radius:8px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:9px}
.document-actions .svg-icon{width:22px;height:22px}
.document-present{border:0;background:#087ad5;color:#fff;text-decoration:none}
.document-share{margin-top:8px;border:1px solid #b7b7b7;background:#fff;color:#555}
.document-requisites{margin:9px 0 0;background:#fff;padding:0 14px}
.document-requisites>div{min-height:67px;border-bottom:1px solid #eee;display:flex;flex-direction:column;justify-content:center;gap:5px}
.document-requisites>div:last-child{border-bottom:0}
.document-requisites span{color:#888;font-size:12px}
.document-requisites b{font-size:15px;font-weight:500;overflow-wrap:anywhere}

.document-transition{display:flex;align-items:center;justify-content:center;background:#fff;padding:8vh 22px 0}
.document-transition-overlay{position:absolute;inset:0;z-index:80}
.document-transition-logos{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;animation:document-transition-in .22s ease-out both}
.egov-mark{flex:none;width:126px;height:126px;border:2px solid #efefef;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4178c6;font-size:38px;font-style:normal;font-weight:800;letter-spacing:-3px;box-shadow:0 1px 5px #0000000d}
.egov-mark b{font:inherit}.egov-mark i{position:relative;top:7px;margin:0 1px;color:#4178c6;font:inherit;font-size:27px}
.document-transition-plus{flex:none;color:#a7a7a7;font-size:42px;font-weight:300;line-height:1}
.document-transition-logos img{display:block;width:132px;height:132px;object-fit:contain;background:#fff;clip-path:circle(38% at 50% 50%)}
.document-transition-support{position:absolute;left:20px;right:20px;bottom:10vh;margin:0;color:#c4c4c4;font-size:15px;font-weight:500;line-height:1.25;text-align:center}
@keyframes document-transition-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

.document-presentation-backdrop{position:absolute;inset:0;z-index:75;display:flex;align-items:flex-end;background:#0006;animation:document-presentation-backdrop-in .2s ease-out both}
.document-presentation-sheet{width:100%;height:45%;min-height:330px;padding:14px 16px calc(12px + env(safe-area-inset-bottom));overflow:hidden;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 24px #0003;animation:document-presentation-sheet-in .28s cubic-bezier(.2,.8,.2,1) both}
.document-presentation-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:start}
.document-presentation-head h1{margin:0;font-size:clamp(20px,5.4vw,23px);line-height:1.12}
.document-presentation-head>button{width:34px;height:34px;padding:0;border:0;background:transparent;color:#111;display:grid;place-items:center}
.document-presentation-head .svg-icon{width:24px;height:24px}
.document-presentation-content{text-align:center}
.document-presentation-content>p:first-child{margin:7px 0 0;font-size:clamp(15px,4.15vw,18px);line-height:1.2}
.document-presentation-qr{width:min(35vw,148px);aspect-ratio:1;margin:10px auto 0;padding:5px;display:grid;grid-template-columns:repeat(var(--qr-size),1fr);grid-template-rows:repeat(var(--qr-size),1fr);background:#fff;box-sizing:content-box}
.document-presentation-qr-cell{display:block;background:#fff}
.document-presentation-qr-cell.is-dark{background:#050505}
.document-presentation-or{margin:8px 0 0!important;font-size:clamp(15px,4.2vw,18px)!important;line-height:1.1!important}
.document-presentation-code{display:block;margin-top:5px;font-size:clamp(28px,8vw,34px);font-weight:750;letter-spacing:.06em;line-height:1}
@keyframes document-presentation-backdrop-in{from{background-color:transparent}to{background-color:#0006}}
@keyframes document-presentation-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
.document-presentation-backdrop.is-closing{animation:document-presentation-backdrop-out .2s ease-in both}
.document-presentation-backdrop.is-closing .document-presentation-sheet{animation:document-presentation-sheet-out .22s ease-in both}
@keyframes document-presentation-backdrop-out{from{background-color:#0006}to{background-color:transparent}}
@keyframes document-presentation-sheet-out{from{transform:translateY(0)}to{transform:translateY(100%)}}

@media(max-width:360px){
  .document-canvas-wrap{padding-inline:9px}
  .document-actions{padding-inline:9px}
  .document-transition-logos{gap:12px}
  .egov-mark{width:108px;height:108px;font-size:33px}
  .document-transition-plus{font-size:34px}
  .document-transition-logos img{width:114px;height:114px}
}

/* Home and service icon proportions from the supplied Android reference. */
.target-home{--home-red:#f14635;color:#202020}
.target-home .home-service{position:relative;font-weight:400;color:#242424}
.target-home .reference-service-icon,.reference-services .catalog-link .reference-service-icon{filter:none}
.target-home .home-service .svg-icon{color:var(--home-red)}
.official-job-icon{display:block;width:39px;height:39px;margin:0 auto 6px;overflow:hidden;background-color:#f14635;background-image:url('../images/главная стр/kaspi-assets/kaspi-job.png');background-position:center;background-repeat:no-repeat;background-size:57px 44px;background-blend-mode:difference;filter:invert(1)}
.target-home .home-service-cart::after,.target-home .home-service-suitcase::after{content:"0·0·24";position:absolute;z-index:1;top:-4px;left:calc(50% + 2px);padding:2px 4px;border-radius:4px;background:#ffd400;color:#222;font-size:7px;font-weight:800;line-height:1;box-shadow:0 0 0 1px #fff}
.target-home .finance-link{grid-template-columns:clamp(58px,15vw,64px) minmax(0,1fr);gap:clamp(7px,2.1vw,9px)}
.target-home .finance-logo{width:clamp(54px,14vw,60px);height:clamp(41px,10.7vw,46px);border-radius:9px;object-fit:fill}
.target-finance-logo{font-size:15px!important}
.target-finance-logo.installment{background:#ffd400!important}
.target-home .finance-link b{font-size:clamp(13px,3.5vw,15px);font-weight:400;color:#202020}
.target-home .finance-link small{color:#909090}
.target-home .finance-rate{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:6px;background:#ffd400;color:#222;font-size:10px;font-style:normal;font-weight:750;line-height:1.1;vertical-align:2px}
.magnum-service-icon{display:block;width:36px;height:36px;margin:3px auto 8px;overflow:hidden;border-radius:8px;background:#e60064}
.magnum-service-icon img{display:block;width:58px;height:58px;max-width:none;transform:translate(-11px,-11px)}
.ref-partner .magnum-service-icon{width:44px;height:44px;margin:0;border-radius:10px}
.ref-partner .magnum-service-icon img{width:71px;height:71px;transform:translate(-13.5px,-13.5px)}
.partner-brand-logo{display:block;width:44px;height:44px;border-radius:10px;object-fit:contain}
.reference-services .catalog-link{color:#242424}
.reference-services .catalog-link .svg-icon{color:#f14635}
.reference-services .services-gray-fill{min-height:278px}

.message-logo{border-radius:7px;overflow:hidden}
.message-logo.red{background:#e94439}
.message-logo.cyan{background:#24a5b7}
.message-logo-image{background:transparent}
.message-logo-image img{display:block;width:100%;height:100%;object-fit:contain}
.restaurant-icon{font-size:27px;font-weight:800;line-height:1;transform:rotate(90deg)}
.message-row b{font-weight:500}

/* Document and category artwork matched to the supplied mobile reference. */
.gov-doc-panel{padding:13px 13px 8px}
.gov-mini-doc{flex-basis:160px;height:119px;padding:11px 12px;border-radius:12px;background:#f4f3f6}
.gov-mini-doc b{margin-top:9px;font-size:15px;font-weight:400;line-height:1.22}
.document-card-thumbnail{display:block;width:66px;height:40px;border-radius:5px;object-fit:cover;overflow:hidden;box-shadow:0 1px 2px #0002}
.all-documents{height:50px;align-items:center;font-size:16px;font-weight:400}
.all-documents .chevron{width:20px;height:20px}
.gov-category .category-bubble{width:56px;height:56px;border-radius:16px;background:#f4f2f7}
.gov-category-art{display:block;width:44px;height:44px;object-fit:contain}
.target-home .magnum-service-icon{width:36px;height:36px}
.reference-services .catalog-link .reference-service-icon,.reference-services .catalog-link .svg-icon{width:36px;height:36px;margin-bottom:5px}
.reference-services .official-job-icon{width:36px;height:36px;margin-bottom:5px}
.reference-services .magnum-service-icon{width:34px;height:34px;margin:1px auto 6px}
.reference-services .magnum-service-icon img{width:55px;height:55px;transform:translate(-10.5px,-10.5px)}

/* Four service rows and the exact service badges visible in the video. */
.services-ref-header>b{font-size:18px}
.reference-services .service-catalog{height:340px;grid-template-rows:repeat(4,64px);gap:14px 2px;padding:15px 6px 13px}
.reference-services .catalog-link{position:relative}
.reference-services .official-job-icon{width:34px;height:34px;margin:0 auto 6px;background-size:50px 39px}
.official-alaqan-icon{display:block;width:34px;height:34px;margin:0 auto 6px;overflow:hidden;background-color:#f14635;background-image:url('../images/главная стр/kaspi-assets/kaspi-alaqan.png');background-position:center;background-repeat:no-repeat;background-size:44px 34px;background-blend-mode:difference;filter:invert(1)}
.service-new-badge{position:absolute;top:-5px;left:calc(50% + 6px);padding:2px 5px;border-radius:8px;background:#f14635;color:#fff;font-size:7px;font-style:normal;font-weight:700;line-height:1}
.catalog-installment-badge{position:absolute;top:0;left:calc(50% + 2px);padding:2px 4px;border-radius:3px;background:#ffd400;color:#242424;font-size:7px;font-style:normal;font-weight:800;line-height:1;white-space:nowrap}
.reference-services .services-gray-fill{min-height:50px}

.digital-row{height:72px}
.digital-document-icon .document-list-icon{display:block;width:27px;height:27px;object-fit:contain}
.digital-documents-screen .top-title{font-size:18px}
.digital-documents-screen .digital-list h1{font-size:24px}
.digital-documents-screen .digital-row b{font-size:16px;font-weight:400}

/* QR offer sheet uses the app frame rather than the outer browser viewport. */
.qr-android{display:flex;min-height:0;flex-direction:column;padding-bottom:0!important}
.qr-android .qr-dark-head{flex:none}
.qr-android .qr-dark-head>a{width:36px;height:36px;margin:auto;border-radius:9px;background:#e5e5e7;color:#171717}
.qr-android .qr-camera{height:auto;min-height:0;flex:1}
.qr-android .apply-sheet{height:45.5%;min-height:360px;max-height:390px;padding:18px 16px 10px;overflow:hidden;border-radius:20px 20px 0 0}
.qr-android .apply-sheet.is-collapsed{transform:translateY(calc(100% - 146px + var(--qr-sheet-drag,0px)))}

/* APK typography scale */
.top-title{font-size:var(--ds-type-title);line-height:var(--ds-line-title);font-weight:700}
.segment,.searchbar input{font-size:var(--ds-type-control);line-height:var(--ds-line-control)}
.common-app-nav .nav-link{font-size:var(--ds-type-caption);line-height:var(--ds-line-caption)}
.target-home-promo b,.target-home-promo span{font-size:var(--ds-type-control);line-height:var(--ds-line-control)}
.target-home-promo strong{font-size:var(--ds-type-body);line-height:var(--ds-line-body)}
.target-home .home-service,.reference-services .catalog-link{font-size:var(--ds-type-body);line-height:var(--ds-line-body)}
.target-home .finance-link b{font-size:var(--ds-type-control);line-height:var(--ds-line-control)}
.target-home .finance-link small{font-size:var(--ds-type-caption);line-height:var(--ds-line-caption)}
.home-recent-title,.gov-section h2{font-size:var(--ds-type-title);line-height:var(--ds-line-title);font-weight:700}
.gov-mini-doc b,.gov-category{font-size:var(--ds-type-body);line-height:var(--ds-line-body);font-weight:400}
.all-documents{font-size:var(--ds-type-control);line-height:var(--ds-line-control)}
.gov-service-row b,.gov-law-row b{font-size:var(--ds-type-control);line-height:var(--ds-line-control);font-weight:400}
.gov-service-row small,.gov-law-row small,.partner-row small{font-size:var(--ds-type-caption);line-height:var(--ds-line-caption)}
.digital-documents-screen .digital-list h1{font-size:var(--ds-type-heading);line-height:var(--ds-line-heading);font-weight:700}
.digital-documents-screen .digital-row b,.partner-row b{font-size:var(--ds-type-control);line-height:var(--ds-line-control);font-weight:400}
/* APK typography end */

/* APK banking and messages typography */
.bank-main{font-size:var(--ds-type-control);line-height:var(--ds-line-control);color:#1f1f1f;font-weight:400}
.bank-main small,.bank-action small,.bank-notice small{font-size:var(--ds-type-caption);line-height:var(--ds-line-caption);color:#757575}
.bank-action{font-size:var(--ds-type-control);line-height:var(--ds-line-control);color:#0075ca;font-weight:400}
.bank-action b,.bank-notice b,.bank-new b{font-size:inherit;line-height:inherit;font-weight:400;color:inherit}
.bank-main>span:last-child{white-space:nowrap;text-align:right}
.messages-page .simple-title{font-size:var(--ds-type-title);line-height:var(--ds-line-title);color:#1f1f1f;font-weight:700}
.message-row b{font-size:var(--ds-type-control);line-height:var(--ds-line-control);color:#1f1f1f;font-weight:400}
.message-row p,.message-meta{font-size:var(--ds-type-caption);line-height:var(--ds-line-caption);color:#757575}
/* APK banking and messages typography end */
.qr-android .apply-sheet h2{margin:0 0 8px;font-size:20px;font-weight:500}
.qr-android .apply-row{height:68px;grid-template-columns:56px minmax(0,1fr) 18px;gap:10px;border:0;font-size:16px;font-weight:400}
.qr-android .apply-row>span:nth-child(2){min-width:0}
.qr-android .apply-row small{color:#999;font-size:11px;line-height:1.2}
.qr-android .apply-row .chevron{width:18px;height:18px;color:#b6b6b6}
.apply-badge{display:block;width:48px;height:39px;border-radius:6px;object-fit:fill}
.apply-badge.installment{background:#ffd400;color:#242424;display:grid;place-items:center;font-size:13px;font-weight:700;letter-spacing:-.35px;white-space:nowrap}
.qr-android .flash{padding:0;border:0;background:transparent}
.qr-android .flash img{display:block;width:41px;height:40px}
.qr-android .flash:disabled{opacity:.68}

/* Home promo pager and continuous product feed. */
.target-home-promos{scroll-padding-inline:13px;padding-bottom:5px}
.target-home-promo b{text-align:center}
.target-home-promo strong{text-align:center}
.target-home-promo-dots{height:12px;display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 3px}
.target-home-promo-dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#d7d7d7;transition:width .16s ease,background-color .16s ease}
.target-home-promo-dots button.active{width:8px;border-radius:4px;background:#d94b43}
.target-home .home-service-job>span:last-child{transform:translateY(2px)}
.target-home .home-recent-title-small{font-size:16px;line-height:20px;margin-bottom:8px}
.home-recent-card{overflow:visible}
.home-recent-card .home-product-photo{overflow:visible;background-color:#f4f4f4;background-position:center;background-repeat:no-repeat;background-size:contain}
.home-recent-card .home-product-photo>span{z-index:1;white-space:nowrap;box-shadow:0 1px 2px #0002}
.home-product-main-price{display:block;margin-top:6px;font-size:18px;line-height:22px;font-weight:700;color:#222}
.home-product-price{display:block;width:100%;margin-top:6px;padding:7px 8px;border-radius:8px;background:#e5f4da;box-sizing:border-box}
.home-product-price>b{display:block;font-size:13px;line-height:16px;font-weight:700;color:#419f2f}
.home-product-price>small{display:block;margin-top:2px;font-size:12px;line-height:15px;font-weight:400;color:#419f2f;white-space:nowrap}
.home-product-price>s{display:none}
.home-recent-card p{font-size:12px;line-height:16px;margin:7px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222}
.home-recent-card em{display:flex;align-items:center;gap:4px;font-style:normal;line-height:16px;margin-top:2px}
.home-recent-card em b{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:#222}
.home-recent-card em b i{color:#e45049;font-style:normal}
.home-recent-card em span{font-size:12px;font-weight:400;color:#8c8c8c}
.home-product-feed{padding-bottom:calc(112px + env(safe-area-inset-bottom))}

@media(prefers-reduced-motion:reduce){.screen.page-entering{animation:none}}