@media(max-width:960px){
  .main-nav{display:none}
  .global-search{display:none}
  .mobile-search,.menu-toggle{display:grid;place-items:center;min-width:44px;min-height:44px}
  .topbar{gap:10px}
}

@media(max-width:680px){
  .store-cover-editor{height:145px}.store-logo-editor{left:14px;top:106px;width:78px;height:78px}.store-brand-inputs{grid-template-columns:1fr;margin:53px 0 0}.store-brand-hero{margin:-13px -13px 54px}.store-cover{height:170px}.store-public-logo{left:17px;width:82px;height:82px;bottom:-41px}.store-metric-grid{grid-template-columns:1fr 1fr}.mobile-store-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
  .nearby-context{align-items:flex-start}.nearby-context .button{min-height:40px;padding-inline:10px}
  .info-filter-panel{grid-template-columns:1fr;padding:11px}.info-filter-panel .button{width:100%}.ecology-filter-tabs,.alert-status-tabs{margin-inline:-11px;padding-inline:11px;scrollbar-width:none}.info-list-title{font-size:17px}
  .admin-user-row{grid-template-columns:1fr}.admin-user-actions{display:grid;grid-template-columns:1fr 1fr}.admin-user-actions .field{min-width:0}.admin-user-actions .button{min-height:44px}
  .product-specifications{grid-template-columns:1fr}.product-specifications>div,.product-specifications>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.product-specifications>div:last-child{border-bottom:0}.mobile-product-actions{display:grid;justify-items:center;gap:1px}.mobile-product-actions a,.mobile-product-actions button{min-width:42px;min-height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--forest);font-size:9px;font-weight:800}.mobile-product-actions button{font-size:14px}
  .restriction-preview-map{height:160px}.restriction-preview-status{line-height:1.45}.reference-admin-panel .modal-actions .button{min-height:44px}
  .place-gallery figure{border-radius:14px}.place-gallery-thumbs button{flex-basis:82px}.place-gallery-thumbs img{width:82px;height:58px}.place-primary-actions .button{min-height:44px;flex:1 1 44%}.place-media-review{grid-template-columns:1fr}.place-media-review>img{width:100%;height:auto;aspect-ratio:3/2}.place-media-review footer .button{min-height:44px;flex:1}
  .profile-avatar-editor{grid-template-columns:68px minmax(0,1fr);gap:11px}
  .profile-avatar-editor>span,.profile-avatar-editor>img{width:68px;height:68px}
  .account-settings-grid{grid-template-columns:1fr;gap:11px;margin:14px 0}
  .account-security-page>.panel-card{margin-top:10px}
  .account-notifications-page .section-heading{align-items:flex-start;flex-direction:column}
  .account-notifications-page .section-heading .button{width:100%;min-height:44px}
  .notification-card{padding:12px}
  .mobile-profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
  .product-gallery-main{height:74vw;min-height:230px}.product-gallery-thumbs button{width:58px;height:58px;flex-basis:58px}.product-image-manager>span{width:68px;height:68px}.discover-tabs{position:sticky;top:61px;z-index:12;margin:0 0 13px}.mobile-home-shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mobile-home-shop .product-image{height:128px}.mobile-home-shop .product-body{padding:9px}.mobile-home-shop .product-meta{display:none}
  .admin-control-grid{display:flex;flex-direction:column}.admin-control-grid .panel-nav{max-height:none;overflow:auto;order:0;position:static;margin-bottom:10px}.admin-control-grid>div{order:1}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-inline-form{display:grid;grid-template-columns:1fr}.admin-inline-form .field,.admin-inline-form .button{width:100%;min-width:0}.admin-inline-select{width:130px}.admin-source-field{width:100%;max-width:220px}.reference-admin-panel .panel-row{align-items:flex-start;gap:8px}.reference-admin-panel .panel-row>span:last-child{width:100%;justify-content:flex-start}
}
@media(max-width:680px) and (max-height:600px){.mobile-bottom-nav{position:static}.page{padding-bottom:20px}.modal-card{max-height:96svh}}
@media(min-width:681px) and (max-width:960px){
  .mobile-nav{top:76px}
  .page{padding-inline:22px}
  .home-layout{grid-template-columns:minmax(0,1fr)}
  .home-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:680px){
  .topbar{height:64px;padding-inline:12px;gap:6px}
  .top-actions{gap:3px}
  .brand{min-width:0;gap:7px}
  .brand-mark{flex:none}
  .avatar-button,.mobile-search,.menu-toggle{min-width:44px;min-height:44px}
  .sign-in{display:none}
  .mobile-nav a{min-height:44px;display:flex;align-items:center}
  .page{padding-inline:14px;min-width:0}
  .page-title,.page-intro,.section-heading,.toolbar,.post-card,.panel-card{min-width:0;overflow-wrap:anywhere}
  .button{min-height:44px}
  .button-small{min-height:40px}
  input,select,textarea,.field,.select{font-size:16px;max-width:100%}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .product-grid,.place-grid,.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-frame,.map-frame #leaflet-map{min-height:55svh}
  .map-aside{max-height:42svh;overflow:auto}
  .panel-row{align-items:flex-start;flex-wrap:wrap}
  .modal-root{padding:8px;align-items:end}
  .modal-card{max-height:94svh;border-radius:18px 18px 8px 8px;padding:18px}
  .footer{align-items:flex-start}
  .toast-region{left:12px;right:12px;bottom:12px}
  .toast{font-size:13px}
}
@media(max-width:390px){
  .product-grid,.place-grid,.atlas-grid{grid-template-columns:minmax(0,1fr)}
  .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero{min-height:390px;height:auto}
  .hero-actions{align-items:stretch;flex-direction:column;max-width:230px}
  .hero-copy h1{font-size:clamp(30px,9vw,36px)}
}
@media(max-width:680px){.place-primary-actions{display:grid;grid-template-columns:1fr 1fr}.place-primary-actions .button{width:100%;min-height:44px}.place-info-list,.field-comparison{grid-template-columns:1fr}.place-detail-page .detail-content h1{font-size:28px}.place-section{padding-block:15px}}
@media(max-width:680px){.moderation-queue-item{padding:13px;border-radius:13px}.moderation-comparison,.alert-review-fields{grid-template-columns:1fr}.alert-review-fields label:nth-child(3){grid-column:auto}.moderation-queue-item footer{display:grid;grid-template-columns:1fr 1fr}.moderation-queue-item footer .button{width:100%;min-height:44px}.alert-review-card footer .button-primary{grid-column:1/-1}.moderation-evidence p{font-size:12px}.moderation-history summary{min-height:40px;display:flex;align-items:center}}
.home-hero{background-image:linear-gradient(90deg,#122c24d9 0%,#142f2496 47%,#19382d25 100%),url('/assets/kapkan-hero-v2.png'),url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=1800&q=85')}
.product-image{overflow:hidden}
.catalog-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-disclaimer{position:absolute;z-index:2;left:9px;bottom:9px;border-radius:7px;background:#fffefaeb;color:#465448;padding:4px 7px;font-size:10px;font-weight:700}
.product-fav{z-index:3}
.product-detail-visual{position:relative;overflow:hidden}
.product-detail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-detail-visual .cover-label,.product-detail-visual .cover-demo{z-index:2}
.more-products-wrap{display:flex;justify-content:center;margin:18px 0 30px}
.more-products-wrap button{min-height:44px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.catalog-filter-panel{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(135px,1fr));gap:12px;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.catalog-filter-panel label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--muted)}.catalog-filter-panel .catalog-search{align-self:end}.catalog-filter-panel .select,.catalog-filter-panel .field{width:100%;height:44px}.catalog-filter-panel .catalog-stock{display:flex;min-height:44px;align-items:center;gap:8px;color:var(--ink)}.catalog-result-count{margin:8px 0 16px;color:var(--muted);font-size:12px}.catalog-stores-heading{margin-top:34px}.catalog-payment-note{margin-top:14px}
@media(max-width:1100px){.catalog-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-filter-panel .catalog-search{grid-column:span 2}}
@media(max-width:680px){.catalog-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.catalog-filter-panel .catalog-search{grid-column:1/-1;width:100%;max-width:none}.catalog-filter-panel>button{width:100%}}
@media(max-width:390px){.catalog-filter-panel{grid-template-columns:minmax(0,1fr)}.catalog-filter-panel .catalog-search{grid-column:auto}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-bottom-nav{display:none}
@media(max-width:680px){
  :root{--mobile-nav-height:72px}
  body{padding-bottom:var(--mobile-nav-height);background:#fcfbf7;color:#102c24}
  .topbar{height:62px;background:#fffefaed;backdrop-filter:blur(16px);border-bottom:1px solid #e9e7df;position:sticky;top:0}
  .brand{font-size:22px;letter-spacing:-1.2px;text-transform:none;gap:10px}
  .brand-mark{width:34px;height:34px;border-radius:11px;background:var(--forest);color:#f7f4e9;font-size:19px}
  .mobile-search,.avatar-button,.menu-toggle{width:42px;height:42px;border-radius:50%}
  .avatar-button{background:#dce7df;border:2px solid white;box-shadow:0 0 0 1px #cfd9d1}
  .footer{display:none}
  .mobile-bottom-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;height:var(--mobile-nav-height);display:grid;grid-template-columns:repeat(4,1fr);padding:7px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fffefaef;border-top:1px solid #dedfd8;backdrop-filter:blur(18px);box-shadow:0 -8px 24px #183f320b}
  .mobile-bottom-nav a{display:flex;min-width:0;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#626a65;font-size:10px;font-weight:600;border-radius:12px}
  .mobile-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav a.active{color:#07523f;font-weight:800}
  .mobile-bottom-nav a.active svg{stroke-width:2.2}
  .page{padding:20px 14px 96px;min-height:calc(100svh - 62px)}
  .page-title{font-size:29px;line-height:1.12;letter-spacing:-1px}
  .mobile-home-page{padding-top:14px}
  .mobile-home-intro h1{font-size:31px;line-height:1.08;letter-spacing:-1.25px;margin:5px 0 1px}
  .mobile-home-intro>p{margin:0 0 13px;color:#858a86;font-size:16px}
  .mobile-home-intro .searchbar{height:48px;border-radius:17px;background:#fff;border-color:#d9ded9;box-shadow:none;padding-inline:15px}
  .mobile-home-intro .searchbar input{font-size:14px}
  .mobile-activity-chips{display:flex;gap:8px;margin:10px 0 14px;overflow:auto;scrollbar-width:none}
  .mobile-activity-chips a{height:39px;min-width:max-content;padding:0 15px;border-radius:999px;background:#eef0ed;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650}
  .mobile-activity-chips svg{width:18px;height:18px;fill:none;stroke:#0d4c3a;stroke-width:1.8}
  .mobile-alert-banner{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;min-height:66px;padding:10px 13px;border-radius:15px;background:linear-gradient(90deg,#fff0c9,#fff4d9);color:#78330b}.mobile-alert-banner.demo-alert-banner{background:#eef1ec;color:#3f5148;border:1px solid #dce2db}.mobile-alert-banner.demo-alert-banner .mobile-alert-icon{background:#dde6dd;color:#315044;clip-path:none;border-radius:50%;padding-top:0}
  .mobile-alert-icon{width:34px;height:34px;display:grid;place-items:center;clip-path:polygon(50% 4%,98% 92%,2% 92%);background:#d77611;color:#fff;font-weight:900;padding-top:8px}
  .mobile-alert-banner strong,.mobile-alert-banner small{display:block}
  .mobile-alert-banner strong{font-size:13px}.mobile-alert-banner small{font-size:11px;margin-top:2px}.mobile-alert-banner>b{font-size:25px;font-weight:400}
  .mobile-content-section{margin-top:19px}
  .mobile-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
  .mobile-section-head h2{font-size:19px;letter-spacing:-.4px;margin:0}.mobile-section-head a{font-size:11px;font-weight:650}
  .mobile-place-rail{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-14px;padding-inline:14px}
  .mobile-discovery-card{position:relative;flex:0 0 min(82vw,340px);height:212px;background-size:cover;background-position:center;border-radius:15px;scroll-snap-align:start;color:#fff;display:flex;align-items:flex-end;padding:15px;overflow:hidden;box-shadow:0 7px 20px #173a2d22}
  .mobile-discovery-card h3{margin:0;font-size:21px;letter-spacing:-.5px}.mobile-discovery-card p{display:flex;align-items:center;gap:5px;margin:2px 0 0;font-size:11px}.mobile-discovery-card p svg{width:14px;height:14px;fill:none;stroke:currentColor}
  .mobile-save{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#18342cbb;color:#fff;font-size:20px}
  .mobile-place-tags{display:flex;align-items:center;gap:7px;margin:8px 0 0}.mobile-place-tags>span{border-radius:999px;background:#edf0ec;padding:6px 12px;font-size:10px}.mobile-place-tags .mobile-rating{margin-left:auto;background:transparent;color:#28352f;font-weight:800}.mobile-rating:first-letter{color:#df8c13}.mobile-rating small{color:#8a8f8a;font-weight:500}
  .mobile-home-page .post-card{padding:12px}.mobile-home-page .post-card:nth-of-type(n+2){display:none}
  .mobile-community-page{padding-top:18px}
  .mobile-community-page .community-head{align-items:center;margin-bottom:12px}.mobile-community-page .community-head h1{margin:0}.mobile-community-page .community-head .button{height:44px;border-radius:11px;padding-inline:18px;font-size:13px}
  .mobile-community-search{width:100%;max-width:none!important;height:46px;border-radius:17px;margin-bottom:10px!important}
  .mobile-feed-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dfe2dd;border-radius:14px;padding:3px;margin:0 0 10px}
  .mobile-feed-tabs .feed-tab{margin:0;border-radius:10px;min-height:38px;padding:5px 3px;font-size:10px;white-space:normal;line-height:1.2}.mobile-feed-tabs .feed-tab.active{background:#07523f;color:white}
  .mobile-community-filters{padding-bottom:11px}.mobile-community-feed .post-card{border-radius:16px;padding:11px;margin-bottom:11px}.mobile-community-feed .post-title{font-size:17px}.mobile-community-feed .post-photo{border-radius:11px;width:100%;max-height:330px;object-fit:cover}.mobile-community-feed .post-actions{justify-content:space-between;overflow:auto}.mobile-community-feed .post-action{min-width:max-content;font-size:10px}
  .reference-map-page{padding:0 0 var(--mobile-nav-height)}
  .reference-map-page>.section-heading{padding:15px 14px 4px;margin:0}.reference-map-page>.toolbar{padding:0 14px;margin-bottom:9px}.reference-map-page .map-shell{border:0;border-radius:0;display:block;position:relative;height:calc(100svh - 399px);min-height:430px}
  .reference-map-page .map-frame,.reference-map-page .map-frame #leaflet-map{height:100%;min-height:430px}.reference-map-page .map-aside{position:absolute;left:0;right:0;bottom:0;z-index:1000;background:#fffefa;border:0;border-radius:22px 22px 0 0;padding:8px 14px calc(22px + env(safe-area-inset-bottom));max-height:27svh;overflow:auto;box-shadow:0 -6px 20px #16372b18;transition:max-height .2s ease}.reference-map-page .map-aside.sheet-expanded{max-height:68svh}.reference-map-page .map-aside.sheet-compact>h3:first-of-type,.reference-map-page .map-aside.sheet-compact>.map-scope-note,.reference-map-page .map-aside.sheet-compact>.layer-list{display:none}
  .reference-map-page .map-aside:before{display:none}.reference-map-page .map-sheet-toggle{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:9px;border:0;background:#fffefa;color:var(--forest);font-size:11px;font-weight:800;position:sticky;top:-8px;z-index:2}.reference-map-page .map-sheet-toggle span{width:42px;height:4px;background:#aeb4af;border-radius:9px}.reference-map-page .layer-list{display:flex;gap:7px;overflow:auto}.reference-map-page .layer-list label{min-width:max-content;background:#f1f2ef;border-radius:999px;padding:7px 10px}.reference-map-page .map-place-item{padding:10px 0}.reference-map-page .section-heading{flex-wrap:wrap}.reference-map-page .section-heading>div:last-child{display:flex;gap:6px;width:100%}.reference-map-page .section-heading>div:last-child .button{flex:1;white-space:nowrap}
  .reference-shop-page,.reference-rules-page,.reference-ecology-page,.reference-alerts-page{padding-top:0}
  .reference-shop-page>.section-heading,.reference-rules-page>.page-title,.reference-ecology-page>.page-title,.reference-alerts-page>.page-title{margin-inline:-14px;background:#104c3b;color:#fff;padding:13px 20px 3px}
  .reference-shop-page>.section-heading{min-height:88px;align-items:center;margin-bottom:0;background-image:radial-gradient(circle at 80% 20%,#ffffff17 0 2px,transparent 3px)}
  .reference-shop-page>.section-heading h1,.reference-rules-page>.page-title,.reference-ecology-page>.page-title,.reference-alerts-page>.page-title{color:#fff;font-size:26px;margin:0}.reference-shop-page>.section-heading p{color:#e1ece6;margin:2px 0;font-size:11px}.reference-shop-page>.section-heading .demo-chip{display:none}
  .reference-rules-page>.page-intro,.reference-ecology-page>.page-intro,.reference-alerts-page>.page-intro{margin-inline:-14px;background:#104c3b;color:#e1ece6;padding:0 20px 13px;margin-top:0;font-size:11px}
  .mobile-shop-categories{display:flex;gap:8px;overflow:auto;margin:10px 0}.mobile-shop-categories .filter-chip{min-width:96px;min-height:37px;font-weight:650}.mobile-filter-toggle{width:100%;height:42px;border:1px solid #d9ddd7;border-radius:10px;background:#fff;text-align:left;padding:0 13px;font-weight:650;margin:0}.mobile-filter-toggle span{float:right}.mobile-filter-toggle.active{border-color:#175d49;color:#0a513e}
  .reference-shop-page .catalog-filter-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;background:transparent;border:0;margin:0}.reference-shop-page .catalog-filter-panel .catalog-search{display:flex!important;grid-column:1/-1;grid-row:1;height:45px;border-radius:15px}.reference-shop-page .catalog-filter-panel:not(.filters-open)>label:not(.catalog-search):not(:has(#shop-sort)),.reference-shop-page .catalog-filter-panel:not(.filters-open)>.catalog-stock,.reference-shop-page .catalog-filter-panel:not(.filters-open)>button:not(.mobile-filter-toggle){display:none}.reference-shop-page .catalog-filter-panel:not(.filters-open)>label:has(#shop-sort){display:block;font-size:0}.reference-shop-page .catalog-filter-panel:not(.filters-open) #shop-sort{width:100%;height:42px;font-size:12px}.reference-shop-page .catalog-filter-panel.filters-open{grid-template-columns:1fr}.reference-shop-page .catalog-filter-panel.filters-open .catalog-search{grid-column:auto}.reference-shop-page .catalog-result-count{margin:8px 0 10px}.reference-shop-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reference-shop-page .product-card{border-radius:11px}.reference-shop-page .product-image{height:142px}.reference-shop-page .product-body{padding:9px}.reference-shop-page .product-meta{display:none}.reference-shop-page .product-store{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.reference-shop-page .product-title{font-size:13px;line-height:1.3}.reference-shop-page .price{font-size:14px}.reference-shop-page .photo-disclaimer{font-size:8px;bottom:5px;left:5px}.reference-shop-page .cover-demo{font-size:8px}.reference-shop-page .catalog-stores-heading,.reference-shop-page .place-grid,.reference-shop-page .catalog-payment-note{display:none}
  .reference-rules-page>.toolbar{margin-top:11px}.reference-rules-page .info-card,.reference-ecology-page .info-card,.reference-alerts-page .info-card{padding:13px;border-radius:13px;margin-bottom:9px;box-shadow:none}.reference-rules-page .info-card h3,.reference-ecology-page .info-card h3,.reference-alerts-page .info-card h3{font-size:15px;margin:6px 0}.reference-rules-page .info-card p,.reference-ecology-page .info-card p,.reference-alerts-page .info-card p{font-size:12px;line-height:1.45}.reference-rules-page .info-meta,.reference-ecology-page .info-meta,.reference-alerts-page .info-meta{font-size:9px}
  .reference-ecology-page .info-layout{display:block}.reference-ecology-page .info-tabs{display:none}.reference-ecology-page .info-card:first-child{min-height:170px;padding:82px 15px 15px;color:#fff;background:linear-gradient(0deg,#0a241ecc,transparent),url('/assets/kapkan-hero-v2.png') center/cover}.reference-ecology-page .info-card:first-child p,.reference-ecology-page .info-card:first-child .info-meta{color:#fff}.reference-ecology-page .sidebar-box{margin-top:14px}
  .reference-alerts-page>.info-tabs{display:grid!important;grid-template-columns:1fr 1fr;padding:3px;border:1px solid #dfe2dd;border-radius:999px}.reference-alerts-page>.info-tabs a{display:none;text-align:center}.reference-alerts-page>.info-tabs a:first-child,.reference-alerts-page>.info-tabs a:last-child{display:block}.reference-alerts-page .alert-card{border-left-width:2px}
  .reference-user-panel,.reference-store-panel,.reference-admin-panel{padding-top:15px}.reference-user-panel>.page-title,.reference-store-panel>.page-title,.reference-admin-panel>.page-title{text-align:center;font-size:19px;margin:4px 0}.reference-user-panel>.page-intro,.reference-store-panel>.page-intro,.reference-admin-panel>.page-intro{text-align:center;margin:0 0 13px}.reference-user-panel .panel-grid,.reference-store-panel .panel-grid,.reference-admin-panel .panel-grid{display:flex;flex-direction:column}.reference-user-panel .panel-nav,.reference-store-panel .panel-nav,.reference-admin-panel .panel-nav{order:2;position:sticky;bottom:calc(var(--mobile-nav-height) + 4px);z-index:8;display:flex;border-radius:13px;padding:4px;background:#fff;box-shadow:0 8px 30px #173d3022}.reference-user-panel .panel-nav button,.reference-store-panel .panel-nav button,.reference-admin-panel .panel-nav button{flex:0 0 auto;min-height:42px;text-align:center}.reference-user-panel .panel-card,.reference-store-panel .panel-card,.reference-admin-panel .panel-card{padding:13px;border-radius:14px}.reference-user-panel .panel-row,.reference-store-panel .panel-row,.reference-admin-panel .panel-row{min-height:50px;padding:9px 0}.reference-admin-panel .panel-row>span:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.reference-admin-panel .button-small{min-height:40px}
}
@media(max-width:390px){
  .topbar{padding-inline:10px}.brand{font-size:22px}.top-actions{gap:1px}.page{padding-inline:11px}.mobile-place-rail{margin-inline:-11px;padding-inline:11px}.mobile-discovery-card{flex-basis:86vw}.reference-shop-page>.section-heading,.reference-rules-page>.page-title,.reference-ecology-page>.page-title,.reference-alerts-page>.page-title,.reference-rules-page>.page-intro,.reference-ecology-page>.page-intro,.reference-alerts-page>.page-intro{margin-inline:-11px}.reference-shop-page .product-image{height:126px}.mobile-bottom-nav a{font-size:9px}
}
@media(max-width:680px){
  .account-collection-page .panel-grid,.account-following-page .panel-grid{display:flex;flex-direction:column}.account-collection-page .panel-grid>div:first-child,.account-following-page .panel-grid>div:first-child{order:2}.account-collection-page .account-collection-card{grid-template-columns:72px minmax(0,1fr);gap:10px}.account-collection-card>img,.account-collection-placeholder{width:72px;height:62px}.account-collection-card>.button{grid-column:1/-1;width:100%;min-height:42px}.account-follow-row{grid-template-columns:42px minmax(0,1fr)}.account-follow-row>.button{grid-column:1/-1;width:100%;min-height:42px}.account-collection-filters{padding-bottom:10px}
  .mobile-reference-panel{padding-top:12px}
  .mobile-panel-title{height:43px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center}
  .mobile-panel-title h1{font-size:18px;margin:0}.mobile-panel-title button{min-height:38px;border:0;background:transparent;border-radius:10px;font-weight:700;font-size:12px}
  .mobile-profile-head,.mobile-store-head{display:flex;align-items:center;gap:14px;padding:8px 2px 13px}.mobile-profile-head h2,.mobile-store-head h2{margin:0;font-size:20px}.mobile-profile-head p,.mobile-store-head p{margin:2px 0;color:var(--muted);font-size:11px}
  .mobile-profile-avatar,.mobile-store-logo{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#ccd9d0,#789b87);color:#0c4c3a;border:3px solid #fff;box-shadow:0 0 0 1px #d9dfda;font-size:27px;font-weight:800}
  .mobile-store-logo{background:#114d3b;color:white;font-size:19px}
  .mobile-interest-list{display:flex;gap:6px;flex-wrap:wrap}.mobile-interest-list span{background:#e9f0e7;border-radius:999px;padding:5px 9px;font-size:10px}
  .mobile-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f3ee;border-radius:13px;padding:12px 4px;margin:4px 0 12px}.mobile-stat-grid>div{text-align:center;border-left:1px solid #dedfd8}.mobile-stat-grid>div:first-child{border-left:0}.mobile-stat-grid strong,.mobile-stat-grid span{display:block}.mobile-stat-grid strong{font-size:21px}.mobile-stat-grid span{color:#626a65;font-size:10px}
  .mobile-panel-primary{width:100%;min-height:47px;border-radius:10px;font-size:14px}
  .mobile-panel-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dcded9;margin:13px 0 10px}.mobile-panel-tabs button{min-height:43px;border:0;background:transparent;color:#666e68}.mobile-panel-tabs button.active{color:#0b553f;border-bottom:2px solid #0b553f;font-weight:800}
  .mobile-profile-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-profile-posts article{min-width:0;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.mobile-profile-post-photo{height:118px;background-size:cover;background-position:center}.mobile-profile-posts strong,.mobile-profile-posts small{display:block;padding-inline:8px}.mobile-profile-posts strong{font-size:11px;line-height:1.3;padding-top:7px}.mobile-profile-posts small{font-size:9px;color:var(--muted);padding-top:4px;padding-bottom:8px}
  .mobile-settings-list{background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 11px;margin-top:12px}.mobile-settings-list button{width:100%;min-height:48px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:0 4px;font-size:12px}.mobile-settings-list button:first-child{border-top:0}.mobile-settings-list button span{float:right;font-size:20px;font-weight:400}
  .mobile-panel-search{margin:8px 0 10px;width:100%;height:44px;border-radius:12px}
  .mobile-store-products{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.mobile-store-products article{display:grid;grid-template-columns:78px 1fr auto 33px;gap:9px;align-items:center;padding:9px;border-top:1px solid var(--line)}.mobile-store-products article:first-child{border-top:0}.mobile-store-products img{width:78px;height:62px;object-fit:cover;border-radius:8px}.mobile-store-products span strong,.mobile-store-products span b{display:block}.mobile-store-products span strong{font-size:11px}.mobile-store-products span b{font-size:12px;margin-top:4px}.mobile-store-products em{border-radius:999px;background:#dcecdc;color:#176443;padding:5px 8px;font-size:9px;font-style:normal}.mobile-store-products em.draft{background:#fff0c9;color:#8c5d15}.mobile-store-products article>button{border:0;background:transparent;min-height:40px}
  .mobile-admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.mobile-admin-stats div{background:#f5f3ed;border-radius:13px;padding:13px;text-align:center}.mobile-admin-stats span,.mobile-admin-stats strong{display:block}.mobile-admin-stats span{font-size:11px;color:#5e665f}.mobile-admin-stats strong{font-size:25px}.mobile-stat-note{text-align:right;margin:3px 0 18px}.mobile-panel-section-title{font-size:17px;margin:16px 0 8px}
  .mobile-review-list{display:grid;gap:8px}.mobile-review-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px}.mobile-review-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef1ea;color:#0d503d;font-weight:800}.mobile-review-list article strong,.mobile-review-list article small{display:block}.mobile-review-list article strong{font-size:11px}.mobile-review-list article small{color:var(--muted);font-size:9px}.mobile-review-list article em{font-style:normal;background:#fff0c9;color:#83540d;border-radius:999px;padding:5px 7px;font-size:9px}.mobile-review-list article button{min-height:36px;border:1px solid #0d5a42;background:white;color:#0d5a42;border-radius:8px;padding:0 10px;font-size:10px;font-weight:700}
}