.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg)}.app-shell--overlay{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-shell--with-nav .app-main{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}.app-main{padding:12px 12px 0}.page-header{display:flex;align-items:center;gap:8px;padding:4px 0 16px}.page-header--static{padding-bottom:12px}.page-header__title{flex:1;text-align:center;font-size:1.05rem;font-weight:600}.page-header__title--left{text-align:left}.page-header__spacer{width:40px;flex-shrink:0}.back-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;transition:opacity .15s,transform .1s}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--accent);color:#fff}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn--block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -1px #0000000a;z-index:100}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:var(--text-muted);padding:6px 0}.bottom-nav__item--active{color:var(--text)}.bottom-nav__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav__icon{font-size:26px;line-height:1;color:inherit}.bottom-nav__badge{position:absolute;top:-4px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.bottom-nav__label{font-size:.68rem;font-weight:500}.catalog-page__header{margin-bottom:16px}.catalog-page__brand{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.catalog-page__subtitle{margin-top:4px;color:var(--text-muted);font-size:.875rem}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);padding:0;transition:transform .15s,box-shadow .15s}.product-card:active{transform:scale(.98)}.product-card__image-wrap{position:relative;aspect-ratio:4 / 3;background:var(--surface-muted);overflow:hidden}.product-card__image-wrap .product-image,.product-card__image-wrap .product-image--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-card__image{object-fit:cover;object-position:center}.product-card__body{padding:8px 8px 10px;display:flex;flex-direction:column;gap:2px;flex:1}.product-card__title{font-size:.8rem;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{font-size:.9rem;font-weight:700;color:var(--text)}.product-card__unit{font-weight:400;font-size:.75rem;color:var(--text-muted)}.product-card__desc{font-size:.7rem;color:var(--text-muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-image{display:block;width:100%;height:100%;object-position:center}.product-image--cover{object-fit:cover}.product-image--contain{object-fit:contain}.product-image--placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-muted);width:100%;height:100%}.product-image__placeholder-icon{font-size:2rem;opacity:.5}.product-detail{display:flex;flex-direction:column;flex:1;min-height:100vh;min-height:100dvh;padding:0;background:var(--bg)}.product-detail .page-header{padding:12px 12px 8px}.product-detail__hero{position:relative;width:100%;aspect-ratio:1;max-height:min(52vh,420px);background:var(--surface-muted);overflow:hidden}.product-detail__hero .product-image,.product-detail__hero .product-image--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.product-detail__content{padding:16px 16px 12px;flex:1}.product-detail__name{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.product-detail__price{font-size:1.2rem;font-weight:700;margin-bottom:12px}.product-detail__unit{font-size:.9rem;font-weight:400;color:var(--text-muted)}.product-detail__desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;white-space:pre-wrap}.product-detail__footer{position:sticky;bottom:0;margin-top:auto;padding:12px 16px calc(12px + var(--safe-bottom));background:linear-gradient(to top,var(--bg) 85%,rgba(255,255,255,0));border-top:1px solid var(--border)}.product-detail__footer-actions{display:flex;gap:10px;align-items:stretch}.product-detail__footer-actions .qty-control--lg{flex:1;min-width:0}.btn--cart-go{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:88px;min-height:48px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:.72rem;font-weight:600;line-height:1.2}.btn--cart-go:active{background:var(--accent-soft)}.btn__icon{font-size:22px}.qty-control{display:inline-flex;align-items:center;gap:0;background:var(--accent-soft);border-radius:var(--radius-md);overflow:hidden}.qty-control--sm{border-radius:var(--radius-sm)}.qty-control--lg{width:100%;justify-content:space-between}.qty-control__btn{width:48px;height:48px;border:none;background:transparent;font-size:1.35rem;font-weight:500;display:flex;align-items:center;justify-content:center;color:var(--text)}.qty-control--sm .qty-control__btn{width:36px;height:36px;font-size:1.1rem}.qty-control--lg .qty-control__btn{flex:1;max-width:80px}.qty-control__value{min-width:40px;text-align:center;font-weight:700;font-size:1rem}.qty-control--lg .qty-control__value{flex:1;font-size:1.15rem}.cart-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-height) - var(--safe-bottom) - 24px);min-height:calc(100dvh - var(--nav-height) - var(--safe-bottom) - 24px)}.cart-list{display:flex;flex-direction:column;gap:10px;flex:1;padding-bottom:88px}.cart-item{display:flex;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-sm)}.cart-item__thumb{width:68px;height:68px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-muted);padding:6px;display:flex;align-items:center;justify-content:center}.cart-item__thumb .product-image{width:100%;height:100%;object-fit:contain}.cart-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cart-item__title{font-size:.9rem;font-weight:600;line-height:1.25}.cart-item__meta{font-size:.78rem;color:var(--text-muted)}.cart-item__total{font-size:.95rem;font-weight:700;margin-bottom:4px}.cart-page__footer{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom));left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:12px;background:linear-gradient(to top,var(--bg) 75%,rgba(255,255,255,0));z-index:50}.profile-page{padding-bottom:24px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm)}.profile-card__avatar{width:88px;height:88px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#111,#444);color:#fff;font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.profile-card__name{font-size:1.2rem;font-weight:700}.profile-card__username{margin-top:6px;color:var(--text-muted);font-size:.9rem}.profile-card__hint{margin-top:16px;font-size:.85rem;color:var(--text-muted);line-height:1.4}.checkout-page{flex:1;padding:12px;padding-bottom:calc(24px + var(--safe-bottom))}.checkout-form{display:flex;flex-direction:column;gap:4px}.field{margin-bottom:14px}.field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:var(--text)}.field__optional{font-weight:400;color:var(--text-muted)}.field input,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface);outline:none;transition:border-color .15s}.field input:focus,.field textarea:focus{border-color:#999}.payment-block{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin:8px 0 16px}.payment-block__label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.payment-block__value{margin-top:4px;font-weight:600;font-size:.95rem}.checkout-total{margin:8px 0 16px;font-size:.95rem;color:var(--text-muted)}.checkout-total strong{color:var(--text);font-size:1.1rem}.success-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:32px 24px;text-align:center}.success-page__icon{font-size:3.5rem;margin-bottom:20px}.success-page__title{font-size:1.4rem;font-weight:700;margin-bottom:12px}.success-page__text{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin-bottom:32px;max-width:280px}.success-page .btn{max-width:280px}.empty-state{padding:32px 16px;text-align:center}.empty-state--centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px}.empty-state__icon{font-size:2.5rem;margin-bottom:12px;opacity:.7}.empty-state__title{font-size:1rem;font-weight:600;margin-bottom:6px}.empty-state__text{font-size:.85rem;color:var(--text-muted);max-width:260px;line-height:1.4}.state-message{text-align:center;padding:24px 12px;color:var(--text-muted);font-size:.9rem}.state-message--error{color:var(--danger)}:root{--bg: #ffffff;--surface: #ffffff;--surface-muted: #f8f8f8;--text: #1a1a1a;--text-muted: #8a8a8e;--border: #efefef;--accent: #1a1a1a;--accent-soft: #f5f5f5;--success: #16a34a;--danger: #dc2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 12px rgba(0, 0, 0, .05);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea{font:inherit;width:100%}ul{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:0}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.bottom-nav__icon--filled{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}