@font-face{font-family:Manrope;src:url('assets/manrope-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/manrope-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic-600.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/manrope-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic-700.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent,#ed4055)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent,#ed4055);outline-offset:2px}button:active{opacity:.74}button{transition:background-color .15s,opacity .15s}h1,h2,h3,p{margin:0}.icon{width:22px;height:22px;flex-shrink:0;display:block}button .icon,a .icon{pointer-events:none}button:disabled{opacity:.4;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.app-body{--bg:#3154e8;--surface:#fff;--surface2:#e9edfc;--text:#172047;--muted:#6a7390;--line:#dfe3f0;--accent:#3253d6;--cta:#2e50db;--oncta:#fff;--nav:#ffffffed;--input:#f0f2f9;--radius:19px;color:var(--text);background:#e5eaf7;min-height:100dvh;font-size:14px;line-height:1.5}
.phone{position:relative;width:100%;max-width:430px;height:100dvh;overflow:hidden;isolation:isolate;margin:auto;background:var(--bg)}
.phone::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}
.tg-bar{height:57px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);position:relative;z-index:10;border-bottom:1px solid var(--line)}
.tg-bar>a{font-size:14px;display:flex;align-items:center;height:44px;width:72px}.tg-bar>div{text-align:center;display:flex;flex-direction:column;gap:0}.tg-bar strong{font-size:13px;letter-spacing:.1px;line-height:20px}.tg-bar small{font-size:11px;color:var(--muted)}.tg-bar>button{width:72px;height:44px;display:flex;justify-content:flex-end;align-items:center}.tg-bar>button .icon{border:1.5px solid currentColor;border-radius:50%;padding:3px;width:23px;height:23px}
.app-scroll{height:calc(100% - 57px);overflow:auto;overscroll-behavior:contain;padding:0 20px 116px;scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}.demo-topline,.demo-bottomline{display:none}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 0 20px}.brand{display:flex;gap:9px;align-items:center}.brand>div{font-size:18px;font-weight:700;letter-spacing:-.8px;line-height:19px}.brand small{display:block;font-size:8px;letter-spacing:3.6px;line-height:14px;font-weight:600}.brand-symbol{display:block;width:38px;height:32px;flex-shrink:0;color:var(--accent)}
.balance-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;background:var(--input);padding:0 10px;height:40px;font-size:12px;font-weight:600;min-height:44px}.balance-pill .icon{width:16px;height:16px;color:var(--muted)}.balance-pill>.icon:last-child{background:var(--surface2);border-radius:50%;width:23px;height:23px;padding:4px;color:var(--text)}
.search-wrap{display:flex;gap:8px;margin:18px 0 9px}.search-box{height:46px;background:var(--input);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;padding:0 14px;gap:10px;flex:1;min-width:0;color:var(--muted)}.search-box .icon{width:19px;height:19px}.search-box input{background:transparent;border:0;color:var(--text);width:100%;min-width:0;font-size:13px;height:100%;outline:none}.search-box input::placeholder{color:var(--muted)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.icon-button{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px}.filter-button{height:46px;width:46px;border:1px solid var(--line);background:var(--input);color:var(--muted)}
.categories{display:flex;gap:6px;padding:3px 0 10px;overflow-x:auto;scrollbar-width:none}.categories>button{padding:0 16px;white-space:nowrap;min-height:44px;border-radius:30px;font-size:12px;color:var(--muted);border:1px solid transparent}.categories>button.selected{color:var(--text);background:var(--surface2);border-color:var(--line);font-weight:600}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 14px}.section-heading h2{font-size:19px;line-height:27px;letter-spacing:-.6px;font-weight:600}.section-heading>span{font-size:11px;color:var(--muted)}
.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);min-width:0;box-shadow:inset 0 1px 0 #ffffff07}.card-open{display:block;padding:0;width:100%;text-align:left}.product-visual{position:relative;height:131px;overflow:hidden;background:linear-gradient(130deg,#ffffff08,transparent 60%),var(--surface2);color:var(--accent);isolation:isolate}.product-visual::before{content:'';position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid currentColor;opacity:.12;left:calc(50% - 85px);top:-29px}.product-visual::after{content:'';position:absolute;width:125px;height:125px;border-radius:50%;border:1px solid currentColor;opacity:.1;left:calc(50% - 62px);top:-7px}.visual-top{position:absolute;left:12px;top:10px;font-size:7px;letter-spacing:1.4px;color:var(--muted)}.visual-bottom{position:absolute;left:12px;bottom:9px;font-size:6px;letter-spacing:1.5px;color:var(--muted)}.visual-corner{position:absolute;right:10px;bottom:9px}.visual-corner .icon{width:12px;height:12px}.visual-object{position:absolute;left:50%;top:50%;width:71px;height:80px;transform:translate(-50%,-48%) rotate(-10deg);border-radius:19px;background:linear-gradient(130deg,#ffffff28,#ffffff02 52%,#ffffff09);border:1px solid #ffffff24;box-shadow:inset 1px 1px 0 #ffffff20,8px 14px 26px #0000002b;display:grid;place-items:center}.visual-object-inner{display:grid;place-items:center;gap:8px}.visual-object .icon{height:32px;width:32px;stroke-width:1.1}.visual-object span{font-size:8px;font-weight:600;letter-spacing:1.6px}.art-address .visual-object{transform:translate(-50%,-48%) rotate(10deg);border-radius:50px 50px 20px 20px}.art-bybit .visual-object{border-radius:10px;transform:translate(-50%,-48%) rotate(-8deg);height:70px;width:83px}.art-mexc .visual-object{border-radius:50%;transform:translate(-50%,-48%) rotate(6deg);height:78px;width:78px}
.card-copy{display:block;padding:13px 12px 0}.card-copy strong{display:block;font-size:15px;font-weight:700;letter-spacing:-.35px}.card-copy>span{display:block;font-size:10px;color:var(--muted);margin-top:3px;min-height:16px;line-height:16px}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 10px 12px}.price{font-size:21px;font-weight:600;letter-spacing:-.7px}.buy-small{height:40px;min-height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface2);color:var(--accent);border:1px solid var(--line)}.buy-small .icon{width:18px;height:18px}
.custom-request{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:16px 2px;margin-top:12px;border-top:1px solid var(--line)}.custom-request>span:nth-child(2){flex:1}.custom-request strong{display:block;font-size:13px}.custom-request small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.custom-request>.icon{width:18px;height:18px}.small-glyph{height:48px;width:48px;flex-shrink:0;background:var(--surface2);color:var(--accent);display:grid;place-items:center;border-radius:15px;border:1px solid var(--line)}.small-glyph .icon{height:23px;width:23px;stroke-width:1.5}
.product-row{width:100%;padding:16px 0;display:flex;gap:12px;align-items:center;text-align:left;border-bottom:1px solid var(--line)}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.2px}.row-copy>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.row-copy small{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted);margin-top:6px}.row-copy small .icon{width:11px;height:11px}.row-price{font-size:18px;letter-spacing:-.4px;font-weight:600;display:flex;align-items:center;gap:4px;flex-shrink:0}.row-price .icon{height:15px;width:15px;color:var(--muted)}
.bottom-nav{position:absolute;bottom:18px;left:18px;right:18px;height:68px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:5px;border:1px solid var(--line);border-radius:32px;background:var(--nav);backdrop-filter:blur(25px) saturate(1.5);-webkit-backdrop-filter:blur(25px) saturate(1.5);box-shadow:inset 0 1px 0 #ffffff29,0 10px 35px #00000025;z-index:12}.bottom-nav::after{content:'';position:absolute;bottom:-12px;left:calc(50% - 47px);width:94px;height:4px;border-radius:10px;background:var(--text);opacity:.4}.bottom-nav>button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;height:56px;border-radius:27px;color:var(--muted)}.bottom-nav>button>.icon{width:21px;height:21px}.bottom-nav>button>span{font-size:9px}.bottom-nav>button.active{background:var(--surface2);color:var(--accent);box-shadow:inset 0 1px 0 #ffffff16}.cart-count{position:absolute;top:3px;right:17px;min-width:15px;height:15px;padding:1px 4px;font-size:9px;background:var(--cta);color:var(--oncta);border-radius:20px}

/* 04 — Cobalt: strong brand block, then a bright product shelf. */
.theme-cobalt{--bg:#3154e8;--surface:#fff;--surface2:#e9edfc;--text:#172047;--muted:#6a7390;--line:#dfe3f0;--accent:#3253d6;--cta:#2e50db;--oncta:#fff;--nav:#ffffffed;--input:#f0f2f9;--radius:19px}
.theme-cobalt .tg-bar{background:#3154e8;color:#fff;border-color:#ffffff12}.theme-cobalt .tg-bar small{color:#d1dcff}.theme-cobalt .screen-store{padding:0 0 110px;background:#f4f6fc}.cobalt-top{padding:0 20px 26px;background:#3154e8;color:white;border-radius:0 0 31px 31px}.cobalt-top .brand-symbol{color:white}.cobalt-top .brand-row{padding-top:21px;padding-bottom:22px}.cobalt-top .balance-pill{background:#ffffff14;border-color:#ffffff3b}.cobalt-top .balance-pill .icon{color:#fff}.cobalt-top .balance-pill>.icon:last-child{background:#ffffff29}.cobalt-headline{display:flex;align-items:center;justify-content:space-between}.cobalt-headline h1{font-size:38px;line-height:1.04;letter-spacing:-1.8px;font-weight:700}.cobalt-asterisk{display:block;width:87px;height:87px;flex-shrink:0;color:#b6d0ff;transform:rotate(10deg);margin-right:4px}.cobalt-top>p{font-size:10px;color:#d6e0ff;margin-top:13px}.cobalt-catalog{padding:0 20px}.cobalt-catalog .search-wrap{margin-top:20px}.theme-cobalt .categories{padding-bottom:0}.theme-cobalt .categories>button.selected{background:#2f51dc;color:#fff;border-color:transparent}.theme-cobalt .section-heading{margin-top:17px}.theme-cobalt .product-card{border:0;box-shadow:0 4px 10px #1d357307}.theme-cobalt .product-visual{height:112px;background:#e1e8fc;color:#2c4ec0}.theme-cobalt .art-address{background:#dbeafe}.theme-cobalt .visual-top,.theme-cobalt .visual-bottom{color:#5a70a9}.theme-cobalt .visual-object{background:linear-gradient(130deg,#fff,#bfd0f980);border-color:#fff;box-shadow:3px 10px 14px #4968b329;height:72px;width:63px}.theme-cobalt .visual-object .icon{stroke-width:1.3}.theme-cobalt .buy-small{background:#eff2fe;border:0;color:#2f51dc}.theme-cobalt .card-copy{padding-top:11px}.theme-cobalt .bottom-nav{border:1px solid #ffffff;box-shadow:0 8px 32px #263b7722}.theme-cobalt .bottom-nav>button.active{background:#e8edff;color:#3154dc}.theme-cobalt .screen-product,.theme-cobalt .screen-cart,.theme-cobalt .screen-wallet,.theme-cobalt .screen-profile,.theme-cobalt .screen-admin,.theme-cobalt .screen-chat,.theme-cobalt .screen-delivery,.theme-cobalt .screen-orders,.theme-cobalt .screen-bot,.theme-cobalt .screen-deposit,.theme-cobalt .screen-withdraw{background:#f4f6fc}

/* The purchasing flows share real layout primitives with the selected store. */
.page-head{display:flex;align-items:center;justify-content:space-between;margin:12px -8px 18px}.page-head>span{font-size:12px;font-weight:600}.head-spacer{width:44px}.page-head .icon-button{color:var(--muted)}.screen-product,.screen-chat,.screen-delivery,.screen-admin,.screen-bot,.screen-deposit,.screen-withdraw{padding-bottom:26px}.screen-product .page-head{margin-bottom:10px}.detail-art{border:1px solid var(--line);border-radius:24px;overflow:hidden}.detail-art .product-visual{height:180px;margin:0;border-radius:0}.detail-art .visual-object{width:105px;height:121px;border-radius:25px}.detail-art .visual-object .icon{height:46px;width:46px}.detail-art .visual-top{font-size:9px;top:18px;left:18px}.detail-art .visual-bottom{font-size:8px;left:18px;bottom:15px}.detail-art .visual-corner{right:16px;bottom:16px}.detail-art .visual-corner .icon{height:19px;width:19px}.detail-art .product-visual::before{height:250px;width:250px;left:calc(50% - 125px);top:-65px}.detail-art .product-visual::after{height:205px;width:205px;left:calc(50% - 102px);top:-45px}.detail-category{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin-top:20px}.detail-category>.icon{height:11px;width:11px}.detail-title{font-size:27px;line-height:1.2;letter-spacing:-1px;margin-top:11px;font-weight:600}.detail-sub{font-size:11px;color:var(--muted);margin-top:8px}.detail-price{display:flex;align-items:center;gap:14px;margin:18px 0}.detail-price strong{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1px}.detail-price>span{font-size:10px;color:var(--muted)}.delivery-note{display:flex;gap:12px;padding:16px 14px;background:var(--input);border:1px solid var(--line);border-radius:17px;margin:17px 0;align-items:center}.delivery-note>.icon{color:var(--accent);width:24px;height:24px}.delivery-note strong{font-size:12px;display:block;font-weight:600}.delivery-note span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.detail-description{margin-top:22px}.detail-description h2{font-size:14px;font-weight:600}.detail-description p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.detail-bottom{margin-top:21px}.primary,.secondary{min-height:48px;border-radius:16px;padding:10px 16px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:1px solid transparent}.primary{background:var(--cta);color:var(--oncta);box-shadow:inset 0 1px #ffffff26}.secondary{background:var(--input);border-color:var(--line);color:var(--text)}.primary>.icon,.secondary>.icon{height:18px;width:18px}.wide{width:100%;margin:0 0 10px;justify-content:center}.prototype-caption{font-size:9px;line-height:1.65;color:var(--muted);text-align:center;margin:9px 0 10px}.toast{position:absolute;bottom:100px;left:20px;right:20px;padding:13px 15px;background:var(--text);color:var(--bg);border-radius:14px;box-shadow:0 6px 25px #0003;z-index:40;font-size:11px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translateY(0)}
.seller-heading{display:flex;align-items:center;gap:12px;padding:0 0 22px}.seller-avatar{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;background:var(--surface2);color:var(--accent);font:italic 700 28px Arial,sans-serif;border:1px solid var(--line)}.seller-heading>div{flex:1}.seller-heading h1{font-size:17px;font-weight:600;letter-spacing:-.5px}.seller-heading p{color:var(--muted);font-size:10px;margin-top:4px}.seller-heading>.icon{width:18px;height:18px;color:var(--accent)}.chat-order{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.chat-order .small-glyph{height:39px;width:39px;border-radius:11px}.chat-order .small-glyph .icon{height:20px;width:20px}.chat-order strong{display:block;font-size:11px;font-weight:600}.chat-order span:not(.small-glyph){display:block;font-size:9px;color:var(--muted);margin-top:4px}.chat-day{text-align:center;margin:30px 0 16px;font-size:10px;color:var(--muted)}.chat-system{text-align:center;font-size:9px;max-width:210px;margin:0 auto 25px;color:var(--muted);line-height:1.7}.chat-message{padding:15px 16px;max-width:91%;border:1px solid var(--line);border-radius:19px 19px 19px 5px;background:var(--surface);margin-bottom:15px}.chat-message>span{font-size:9px;color:var(--accent);font-weight:600}.chat-message p{font-size:12px;line-height:1.8;margin-top:7px}.chat-message>small{font-size:8px;color:var(--muted);display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:12px}.chat-message>small>.icon{width:12px;height:12px}.chat-message.buyer{margin-left:auto;background:var(--surface2);border-radius:19px 19px 5px 19px}.chat-message.buyer p{margin-top:0}.chat-helper{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);margin:24px 0}.chat-helper .icon{height:13px;width:13px}.chat-composer{position:absolute;bottom:20px;left:16px;right:16px;display:flex;gap:10px;background:var(--surface);border:1px solid var(--line);padding:6px;border-radius:24px;box-shadow:0 5px 25px #0002}.chat-composer textarea{background:transparent;border:0;color:var(--text);font-size:12px;line-height:22px;resize:none;flex:1;min-width:0;padding:10px 10px}.chat-composer textarea::placeholder{color:var(--muted)}.chat-composer .icon-button{border-radius:50%;min-height:44px;padding:10px;margin:0}.screen-chat{padding-bottom:112px}
.delivery-success{text-align:center;padding:0 0 15px}.delivery-success>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:50%;background:var(--surface2);border:1px solid var(--line);color:var(--accent)}.delivery-success>span>.icon{height:28px;width:28px}.delivery-success h1{font-size:29px;line-height:1.16;letter-spacing:-1px;font-weight:600}.delivery-success p{font-size:10px;color:var(--muted);margin-top:10px}.account-delivered{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-delivered>div{flex:1;min-width:0}.account-delivered strong{display:block;font-size:11px;font-weight:600}.account-delivered small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.tiny-badge{font-size:8px;color:var(--accent);padding:4px 7px;border-radius:20px;background:var(--surface2)}.credentials{padding:16px 16px 12px;background:var(--surface);border:1px solid var(--line);border-radius:21px;margin-top:20px}.credentials h2{font-size:15px;font-weight:600;margin-bottom:13px}.credentials>label{font-size:10px;color:var(--muted);margin-top:12px;display:block}.credential-value{display:flex;align-items:center;border-bottom:1px solid var(--line);min-height:44px;gap:0}.credential-value code{font-size:11px;flex:1;overflow-wrap:anywhere;font-family:Manrope,sans-serif;min-width:0}.credential-value>.icon-button{height:44px;width:44px}.credential-value .icon{height:17px;width:17px;color:var(--muted)}.credential-demo{font-size:9px;color:var(--muted);display:block;margin-top:14px}
.simple-title{font-size:28px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:5px 0 18px}.simple-title>span{display:inline-block;padding:3px 10px;font-size:14px;border-radius:20px;background:var(--surface2);margin-left:12px;vertical-align:middle}.empty-cart{text-align:center;padding:70px 10px}.empty-cart>.icon{width:56px;height:56px;margin:0 auto 25px;color:var(--muted);stroke-width:1}.empty-cart h2{font-size:21px;font-weight:600}.empty-cart p{font-size:12px;color:var(--muted);margin:12px 0 25px}.empty-state{padding:40px 16px;text-align:center;font-size:13px;line-height:1.8;color:var(--muted)}.empty-state span,.empty-state p{font-size:11px}.cart-item{display:flex;align-items:center;gap:11px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item>div{flex:1;min-width:0}.cart-item strong{display:block;font-size:12px}.cart-item small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.cart-item>.icon-button{width:44px}.cart-item>.icon-button>.icon{height:16px;width:16px}.cart-total{display:flex;align-items:center;justify-content:space-between;margin:26px 0}.cart-total strong{font-size:28px;letter-spacing:-1px}.cart-total>span{font-size:13px;color:var(--muted)}.wallet-large{padding:30px 10px 36px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:26px}.wallet-large>span{font-size:12px;color:var(--muted)}.wallet-large h1{font-size:49px;letter-spacing:-2px;font-weight:600;margin:8px 0}.wallet-large p{font-size:10px;color:var(--muted)}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 30px}.profile-card{text-align:center;padding:18px 0 30px}.profile-card>.seller-avatar{margin:0 auto 18px;width:65px;height:65px;font-size:38px}.profile-card h1{font-size:25px;letter-spacing:-.7px}.profile-card p{font-size:11px;color:var(--muted);margin-top:8px}.settings-row{display:flex;align-items:center;width:100%;gap:12px;padding:18px 2px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.settings-row>span{flex:1}.settings-row>.icon{color:var(--muted);height:19px;width:19px}.settings-row>.icon:last-child{height:15px;width:15px}.order-item{padding:19px 16px;text-align:left;position:relative;border:1px solid var(--line);border-radius:18px;background:var(--surface);width:100%;margin-bottom:15px}.order-item>span{display:block;font-size:9px;color:var(--muted)}.order-item strong{display:block;margin-top:6px;font-size:14px;font-weight:600;padding-right:20px}.order-item small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.order-item>.icon{position:absolute;right:12px;top:calc(50% - 10px);height:20px;width:20px}
.admin-intro{color:var(--muted);font-size:11px;margin:-8px 0 23px}.admin-form label,.demo-money-form label{display:block;font-size:11px;font-weight:600;margin-bottom:16px}.admin-form input:not([type=radio]),.admin-form select,.admin-form textarea,.demo-money-form input{display:block;width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:7px;font-size:12px;resize:vertical;min-height:44px}.admin-form small{display:block;font-size:9px;line-height:1.7;color:var(--muted);font-weight:400;margin-top:6px}.form-two{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.admin-form fieldset{padding:0;border:0;margin:2px 0 17px}.admin-form legend{font-size:11px;font-weight:600;margin-bottom:10px}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-options>label{position:relative;margin:0;cursor:pointer}.delivery-options input{position:absolute;right:11px;top:11px;accent-color:var(--cta)}.delivery-options>label>span{display:flex;flex-direction:column;min-height:99px;padding:12px 11px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.delivery-options input:checked+span{border-color:var(--accent);background:var(--surface2)}.delivery-options .icon{height:20px;width:20px;margin-bottom:9px;color:var(--accent)}.delivery-options strong{font-size:10px;font-weight:600}.delivery-options small{font-size:8px;margin-top:3px;line-height:1.4}.form-help{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0}.demo-money-form{margin-top:28px}.bot-preview-label{font-size:11px;color:var(--muted);margin:28px 0 18px;text-align:center}.bot-message{background:var(--surface);padding:24px 19px;border:1px solid var(--line);border-radius:22px}.bot-message>strong{font-size:14px;font-weight:600}.bot-message h1{font-size:33px;letter-spacing:-1px;margin-top:8px}.bot-message dl{margin-top:24px}.bot-message dt{font-size:10px;color:var(--muted);margin-top:14px}.bot-message dd{font-size:13px;margin:5px 0 0}.bot-message p{font-size:11px;line-height:1.8;color:var(--muted);margin:23px 0}


/* Live app surfaces retain the approved Cobalt layout. */
.app-scroll{background:#f4f6fc}.header-back{width:72px;display:flex;align-items:center;padding:0}.tg-bar>.header-back{justify-content:flex-start}.tg-bar>.header-back>.icon{border:0;padding:0;width:21px}.phone{height:100dvh}.in-telegram .tg-bar{display:none}.in-telegram .app-scroll{height:100%}.in-telegram .phone{padding-top:var(--tg-content-safe-area-inset-top,0px)}.bottom-nav{bottom:max(18px,env(safe-area-inset-bottom))}.in-telegram .bottom-nav::after{display:none}.chat-composer{bottom:max(16px,env(safe-area-inset-bottom));z-index:14}.chat-composer label{cursor:pointer;flex-shrink:0}.chat-composer textarea{max-height:110px;align-self:center;font-size:14px}.screen-chat{padding-bottom:150px}.screen-edit,.screen-stock{padding-bottom:32px}.screen-invoice,.screen-login{padding-bottom:40px}.phone .toast{background:#172047;color:#fff;bottom:102px}.phone:has(.screen-chat) .toast{bottom:160px}.app-scroll[aria-busy=true]{cursor:progress}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:12px;line-height:1.8}.small{font-size:11px;margin-bottom:14px}.minor-title{font-size:16px;letter-spacing:-.4px;margin:28px 0 12px;font-weight:600}.text-button{text-align:left;padding:0}.quantity{display:flex;align-items:center;margin-top:10px;gap:4px}.quantity button{display:grid;place-items:center;width:38px;height:36px;background:var(--surface2);border-radius:11px}.quantity .icon{height:14px;width:14px}.quantity span{min-width:27px;text-align:center;font-size:12px}.transaction{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.transaction>span{min-width:0}.transaction strong{font-size:12px;font-weight:600;display:block}.transaction small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.transaction b{white-space:nowrap;font-size:14px;font-weight:600}.transaction .positive{color:#2057d2}.money-form{margin-top:30px}.admin-form input,.admin-form textarea,.admin-form select{font-size:14px}.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 25px}.amount-presets button{background:var(--surface2);border:1px solid var(--line);border-radius:13px;min-height:44px;font-size:12px}.form-error{font-size:12px;color:#a32242;line-height:1.7;margin:14px 0;white-space:pre-wrap}.form-error:empty{display:none}.notice{padding:16px;background:#e9edfb;border:1px solid #d9e1fa;border-radius:17px;margin:16px 0;font-size:12px;line-height:1.8;color:#4d5d86}.payment-hero{text-align:center;padding:30px 0}.round-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:23px;background:#e4eaff;color:var(--accent);margin:0 auto 22px}.round-icon .icon{height:29px;width:29px}.payment-hero h1{font-size:42px;letter-spacing:-1.8px;line-height:1.2}.payment-hero p{font-size:12px;color:var(--muted);margin:12px 0 0}.payment-option{display:flex;align-items:center;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:21px;margin-bottom:12px}.provider-logo{height:41px;width:41px;border-radius:13px;background:var(--surface2);color:var(--accent);display:grid;place-items:center;font-size:21px;font-weight:700}.payment-option>div:nth-child(2){flex:1;min-width:0}.payment-option strong{display:block;font-size:14px}.payment-option small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.payment-option>.icon{color:var(--accent)}.profile-foot{text-align:center;font-size:10px;letter-spacing:2px;margin:40px 0;color:var(--muted)}.profile-foot span{display:block;letter-spacing:0;font-size:10px;margin-top:8px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-day{margin-top:22px}.chat-system{max-width:280px;margin:15px auto}.chat-order{margin-bottom:14px}.chat-order>div{min-width:0}#order-actions>.wide{margin-top:6px}.order-control{display:flex;gap:8px;margin:12px 0}.order-control>button{flex:1;font-size:11px;padding:10px}.inline-form{display:flex;gap:8px;margin:15px 0}.inline-form input{min-width:0;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px;font-size:13px}.inline-form button{font-size:11px;white-space:nowrap}.attachment-link{display:flex;gap:8px;align-items:center;font-size:12px;margin:10px 0}.attachment-link span{overflow-wrap:anywhere;flex:1}.attachment-link .icon{height:18px;width:18px}.credentials pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 Manrope,Arial,sans-serif;user-select:text;margin:14px 0 20px;max-height:420px;overflow:auto}.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.admin-stats>div{padding:17px;background:white;border:1px solid var(--line);border-radius:18px}.admin-stats span{font-size:9px;color:var(--muted);display:block}.admin-stats strong{font-size:25px;font-weight:600;display:block;margin-top:7px;letter-spacing:-.8px}.admin-product{display:flex;align-items:center;text-align:left;width:100%;padding:16px 0;gap:10px;border-bottom:1px solid var(--line)}.admin-product>span:nth-child(2){min-width:0;flex:1}.admin-product strong{display:block;font-size:12px;font-weight:600}.admin-product small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.admin-product>.icon{height:17px;width:17px;color:var(--muted)}.withdraw-request{padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:19px;margin:12px 0}.withdraw-request strong{font-size:12px}.withdraw-request p{font-size:11px;margin-top:6px;color:var(--muted)}.withdraw-request small{font-size:9px;color:var(--muted)}.admin-form .check-label{display:flex;align-items:center;gap:10px;font-size:12px}.admin-form .check-label input[type=checkbox]{appearance:auto;width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--accent)}.stock-row{padding:15px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.stock-row>span{flex:1;min-width:0}.stock-row strong{display:block;font-size:12px}.stock-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.stock-row>.icon{width:18px;height:18px;color:var(--accent)}.login-card{text-align:center;padding:40px 6px}.login-card h1{font-size:30px;line-height:1.2;letter-spacing:-1px}.login-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin:22px 0 30px}.boot-state{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3154e8;color:white}.boot-state>strong{font-size:40px;letter-spacing:-2px;line-height:1}.boot-state strong span{display:block;font-size:14px;letter-spacing:11px;margin-top:14px;padding-left:6px}.boot-state p{font-size:12px;color:#cfdbff;margin-top:30px}.filter-button.selected{background:#e0e7ff;color:#3154e8}.app-scroll{scroll-behavior:auto}button:disabled{cursor:default}.form-two{grid-template-columns:1fr 1.3fr}button:focus-visible,a:focus-visible{outline-color:#3154e8}.screen-store .card-copy strong,.screen-store .card-copy span{overflow-wrap:anywhere}
@media(min-width:600px){.phone{height:min(900px,calc(100dvh - 40px));margin:20px auto;border-radius:30px;box-shadow:0 16px 80px #18345a26;border:1px solid #ffffff}.in-telegram .phone{height:100dvh;margin:0 auto;border:0;border-radius:0}.app-body{background:radial-gradient(ellipse at 50% 15%,#d5dffb,#ecf0f8 70%)}}
@media(max-width:359px){.cobalt-top,.cobalt-catalog{padding-left:16px;padding-right:16px}.cobalt-headline h1{font-size:34px}.cobalt-asterisk{width:70px;height:70px}.products-grid{gap:10px}.categories>button{padding:0 12px}.app-scroll:not(.screen-store){padding-left:16px;padding-right:16px}.detail-title{font-size:25px}.brand>div{font-size:16px}.brand-symbol{width:34px;height:29px}.balance-pill{padding:0 8px;gap:5px}.order-control{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Fixed-scale Mini App with native one-finger scrolling, including nested fields. */
html,body,.phone,.app-scroll,.app-scroll *,#nav-root,#composer-root,#composer-root *{touch-action:pan-x pan-y}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.balance-value{display:flex;align-items:center;justify-content:center;gap:7px;padding:0;height:100%;min-width:0}
.balance-add{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#ffffff29;padding:0;flex-shrink:0}
.balance-add .icon{width:18px;height:18px}
.screen-cart .empty-cart{min-height:calc(100% - 90px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 12px 55px}
.screen-cart .empty-cart>.icon{width:64px;height:64px;padding:15px;box-sizing:content-box;border-radius:28px;background:#e8edff;color:#3154e8;stroke-width:1.4;margin-bottom:24px}
.screen-cart .empty-cart h2{font-size:26px;letter-spacing:-.8px;font-weight:700}
.screen-cart .empty-cart p{max-width:245px;line-height:1.7;font-size:13px}
.screen-cart .empty-cart .primary{min-width:185px}
@media(pointer:coarse){.app-body input:not([type=checkbox]):not([type=radio]),.app-body textarea,.app-body select{font-size:16px}}

/* Keep content readable above the floating navigation and clear below it. */
#nav-root:not(:empty)::before{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(0deg,#f4f6fc 12%,#f4f6fcf5 38%,#f4f6fc00);pointer-events:none;z-index:11}
.balance-add{position:relative;width:40px;height:42px;background:none}
.balance-add::before{content:'';position:absolute;width:29px;height:29px;border-radius:50%;background:#ffffff29;pointer-events:none}
.balance-add .icon{position:relative}

/* Shared artwork: catalog, detail, cart and orders all use the saved image. */
.product-photo{background:#e9edfc}
.product-photo::before,.product-photo::after{display:none}
.product-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.photo-glyph{overflow:hidden;background:#e9edfc}
.photo-glyph>img{width:100%;height:100%;object-fit:cover;display:block}
.cart-thumbnail{padding:0;flex:0 0 auto;border-radius:17px}
.cart-thumbnail .small-glyph{width:58px;height:58px;border-radius:17px}
.order-item{display:flex;align-items:center;gap:12px;padding-right:34px}
.order-item>.small-glyph{display:grid}
.order-item>.order-copy{flex:1;min-width:0}
.order-item strong{font-size:12px;padding-right:0;margin-top:4px;overflow-wrap:anywhere}
.order-item small{font-size:10px}
.edit-product-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-bottom:12px;color:var(--accent);font-size:12px;border:1px solid #d9e0f6;border-radius:14px;background:#e9edfc}
.edit-product-link .icon{width:17px;height:17px}

/* One moving selection surface preserves orientation between tabs. */
.bottom-nav{isolation:isolate}
.bottom-nav>.nav-selection{position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/4);border-radius:27px;background:#e8edff;z-index:-1;transform:translateX(calc(var(--tab,0)*100%));transition:transform .26s cubic-bezier(.22,1,.36,1);pointer-events:none}
.bottom-nav>button.active{background:transparent!important;box-shadow:none}
.bottom-nav>button>.icon{transition:transform .2s cubic-bezier(.22,1,.36,1)}
.bottom-nav>button.active>.icon{transform:translateY(-1px)}
.bottom-nav>button:active>.icon{transform:scale(.9)}
.cart-flight{position:fixed;z-index:100;pointer-events:none;width:48px;height:48px;filter:drop-shadow(0 6px 12px #1e40a42a)}
.cart-flight .small-glyph{width:48px;height:48px;background:#fff}
button,a.primary,a.secondary{transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .16s,background-color .18s,color .18s}
button:active:not(:disabled){transform:scale(.975);opacity:.88}
.bottom-nav>button:active,.card-open:active{transform:none}
.buy-small:active:not(:disabled),.icon-button:active:not(:disabled),.quantity button:active:not(:disabled){transform:scale(.92)}
button.is-added{background:#e2eaff;color:#2d4dd2;border-color:#ccd9fc}
.primary[aria-busy=true],.secondary[aria-busy=true]{opacity:.72}
.primary[aria-busy=true]::after,.secondary[aria-busy=true]::after{content:'';width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:busy-spin .7s linear infinite;flex-shrink:0}
@keyframes busy-spin{to{transform:rotate(360deg)}}
.quantity button{width:44px;height:44px}
.quantity{gap:3px}
.toast{transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1)}
.screen-product{padding-bottom:122px}
.screen-product .detail-bottom{padding-bottom:8px}
.amount-presets button.selected{background:#dfe7ff;border-color:#9bacf0;color:#2444cb}

/* Profile reveal is triggered on entry, not on background data refreshes. */
.profile-card{padding:12px 0 28px}
.profile-avatar{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(145deg,#e4ebff,#f8faff);border:3px solid #fff;color:#3154e8;font-size:31px;font-weight:700;box-shadow:0 5px 20px #294bbe13;isolation:isolate;overflow:hidden}
.profile-avatar>img{display:block;width:100%;height:100%;object-fit:cover}
.profile-avatar.avatar-loading::after{content:'';position:absolute;inset:0;border:2px solid transparent;border-top-color:#849bed;border-radius:50%;animation:busy-spin 1s linear infinite;pointer-events:none}
.profile-card h1{font-size:26px;line-height:1.25;overflow-wrap:anywhere}
.profile-balance{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce4fa;border-radius:30px;padding:5px 11px;color:#3253d6;background:#e9eeff;margin-top:14px;font-size:11px}
.profile-balance .icon{width:15px;height:15px}
.profile-menu{background:#fff;border:1px solid #e2e7f4;border-radius:24px;padding:3px 14px;box-shadow:0 6px 20px #2c447804}
.profile-menu .settings-row{min-height:64px;padding:10px 0;font-size:12px}
.profile-menu .settings-row:last-child{border-bottom:0}
.settings-row>.settings-icon{flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#f0f3ff;display:grid;place-items:center;color:#4866d9}
.settings-icon .icon{width:19px;height:19px}
.settings-row>span:not(.settings-icon){min-width:0}
.settings-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.haptics-setting{margin-top:12px;border:0;padding:12px 14px;min-height:65px;font-size:12px}
.switch-track{position:relative;display:block;width:39px;height:24px;flex-shrink:0;border-radius:16px;background:#dce2f1;transition:background-color .18s}
.switch-track::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:transform .2s cubic-bezier(.22,1,.36,1)}
[aria-checked=true]>.switch-track{background:#3154e8}
[aria-checked=true]>.switch-track::after{transform:translateX(15px)}
.profile-foot{margin:26px 0 10px;font-size:9px}

/* Photo editor shows the real catalog card before publication. */
[hidden]{display:none!important}
.photo-editor{margin:0 0 25px}
.photo-editor-heading,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.photo-editor-heading>span{font-size:12px;font-weight:600}
.photo-editor-heading>small{font-size:9px;font-weight:400;color:var(--muted);margin:0}
.photo-buttons{display:flex;gap:9px;margin:12px 0 0}
.photo-buttons>.secondary{flex:1;min-height:46px;margin:0;font-size:12px}
.photo-buttons>.icon-button{width:46px;height:46px;border:1px solid var(--line);background:white}
.photo-hint{font-size:10px;color:var(--muted);margin:10px 0 16px;line-height:1.7}
.editor-preview{padding:15px 14px 12px;border:1px solid #dae2f7;border-radius:23px;background:linear-gradient(145deg,#e8eeff,#eff3fd)}
.preview-heading{margin-bottom:13px}
.preview-heading>span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600}
.preview-heading .icon{width:16px;height:16px;color:#4764d5}
.preview-heading>small{font-size:8px;letter-spacing:.2px;margin:0}
.editor-preview>.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:226px;align-items:center}
.editor-preview .product-card{grid-column:1/-1;justify-self:center;width:calc((min(100vw,430px) - 52px)/2);max-width:100%;box-shadow:0 7px 15px #2847830d}
.editor-preview .product-card button:disabled{opacity:1;cursor:default}
.editor-preview .custom-request{grid-column:1/-1;border:0;opacity:1;padding:16px 0;margin:0;cursor:default}
.editor-preview .custom-request .small-glyph{width:43px;height:43px}
.editor-preview .card-copy strong{overflow-wrap:anywhere}
.editor-preview>p{font-size:9px;color:var(--muted);margin-top:11px;line-height:1.6}
.photo-editor .secondary .icon{width:19px;height:19px}
.editor-save{position:sticky;bottom:-22px;z-index:5;background:linear-gradient(180deg,#f4f6fc00,#f4f6fc 22%);padding:16px 0 max(10px,env(safe-area-inset-bottom));margin-top:4px}
.editor-save>.primary{margin:0}
.screen-edit .form-two{grid-template-columns:1fr 1fr}
.screen-edit .simple-title{font-size:27px}
.screen-edit .admin-form input,.screen-edit .admin-form textarea,.screen-edit .admin-form select{max-width:100%}
.screen-edit{scroll-padding-block:110px}
.screen-edit input,.screen-edit textarea,.screen-edit select{scroll-margin-block:110px}

/* Payment observation is automatic; the provider remains the source of truth. */
.payment-open{min-height:44px;padding:0 12px;font-size:11px;gap:6px;border-radius:14px;flex-shrink:0}
.payment-open .icon{height:17px;width:17px}
.payment-hero.payment-complete h1{font-size:34px}
.payment-watch{display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;color:#4560be;margin:26px 0 10px;line-height:1.7}
.status-dot{display:block;position:relative;width:7px;height:7px;border-radius:50%;background:#4d6dde;flex-shrink:0}
.status-dot::after{content:'';position:absolute;inset:-4px;border:1px solid #90a5ee;border-radius:50%;animation:status-pulse 2s ease-out infinite}
@keyframes status-pulse{0%{transform:scale(.6);opacity:.6}75%,100%{transform:scale(1.25);opacity:0}}
.payment-complete .round-icon .icon{stroke-dasharray:30;stroke-dashoffset:0;animation:check-draw .32s ease-out both}
@keyframes check-draw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
.pending-deposit{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:14px 16px;background:#e9eeff;border:1px solid #dce4fb;border-radius:17px;margin-top:14px;font-size:11px}
.pending-deposit>span:nth-child(2){flex:1}
.pending-deposit small{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.pending-deposit>.icon{width:16px;height:16px}
@media(max-width:359px){.profile-menu{padding:3px 10px}.profile-menu .settings-row{font-size:11px}.photo-editor-heading{align-items:flex-start}.photo-editor-heading>small{max-width:145px;text-align:right}.editor-preview{padding:12px 10px}.editor-preview>.products-grid{gap:8px}.editor-preview .card-copy{padding:10px 9px 0}.editor-preview .card-copy strong{font-size:13px}.editor-preview .card-bottom{padding-left:9px}.editor-preview .price{font-size:17px}.editor-preview .buy-small{width:28px;min-width:28px}.payment-option{padding:14px;gap:9px}.payment-option strong{font-size:13px}.payment-open{padding:0 9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cart-flight{display:none}}