/* Shared responsive presentation, loaded after legacy themes. */
:root{--mio-ink:#173c2e;--mio-muted:#557064;--mio-green:#087c52;--mio-line:#dce8e1;--mio-radius:14px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mio-ink);background:#f6f8f6;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{touch-action:manipulation}
.page :is(h1,h2,h3,h4){text-wrap:balance}.page :is(p,small,label){line-height:1.55}.page :is(input,select,textarea){max-width:100%;min-height:44px;border:1px solid #c8d9cf;border-radius:10px;background:#fff;color:#173c2e;padding:10px 12px}.page textarea{min-height:100px}.page :is(input[type=checkbox],input[type=radio]){min-height:0;accent-color:#087c52}
.page :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #f5ac3b;outline-offset:3px}.page .btn{min-height:40px;border-radius:10px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3}.page .btn.primary{background:#087c52;color:#fff;border-color:#087c52}.page .card{border:1px solid var(--mio-line);border-radius:var(--mio-radius);box-shadow:0 5px 20px #173c2e06}
.top-main{padding-top:12px;padding-bottom:12px}.top .nav{margin-top:0;margin-bottom:8px}.member-dashboard-active .top-main{padding-top:9px;padding-bottom:9px}.member-account-shell{margin-top:0!important}.member-sidebar .member-nav-group>p{color:#c3e5d3;letter-spacing:.1em;font-size:9px}.member-sidebar nav button{font-weight:650!important;color:#edf9f2}.member-sidebar nav button.active{color:#075b3d!important;background:#fff!important}.member-sidebar nav button.active svg{color:#087c52!important}
.dashboard-offer-row{align-items:start}.dashboard-offer-row>*{align-self:start;width:100%}.dashboard-offer-row .dashboard-offer{min-height:0!important}.dashboard-offer-row .dashboard-maintenance-card{padding:0!important}.dashboard-maintenance-card .maintenance-card-heading h3{color:#fff!important;font-weight:700}.dashboard-maintenance-card .maintenance-card-heading small{color:#eafff2!important}.dashboard-maintenance-card .maintenance-open{color:#ffcd82!important}.maintenance-exempt{display:flex;align-items:center;gap:10px;padding:16px!important;background:#eaf6ef!important;color:#173c2e!important}.maintenance-exempt h3{margin:0}.maintenance-exempt p,.maintenance-exempt small{color:#3e6550!important;margin:4px 0}
.country-maintenance-controls{padding:18px;background:#eff8f3;border:1px solid #cae2d3;border-radius:12px;margin-bottom:22px}.country-maintenance-controls form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:14px;align-items:end}.country-maintenance-controls label,.product-country-editor label{display:grid;gap:6px;font-size:12px;font-weight:650}.country-maintenance-controls .country-status-toggle{display:flex;align-items:center;gap:8px;min-height:44px}.country-maintenance-status{grid-column:1/-1;font-size:12px;margin:0}.product-country-editor{display:flex;gap:10px;align-items:end;padding:14px 0}.product-country-editor label{flex:1}
body{overflow-x:clip}#page-shop{overflow:visible}#page-shop #marketHero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);border:0;border-radius:0;padding:0;background:#e8f2ec;box-shadow:none;min-height:0!important;height:auto!important}#marketHero .hero-slide-track{position:relative;width:100%;height:auto;aspect-ratio:3.2/1;min-height:0!important}#marketHero .hero-slide{position:absolute;inset:0;display:block!important;padding:0!important;min-height:0!important;background:none!important}#marketHero .hero-media{position:absolute;inset:0;width:100%;height:100%;border-radius:0;margin:0}#page-shop #marketHero .hero-media img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;display:block;border-radius:0}#marketHero :is(.hero-copy,.hero-arrow,#heroDots){display:none!important}#marketHero::after,#marketHero .hero-slide::after{display:none!important}
.product-card{border:1px solid #dce8e1!important;border-radius:14px!important;overflow:hidden;box-shadow:0 4px 14px #173c2e06;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 28px #173c2e12;transform:translateY(-2px)}.product-card :is(h3,.product-title){font-weight:650;line-height:1.4}.cart-icon{width:21px;height:21px;flex:none}.basket-fab{display:inline-flex;align-items:center;gap:8px;border-radius:100px!important;box-shadow:0 6px 22px #06492f30!important}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}table th{font-size:11px;font-weight:700;letter-spacing:.03em}table td{font-size:12px;line-height:1.45}.modal-box,dialog{max-width:calc(100vw - 24px);border-radius:16px}.form,.field,.layout>*,.card-body>*{min-width:0}.list-row strong,.admin-listing-name,.seller-listing-card h3{overflow-wrap:anywhere}
.member-topbar button{position:relative}.dashboard-maintenance-card .maintenance-countdown small{font-size:8px!important;letter-spacing:0}.dashboard-maintenance-card .maintenance-countdown{min-width:0}.dashboard-maintenance-card .maintenance-countdown b{font-variant-numeric:tabular-nums}
@media(min-width:901px){.dashboard-offer-row{grid-template-columns:1.2fr 1fr 1fr}.dashboard-offer-row .dashboard-offer{grid-column:auto}.member-sidebar{align-self:start}.member-account-shell>.member-sidebar{top:var(--account-header-offset,0px)}}
@media(max-width:900px){.country-maintenance-controls form{grid-template-columns:1fr}.country-maintenance-controls{padding:14px}.member-topbar{gap:8px;padding:10px 12px}.member-topbar strong{font-size:14px}.member-header-date{display:none}.member-sidebar{padding-bottom:env(safe-area-inset-bottom)!important}.member-account-shell>.member-sidebar nav button{min-height:42px!important}.page .heading{gap:12px;flex-wrap:wrap}.page .heading h1{font-size:24px}}
@media(max-width:620px){.top-main{padding:10px 14px;gap:10px}.top .nav{display:flex;overflow-x:auto;justify-content:flex-start;white-space:nowrap;max-width:calc(100vw - 24px);padding:4px;margin:0 auto 8px}.top .nav button{font-size:11px;min-height:36px;padding:8px 10px}.member-page-content{padding:12px!important}.dashboard-offer-row{grid-template-columns:1fr!important}.dashboard-offer-row .dashboard-offer{grid-column:auto}.page .card-body{padding:14px}.product-country-editor{flex-wrap:wrap}.product-country-editor label{min-width:170px}.page :is(input,select,textarea){font-size:16px}#marketHero .hero-slide-track{aspect-ratio:1.65/1}.basket-fab{bottom:calc(16px + env(safe-area-inset-bottom))!important;right:16px!important}.modal-box{padding:18px;max-height:calc(100dvh - 24px);overflow-y:auto}.page .heading h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}.hero-slide{transition:none!important}}
html[data-member-theme=dark] .member-account-shell .country-maintenance-controls{background:#112b20;border-color:#315640}html[data-member-theme=dark] .member-account-shell :is(input,select,textarea){background:#10271e;color:#edf8f1;border-color:#355746}

@media(max-width:620px){
 .top .nav{flex-wrap:wrap;overflow:visible;justify-content:center;gap:4px}.top .nav button:not(.hidden){flex:1 1 calc(50% - 8px);min-height:34px;text-align:center;padding:7px 8px}
 .dashboard-offer-row .dashboard-maintenance-card>summary{grid-template-columns:1fr;gap:10px;padding:12px}.dashboard-maintenance-card .maintenance-card-heading{gap:9px}.dashboard-maintenance-card .maintenance-card-meta{display:flex;gap:8px}.dashboard-maintenance-card .maintenance-card-meta>*{width:auto}.dashboard-maintenance-card .maintenance-countdown{width:100%;padding:8px 10px}.dashboard-maintenance-card .maintenance-countdown b{font-size:20px}.dashboard-maintenance-card .maintenance-countdown small{font-size:8px!important}
}

html[data-member-theme=dark] body.member-dashboard-active{background:#081d15;color:#ecf8f1}html[data-member-theme=dark] body.member-dashboard-active .top{background:#0c271c;border-bottom-color:#2c4c3b}html[data-member-theme=dark] body.member-dashboard-active .top .nav{background:#123728;border-color:#2b513e}html[data-member-theme=dark] body.member-dashboard-active .top .nav button{color:#e2f3e9}html[data-member-theme=dark] .member-account-shell .dashboard-reward-switch>div>span{color:#edf9f2}html[data-member-theme=dark] .member-account-shell .dashboard-reward-switch small{color:#c0d5c8}html[data-member-theme=dark] .member-account-shell .dashboard-reward-toggle{background:#173e2c;border-color:#43624f}html[data-member-theme=dark] .member-account-shell .dashboard-reward-toggle button{color:#d6eadd}html[data-member-theme=dark] .member-account-shell .dashboard-offer :is(p,small){color:#e7f8ed!important}

#page-sell.existing-seller:not(.show-application)>.layout{display:none}#page-sell.existing-seller #sellerProducts{margin-top:0}#page-sell .heading button[hidden]{display:none!important}
html[data-member-theme=dark] .member-account-shell :is(.card,.metric,.card-head,.card-body,.seller-listing-card,.list-row,.empty,.empty-card,.seller-listing-summary>div){background:#112b20!important;color:#edf9f2;border-color:#315540!important}
html[data-member-theme=dark] .member-account-shell :is(label,h1,h2,h3,h4){color:#edf9f2}html[data-member-theme=dark] .member-account-shell :is(.helper,.note,.card p,.card small,.metric span){color:#bdd5c7}html[data-member-theme=dark] .member-account-shell :is(td,th){background:#112b20;color:#e5f4ec;border-color:#315540}html[data-member-theme=dark] .member-account-shell .btn:not(.primary):not(.orange){background:#173b2b;color:#edf9f2;border-color:#41664e}html[data-member-theme=dark] body.member-dashboard-active .top a img{background:#fff;border-radius:10px;padding:7px}

body{min-width:0}.page form,.page form label,.password-toggle-wrap{min-width:0;max-width:100%}.page .stack-form{grid-template-columns:minmax(0,1fr)}.page .password-toggle-wrap{display:flex;width:100%}.page .password-toggle-wrap input{min-width:0!important;flex:1 1 0;width:100%}.page .password-toggle-wrap button{flex:0 0 40px;min-width:40px}.page .table-wrap{overflow-x:auto!important;max-width:100%;min-width:0}.page .table-wrap>table{white-space:normal}.page .table-wrap th,.page .table-wrap td{overflow-wrap:break-word}

#page-admin{width:100%!important;max-width:100%!important;margin-left:0!important}#page-admin .admin-summary-heading{min-width:0;white-space:normal;overflow-wrap:break-word}#page-admin .admin-summary-heading span{min-width:0}@media(max-width:620px){#page-admin .admin-summary-heading{font-size:15px;padding:12px}#page-admin .admin-summary-heading span{font-size:15px}}

@media(max-width:900px){#page-admin #control-home:not(.hidden){display:flex!important;flex-direction:column;gap:14px}#page-admin #control-home>*{width:100%!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important}#page-admin #control-home>.control-help{margin:0 0 4px}#page-admin .admin-area-gates{grid-template-columns:1fr!important}#page-admin .control-panel{min-width:0;max-width:100%}}

/* Account navigation lives in the header and role-aware sidebar. */
.top .nav{display:none!important}
.top-main .actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#marketHero .hero-slide{display:none!important;opacity:1!important;visibility:hidden!important;pointer-events:none;transition:none!important}
#marketHero .hero-slide.active{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto}
@media(max-width:620px){.top-main .actions{gap:6px}.top-main .actions .btn{font-size:11px;padding:8px 10px;min-height:38px}.top-main{row-gap:8px}}
@media(prefers-reduced-motion:reduce){#marketHero .hero-slide{transition:none!important}}

/* Keep the logo and two signed-in actions together on compact screens. */
@media(max-width:620px){
 body.signed-in-header .top .top-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px 10px!important;height:auto!important;min-height:52px!important}
 body.signed-in-header .top .top-main>.logo{grid-column:1;grid-row:1;min-width:0;max-width:100%;width:auto}
 body.signed-in-header .top .top-main>.logo img{width:135px!important;max-width:100%;height:36px!important;object-fit:contain}
 body.signed-in-header .top .top-main>.actions{grid-column:2;grid-row:1;gap:5px;flex-wrap:nowrap;margin:0}
 body.signed-in-header .top .top-main>.actions .btn{font-size:10px!important;padding:7px 8px!important;min-height:34px!important;white-space:nowrap}
 body.signed-in-header .top .top-main>.search{grid-column:1/-1;grid-row:2;width:100%;margin:0}
}