:root{--color-bg: #0A0A0A;--color-surface: #151515;--color-primary: #C6A561;--color-primary-dark: #A88944;--color-accent: #E2C37A;--color-text: #F2F2F2;--color-muted: #9A9A9A;--radius: 14px;--tap-height: 52px}html,body,#app{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-height);padding:0 16px;border-radius:var(--radius);border:none;cursor:pointer;background:var(--color-primary);color:#121212;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 2px 6px #00000040}.button:disabled{opacity:.6;cursor:default}.button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid #1F1F1F;box-shadow:0 2px 6px #0000002e}.button--secondary.active{background:#222;border-color:var(--color-primary);box-shadow:0 0 0 2px #c6a56126 inset}.button:active{transform:translateY(1px) scale(.995)}.button--wide{width:100%;max-width:360px}.btn-col{display:flex;flex-direction:column;align-items:center;gap:8px}.card{background:var(--color-surface);border:1px solid #1F1F1F;border-radius:calc(var(--radius) + 2px);box-shadow:0 8px 24px #00000038}.header{position:sticky;top:0;background:var(--color-bg);z-index:10;border-bottom:1px solid #1F1F1F}.header__wrap{display:flex;align-items:center;gap:12px;padding:12px 16px}.header__logo{width:28px;height:28px;border-radius:50%;object-fit:cover}.header__title{font-weight:700;letter-spacing:.4px}.container{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.grid{display:grid;gap:12px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--1{grid-template-columns:1fr}.product__img{width:100%;height:140px;object-fit:cover;border-radius:12px}.product__title{font-weight:600;margin:6px 0 2px}.product__meta{color:var(--color-muted);font-size:12px}.product__price{margin-top:6px;font-weight:700;color:var(--color-accent)}.bottom-bar{position:fixed;left:0;right:0;bottom:0;background:#151515eb;border-top:1px solid #1F1F1F;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-bar.center{justify-content:center}.bottom-bar__spacer{height:calc(64px + env(safe-area-inset-bottom))}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-position:right calc(12px + env(safe-area-inset-right)) top calc(12px + env(safe-area-inset-top));background-repeat:no-repeat;background-size:72px;opacity:.09;animation:logoShrink .8s ease-out forwards}@keyframes logoShrink{0%{background-size:140px;opacity:.14}to{background-size:72px;opacity:.09}}.app-content{position:relative;z-index:1}.app-footer{display:flex;align-items:center;justify-content:center;padding:18px 0 calc(18px + env(safe-area-inset-bottom));opacity:.5}.app-footer img{width:96px;height:96px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 3px 10px rgba(0,0,0,.35))}.lang-select{position:relative}.lang__btn{height:36px;min-width:76px;padding:0 12px;border-radius:12px;border:1px solid #2a2a2a;background:#141414;color:var(--color-text);display:flex;align-items:center;gap:8px;cursor:pointer}.lang__caret{opacity:.7}.lang__menu{position:absolute;right:0;top:calc(100% + 6px);background:#121212;border:1px solid #2a2a2a;border-radius:12px;min-width:140px;padding:6px;display:grid;gap:4px;z-index:50;box-shadow:0 12px 28px #00000059}.lang__item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--color-text)}.lang__item:hover{background:#1a1a1a}.lang__item--active{background:#1f1f1f;border:1px solid #2a2a2a}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#151515f5;border-top:1px solid #1F1F1F;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:center}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--color-muted);font-size:12px;text-decoration:none;min-width:0}.tabbar__item--active{color:var(--color-text)}.tabbar__icon{width:22px;height:22px;border-radius:6px;background:#222;display:flex;align-items:center;justify-content:center}.tabbar__label{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.with-tabbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 360px){.tabbar{gap:4px}.tabbar__label{font-size:10px;max-width:56px}}@media (max-width: 320px){.tabbar{grid-template-columns:repeat(4,1fr)}.tabbar__label{display:none}.with-tabbar{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.badge[data-v-27ab7a63]{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#c63;color:#fff;font-size:11px;line-height:18px;text-align:center;box-shadow:0 1px 4px #0006}.controls[data-v-da61febc]{display:flex;flex-direction:column;gap:8px}.control-row[data-v-da61febc]{display:flex;gap:8px}.control-input[data-v-da61febc]{flex:1 1 auto;min-width:0;height:40px;border-radius:12px;border:1px solid #1F1F1F;background:#111;color:#fff;padding:0 12px;outline:none;max-width:100%}.control-select[data-v-da61febc]{flex:1 1 0;height:40px;border-radius:12px;border:1px solid #1F1F1F;background:#1f1f1f;color:#fff;padding:0 28px 0 10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color-scheme:dark;max-width:100%}.control-select option[data-v-da61febc]{background:#0b0b0b;color:#fff}@media (min-width: 460px){.controls[data-v-da61febc]{flex-direction:row;align-items:center}.control-input[data-v-da61febc]{flex:1 1 auto}.control-row[data-v-da61febc]{flex:0 0 auto}}.products-grid[data-v-da61febc]{align-items:stretch}.product-card[data-v-da61febc]{padding:10px}.product-img[data-v-da61febc]{height:120px;object-fit:cover}[data-v-da61febc]:host,.card[data-v-da61febc],.controls[data-v-da61febc],.products-grid[data-v-da61febc]{max-width:100%;overflow-x:hidden}
