/* Phone layouts are client-only; the independent admin never loads this file. */
.sidebar{display:none}.page{margin:0;padding-bottom:75px}.topbar{height:72px;padding:0 18px;gap:12px;background:#f6f7f2ed}.mobile-brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.mobile-brand img{width:31px;height:31px;border-radius:7px}.mobile-brand strong{font-size:16px;letter-spacing:1px}.search-form{max-width:none;flex:1;width:auto;height:36px;padding:0 11px}.search-form input{font-size:10px;width:100%;min-width:0}.search-form kbd{display:none}.top-actions{gap:0}.top-actions>.icon-button{display:none}.top-user>div:not(.avatar){display:none}.top-user .avatar{width:30px;height:30px}.top-user .login-text{display:block;font-size:10px}.content{padding:20px 17px}.heading-row{margin-bottom:15px}.tabs{gap:25px}.tab{font-size:15px}.location{font-size:10px}.hero{height:230px;border-radius:15px;margin-bottom:18px}.hero-copy{padding:23px;width:90%}.hero h1{font-size:29px;margin:12px 0;line-height:1.5}.hero-copy p{font-size:9px;line-height:1.8;max-width:200px;margin-bottom:13px}.hero-image{width:75%;object-position:70% 50%}.hero:after{background:linear-gradient(90deg,var(--primary) 2%,transparent 100%)}.eyebrow{font-size:8px;letter-spacing:2px}.hero-sticker{width:49px;height:49px;right:14px;top:17px;font-size:10px}.hero-number{font-size:8px;right:13px;bottom:16px}.hero-cta{font-size:9px}.explore-row{margin-bottom:17px;gap:7px}.categories{gap:2px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.chip{padding:7px 11px;font-size:10px}.filter-btn{font-size:0;padding:5px}.filter-btn svg{width:16px;height:16px}.feed-layout .masonry,.masonry{columns:2;column-gap:11px}.card{margin-bottom:13px;border-radius:min(var(--radius),14px)}.card-image{height:calc(var(--image-height) * .8)}.card-body{padding:10px}.card-title{font-size:11px;line-height:1.7;margin-bottom:7px}.card-category{font-size:9px;margin-bottom:10px}.card-badge{font-size:8px;top:8px;left:8px;padding:4px 6px}.card-footer{font-size:8px}.card-footer .avatar{width:18px;height:18px;font-size:8px}.like-btn{font-size:9px;gap:3px}.like-btn svg{width:12px;height:12px}.card-price{font-size:19px}.image-mark{font-size:8px;right:8px;bottom:8px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fbfcf7f5;backdrop-filter:blur(15px);border-top:1px solid #e2e9d9;z-index:30;display:flex;align-items:center;justify-content:space-around;padding:10px 5px max(11px,env(safe-area-inset-bottom))}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:9px;color:#91a17f;width:20%}.mobile-nav button.active{color:var(--primary)}.mobile-nav button svg{width:21px;height:21px}.mobile-nav .mobile-publish{width:43px;height:37px;background:var(--accent);color:var(--primary);border-radius:12px}.mobile-nav .mobile-publish svg{width:23px;height:23px}.page-title{font-size:24px}.page-subtitle{font-size:11px;line-height:1.8}.store-grid{grid-template-columns:1fr;gap:18px}.store-card>img{height:230px}.profile-header{gap:14px;padding:22px 18px;flex-wrap:wrap}.profile-header .avatar{width:50px;height:50px;font-size:20px}.profile-header h2{font-size:18px}.profile-header p{font-size:10px}.profile-header .btn{font-size:10px;padding:8px 12px}.profile-stats{gap:9px}.stat{padding:17px 13px}.stat strong{font-size:24px}.profile-menu{gap:6px}.profile-menu .btn{font-size:10px;padding:10px 12px}.order-card{padding:13px;gap:12px;flex-wrap:wrap}.order-card h4{font-size:11px}.order-card img{width:56px;height:56px}.order-card .order-actions{width:100%;margin-top:5px}.order-actions .btn{font-size:10px}.order-price{font-size:17px}.workspace-banner{padding:22px;flex-direction:column;align-items:flex-start}.workspace-banner h3{font-size:18px}.workspace-banner p{font-size:11px}.message-layout{grid-template-columns:1fr;min-height:500px}.conversations{border-right:0;border-bottom:1px solid #e1e9d6;display:flex;overflow:auto;padding:10px}.conversation{min-width:180px;width:auto;margin:0}.chat-messages{min-height:290px;max-height:350px;padding:20px}.chat-form{padding:12px}.chat-form .btn{padding:10px 13px}.admin-heading{align-items:flex-start}.admin-heading .secure{font-size:0}.admin-tabs{gap:3px;padding:4px}.admin-tabs button{padding:10px 11px;font-size:10px}.metric-grid{gap:12px}.metric{padding:18px}.metric .metric-label{font-size:11px}.metric strong{font-size:30px}.metric small{font-size:9px}.data-table{font-size:10px}.data-table th,.data-table td{padding:13px}.design-form{padding:20px}.form-grid{gap:12px}.field>span{font-size:10px}.form-section h3{font-size:13px}.form-section input,.form-section select,.form-section textarea{font-size:12px}.modal-overlay{padding:16px}.modal{padding:28px 23px;border-radius:20px;max-height:90dvh}.modal-title{font-size:21px}.modal-intro{font-size:11px}.modal.wide{max-height:92dvh}.detail-layout{grid-template-columns:1fr}.detail-media{min-height:280px;height:280px}.detail-media>img{object-position:center 40%}.detail-main{max-height:none;padding:24px}.detail-main h2{font-size:19px}.detail-body{font-size:11px}.detail-author{padding-right:0}.detail-footer{margin-top:10px}.modal .close{top:12px;right:12px}.login-roles{gap:5px}.login-roles button{font-size:9px;padding:10px 2px}.form-footer{font-size:10px}.form-footer button{font-size:10px}.form-grid input{min-width:0}#toast{left:50%;bottom:92px;max-width:90%;width:max-content;font-size:11px}.mobile-hint{display:none}

/* Keep the mini-program UI readable at its actual phone size. */
body.miniapp-client{width:100%;max-width:600px;margin:0 auto;font-size:14px;overflow-x:clip}.miniapp-client .sidebar,.miniapp-client .top-context,.miniapp-client .right-panel{display:none}.miniapp-client .page{margin-left:0;min-height:100dvh}.miniapp-client .feed-layout{display:block}.miniapp-client .feed-layout .masonry,.miniapp-client .masonry{columns:2;column-gap:10px}.miniapp-client .topbar{height:64px;padding:0 14px;gap:10px}.miniapp-client .mobile-brand{gap:6px}.miniapp-client .mobile-brand img{width:29px;height:29px}.miniapp-client .mobile-brand strong{font-size:15px;white-space:nowrap}.miniapp-client .search-form{min-width:0;height:35px;gap:7px;padding:0 10px}.miniapp-client .search-form input{font-size:11px;min-width:0;text-overflow:ellipsis}.miniapp-client .search-form svg{width:15px}.miniapp-client .top-user{padding:0}.miniapp-client .content{padding:15px 12px 25px}.miniapp-client .tabs{gap:24px}.miniapp-client .tab{font-size:16px}.miniapp-client .hero{height:205px}.miniapp-client .hero-copy{padding:19px;width:94%}.miniapp-client .hero h1{font-size:27px;letter-spacing:1px;margin:10px 0;line-height:1.5}.miniapp-client .hero-copy p{font-size:10px;max-width:220px;line-height:1.75;margin-bottom:10px}.miniapp-client .hero-cta{font-size:10px}.miniapp-client .hero-sticker{width:44px;height:44px;font-size:9px;right:12px;top:14px}.miniapp-client .card-title{font-size:13px;line-height:1.65}.miniapp-client .card-category{font-size:10px}.miniapp-client .card-footer{font-size:10px}.miniapp-client .card-footer .avatar{width:21px;height:21px;font-size:10px}.miniapp-client .card-image{height:calc(var(--image-height)*.72)}.miniapp-client .like-btn{font-size:10px;min-width:35px;min-height:28px;justify-content:flex-end}.miniapp-client .card-badge{font-size:9px;max-width:calc(100% - 16px)}.miniapp-client .card-price{font-size:22px}.miniapp-client .chip{padding:9px 12px;font-size:11px;min-height:34px}.miniapp-client .mobile-nav{left:50%;right:auto;transform:translateX(-50%);width:min(100%,600px);padding:10px 5px max(12px,env(safe-area-inset-bottom));min-height:67px}.miniapp-client .mobile-nav button{font-size:10px;min-height:43px}.miniapp-client .mobile-nav button svg{width:22px;height:22px}.miniapp-client .mobile-nav .mobile-publish{width:44px;height:38px}.miniapp-client .page{padding-bottom:82px}.miniapp-client .section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.miniapp-client .section-heading .page-title{font-size:24px}.miniapp-client .section-heading .page-subtitle{font-size:12px;line-height:1.8;margin-bottom:8px}.miniapp-client .section-heading>.btn{padding:9px 12px}.miniapp-client .store-grid{grid-template-columns:1fr}.miniapp-client .store-info p{font-size:13px}.miniapp-client .profile-header{padding:22px 16px}.miniapp-client .profile-header .btn{margin-left:0}.miniapp-client .profile-stats{gap:8px}.miniapp-client .stat p{font-size:12px}.miniapp-client .profile-menu .btn{font-size:12px;padding:10px 11px}.miniapp-client .btn{font-size:13px;min-height:38px}.miniapp-client .field>span{font-size:12px}.miniapp-client input,.miniapp-client textarea,.miniapp-client select{font-size:14px}.miniapp-client .modal-overlay{padding:12px;align-items:center}.miniapp-client .modal{width:100%;max-width:430px;max-height:calc(100dvh - 24px);padding:27px 20px}.miniapp-client .modal.wide{padding:0}.miniapp-client .detail-layout{grid-template-columns:1fr}.miniapp-client .detail-media{min-height:250px;height:250px}.miniapp-client .detail-main{padding:22px;max-height:none}.miniapp-client .detail-body{font-size:13px;line-height:1.9}.miniapp-client .detail-footer{flex-wrap:wrap}.miniapp-client .detail-footer .btn{min-width:90px}.miniapp-client .login-roles{grid-template-columns:repeat(3,1fr);gap:7px}.miniapp-client .login-roles button{font-size:12px;min-height:40px}.miniapp-client .modal-intro{font-size:12px}.miniapp-client .form-footer,.miniapp-client .form-footer button{font-size:12px}.miniapp-client .message-layout{grid-template-columns:1fr;min-height:480px}.miniapp-client .chat-header{font-size:14px}.miniapp-client .bubble{font-size:13px}.miniapp-client .conversation strong{font-size:13px}.miniapp-client .empty p{font-size:13px;line-height:1.8}.miniapp-client #toast{left:50%;max-width:calc(100% - 24px);white-space:normal;bottom:85px;font-size:12px;padding:12px 17px}.miniapp-client .card:hover{transform:none}.miniapp-client .card:hover .card-image{transform:none}
@media(max-width:350px){.miniapp-client .mobile-brand strong{font-size:13px}.miniapp-client .topbar{gap:7px;padding:0 10px}.miniapp-client .mobile-brand img{width:25px;height:25px}.miniapp-client .location{font-size:9px;gap:3px}.miniapp-client .tabs{gap:16px}.miniapp-client .tab{font-size:15px}.miniapp-client .hero h1{font-size:25px}.miniapp-client .card-title{font-size:12px}.miniapp-client .card-body{padding:9px}.miniapp-client .card-footer{font-size:9px}.miniapp-client .author{gap:4px}.miniapp-client .card-footer .avatar{width:18px;height:18px}.miniapp-client .profile-header h2{font-size:17px}.miniapp-client .profile-header p{font-size:10px}.miniapp-client .order-card>div{min-width:0}.miniapp-client .order-card p{overflow-wrap:anywhere}}
/* Match mobile browsers: scrolling remains available without a desktop scrollbar. */
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}

/* Equal navigation columns and explicit icon centering avoid font-baseline drift. */
.miniapp-client .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:initial;align-items:center;column-gap:0}
.miniapp-client .mobile-nav>button{width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0;line-height:1.2;align-self:center}
.miniapp-client .mobile-nav .nav-label{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:12px;text-align:center}
.miniapp-client .mobile-nav>.mobile-publish-button{display:grid;place-items:center;gap:0;line-height:0}
.miniapp-client .mobile-nav .mobile-publish{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;line-height:0}
.miniapp-client .mobile-nav .mobile-publish svg{display:block;width:24px;height:24px;margin:0;flex:none}