:root{
  --brand:#d04800;
  --brand-dark:#a93612;
  --brand-soft:#fff0e7;
  --qero-brand-orange:#ff7900;
  --qero-brand-coral:#ff4d2d;
  --qero-brand-border:#ffd1c7;
  --qero-brand-soft-strong:#ffe2d9;
  --qero-brand-gradient:linear-gradient(110deg,#ff9400 0%,#ff7600 50%,#ff5c13 78%,#f14827 100%);
  --qero-action-gradient:linear-gradient(112deg,#d04800 0%,#cb4700 68%,#b93017 100%);
  --qero-selection-green:#167a46;
  --qero-selection-green-soft:#f1faf4;
  --qero-rating:#f4b400;
  --ink:#111111;
  --muted:#747474;
  --line:#ececec;
  --surface:#ffffff;
  --bg:#f7f7f8;
  --success:#22c55e;
  --warning:#ffb020;
  --danger:#dc2626;
  --shadow:0 10px 30px rgba(17,17,17,.08);
  --radius:20px;
  --safe-bottom:max(14px,env(safe-area-inset-bottom));
  --safe-top:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
body{
  min-height:100vh;
  min-height:100dvh;
}
.app-shell{
  width:100%;
  max-width:560px;
  margin:0 auto;
  min-height:100vh;
  min-height:100dvh;
  background:var(--surface);
  padding-bottom:92px;
  position:relative;
  overflow-x:hidden;
}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);padding:calc(18px + var(--safe-top)) 18px 12px;border-bottom:1px solid rgba(236,236,236,.7)}
.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;color:var(--ink)}
.brand .q,.brand .plus{color:var(--brand)}
.location-btn{border:0;background:transparent;display:flex;align-items:center;gap:7px;font-weight:700;color:#252525;padding:8px 0}
.location-btn svg{color:var(--brand)}
.search-row{display:flex;gap:10px;margin-top:14px}
.search{flex:1;background:#f7f7f7;border:1px solid var(--line);border-radius:16px;padding:13px 14px;display:flex;align-items:center;gap:10px}
.search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink)}
.search svg{color:#8a8a8a;flex:0 0 auto}
.filter-btn{width:48px;border:0;border-radius:15px;background:var(--brand);color:white;display:grid;place-items:center;box-shadow:0 8px 18px rgba(201,54,29,.22)}
.content{padding:16px 16px 22px}
.section{margin:12px 0 26px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 2px 12px}
.section-title{font-size:21px;font-weight:850;letter-spacing:-.55px;margin:0}
.link-btn{border:0;background:transparent;color:var(--brand);font-weight:750;font-size:13px;padding:4px}
.categories{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}
.categories::-webkit-scrollbar{display:none}
.cat{min-width:78px;border:1px solid var(--line);background:white;border-radius:18px;padding:12px 9px 10px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.035)}
.cat.active{border-color:var(--qero-brand-border);background:var(--brand-soft)}
.cat-ico{height:35px;display:grid;place-items:center;font-size:27px;margin-bottom:6px}
.cat-name{font-size:11px;font-weight:750;white-space:nowrap}
.hero{border-radius:24px;min-height:174px;background:linear-gradient(135deg,var(--brand),var(--qero-brand-coral));color:white;overflow:hidden;position:relative;padding:24px;box-shadow:0 16px 36px rgba(201,54,29,.20)}
.hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-72px;bottom:-84px;background:rgba(255,255,255,.12)}
.hero:before{content:"+";position:absolute;right:24px;top:5px;font-size:130px;line-height:1;font-weight:900;color:rgba(255,255,255,.12);transform:rotate(8deg)}
.hero h2{position:relative;z-index:1;font-size:28px;line-height:1.08;margin:0 0 8px;max-width:310px;letter-spacing:-1px}
.hero p{position:relative;z-index:1;margin:0 0 18px;font-size:13px;max-width:270px;color:rgba(255,255,255,.9)}
.hero button{position:relative;z-index:1;border:0;border-radius:999px;background:white;color:var(--brand);padding:10px 17px;font-weight:800}
.store-list{display:grid;gap:12px}
.store-card{display:grid;grid-template-columns:92px 1fr;gap:13px;padding:11px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 18px rgba(0,0,0,.035);position:relative}
.store-card:active{transform:scale(.99)}
.store-media{height:92px;border-radius:15px;display:grid;place-items:center;font-size:42px;background:linear-gradient(145deg,var(--brand-soft),var(--qero-brand-border));overflow:hidden}
.store-media.pizza{background:linear-gradient(145deg,#fff0df,#ffd9a4)}
.store-media.market{background:linear-gradient(145deg,#ecfff2,#cef3db)}
.store-media.pharmacy{background:linear-gradient(145deg,#f1fbff,#d8f0ff)}
.store-info{min-width:0;padding:4px 34px 2px 0}
.store-name{font-weight:850;font-size:16px;margin-bottom:4px}
.store-category{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#606060;font-size:11.5px;margin-top:9px}
.open{color:#14963d;font-weight:750}
.favorite{position:absolute;right:11px;top:11px;border:0;background:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.08);font-size:18px;color:#666}
.favorite.active{color:var(--brand);background:var(--brand-soft)}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:40;width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:9px 8px var(--safe-bottom)}
.nav-btn{border:0;background:transparent;color:#777;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 3px;font-size:10px;font-weight:700}
.nav-btn svg{width:22px;height:22px}
.nav-btn.active{color:var(--brand)}
.page-head{display:flex;align-items:center;gap:12px;padding:calc(18px + var(--safe-top)) 18px 12px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.back-btn{border:0;background:#f7f7f7;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.page-title{font-weight:850;font-size:18px;flex:1}
.store-hero{margin:14px 16px 0;border-radius:24px;padding:20px;background:linear-gradient(135deg,var(--brand-soft),#fff);border:1px solid var(--qero-brand-border);position:relative;overflow:hidden}
.store-hero-logo{width:70px;height:70px;border-radius:20px;background:white;border:1px solid var(--line);display:grid;place-items:center;font-size:34px;box-shadow:0 8px 20px rgba(0,0,0,.06);margin-bottom:14px}
.store-hero h1{font-size:25px;margin:0 0 4px;letter-spacing:-.7px}
.store-hero p{margin:0;color:var(--muted);font-size:13px}
.store-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:11.5px}
.pill{padding:7px 10px;border-radius:999px;background:white;border:1px solid var(--line);font-weight:700}
.menu-search{margin:14px 16px 4px}
.menu-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 16px 3px;scrollbar-width:none}
.menu-tabs::-webkit-scrollbar{display:none}
.menu-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;white-space:nowrap;font-size:12px;font-weight:750}
.menu-tab.active{background:var(--ink);color:white;border-color:var(--ink)}
.products{padding:10px 16px 130px;display:grid;gap:12px}
.product{border:1px solid var(--line);border-radius:19px;padding:13px;background:white;display:grid;grid-template-columns:1fr 94px;gap:12px}
.product-title{font-weight:850;font-size:15px;margin-bottom:5px}
.product-desc{font-size:12px;color:var(--muted);line-height:1.45;margin-bottom:11px}
.product-price{font-weight:850;color:#191919}
.product-img{height:94px;border-radius:15px;background:linear-gradient(145deg,var(--brand-soft),var(--qero-brand-border));display:grid;place-items:center;font-size:42px;position:relative}
.add-btn{position:absolute;right:6px;bottom:6px;border:0;background:var(--brand);color:white;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:1}
.cart-float{position:fixed;left:50%;transform:translateX(-50%);bottom:84px;width:min(526px,calc(100% - 28px));z-index:38;border:0;background:var(--ink);color:white;border-radius:18px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 13px 35px rgba(0,0,0,.24);font-weight:800}
.cart-float .qty{background:var(--brand);width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;margin-right:8px;font-size:11px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:80;display:flex;align-items:flex-end;justify-content:center;animation:drawer-backdrop-in .2s ease-out both}
.drawer{width:min(560px,100%);max-height:88vh;overflow:auto;background:white;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));animation:up .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes up{from{transform:translateY(34px);opacity:.8}to{transform:translateY(0);opacity:1}}
@keyframes drawer-backdrop-in{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.42)}}
.drawer-backdrop.is-closing{pointer-events:none;animation:drawer-backdrop-out .2s ease-in both}
.drawer-backdrop.is-closing .drawer{animation:drawer-out .2s ease-in both}
@keyframes drawer-backdrop-out{to{background:rgba(0,0,0,0)}}
@keyframes drawer-out{to{transform:translateY(100%);opacity:.96}}
.drawer-handle{width:46px;height:5px;background:#ddd;border-radius:99px;margin:2px auto 16px}
.drawer h2{font-size:21px;margin:0 0 6px}
.drawer .sub{color:var(--muted);font-size:12px;margin-bottom:18px}
.qty-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:15px}
.stepper{display:flex;align-items:center;gap:12px}
.stepper button{border:0;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;background:#f4f4f4}
.stepper button:last-child{background:var(--brand);color:white}
.primary{width:100%;border:0;border-radius:16px;background:var(--brand);color:#fff;padding:14px 16px;font-weight:850;margin-top:16px}
.secondary{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;color:#222;padding:13px 16px;font-weight:800;margin-top:10px}
.cart-items{display:grid;gap:10px;margin:12px 0 18px}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.cart-item strong{font-size:14px}
.cart-item small{display:block;color:var(--muted);margin-top:3px}
.summary{border-radius:18px;background:#f8f8f8;padding:14px;margin-top:12px}
.summary-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:5px 0}
.summary-row.total{font-size:16px;font-weight:900;border-top:1px solid #ddd;margin-top:6px;padding-top:11px}
.form{display:grid;gap:11px}
.field label{font-size:11px;font-weight:800;color:#555;display:block;margin:0 0 5px 2px}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;background:#fafafa;padding:12px 13px;outline:0}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--qero-brand-border);box-shadow:0 0 0 3px var(--brand-soft)}
.pay-options{display:grid;gap:9px;margin-top:7px}
.pay-option{border:1px solid var(--line);border-radius:15px;padding:12px;display:flex;align-items:center;gap:10px}
.pay-option input{accent-color:var(--brand)}
.empty-state{text-align:center;padding:56px 25px;color:var(--muted)}
.empty-state .emoji{font-size:46px;margin-bottom:10px}
.order-card{margin:14px 16px;border:1px solid var(--line);border-radius:20px;padding:15px;background:#fff}
.order-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.order-code{font-weight:900}
.status{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand)}
.timeline{margin:17px 0 2px;display:grid;gap:0}
.time-step{display:grid;grid-template-columns:30px 1fr;gap:9px;position:relative;padding-bottom:17px}
.time-step:not(:last-child):after{content:"";position:absolute;left:13px;top:25px;bottom:0;width:2px;background:#e8e8e8}
.dot{width:28px;height:28px;border-radius:50%;border:2px solid #ddd;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;z-index:1}
.time-step.done .dot,.time-step.active .dot{background:var(--brand);border-color:var(--brand);color:white}
.time-step.active .dot{box-shadow:0 0 0 5px var(--brand-soft)}
.step-name{font-weight:800;font-size:13px;margin-top:3px}
.step-desc{font-size:11px;color:var(--muted);margin-top:2px}
.profile-card{margin:16px;border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(145deg,var(--brand-soft),#fff)}
.profile-card h2{margin:0 0 5px}
.profile-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.list-menu{margin:8px 16px;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.list-menu button{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:15px;text-align:left;display:flex;justify-content:space-between;font-weight:750}
.list-menu button:last-child{border-bottom:0}
.toast{position:fixed;left:50%;transform:translateX(-50%) translateY(20px);bottom:110px;z-index:100;background:#111;color:white;border-radius:16px;padding:9px 12px;font-size:11px;line-height:1.35;text-align:center;opacity:0;pointer-events:none;transition:.18s;box-shadow:var(--shadow);white-space:normal;width:max-content;max-width:min(78vw,290px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.install-banner{margin:14px 16px 0;border-radius:18px;background:#111;color:#fff;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.install-banner small{display:block;color:#bbb;margin-top:2px}
.install-banner button{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:9px 11px;font-weight:800}
@media(min-width:700px){body{padding:18px 0}.app-shell{border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.12);min-height:calc(100vh - 36px)}.bottom-nav{bottom:18px;border-radius:0 0 28px 28px}}
.product-img>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:15px}.product-img>span{font-size:42px}.product-detail-media{width:100%;max-height:280px;min-height:110px;border-radius:18px;background:linear-gradient(145deg,var(--brand-soft),var(--qero-brand-border));display:grid;place-items:center;overflow:hidden;font-size:58px;margin-bottom:14px}.product-detail-media img{width:100%;max-height:280px;object-fit:cover;display:block}.product-detail-media span{padding:24px}
.customizable{display:inline-block;font-size:9px;font-weight:800;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:4px 7px;margin:0 0 8px}.choice-group{border-top:1px solid var(--line);padding-top:15px;margin-top:16px}.choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.choice-head>div strong{display:block;font-size:14px}.choice-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.choice-head>span{font-size:9px;font-weight:850;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:5px 7px;white-space:nowrap}.choice-head>span.optional{color:var(--muted);background:#f2f2f2}.choice-options{display:grid;gap:7px}.choice-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff}.choice-option input{width:18px;height:18px;accent-color:var(--brand)}.choice-option span{font-size:12px;font-weight:700}.choice-option strong{font-size:11px}.choice-empty{font-size:11px;color:var(--muted);padding:7px 0}.cart-options{color:#555!important;line-height:1.55;margin:4px 0!important}

/* v4.3.8 - sincronização do carrinho */
.cart-sync-alert{border:1px solid var(--qero-brand-border);background:var(--brand-soft);border-radius:14px;padding:11px 12px;margin:12px 0}.cart-sync-alert strong{display:block;font-size:12px;color:var(--brand-dark)}.cart-sync-alert span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.cart-item.needs-review{border:1px solid var(--qero-brand-border);background:var(--brand-soft);border-radius:14px;padding:12px}.cart-review-text{color:var(--danger)!important;font-weight:750;margin-top:7px!important}.cart-reconfigure{border:0;background:var(--brand-soft);color:var(--brand-dark);border-radius:10px;padding:7px 9px;font-size:10px;font-weight:850;margin-top:8px}.primary:disabled{opacity:.55;cursor:not-allowed}

/* v4.3.8 hotfix - cards padronizados + drawer compacto e arrastável */
.product{grid-template-columns:minmax(0,1fr) 92px 40px;gap:10px;align-items:center;min-height:118px}
.product-main{min-width:0}
.product-img{width:92px;height:92px;position:static;overflow:hidden;justify-self:end;flex:none}
.product-img>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:15px}
.product-img>span{font-size:42px;line-height:1}
.product-action{width:40px;display:flex;align-items:center;justify-content:center;align-self:center}
.add-btn{position:static;right:auto;bottom:auto;width:38px;height:38px;display:grid;place-items:center;padding:0;font-size:24px;line-height:1;box-shadow:0 7px 17px rgba(201,54,29,.22);flex:0 0 auto}
.product-detail-media{width:100%;height:auto;min-height:0;max-height:none;border-radius:18px;margin-bottom:14px;overflow:hidden;background:#f7f7f8;display:grid;place-items:center}
.product-detail-media img{display:block;width:auto;height:auto;max-width:100%;max-height:320px;object-fit:contain;margin:0 auto}
.product-detail-media span{width:100%;min-height:145px;padding:18px;font-size:54px;line-height:1;display:grid;place-items:center}
.drawer-handle{width:74px;height:24px;background:transparent;margin:0 auto 6px;position:relative;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.drawer-handle:after{content:"";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:46px;height:5px;background:#d5d5d5;border-radius:99px}
.drawer.is-dragging{overscroll-behavior:none}
@media(max-width:380px){.product{grid-template-columns:minmax(0,1fr) 82px 36px;gap:8px}.product-img{width:82px;height:82px}.product-action{width:36px}.add-btn{width:34px;height:34px;font-size:22px}.product-detail-media img{max-height:280px}}

/* foto completa no produto */
.product-detail-media{width:100%;aspect-ratio:1/1;height:auto;max-height:320px;overflow:hidden;background:#f7f7f8}
.product-detail-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;margin:0}

/* correção definitiva da foto do produto */
.product-detail-media{width:min(100%,320px);aspect-ratio:1/1;height:auto;max-height:none;margin:0 auto 14px;overflow:hidden;background:#f7f7f8;border-radius:18px}
.product-detail-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;margin:0}


/* v4.3.10 - identidade visual da loja */
.store-media img,.store-hero-logo img{width:100%;height:100%;object-fit:cover;display:block}
.store-hero{padding:0}
.store-hero-body{padding:20px}
.store-cover{width:100%;height:150px;overflow:hidden;background:#f2f2f2}
.store-cover img{width:100%;height:100%;object-fit:cover;display:block}
.store-hero.with-cover .store-hero-body{padding-top:0}
.store-hero.with-cover .store-hero-logo{position:relative;z-index:2;margin-top:-34px;border:3px solid #fff}
@media(max-width:380px){.store-cover{height:132px}}

/* v4.3.10 - enquadramento da foto de perfil */
.store-hero-logo{overflow:hidden}

/* v4.3.10 - recorte definitivo da foto de perfil */
.store-hero-logo{overflow:hidden!important;border-radius:20px!important;isolation:isolate}
.store-hero-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit!important;clip-path:inset(0 round 17px)}


/* v4.4.0 - identidade dinâmica da vitrine */
.store-hero-body.has-brand-bg{
  position:relative;
  isolation:isolate;
}

.store-hero-brand-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

.store-hero-brand-bg img{
  position:absolute;
  inset:-28px;
  width:calc(100% + 56px);
  height:calc(100% + 56px);
  object-fit:cover;
  display:block;
  filter:blur(28px) saturate(1.6);
  transform:scale(1.16);
  opacity:.82;
}

.store-hero-body.has-brand-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.48),
    rgba(255,255,255,.66)
  );
}

.store-hero-body.has-brand-bg > :not(.store-hero-brand-bg){
  position:relative;
  z-index:2;
}

.store-hero-body.has-brand-bg .pill{
  background:#fff;
}

/* v4.4.0 - contas, confirmação de recebimento e avaliações */
.account-card{margin:14px}.account-card .account-kicker{display:block;color:var(--brand);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.account-card .account-note{margin-top:14px}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.account-actions .primary,.account-actions .secondary{margin-top:0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f5f5f5;padding:4px;border-radius:14px;margin:14px 0}.auth-tabs button{border:0;background:transparent;border-radius:11px;padding:10px;font-weight:800;color:var(--muted)}.auth-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.07)}.auth-error{min-height:18px;margin-top:10px;color:var(--danger);font-size:12px}.order-customer-action{display:grid;gap:6px;margin:14px 0 6px}.order-customer-action small{text-align:center;color:var(--muted);font-size:10px}.review-done{margin:13px 0 4px;padding:11px 13px;border-radius:14px;background:var(--brand-soft);font-size:12px}.review-done strong{color:var(--brand);letter-spacing:1px}.star-picker{display:flex;justify-content:center;gap:7px;margin:24px 0}.star-picker button{border:0;background:transparent;font-size:39px;line-height:1;color:#c9c9c9;padding:2px}.star-picker button.active{color:var(--qero-rating)}.review-drawer .primary{margin-top:8px}@media(max-width:420px){.account-actions{grid-template-columns:1fr}.star-picker{gap:3px}.star-picker button{font-size:35px}}

/* v4.4.0 - card de produto sem botão + */
.product{grid-template-columns:minmax(0,1fr) 92px;cursor:pointer}
.product:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(max-width:380px){
  .product{grid-template-columns:minmax(0,1fr) 82px}
  .product-img{width:82px;height:82px}
}

/* v4.4.0 - destaque da avaliação nos cards */
.store-meta .rating-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  background:#fff7d6;
  color:#8a6500;
  font-weight:850;
  font-size:12px;
  line-height:1;
}

/* v4.4.0 - coração limpo nos cards */
.store-card .favorite{
  background:transparent;
  box-shadow:none;
  border-radius:0;
  width:34px;
  height:34px;
  padding:6px;
  color:#666;
}
.store-card .favorite.active{
  background:transparent;
  color:var(--brand);
}
.store-card .favorite-heart{
  display:block;
  width:22px;
  height:22px;
}


/* Qero+ v4.4.0 - abertura profissional */
.startup-splash{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.16),transparent 31%),
    var(--qero-brand-gradient);
  opacity:1;
  visibility:visible;
  transition:
    opacity .42s cubic-bezier(.4,0,.2,1),
    visibility .42s linear;
}
.startup-splash::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.08) 47%,transparent 66%);
  transform:translateX(-120%);
  animation:qeroSplashSheen 1.35s ease .18s both;
}
.startup-splash-inner{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:min(86vw,360px);
  transform:translateY(-1.5vh);
  transition:
    opacity .28s ease,
    transform .42s cubic-bezier(.4,0,.2,1);
}
.startup-splash-logo-stage{
  position:relative;
  display:grid;
  place-items:center;
  width:148px;
  height:148px;
}
.startup-splash-logo{
  position:relative;
  z-index:2;
  width:108px;
  height:108px;
  display:block;
  object-fit:contain;
  opacity:0;
  filter:drop-shadow(0 12px 25px rgba(101,25,5,.2));
  animation:qeroSplashLogoPro .76s cubic-bezier(.16,1,.3,1) .12s forwards;
}
.startup-splash-brand{
  margin-top:10px;
  color:#fff;
  font-size:30px;
  line-height:1;
  font-weight:850;
  letter-spacing:-1.2px;
  text-shadow:0 4px 18px rgba(101,25,5,.16);
  opacity:0;
  transform:translateY(10px);
  animation:qeroSplashCopyIn .48s ease .48s forwards;
}
.startup-splash-slogan{
  margin-top:12px;
  padding:0 18px;
  color:rgba(255,255,255,.92);
  font-size:16px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.12px;
  text-align:center;
  text-shadow:0 2px 10px rgba(101,25,5,.12);
  opacity:0;
  transform:translateY(8px);
  animation:qeroSplashCopyIn .48s ease .61s forwards;
}
.startup-splash-progress{
  width:76px;
  height:3px;
  margin-top:28px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  opacity:0;
  animation:qeroSplashProgressIn .3s ease .78s forwards;
}
.startup-splash-progress span{
  display:block;
  width:42%;
  height:100%;
  border-radius:inherit;
  background:#fff;
  box-shadow:0 0 12px rgba(255,255,255,.55);
  animation:qeroSplashProgress 1s cubic-bezier(.65,0,.35,1) .78s infinite;
}
.startup-splash.is-leaving{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.startup-splash.is-leaving .startup-splash-inner{
  opacity:0;
  transform:translateY(-1.5vh) scale(.97);
}
@keyframes qeroSplashLogoPro{
  0%{opacity:0;transform:translateY(14px) scale(.72) rotate(-4deg)}
  68%{opacity:1;transform:translateY(0) scale(1.035) rotate(.8deg)}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
}
@keyframes qeroSplashCopyIn{
  to{opacity:1;transform:translateY(0)}
}
@keyframes qeroSplashProgressIn{
  to{opacity:1}
}
@keyframes qeroSplashProgress{
  0%{transform:translateX(-145%)}
  100%{transform:translateX(345%)}
}
@keyframes qeroSplashSheen{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}
@media (prefers-reduced-motion:reduce){
  .startup-splash,
  .startup-splash::after,
  .startup-splash-inner,
  .startup-splash-logo,
  .startup-splash-brand,
  .startup-splash-slogan,
  .startup-splash-progress,
  .startup-splash-progress span{
    animation:none!important;
    transition:none!important;
  }
  .startup-splash-logo,
  .startup-splash-brand,
  .startup-splash-slogan,
  .startup-splash-progress{
    opacity:1;
    transform:none;
  }
}
/* v4.4.0 - ajuste de viewport Android por gestos */
html{
  min-height:100%;
  min-height:100dvh;
}

/* v4.4.0 - área inferior branca no Android */
.bottom-nav{
  background-color:#fff;
}


/* v4.4.0 - esquema claro Android */
:root{
  color-scheme:light;
}

/* v4.4.0 - filtros de período dos pedidos */
.orders-main{
  padding-top:10px;
}
.order-periods{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:4px 16px 12px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.order-periods::-webkit-scrollbar{
  display:none;
}
.order-period-btn{
  flex:0 0 auto;
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  border-radius:999px;
  padding:8px 13px;
  font:inherit;
  font-size:12px;
  font-weight:750;
  line-height:1;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.order-period-btn.active{
  border-color:var(--brand);
  background:var(--brand-soft);
  color:var(--brand);
}

/* v4.4.0 - filtros avançados da Home */
.filter-btn{
  position:relative;
}
.filter-btn.active{
  color:var(--brand);
  border-color:var(--brand);
  background:var(--brand-soft);
}
.filter-dot{
  position:absolute;
  top:6px;
  right:6px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand);
  box-shadow:0 0 0 2px #fff;
}

.advanced-filter-drawer{
  padding-bottom:calc(24px + env(safe-area-inset-bottom));
}
.advanced-filter-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.advanced-filter-head h2{
  margin:0 0 4px;
}
.advanced-filter-head p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.filter-clear{
  border:0;
  background:transparent;
  color:var(--brand);
  font-weight:800;
  padding:6px 0;
}
.filter-section{
  padding:16px 0;
  border-top:1px solid var(--line);
}
.filter-section h3{
  margin:0 0 12px;
  font-size:13px;
}
.filter-toggle-row{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 0;
  cursor:pointer;
}
.filter-toggle-row strong{
  display:block;
  font-size:13px;
}
.filter-toggle-row small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}
.filter-toggle-row input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.filter-switch{
  flex:0 0 auto;
  width:42px;
  height:24px;
  border-radius:999px;
  background:#ddd;
  position:relative;
  transition:.18s ease;
}
.filter-switch::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
  transition:.18s ease;
}
.filter-toggle-row input:checked + .filter-switch{
  background:var(--brand);
}
.filter-toggle-row input:checked + .filter-switch::after{
  transform:translateX(18px);
}
.filter-sort-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.filter-sort-btn{
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  border-radius:999px;
  padding:9px 12px;
  font:inherit;
  font-size:12px;
  font-weight:750;
}
.filter-sort-btn.active{
  border-color:var(--brand);
  background:var(--brand-soft);
  color:var(--brand);
}

/* v4.4.0 - fundo raiz branco no mobile */
@media(max-width:699px){
  html,
  body{
    background:#fff;
  }
}


/* v4.4.0 - destaque entrega grátis */
.store-meta .free-delivery-badge,
.store-summary .pill.free-delivery-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  background:#e8f8ee;
  color:#12823b;
  font-weight:850;
  font-size:11.5px;
  line-height:1;
}


/* v4.4.0 - separação visual de lojas fechadas */
.closed-stores-divider{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin:14px 0 3px;
  color:#8a8a8a;
  font-size:11px;
  font-weight:800;
}

.closed-stores-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:#ededed;
}

.closed-stores-divider span{
  white-space:nowrap;
}

.store-card.is-closed{
  background:#fafafa;
  border-color:#eeeeee;
  box-shadow:none;
}

.store-card.is-closed .store-media{
  opacity:.68;
  filter:grayscale(.28);
}

.store-card.is-closed .store-name,
.store-card.is-closed .store-category{
  opacity:.66;
}

.store-card.is-closed .store-meta{
  opacity:.72;
}

.store-card.is-closed .favorite{
  opacity:.58;
}


/* v4.4.0 - home compacta e saudação */
.home-user-area{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  min-width:0;
}

.home-greeting{
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#555;
  font-size:11px;
  font-weight:750;
  line-height:1.2;
}

.home-user-area .location-btn{
  padding:3px 0 0;
}

/* Redução moderada dos cards da Home */
.store-list{
  gap:10px;
}

.store-card{
  grid-template-columns:84px minmax(0,1fr);
  gap:11px;
  padding:10px;
  border-radius:18px;
}

.store-media{
  height:84px;
  border-radius:14px;
  font-size:39px;
}

.store-info{
  padding:3px 32px 1px 0;
}

.store-name{
  font-size:15px;
  margin-bottom:3px;
}

.store-category{
  font-size:11.5px;
}

.store-meta{
  gap:6px;
  font-size:11px;
  margin-top:7px;
}

@media(max-width:380px){
  .home-greeting{
    max-width:155px;
    font-size:10.5px;
  }
}


/* v4.4.0 - em breve nas lojas de aplicativos */
.appstores-coming-card{
  margin:14px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
}

.appstores-kicker{
  display:inline-block;
  margin-bottom:6px;
  color:var(--brand);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.appstores-coming-copy h2{
  margin:0;
  font-size:17px;
  line-height:1.25;
}

.appstores-coming-copy p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.5;
}

.appstores-badges{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:16px;
}

.appstore-coming-badge{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:11px 12px;
  border:1px solid #e8e8e8;
  border-radius:15px;
  background:#fafafa;
}

.appstore-logo{
  width:29px;
  height:29px;
  flex:0 0 29px;
  display:grid;
  place-items:center;
}

.appstore-logo svg{
  width:100%;
  height:100%;
}

.google-play-logo .gp-main{
  fill:#34a853;
}

.google-play-logo .gp-side{
  fill:#4285f4;
}

.apple-store-logo path{
  fill:#111;
}

.appstore-coming-badge small{
  display:block;
  color:var(--muted);
  font-size:8.5px;
  line-height:1.2;
}

.appstore-coming-badge strong{
  display:block;
  margin-top:2px;
  font-size:12px;
  line-height:1.2;
}

@media(max-width:380px){
  .appstores-badges{
    grid-template-columns:1fr;
  }
}

/* Qero+ product promotions */
.product-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 7px;
}

.product-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 7px;
  border-radius:999px;
  font-size:11.5px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

.product-badge.offer{
  background:#fff2cc;
  color:#9a5a00;
}

.product-badge.highlight{
  background:var(--brand-soft);
  color:var(--brand-dark);
}

.product.is-promo{
  border-color:#f4d7a2;
}

.product.is-highlighted{
  box-shadow:0 5px 18px rgba(0,0,0,.055);
}

.product-price-block{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px;
}

.product-old-price{
  color:var(--muted);
  font-size:10px;
  font-weight:650;
  text-decoration:line-through;
}

.product-promo-price{
  color:var(--brand);
  font-size:15px;
  font-weight:900;
}

.product-price-block.detail{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  margin-bottom:3px;
}

.product-price-block.detail .product-old-price{
  font-size:12px;
}

.product-price-block.detail .product-promo-price{
  font-size:19px;
}

.product-price-detail{
  font-size:18px;
  font-weight:850;
}

.drawer > .product-badges{
  margin:0 0 8px;
}

.drawer > .product-badges .product-badge{
  font-size:11.5px;
  min-height:24px;
  padding:4px 8px;
}

@media(max-width:380px){
  .product-badges{
    gap:4px;
    margin-bottom:6px;
  }

  .product-badge{
    font-size:10.5px;
    padding:4px 7px;
  }

  .product-promo-price{
    font-size:14px;
  }
}

/* Qero+ flash sale emphasis */
.product.is-promo{
  grid-template-columns:minmax(0,1fr) 116px;
  min-height:150px;
  padding:16px;
  border-color:#efc56f;
  border-width:1.5px;
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}

.product.is-promo .product-img{
  width:116px;
  height:116px;
  border-radius:18px;
}

.product.is-promo .product-img img{
  border-radius:18px;
}

.product.is-promo .product-title{
  font-size:16px;
}

.product.is-promo .product-promo-price{
  font-size:17px;
}

.product-badge.highlight{
  background:var(--brand-soft);
  color:var(--brand-dark);
}

.flash-countdown{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:0 0 8px;
  padding:5px 8px;
  border-radius:10px;
  background:#171717;
  color:#fff;
  font-size:9px;
  font-weight:800;
}

.flash-countdown span{
  opacity:.75;
}

.flash-countdown strong{
  font-size:11px;
  line-height:1;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  letter-spacing:.03em;
}

.flash-countdown.expired{
  opacity:.55;
}

.drawer > .flash-countdown{
  margin:0 0 10px;
  padding:7px 10px;
  border-radius:11px;
  font-size:10px;
}

.drawer > .flash-countdown strong{
  font-size:13px;
}

@media(max-width:380px){
  .product.is-promo{
    grid-template-columns:minmax(0,1fr) 96px;
    min-height:132px;
    padding:14px;
  }

  .product.is-promo .product-img{
    width:96px;
    height:96px;
  }

  .product.is-promo .product-title{
    font-size:15px;
  }
}

/* Qero+ store hero bleed fix */
.store-hero-body{
  display:flow-root;
}

/* Qero+ typed toasts */
.toast{
  background:var(--brand);
  color:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.toast.info,
.toast.success{
  background:var(--brand);
  color:#fff;
}

.toast.error{
  background:#c92a2a;
  color:#fff;
}

/* Qero+ public reviews */
.store-reviews-trigger{
  border:0;
  font:inherit;
  cursor:pointer;
}

.store-reviews-trigger span{
  color:var(--brand);
  font-weight:850;
}

.review-comment-field{
  margin:4px 0 12px;
}

.review-comment-field label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  font-size:12px;
  font-weight:850;
}

.review-comment-field label span{
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}

.review-comment-field textarea{
  width:100%;
  min-height:100px;
  resize:vertical;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  outline:none;
  font:inherit;
  font-size:12px;
  line-height:1.5;
}

.review-comment-field textarea:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px var(--brand-soft);
}

.review-comment-counter{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:6px;
  color:var(--muted);
  font-size:9px;
  line-height:1.35;
}

.review-comment-counter strong{
  white-space:nowrap;
}

.public-reviews-summary{
  display:flex;
  align-items:center;
  gap:9px;
  margin:14px 0 18px;
  padding:14px;
  border-radius:16px;
  background:#fff8e5;
}

.public-reviews-summary strong{
  color:#8a6500;
  font-size:20px;
}

.public-reviews-summary span{
  color:var(--muted);
  font-size:11px;
}

.public-reviews-list{
  display:grid;
  gap:10px;
}

.public-review-card{
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}

.public-review-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.public-review-head strong{
  display:block;
  font-size:13px;
}

.public-review-head time{
  color:var(--muted);
  font-size:9px;
  white-space:nowrap;
}

.public-review-stars{
  margin-top:3px;
  color:var(--qero-rating);
  font-size:15px;
  letter-spacing:1px;
}

.public-review-card p{
  margin:11px 0 0;
  color:#333;
  font-size:12px;
  line-height:1.55;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.public-review-no-comment{
  margin-top:10px;
  color:var(--muted);
  font-size:10px;
  font-style:italic;
}

.public-reviews-loading,
.public-reviews-empty{
  margin-top:18px;
  padding:24px 16px;
  border:1px dashed var(--line);
  border-radius:16px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
  text-align:center;
}

@media(max-width:420px){
  .store-reviews-trigger{
    font-size:11px;
  }

  .review-comment-counter{
    display:grid;
    gap:3px;
  }

  .public-review-head{
    gap:8px;
  }
}

/* Qero+ refined store profile */
.store-hero{
  margin:12px 14px 0;
  border-radius:26px;
  border:1px solid rgba(0,0,0,.055);
  background:#fff;
  box-shadow:
    0 10px 28px rgba(18,18,18,.055),
    0 2px 7px rgba(18,18,18,.025);
}

.store-cover{
  height:164px;
  position:relative;
  background:#f2f2f2;
}

.store-cover::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:52px;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,.18)
  );
}

.store-cover img{
  object-position:center;
}

.store-hero-body{
  padding:19px 18px 20px;
}

.store-hero.with-cover .store-hero-body{
  padding-top:0;
}

.store-hero-logo{
  width:82px;
  height:82px;
  border-radius:23px!important;
  margin-bottom:12px;
  background:#fff;
  box-shadow:
    0 9px 25px rgba(0,0,0,.11),
    0 2px 6px rgba(0,0,0,.05);
}

.store-hero.with-cover .store-hero-logo{
  margin-top:-42px;
  border:4px solid #fff;
}

.store-hero-logo img{
  clip-path:inset(0 round 18px);
}

.store-hero h1{
  margin:0;
  font-size:24px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.65px;
}

.store-hero p{
  margin-top:5px;
  color:rgba(35,35,35,.58);
  font-size:12px;
  font-weight:650;
  line-height:1.35;
}

.store-summary{
  gap:7px;
  margin-top:15px;
  font-size:11px;
}

.store-summary .pill{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border:1px solid rgba(0,0,0,.065);
  background:rgba(255,255,255,.92);
  box-shadow:0 2px 7px rgba(0,0,0,.025);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.store-summary .pill.open{
  color:#147c3b;
  background:rgba(240,255,246,.94);
  border-color:rgba(20,124,59,.13);
}

.store-reviews-trigger{
  gap:3px;
  color:#7d5c00;
  background:#fff9e9!important;
  border-color:rgba(203,149,0,.13)!important;
  box-shadow:0 2px 7px rgba(136,92,0,.04)!important;
}

.store-reviews-trigger span{
  color:var(--brand);
  font-weight:850;
}

.store-reviews-trigger:active{
  transform:scale(.975);
}

.store-hero-brand-bg img{
  filter:blur(34px) saturate(1.32);
  transform:scale(1.2);
  opacity:.58;
}

.store-hero-body.has-brand-bg::after{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.70),
    rgba(255,255,255,.80)
  );
}

.store-hero-body.has-brand-bg .pill{
  background:rgba(255,255,255,.92);
}

@media(max-width:380px){
  .store-cover{
    height:146px;
  }

  .store-hero-logo{
    width:76px;
    height:76px;
  }

  .store-hero.with-cover .store-hero-logo{
    margin-top:-39px;
  }

  .store-hero h1{
    font-size:22px;
  }

  .store-summary{
    gap:6px;
  }
}

/* Qero+ refined store profile v2 */

/* Perfil um pouco maior */
.store-hero-logo{
  width:88px;
  height:88px;
  border-radius:24px!important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.10),
    0 2px 6px rgba(0,0,0,.04);
}

/* Aro branco mais fino */
.store-hero.with-cover .store-hero-logo{
  margin-top:-45px;
  border:2px solid rgba(255,255,255,.96);
}

.store-hero-logo img{
  clip-path:inset(0 round 21px);
}

/* Mais tonalidade da identidade da loja */
.store-hero-brand-bg img{
  filter:blur(30px) saturate(1.55) contrast(1.03);
  transform:scale(1.2);
  opacity:.72;
}

/* Acabamento fosco + luminoso */
.store-hero-body.has-brand-bg::after{
  background:
    radial-gradient(
      circle at 18% 8%,
      rgba(255,255,255,.48),
      rgba(255,255,255,0) 42%
    ),
    linear-gradient(
      135deg,
      rgba(255,255,255,.52),
      rgba(255,255,255,.66)
    );
  backdrop-filter:blur(2px) saturate(1.08);
  -webkit-backdrop-filter:blur(2px) saturate(1.08);
}

/* Chips continuam legíveis sobre qualquer cor */
.store-hero-body.has-brand-bg .pill{
  background:rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 2px 8px rgba(0,0,0,.025);
}

@media(max-width:380px){
  .store-hero-logo{
    width:82px;
    height:82px;
  }

  .store-hero.with-cover .store-hero-logo{
    margin-top:-42px;
  }
}


/* Qero+ v4.4.0 - cards compactos + fotos maiores */
.products{
  gap:8px;
}
.product{
  grid-template-columns:minmax(0,1fr) 100px;
  min-height:118px;
  padding:9px 10px;
  gap:8px;
  border-radius:17px;
}
.product-img{
  width:100px;
  height:100px;
  border-radius:16px;
}
.product-img>img{
  border-radius:16px;
}
.product.is-promo{
  grid-template-columns:minmax(0,1fr) 120px;
  min-height:144px;
  padding:11px 12px;
  gap:8px;
}
.product.is-promo .product-img{
  width:120px;
  height:120px;
}
@media(max-width:380px){
  .products{
    gap:7px;
  }
  .product{
    grid-template-columns:minmax(0,1fr) 88px;
    min-height:104px;
    padding:8px 9px;
    gap:7px;
  }
  .product-img{
    width:88px;
    height:88px;
  }
  .product.is-promo{
    grid-template-columns:minmax(0,1fr) 102px;
    min-height:124px;
    padding:9px 10px;
    gap:7px;
  }
  .product.is-promo .product-img{
    width:102px;
    height:102px;
  }
}

/* Qero+ - perfil branco e status ao lado do nome */
.store-hero .store-hero-body{
  background:#fff;
}
.store-hero .store-title-row{
  display:flex;
  align-items:baseline;
  gap:9px;
  flex-wrap:wrap;
  margin-bottom:1px;
}
.store-hero .store-title-row h1{
  min-width:0;
}
.store-hero .store-profile-status{
  display:inline-block;
  flex-shrink:0;
  font-size:13px;
  font-weight:850;
  line-height:1.3;
  white-space:nowrap;
}
.store-hero .store-profile-status.is-open{
  color:#12823b;
}
.store-hero .store-profile-status.is-closed{
  color:#c62828;
}

/* Qero+ retirada no local */
.checkout-section-title{
  font-size:14px;
  margin:18px 0 8px;
}
.fulfillment-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.fulfillment-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:70px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  cursor:pointer;
}
.fulfillment-option:has(input:checked){
  border-color:var(--brand);
  background:var(--brand-soft);
  box-shadow:0 0 0 2px rgba(164,39,51,.09);
}
.fulfillment-option input{
  flex:0 0 auto;
  accent-color:var(--brand);
}
.fulfillment-option span{
  display:grid;
  gap:3px;
  min-width:0;
}
.fulfillment-option strong{
  font-size:12px;
  line-height:1.25;
}
.fulfillment-option small{
  color:var(--muted);
  font-size:10px;
  line-height:1.3;
}
.pickup-location{
  display:grid;
  gap:4px;
  margin-top:10px;
  padding:12px 13px;
  border:1px solid var(--qero-brand-border);
  border-radius:14px;
  background:var(--brand-soft);
}
.pickup-location strong{
  color:var(--brand);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pickup-location span{
  font-size:13px;
  font-weight:800;
}
.pickup-location small,
.checkout-help{
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}
.pickup-location[hidden],
#cAddressField[hidden],
#cDocField[hidden]{
  display:none!important;
}
.checkout-error{
  min-height:16px;
  margin-top:10px;
  color:var(--danger);
  font-size:12px;
}
@media (max-width:380px){
  .fulfillment-options{
    grid-template-columns:1fr;
  }
}

/* Qero+ Experiência do Cliente V1 - checkout em etapas */
.checkout-v1-drawer{
  max-height:92vh;
  padding-top:8px;
}

.checkout-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.checkout-head h2{
  margin:3px 0 4px;
  outline:none;
}

.checkout-head .sub{
  margin-bottom:0;
}

.checkout-kicker{
  color:var(--brand);
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.checkout-close{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#f5f5f5;
  color:#333;
  font-size:27px;
  line-height:1;
}

.checkout-close:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.checkout-progress{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:19px 0 18px;
}

.checkout-progress-step{
  position:relative;
  display:grid;
  justify-items:center;
  gap:6px;
  color:#999;
  text-align:center;
}

.checkout-progress-step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:14px;
  left:calc(50% + 18px);
  width:calc(100% - 29px);
  height:2px;
  background:#e7e7e7;
}

.checkout-progress-step.done:not(:last-child)::after{
  background:var(--brand);
}

.checkout-progress-step>span{
  position:relative;
  z-index:1;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:2px solid #dedede;
  border-radius:50%;
  background:#fff;
  font-size:11px;
  font-weight:900;
}

.checkout-progress-step.active>span,
.checkout-progress-step.done>span{
  border-color:var(--brand);
  background:var(--brand);
  color:#fff;
}

.checkout-progress-step.active small,
.checkout-progress-step.done small{
  color:var(--ink);
  font-weight:850;
}

.checkout-progress-step small{
  font-size:9px;
  line-height:1.2;
}

.checkout-step-panel{animation:none}
.checkout-drawer.step-forward .checkout-step-panel{
  animation:checkout-step-in .18s ease-out;
}
.checkout-drawer.step-back .checkout-step-panel{
  animation:checkout-step-back .18s ease-out;
}

@keyframes checkout-step-in{
  from{
    opacity:.65;
    transform:translateX(8px);
  }
}

@keyframes checkout-step-back{
  from{opacity:.65;transform:translateX(-8px)}
}

.checkout-address-field,
.checkout-document-field{
  margin-top:14px;
}

.checkout-compact-total{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 14px;
  margin-top:16px;
  padding:13px 14px;
  border-radius:15px;
  background:#f8f8f8;
  font-size:12px;
}

.checkout-compact-total strong{
  text-align:right;
}

.checkout-actions{
  margin-top:14px;
}

.checkout-actions .primary,
.checkout-actions .secondary{
  margin-top:0;
}

.checkout-actions .secondary{
  margin-top:9px;
}

.checkout-payment-note{
  margin-top:13px;
  padding:11px 12px;
  border-radius:13px;
  background:#f8f8f8;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}

.checkout-review-section{
  padding:15px 0;
  border-top:1px solid var(--line);
}

.checkout-review-section:first-child{
  padding-top:0;
  border-top:0;
}

.checkout-review-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.checkout-review-heading h3{
  margin:0;
  font-size:14px;
}

.checkout-review-heading button{
  border:0;
  background:transparent;
  color:var(--brand);
  padding:5px 0;
  font-size:11px;
  font-weight:850;
}

.checkout-review-items{
  display:grid;
  gap:10px;
}

.checkout-review-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}

.checkout-review-item>div{
  min-width:0;
}

.checkout-review-item strong{
  font-size:12px;
}

.checkout-review-item>strong{
  white-space:nowrap;
}

.checkout-review-item small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}

.checkout-review-options{
  color:#555!important;
}

.checkout-review-detail{
  display:grid;
  gap:4px;
  padding:11px 12px;
  border-radius:14px;
  background:#f8f8f8;
}

.checkout-review-detail strong{
  font-size:12px;
}

.checkout-review-detail span,
.checkout-review-detail small{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.checkout-review-summary{
  margin-top:4px;
}

.checkout-discount-row{
  color:#12823b;
}

.checkout-confirm-button{
  margin-top:14px;
}

.checkout-v1-drawer button:focus-visible,
.checkout-v1-drawer input:focus-visible,
.checkout-v1-drawer textarea:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}

@media(max-width:380px){
  .checkout-progress-step small{
    font-size:8.5px;
  }

  .checkout-review-item{
    padding:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .checkout-step-panel{
    animation:none;
  }
}



/* Qero+ Experiência do Cliente V1 - pedido confirmado */
.order-confirmation-backdrop{
  position:fixed;
  inset:0;
  z-index:110;
  display:flex;
  justify-content:center;
  background:#f4f4f4;
}

.order-confirmation-screen{
  width:min(680px,100%);
  height:100dvh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  background:#fff;
  box-shadow:0 0 36px rgba(0,0,0,.12);
}

.order-confirmation-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:64px;
  padding:
    calc(12px + env(safe-area-inset-top))
    18px
    12px;
  border-bottom:1px solid var(--line);
  background:#fff;
}

.order-confirmation-header>span{
  color:var(--brand);
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.order-confirmation-header button{
  width:42px;
  height:42px;
  flex:0 0 auto;
  border:0;
  border-radius:50%;
  background:#f5f5f5;
  color:#222;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.order-confirmation-content{
  overflow:auto;
  padding:24px 18px 28px;
  overscroll-behavior:contain;
}

.order-confirmation-success{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  margin:0 auto 16px;
  border-radius:50%;
  background:linear-gradient(145deg,#18a957,#0c853f);
  color:#fff;
  box-shadow:0 12px 28px rgba(18,130,59,.22);
  font-size:38px;
  font-weight:900;
}

.order-confirmation-intro{
  text-align:center;
}

.order-confirmation-intro h1{
  margin:0;
  font-size:26px;
  line-height:1.15;
}

.order-confirmation-intro p{
  max-width:430px;
  margin:8px auto 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.order-confirmation-number{
  display:grid;
  gap:3px;
  margin:22px 0 14px;
  padding:17px;
  border:1px solid #dcefe3;
  border-radius:18px;
  background:#f3fbf6;
  text-align:center;
}

.order-confirmation-number span{
  color:#35724c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.order-confirmation-number strong{
  color:#126b37;
  font-size:25px;
  line-height:1.2;
}

.order-confirmation-number small{
  color:#4e6657;
  font-size:12px;
}

.order-confirmation-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.order-confirmation-facts>div{
  display:grid;
  align-content:center;
  gap:4px;
  min-height:72px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  text-align:center;
}

.order-confirmation-facts span{
  color:var(--muted);
  font-size:10px;
}

.order-confirmation-facts strong{
  font-size:12px;
  line-height:1.3;
}

.order-confirmation-section{
  margin-top:22px;
}

.order-confirmation-section h2{
  margin:0 0 9px;
  font-size:15px;
}

.order-confirmation-detail{
  display:grid;
  gap:4px;
  padding:14px;
  border-radius:15px;
  background:#f7f7f7;
  overflow-wrap:anywhere;
}

.order-confirmation-detail.is-pending{
  border:1px solid #f1dfb1;
  background:#fffaf0;
}

.order-confirmation-detail strong{
  font-size:13px;
}

.order-confirmation-detail span{
  color:#333;
  font-size:12px;
  font-weight:750;
}

.order-confirmation-detail small{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.order-confirmation-payment-button{
  width:100%;
  margin-top:10px;
  padding:13px 15px;
  border:1.5px solid var(--brand);
  border-radius:15px;
  background:#fff;
  color:var(--brand);
  font-weight:850;
  cursor:pointer;
}

.order-confirmation-items{
  display:grid;
  gap:8px;
}

.order-confirmation-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
}

.order-confirmation-item>div{
  min-width:0;
}

.order-confirmation-item strong{
  font-size:12px;
}

.order-confirmation-item>strong{
  white-space:nowrap;
}

.order-confirmation-item small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.4;
}

.order-confirmation-empty{
  margin:0;
  color:var(--muted);
  font-size:12px;
}

.order-confirmation-summary{
  display:grid;
  gap:10px;
  margin-top:22px;
  padding:16px;
  border-radius:18px;
  background:#f7f7f7;
}

.order-confirmation-summary>div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  font-size:12px;
}

.order-confirmation-summary .total{
  margin-top:2px;
  padding-top:13px;
  border-top:1px solid var(--line);
  font-size:17px;
  font-weight:900;
}

.order-confirmation-footer{
  padding:
    12px
    18px
    calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
}

.order-confirmation-footer .primary{
  margin:0;
}

.order-card-anchor.is-recent .order-card{
  border-color:var(--brand);
  box-shadow:
    0 0 0 3px rgba(255,76,48,.13),
    0 12px 28px rgba(0,0,0,.08);
  animation:recentOrderPulse 1.1s ease-in-out 2;
}

@keyframes recentOrderPulse{
  50%{
    transform:translateY(-2px);
    box-shadow:
      0 0 0 5px rgba(255,76,48,.10),
      0 15px 32px rgba(0,0,0,.10);
  }
}

.order-confirmation-screen button:focus-visible,
.order-confirmation-screen h1:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:3px;
}

@media(max-width:480px){
  .order-confirmation-content{
    padding-top:20px;
  }

  .order-confirmation-success{
    width:64px;
    height:64px;
    font-size:34px;
  }

  .order-confirmation-intro h1{
    font-size:23px;
  }

  .order-confirmation-facts{
    grid-template-columns:1fr;
  }

  .order-confirmation-facts>div{
    min-height:0;
    text-align:left;
  }
}

@media(prefers-reduced-motion:reduce){
  .order-card-anchor.is-recent .order-card{
    animation:none;
  }
}


/* Qero+ Pix acima da confirmação */
.pix-payment-backdrop.is-over-confirmation{
  z-index:120;
}

.pix-payment-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.pix-payment-header>div{
  min-width:0;
}

.pix-payment-close{
  width:40px;
  height:40px;
  flex:0 0 auto;
  border:0;
  border-radius:50%;
  background:#f5f5f5;
  color:#222;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}

.pix-payment-status{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  padding:7px 10px;
  border-radius:999px;
  background:#fff4df;
  color:#9b6200;
  font-size:11px;
  font-weight:850;
}

.pix-payment-status.is-paid{
  background:#eaf8ef;
  color:#12823b;
}

.pix-payment-qr{
  display:flex;
  justify-content:center;
  margin:18px 0;
}

.pix-payment-qr img{
  width:210px;
  height:210px;
  max-width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  padding:8px;
  background:#fff;
}

.pix-copy-feedback{
  min-height:18px;
  margin-top:8px;
  text-align:center;
  font-size:11px;
  line-height:1.4;
}

.pix-copy-feedback.is-success{
  color:#12823b;
  font-weight:800;
}

.pix-copy-feedback.is-error{
  color:var(--danger);
}

.pix-payment-link{
  display:block;
  margin-top:10px;
  color:var(--brand);
  text-align:center;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}

.pix-payment-help{
  margin-top:14px;
  color:var(--muted);
  text-align:center;
  font-size:11px;
  line-height:1.45;
}

.pix-payment-drawer button:focus-visible,
.pix-payment-drawer textarea:focus-visible,
.pix-payment-drawer a:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}


/* Qero+ — Seleção de Cidade V1 */
.city-selection{
  min-height:calc(100vh - 92px);
  min-height:calc(100dvh - 92px);
  display:flex;
  flex-direction:column;
  padding:calc(28px + var(--safe-top)) 24px 32px;
  background:var(--surface);
}
.city-selection-brand{align-self:flex-start}
.city-selection-content{
  width:100%;
  max-width:400px;
  margin:auto;
  padding:40px 0;
}
.city-selection-pin{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:var(--brand-soft);
  color:var(--brand);
  margin-bottom:24px;
}
.city-selection-pin svg{width:30px;height:30px}
.city-selection h1{
  margin:0 0 12px;
  font-size:clamp(26px,6vw,34px);
  line-height:1.15;
  letter-spacing:-1px;
  color:var(--ink);
}
.city-selection-content>p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
.city-selection-option{
  width:100%;
  margin-top:30px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  text-align:left;
  color:var(--ink);
  background:#fff;
  border:1px solid var(--qero-brand-border);
  border-radius:20px;
  box-shadow:0 8px 24px rgba(201,54,29,.08);
}
.city-selection-option strong{display:block;font-size:19px}
.city-selection-option small{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}
.city-selection-arrow{color:var(--brand);font-size:25px}
.city-selection-option:hover{background:var(--brand-soft)}
.city-selection-content>.city-selection-soon{
  margin-top:20px;
  font-size:13px;
  text-align:center;
}
.city-selection-back{
  display:block;
  margin:24px auto 0;
  padding:12px;
  border:0;
  background:transparent;
  color:var(--brand-dark);
  font-weight:750;
}
.city-selection button:focus-visible,
.city-selection h1:focus-visible{
  outline:3px solid var(--brand);
  outline-offset:4px;
}
@media(min-width:700px){
  .city-selection{min-height:calc(100vh - 128px)}
}


/* Qero+ — refinamento visual do onboarding de cidade */
.app-shell.is-city-onboarding{
  padding-bottom:0;
}
.city-selection{
  padding:calc(32px + var(--safe-top)) 28px
    calc(28px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,var(--brand-soft) 0%,#fff 32%,#fff 100%);
}
.is-city-onboarding .city-selection{
  min-height:100vh;
  min-height:100dvh;
}
.city-selection-brand{
  width:100%;
  max-width:392px;
  margin:0 auto;
}
.city-selection-brand .brand{
  font-size:32px;
  letter-spacing:-1.6px;
}
.city-selection-content{
  max-width:392px;
  padding:48px 0 64px;
}
.city-selection-pin{
  width:68px;
  height:68px;
  margin-bottom:28px;
  border:1px solid var(--qero-brand-border);
  border-radius:23px;
  background:linear-gradient(145deg,var(--brand-soft),var(--qero-brand-border));
  box-shadow:0 8px 24px rgba(201,54,29,.06);
}
.city-selection h1{
  max-width:340px;
  margin-bottom:14px;
  font-size:clamp(28px,7vw,36px);
  font-weight:850;
  letter-spacing:-1.2px;
  line-height:1.12;
}
.city-selection-content>p{
  max-width:310px;
  font-size:15px;
  line-height:1.65;
}
.city-selection-option{
  min-height:100px;
  margin-top:32px;
  padding:22px;
  border:1px solid var(--qero-brand-border);
  border-radius:22px;
  box-shadow:0 10px 30px rgba(70,35,20,.05);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.city-selection-option>span:first-child{
  min-width:0;
}
.city-selection-option strong{
  font-size:20px;
  font-weight:800;
  letter-spacing:-.4px;
}
.city-selection-option .city-selection-availability{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:#42624b;
  font-size:12px;
  font-weight:600;
}
.city-selection-availability::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:#42905a;
}
.city-selection-arrow{
  width:38px;
  height:38px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--brand-soft);
  color:var(--brand-dark);
}
.city-selection-arrow svg{display:block}
.city-selection-option:hover{
  border-color:var(--qero-brand-border);
  background:var(--brand-soft);
  box-shadow:0 12px 32px rgba(70,35,20,.08);
}
.city-selection-content>.city-selection-soon{
  max-width:none;
  margin-top:24px;
  color:#777;
  font-size:12px;
  text-align:center;
}
@media(min-width:700px){
  .is-city-onboarding .city-selection{
    min-height:calc(100vh - 36px);
    min-height:calc(100dvh - 36px);
  }
  .city-selection{padding-left:40px;padding-right:40px}
}
@media(max-width:360px){
  .city-selection{padding-left:22px;padding-right:22px}
  .city-selection-option{padding:18px}
}
@media(max-height:650px){
  .city-selection-content{padding-top:30px;padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){
  .city-selection-option{transition:none}
}


/* Qero+ — Cidade UX Fluida V3 */

/* aproxima o conteúdo da marca sem perder a composição vertical */
.city-selection-content{
  position:relative;
  top:-24px;
}

/* card principal da única cidade disponível */
.city-selection-option{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;

  border-color:var(--qero-brand-border);

  background:
    linear-gradient(
      135deg,
      var(--brand-soft) 0%,
      var(--brand-soft) 100%
    );

  box-shadow:
    0 12px 30px rgba(201,54,29,.10);

  transition:
    transform .13s cubic-bezier(.2,.8,.2,1),
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.city-selection-option:hover{
  border-color:var(--qero-brand-border);

  background:
    linear-gradient(
      135deg,
      var(--brand-soft) 0%,
      var(--brand-soft) 100%
    );

  box-shadow:
    0 14px 34px rgba(201,54,29,.14);
}

/* feedback imediato de toque */
.city-selection-option:active,
.city-selection-option.is-selecting{
  transform:scale(.985);
  border-color:var(--qero-brand-border);
  box-shadow:
    0 6px 18px rgba(201,54,29,.10);
}

.city-selection-option:disabled{
  opacity:1;
  cursor:default;
}

/* seta passa a funcionar como CTA visual */
.city-selection-arrow{
  background:var(--brand);
  color:#fff;

  box-shadow:
    0 7px 16px rgba(201,54,29,.22);

  transition:
    transform .14s cubic-bezier(.2,.8,.2,1),
    box-shadow .18s ease;
}

.city-selection-option:active .city-selection-arrow,
.city-selection-option.is-selecting .city-selection-arrow{
  transform:translateX(2px);
  box-shadow:
    0 4px 10px rgba(201,54,29,.18);
}

/* saída curta da seleção */
.city-selection{
  transition:
    opacity .24s ease,
    transform .24s cubic-bezier(.4,0,.2,1);
}

.city-selection.is-leaving{
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
}

/* entrada suave da Home */
.app-shell.city-home-enter > *{
  animation:
    qeroCityHomeEnter .28s
    cubic-bezier(.2,.8,.2,1)
    both;
}

@keyframes qeroCityHomeEnter{
  from{
    opacity:0;
    transform:translateY(8px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media(max-height:650px){
  .city-selection-content{
    top:-12px;
  }
}

/* acessibilidade: sem movimento quando solicitado pelo sistema */
@media(prefers-reduced-motion:reduce){
  .city-selection-content{
    top:-16px;
  }

  .city-selection,
  .city-selection-option,
  .city-selection-arrow{
    transition:none!important;
  }

  .city-selection.is-leaving{
    opacity:1;
    transform:none;
  }

  .app-shell.city-home-enter > *{
    animation:none!important;
  }
}


/* Qero+ — Cidade Welcome V4 */

.city-welcome{
  background:
    radial-gradient(circle at 82% 5%,rgba(255,119,79,.08),transparent 24%),
    linear-gradient(180deg,var(--brand-soft) 0%,#fff 32%,#fff 100%);
}

.city-welcome .city-selection-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}

.city-brand-tagline{
  color:#6f6a67;
  font-size:12px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:-.08px;
}

.city-welcome .city-selection-content{
  top:-14px;
  padding-top:34px;
  padding-bottom:34px;
}

.city-welcome .city-selection-pin{
  width:62px;
  height:62px;
  margin-bottom:22px;
  border-radius:21px;
}

.city-welcome h1{
  max-width:360px;
  font-size:clamp(30px,7.7vw,39px);
  line-height:1.04;
  letter-spacing:-1.45px;
}

.city-welcome h1 em{
  display:block;
  color:var(--brand);
  font-style:normal;
}

.city-welcome-copy{
  max-width:350px!important;
  margin-top:15px!important;
  color:#5f5a57!important;
  font-size:14px!important;
  line-height:1.55!important;
}

.city-category-preview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:22px;
}

.city-category-preview > span{
  min-width:0;
  min-height:68px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 5px;
  border:1px solid rgba(201,54,29,.08);
  border-radius:17px;
  background:var(--brand-soft);
  color:#4e4a48;
  font-size:10px;
  font-weight:750;
  text-align:center;
}

.city-category-preview > span:nth-child(2){
  background:#f2fbf6;
  border-color:#def3e7;
}

.city-category-preview > span:nth-child(3){
  background:#f4f6ff;
  border-color:#e4e8fb;
}

.city-category-preview > span:nth-child(4){
  background:#fff9e9;
  border-color:#f5ebc9;
}

.city-category-preview b{
  font-size:22px;
  line-height:1;
  font-weight:400;
}

.city-beer-bottle{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  color:#a86f28;
}

.city-beer-bottle svg{
  width:22px;
  height:22px;
}

.city-welcome .city-selection-option{
  min-height:118px;
  margin-top:22px;
  padding:20px 18px;
}

.city-option-copy{
  min-width:0;
  display:block;
}

.city-welcome .city-selection-option strong{
  font-size:21px;
}

.city-option-description{
  max-width:245px;
  margin-top:9px!important;
  color:#77706c!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:550!important;
}

.city-welcome .city-selection-arrow{
  width:48px;
  height:48px;
  flex:0 0 48px;
}

.city-welcome .city-selection-arrow svg{
  width:22px;
  height:22px;
}

.city-welcome .city-selection-soon{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:20px;
}

.city-welcome .city-selection-soon > span{
  color:#8e8986;
  font-size:18px;
}

.city-local-signature{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid #f2e9e5;
  color:#77706c;
  text-align:center;
}

.city-local-signature strong{
  color:var(--brand-dark);
  font-size:13px;
  font-weight:850;
}

.city-local-signature span{
  font-size:10px;
  font-weight:600;
}

@media(max-width:360px){
  .city-category-preview{
    gap:6px;
  }

  .city-category-preview > span{
    min-height:62px;
    font-size:9px;
  }

  .city-welcome h1{
    font-size:30px;
  }
}

@media(max-height:700px){
  .city-welcome .city-selection-content{
    top:-8px;
    padding-top:24px;
  }

  .city-welcome .city-selection-pin{
    width:54px;
    height:54px;
    margin-bottom:17px;
  }

  .city-category-preview{
    margin-top:16px;
  }

  .city-welcome .city-selection-option{
    margin-top:18px;
  }

  .city-local-signature{
    margin-top:18px;
    padding-top:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .city-welcome .city-selection-content{
    top:-10px;
  }
}


/* Qero+ — Cidade Fidelidade Visual V5 */

.city-welcome-hero{
  background:
    radial-gradient(circle at 80% 8%,rgba(255,118,79,.08),transparent 22%),
    linear-gradient(180deg,var(--brand-soft) 0%,#fff 34%,#fff 100%);
}

.city-welcome-hero .city-selection-brand{
  width:100%;
  max-width:430px;
  margin:0 auto;
}

.city-welcome-hero .city-brand-tagline{
  margin-top:2px;
  font-size:12px;
}

.city-welcome-hero .city-selection-content{
  max-width:430px;
  top:-6px;
  padding-top:26px;
  padding-bottom:34px;
  text-align:center;
}

.city-welcome-hero .city-selection-pin{
  width:72px;
  height:72px;
  margin:0 auto 26px;
  border-radius:24px;
  box-shadow:0 10px 28px rgba(201,54,29,.08);
}

.city-welcome-hero h1{
  max-width:100%;
  margin:0 auto 14px;
  font-size:clamp(42px,9.8vw,58px);
  line-height:.97;
  letter-spacing:-2px;
  text-align:center;
}

.city-welcome-hero h1 em{
  display:block;
  margin-top:6px;
  color:var(--brand);
  font-style:normal;
}

.city-welcome-hero .city-welcome-copy{
  max-width:390px!important;
  margin:0 auto!important;
  color:#5b5654!important;
  font-size:16px!important;
  line-height:1.5!important;
  text-align:center!important;
}

.city-welcome-hero .city-category-preview{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}

.city-welcome-hero .city-category-preview > span{
  min-height:86px;
  gap:8px;
  padding:10px 8px;
  border-radius:20px;
  font-size:13px;
  font-weight:800;
  box-shadow:0 6px 18px rgba(28,28,28,.03);
}

.city-welcome-hero .city-category-preview b{
  font-size:26px;
}

.city-welcome-hero .city-beer-bottle{
  width:24px;
  height:24px;
}

.city-welcome-hero .city-beer-bottle svg{
  width:24px;
  height:24px;
}

.city-welcome-hero .city-selection-option{
  min-height:138px;
  margin-top:24px;
  padding:24px 22px;
  border-radius:24px;
  text-align:left;
  box-shadow:0 14px 36px rgba(201,54,29,.08);
}

.city-welcome-hero .city-selection-option strong{
  font-size:22px;
  letter-spacing:-.5px;
}

.city-welcome-hero .city-selection-availability{
  margin-top:10px;
  font-size:14px;
}

.city-welcome-hero .city-option-description{
  max-width:270px;
  margin-top:12px!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.city-welcome-hero .city-selection-arrow{
  width:56px;
  height:56px;
  flex:0 0 56px;
  box-shadow:0 10px 22px rgba(201,54,29,.22);
}

.city-welcome-hero .city-selection-arrow svg{
  width:24px;
  height:24px;
}

.city-progress-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:18px;
}

.city-progress-dots span{
  width:16px;
  height:6px;
  border-radius:999px;
  background:var(--qero-brand-border);
}

.city-progress-dots span.is-active{
  width:34px;
  background:var(--brand);
}

.city-welcome-hero .city-selection-soon{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:18px;
  color:#716b68;
  font-size:14px;
}

.city-welcome-hero .city-selection-soon > span{
  font-size:17px;
  color:#8b8582;
}

.city-scenic-footer{
  height:150px;
  margin-top:22px;
  border-radius:34px 34px 0 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 44%, #f6c652 0 24px, transparent 25px),
    radial-gradient(circle at 18% 86%, #3f8146 0 26px, transparent 27px),
    radial-gradient(circle at 28% 88%, #4d9451 0 32px, transparent 33px),
    radial-gradient(circle at 72% 90%, #589b53 0 28px, transparent 29px),
    linear-gradient(180deg,var(--brand-soft) 0%,#fff2e4 40%,#ffd8c9 100%);
  position:relative;
}

.city-scenic-footer::before{
  content:"";
  position:absolute;
  left:-6%;
  right:-6%;
  bottom:24px;
  height:58px;
  border-radius:50% 50% 0 0;
  background:
    radial-gradient(circle at 15% 95%, #df8eb2 0 22%, transparent 23%),
    radial-gradient(circle at 36% 98%, #f1b6ce 0 24%, transparent 25%),
    radial-gradient(circle at 70% 96%, #ff9f87 0 26%, transparent 27%),
    linear-gradient(180deg,#f7c2d9 0%,#d976a0 100%);
  opacity:.92;
}

.city-scenic-footer::after{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  bottom:0;
  height:74px;
  border-radius:48% 48% 0 0;
  background:
    radial-gradient(circle at 12% 90%, #3e8047 0 12%, transparent 13%),
    radial-gradient(circle at 26% 92%, #548f51 0 13%, transparent 14%),
    radial-gradient(circle at 54% 90%, #407d44 0 12%, transparent 13%),
    radial-gradient(circle at 76% 92%, #4c9151 0 13%, transparent 14%),
    linear-gradient(180deg,#7bb06a 0%,#4e8b50 100%);
}

.city-welcome-hero .city-local-signature{
  margin-top:16px;
  padding-top:0;
  border-top:0;
}

.city-welcome-hero .city-local-signature strong{
  color:var(--brand);
  font-size:18px;
  font-weight:900;
  letter-spacing:-.4px;
}

.city-welcome-hero .city-local-signature span{
  max-width:320px;
  color:#6f6966;
  font-size:14px;
  line-height:1.45;
}

@media(max-width:420px){
  .city-welcome-hero h1{
    font-size:clamp(36px,10vw,48px);
  }

  .city-welcome-hero .city-category-preview{
    gap:10px;
  }

  .city-welcome-hero .city-category-preview > span{
    min-height:78px;
    font-size:12px;
  }

  .city-scenic-footer{
    height:128px;
  }
}

@media(max-width:360px){
  .city-welcome-hero .city-selection-content{
    top:0;
  }

  .city-welcome-hero .city-category-preview{
    gap:8px;
  }

  .city-welcome-hero .city-category-preview > span{
    min-height:72px;
    font-size:11px;
    border-radius:18px;
  }

  .city-welcome-hero .city-selection-option{
    padding:20px 18px;
  }

  .city-welcome-hero .city-selection-arrow{
    width:52px;
    height:52px;
    flex-basis:52px;
  }
}

@media(max-height:740px){
  .city-welcome-hero .city-selection-content{
    padding-top:18px;
  }

  .city-welcome-hero .city-selection-pin{
    width:64px;
    height:64px;
    margin-bottom:20px;
  }

  .city-welcome-hero h1{
    font-size:clamp(34px,8.6vw,46px);
  }

  .city-welcome-hero .city-welcome-copy{
    font-size:14px!important;
  }

  .city-welcome-hero .city-category-preview{
    margin-top:20px;
  }

  .city-welcome-hero .city-category-preview > span{
    min-height:72px;
  }

  .city-welcome-hero .city-selection-option{
    min-height:122px;
    margin-top:20px;
  }

  .city-scenic-footer{
    height:112px;
    margin-top:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .city-welcome-hero .city-selection-content{
    top:0;
  }
}

/* Qero+ — título mais próximo da marca */
.city-welcome-hero .city-selection-content{
  margin-top:clamp(24px,5vh,48px);
  margin-bottom:auto;
}

/* Qero+ — Endereço estruturado V1 */
.checkout-address-fields{
  display:grid;
  gap:14px;
  margin:18px 0;
}
.checkout-address-fields .field{
  margin:0;
  min-width:0;
}
.checkout-address-fields input{
  font-size:16px;
  min-height:46px;
}
.checkout-address-fields .checkout-help{
  margin:0;
  line-height:1.5;
}


/* Qero+ — Conta do Cliente UX V1 */
.auth-drawer{
  padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));
}
.auth-form{
  padding-bottom:4px;
}
.auth-password-control{
  position:relative;
}
.auth-password-control input{
  padding-right:82px;
  font-size:16px;
}
.auth-password-toggle{
  position:absolute;
  top:50%;
  right:7px;
  min-width:66px;
  min-height:36px;
  padding:7px 9px;
  border:0;
  border-radius:10px;
  background:var(--brand-soft);
  color:var(--brand-dark);
  font-size:11px;
  font-weight:850;
  transform:translateY(-50%);
  touch-action:manipulation;
}
.auth-password-toggle:focus-visible,
.auth-tabs button:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}
.auth-error{
  line-height:1.45;
}
.auth-error:empty{
  min-height:18px;
}
@media(max-height:650px){
  .auth-drawer{
    max-height:94vh;
    max-height:94dvh;
  }
}


/* Qero+ — Carrinho V1: quantidade direta */
.cart-drawer{
  padding-bottom:calc(24px + env(safe-area-inset-bottom));
}

.cart-item{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
}

.cart-item-copy{
  min-width:0;
}

.cart-item-side{
  display:grid;
  justify-items:end;
  gap:9px;
  min-width:118px;
}

.cart-line-total{
  font-size:14px;
  white-space:nowrap;
}

.cart-qty-control{
  display:grid;
  grid-template-columns:40px 30px 40px;
  align-items:center;
  justify-content:end;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.cart-qty-control button{
  width:40px;
  height:40px;
  border:0;
  background:#f7f7f7;
  color:var(--ink);
  font-size:20px;
  font-weight:850;
  line-height:1;
  touch-action:manipulation;
}

.cart-qty-control button:active:not(:disabled){
  background:var(--brand-soft);
  color:var(--brand);
}

.cart-qty-control button:disabled{
  color:#bbb;
  cursor:not-allowed;
}

.cart-qty-control > strong{
  min-width:30px;
  text-align:center;
  font-size:13px;
}

.cart-remove{
  border:0;
  background:transparent;
  color:var(--danger);
  padding:5px 2px;
  font-size:11px;
  font-weight:750;
}

@media(max-width:360px){
  .cart-item{
    gap:8px;
  }

  .cart-item-side{
    min-width:110px;
  }

  .cart-qty-control{
    grid-template-columns:38px 28px 38px;
  }

  .cart-qty-control button{
    width:38px;
    height:40px;
  }

  .cart-qty-control > strong{
    min-width:28px;
  }
}


/* Qero+ — Pedidos compactos V1 */
.order-card-v1{
  margin:10px 16px;
  padding:14px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.035);
}

.order-card-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
}

.order-card-main{
  display:grid;
  gap:3px;
  min-width:0;
}

.order-card-number{
  color:var(--brand);
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
}

.order-card-store{
  overflow:hidden;
  color:var(--ink);
  font-size:15px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.order-card-date{
  color:var(--muted);
  font-size:11px;
}

.order-card-facts{
  display:grid;
  justify-items:end;
  gap:8px;
}

.order-status-badge{
  max-width:150px;
  padding:6px 9px;
  border-radius:999px;
  background:var(--brand-soft);
  color:var(--brand-dark);
  font-size:10px;
  font-weight:850;
  line-height:1.2;
  text-align:center;
}

.order-card-total{
  font-size:14px;
  white-space:nowrap;
}

.order-details-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:42px;
  margin-top:11px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  font-size:12px;
  font-weight:800;
  text-align:left;
  touch-action:manipulation;
}

.order-details-toggle:active{
  border-color:var(--qero-brand-border);
  background:var(--brand-soft);
}

.order-details{
  display:grid;
  gap:0;
  margin-top:12px;
  border-top:1px solid var(--line);
  animation:orderDetailsIn .18s ease-out;
}

@keyframes orderDetailsIn{
  from{
    opacity:0;
    transform:translateY(-5px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

.order-detail-section{
  padding:13px 0;
  border-bottom:1px solid var(--line);
}

.order-detail-section:last-child{
  border-bottom:0;
}

.order-detail-section h4{
  margin:0 0 8px;
  color:var(--ink);
  font-size:12px;
}

.order-detail-section p{
  margin:0;
  color:#4f4f4f;
  font-size:12px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.order-detail-section > small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.order-detail-section.is-alert{
  margin:10px 0 0;
  padding:12px;
  border:1px solid #ffd6ce;
  border-radius:14px;
  background:var(--brand-soft);
}

.order-detail-items{
  display:grid;
  gap:8px;
}

.order-detail-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
  padding:10px;
  border-radius:12px;
  background:#f8f8f8;
}

.order-detail-item > div{
  min-width:0;
}

.order-detail-item strong{
  font-size:12px;
}

.order-detail-item > strong{
  white-space:nowrap;
}

.order-detail-item small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.order-detail-empty{
  padding:11px;
  border-radius:12px;
  background:#f8f8f8;
  color:var(--muted);
  font-size:11px;
  text-align:center;
}

.order-detail-values{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px 12px;
  color:var(--muted);
  font-size:11px;
}

.order-detail-values strong{
  color:var(--ink);
  text-align:right;
}

.order-current-status{
  margin-bottom:9px;
  color:var(--brand-dark);
  font-size:12px;
  font-weight:850;
}

.order-detail-timeline{
  margin:8px 0 0;
}

.order-detail-timeline .time-step:last-child{
  padding-bottom:0;
}

.order-detail-rating{
  color:#f5a300!important;
  font-size:17px!important;
  letter-spacing:1px;
}

.order-card-action{
  display:grid;
  place-items:center;
  min-height:46px;
  text-decoration:none;
}

.order-refresh-note{
  margin-top:10px;
  color:var(--muted);
  font-size:10px;
  text-align:center;
}

@media(max-width:360px){
  .order-card-v1{
    margin-right:12px;
    margin-left:12px;
    padding:12px;
  }

  .order-card-summary{
    gap:8px;
  }

  .order-status-badge{
    max-width:120px;
    padding:5px 7px;
    font-size:9px;
  }

  .order-card-store{
    font-size:14px;
  }
}

@media(prefers-reduced-motion:reduce){
  .order-details{
    animation:none;
  }
}


/* Qero+ — correção do redesenho do carrinho */
.cart-drawer.cart-drawer-refresh{
  animation:none;
}

.checkout-drawer.checkout-drawer-refresh,
.auth-drawer.auth-drawer-refresh,
.drawer-backdrop .drawer.product-drawer-refresh{
  animation:none;
}

@media(prefers-reduced-motion:reduce){
  .drawer-backdrop,
  .drawer,
  .drawer-backdrop.is-closing,
  .drawer-backdrop.is-closing .drawer,
  .checkout-drawer.step-forward .checkout-step-panel,
  .checkout-drawer.step-back .checkout-step-panel{
    animation:none!important;
    transition:none!important;
  }
}


/* Qero+ — correção de scroll do carrinho */
html.cart-drawer-open{
  overflow:hidden;
  overscroll-behavior:none;
}

.cart-drawer{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

/* Qero+ — contenção de scroll em overlays */
.drawer-backdrop{
  overscroll-behavior:none;
  touch-action:none;
}
.drawer-backdrop .drawer{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}


/* Qero+ — acessibilidade WCAG: contraste, foco e títulos */
.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;
}
.page-title{
  margin:0;
}
.store-card:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}
.primary{
  background:var(--brand);
}
.link-btn,
.appstores-kicker,
.customizable,
.choice-head>span,
.store-reviews-trigger span,
.nav-btn.active{
  color:var(--brand);
}
.open,
.store-profile-status.is-open{
  color:#0f7433;
}
.store-meta .free-delivery-badge,
.store-summary .pill.free-delivery-badge{
  color:#0f7433;
}
.nav-btn{
  color:#6f6f6f;
}
.appstore-coming-badge small{
  color:#6f6f6f;
}

.filter-clear,
.filter-sort-btn.active,
.auth-password-toggle{
  color:var(--brand);
}
.filter-sort-btn.active{
  border-color:var(--brand);
}
.auth-tabs button{
  color:#6f6f6f;
}

/* Qero+ — acessibilidade complementar de avaliações */
.public-reviews-summary > span{
  color:#666;
}

/* Qero+ — acessibilidade complementar de carrinho e pedidos */
.order-period-btn.active{
  border-color:var(--brand);
  color:var(--brand);
}

/* Qero+ — contraste de categoria em lojas fechadas */
.store-card.is-closed .store-category{
  opacity:1;
  color:#666;
}

.store-category{
  color:#666;
}

/* Qero+ — contraste do checkout */
.checkout-kicker,
.checkout-review-heading button{
  color:var(--brand);
}
.checkout-progress-step{
  color:#666;
}
.fulfillment-option small,
.checkout-payment-note,
.checkout-review-detail span,
.checkout-review-detail small{
  color:#666;
}

/* QERO_CLIENT_FLOATING_NAV_V1 */
:root{
  --qero-nav-bottom:max(16px,env(safe-area-inset-bottom,0px));
}
.app-shell:not(.is-city-onboarding){
  padding-bottom:calc(96px + var(--qero-nav-bottom));
}
.bottom-nav{
  bottom:var(--qero-nav-bottom);
  width:min(528px,calc(100% - 32px));
  height:68px;
  padding:8px;
  border:0;
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 28px rgba(17,17,17,.12);
}
.bottom-nav .nav-btn{
  min-width:0;
  min-height:44px;
}
.cart-float{
  bottom:calc(80px + var(--qero-nav-bottom));
}
.toast{
  bottom:calc(100px + var(--qero-nav-bottom));
}
@media(min-width:700px){
  :root{
    --qero-nav-bottom:max(32px,env(safe-area-inset-bottom,0px));
  }
}
/* END_QERO_CLIENT_FLOATING_NAV_V1 */

/* QERO_STORE_LOADING_V1 */
.qero-skeleton{
  background:#eceef0;
  border-radius:10px;
  animation:qeroLoadingPulse 1.4s ease-in-out infinite;
}
.store-loading-label{font-size:13px;color:var(--muted);margin:12px 0 0}
.qero-loading-search{height:46px;border-radius:16px}
.qero-loading-product{
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px;
  align-items:center;
  gap:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:19px;
  background:#fff;
}
.qero-skeleton-title{width:70%;height:18px;margin-bottom:12px}
.qero-skeleton-line{width:90%;height:12px;margin-bottom:18px}
.qero-skeleton-price{width:65px;height:16px}
.qero-skeleton-image{width:100px;height:100px;border-radius:16px}
@keyframes qeroLoadingPulse{
  0%,100%{opacity:1}
  50%{opacity:.5}
}
@media(prefers-reduced-motion:reduce){
  .qero-skeleton{animation:none}
}
/* END_QERO_STORE_LOADING_V1 */

/* QERO_CLIENT_HEADER_V1 */
.qero-client-header{
  padding:calc(18px + var(--safe-top)) 16px 20px;
  background:#fff;
  position:relative;
}
.qero-header-row{
  display:grid;grid-template-columns:88px minmax(0,1fr) 104px;
  gap:8px;align-items:center;min-height:48px;
}
.qero-header-row .brand{font-size:32px;letter-spacing:-1.8px}
.qero-header-greeting{min-width:0;text-align:center}
.qero-header-greeting strong{display:block;font-size:12px;line-height:1.25}
.qero-header-greeting small{display:block;margin-top:3px;font-size:8px;line-height:1.35;color:var(--muted)}
.qero-header-location{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;
  min-width:0;padding:0;border:0;background:transparent;text-align:left;color:var(--ink);
}
.qero-header-location>span:first-child{min-width:0}
.qero-header-location small{display:block;font-size:11px;line-height:1.3;color:var(--muted)}
.qero-header-location strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.qero-header-location>span:last-child{flex:none;font-size:20px;color:#646b78}
.qero-header-stories{display:flex;justify-content:space-between;gap:8px;margin:20px 0 22px}
.qero-header-story{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;flex:1;font-size:12px;font-weight:700}
.qero-header-ring{
  width:100%;max-width:96px;aspect-ratio:1;height:auto;box-sizing:border-box;
  flex:none;overflow:hidden;position:relative;
  padding:3px;border:2px solid var(--qero-brand-coral);border-radius:50%;
  display:block;background:#fff;
}
.qero-header-ring img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);display:block;object-fit:cover;border-radius:50%}
.qero-header-title{margin:0 0 18px;font-size:clamp(28px,8vw,40px);line-height:1.12;letter-spacing:-1px;color:var(--brand);font-weight:850}
.qero-header-search{
  display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;
  min-height:54px;background:#f5f6f8;border-radius:14px;
}
.qero-header-search>svg{flex:none;width:25px;height:25px;color:#111}
.qero-header-search input{flex:1;min-width:0;width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}
.qero-header-search input::placeholder{color:#7b8190}
.qero-section-filter{
  position:relative;flex:none;width:42px;height:42px;border-radius:11px;
  background:#fff;color:var(--brand);box-shadow:none;
}
.qero-section-filter svg{width:25px;height:25px}
.qero-header-search:focus-within{box-shadow:none}
@media(max-width:360px){
  .qero-header-row{grid-template-columns:76px minmax(0,1fr) 84px;gap:6px}
  .qero-header-row .brand{font-size:28px}
  .qero-header-greeting strong{font-size:11px}
  .qero-header-location strong{font-size:12px}
  .qero-header-story{font-size:11px}
}
/* END_QERO_CLIENT_HEADER_V1 */

/* QERO_CIRCLE_GRID_V1 */
.store-list{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px 10px;
}
.store-list>.empty-state,
.store-list>.closed-stores-divider{grid-column:1/-1}
.store-list .qero-circle-card{
  display:flex;flex-direction:column;align-items:center;
  gap:8px;min-width:0;padding:0;
  background:transparent;border:0;border-radius:12px;box-shadow:none;
}
.store-list .qero-circle-logo{
  position:relative;width:100%;max-width:112px;aspect-ratio:1;
  height:auto;flex:none;box-sizing:border-box;
  border:1px solid #e1e4e8;border-radius:50%;
  background:#fff;overflow:hidden;font-size:34px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.store-list .qero-circle-logo img{
  position:absolute;inset:0;display:block;
  width:100%;height:100%;object-fit:contain;border-radius:50%;
}
.store-list .qero-circle-card .store-info{
  width:100%;min-width:0;padding:0;text-align:center;
}
.store-list .qero-circle-card .store-name{
  margin:0 0 4px;font-size:13px;font-weight:750;line-height:1.25;
  overflow-wrap:anywhere;
}
.qero-circle-rating,.qero-circle-delivery{
  display:flex;align-items:center;justify-content:center;
  gap:4px;min-height:23px;color:#626875;font-size:12px;line-height:1.2;
}
.qero-circle-rating svg{width:21px;height:21px;flex:none;color:var(--qero-rating)}
.qero-circle-delivery svg{width:24px;height:23px;flex:none;color:var(--brand)}
.qero-circle-delivery span{min-width:0;overflow-wrap:anywhere}
.store-list .qero-circle-card .favorite{
  top:0;right:0;width:28px;height:28px;padding:5px;
  background:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(0,0,0,.1);
}
.store-list .qero-circle-card .favorite-heart{width:18px;height:18px}
.store-list .qero-circle-card .favorite.active{background:#fff;color:var(--brand)}
.qero-circle-closed{display:block;margin-top:4px;font-size:11px;color:#666}
@media(max-width:379px){
  .store-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
}
@media(min-width:480px){
  .store-list .qero-circle-card .store-name{font-size:15px}
  .qero-circle-rating,.qero-circle-delivery{font-size:14px}
}
/* END_QERO_CIRCLE_GRID_V1 */

/* QERO_CIRCLE_REFINE_V1 */
.store-list .qero-circle-card .store-name{
  height:2.5em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.qero-header-stories{gap:6px}
.qero-header-story{flex:1 1 0}
/* END_QERO_CIRCLE_REFINE_V1 */

/* QERO_PROFILE_HOME_V1 */
.store-list .qero-circle-card .store-info{min-width:0;max-width:100%}
.store-list .qero-circle-card .store-name{
  display:block;
  height:1.25em;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  overflow-wrap:normal;
  -webkit-line-clamp:unset;
}
.qero-header-title{color:#111}
.qero-explore-title{
  min-width:0;
  font-size:clamp(18px,5vw,24px);
  line-height:1.2;
}
.qero-commerce-status{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:8px;
  padding:3px 7px;
  color:#17191e;
  font-size:14px;
}
.qero-commerce-signal{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:#18a957;
  animation:qeroCommercePulse 1.6s ease-out infinite;
}
@keyframes qeroCommercePulse{
  0%{box-shadow:0 0 0 0 rgba(24,169,87,.42)}
  70%{box-shadow:0 0 0 7px rgba(24,169,87,0)}
  100%{box-shadow:0 0 0 0 rgba(24,169,87,0)}
}
@media(prefers-reduced-motion:reduce){
  .qero-commerce-signal{animation:none}
}
/* END_QERO_PROFILE_HOME_V1 */

/* QERO_CUSTOMER_PROFILE_VIEW_V1 */
.qero-account-page{padding-bottom:130px}
.qero-account-heading{margin:8px 0 22px}
.qero-account-heading>span{
  color:var(--brand);font-size:10px;font-weight:850;letter-spacing:.12em;
}
.qero-account-heading h1{
  margin:12px 0 6px;font-size:34px;line-height:1.15;letter-spacing:-.04em;
}
.qero-account-heading p{margin:0;color:#666;font-size:13px}
.qero-account-identity,.qero-account-menu-item{
  width:100%;display:flex;align-items:center;gap:12px;
  padding:15px 14px;border:1px solid var(--line);border-radius:17px;
  background:#fff;color:#17191e;text-align:left;
}
.qero-account-avatar{
  width:46px;height:46px;flex:0 0 46px;border-radius:50%;
  display:grid;place-items:center;background:var(--brand-soft);
  color:var(--brand);font-size:19px;font-weight:850;
}
.qero-account-copy{flex:1;min-width:0}
.qero-account-copy strong,.qero-account-copy small{display:block}
.qero-account-copy strong{font-size:14px;font-weight:800;overflow-wrap:anywhere}
.qero-account-copy small{margin-top:4px;font-size:12px;color:#666;line-height:1.4}
.qero-account-arrow{flex:none;color:#777;font-size:25px}
.qero-account-section{margin:25px 0}
.qero-account-section>h2{margin:0 0 11px;font-size:17px}
.qero-account-menu{border:1px solid var(--line);border-radius:17px;overflow:hidden}
.qero-account-menu .qero-account-menu-item{border:0;border-radius:0}
.qero-account-menu .qero-account-menu-item+.qero-account-menu-item{border-top:1px solid var(--line)}
.qero-account-icon{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border-radius:12px;background:var(--brand-soft);color:var(--brand);
  font-size:23px;font-weight:700;
}
.qero-account-icon svg{width:23px;height:23px}
.qero-account-section .profile-card{margin:0;padding:16px;background:#fff}
.qero-account-section .profile-card h2{font-size:21px}
.qero-account-section .profile-card p{font-size:13px}
.qero-account-logout{margin:4px 0 22px}
.qero-account-menu-item:disabled{opacity:.65}
.qero-account-identity:focus-visible,
.qero-account-menu-item:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.qero-account-drawer h2{margin:10px 0 18px;font-size:23px}
.qero-account-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qero-account-drawer-head button{
  width:40px;height:40px;border:0;border-radius:50%;background:#f4f4f4;font-size:24px;
}
.qero-account-feedback{font-size:13px;line-height:1.45;color:#b42318}
.qero-account-address{
  margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:14px;
}
.qero-account-address strong,.qero-account-address span{display:block;overflow-wrap:anywhere}
.qero-account-address span{margin-top:5px;color:#666;font-size:13px;line-height:1.4}
.qero-account-address-actions{display:flex;gap:10px;margin-top:12px}
.qero-account-address-actions button{
  min-height:40px;padding:8px 12px;border:1px solid var(--line);
  border-radius:10px;background:#fff;color:#333;
}
.qero-account-help{display:block;margin:10px 0 15px;font-size:12px;color:#666;line-height:1.5}
/* END_QERO_CUSTOMER_PROFILE_VIEW_V1 */


/* QERO_STORE_PRODUCT_VISUAL_V1 */
.qero-modern-store{padding-bottom:120px;background:#fff}
.qero-store-profile{overflow:hidden}
.qero-store-cover{height:clamp(170px,46vw,260px);overflow:hidden;border-radius:0 0 28px 28px;background:#f6f6f6}
.qero-store-cover img{display:block;width:100%;height:100%;object-fit:cover}
.qero-store-profile-body{padding:24px 20px 10px;text-align:center}
.qero-store-profile-body.has-cover{padding-top:0}
.qero-store-logo{
  position:relative;width:112px;height:112px;margin:0 auto 14px;
  border:5px solid #fff;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;background:#fff;font-size:44px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.has-cover .qero-store-logo{margin-top:-56px}
.qero-store-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.qero-store-profile h1{margin:0;font-size:29px;line-height:1.2;overflow-wrap:anywhere}
.qero-store-category{margin:6px 0;color:#777;font-size:15px}
.qero-store-status{display:block;font-size:15px;font-weight:750;color:#777}
.qero-store-status.is-open{color:#079746}
.qero-store-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0;gap:0}
.qero-store-facts>div,.qero-store-facts>button{
  min-width:0;padding:3px 8px;border:0;background:transparent;
  color:#111;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:5px;
}
.qero-store-facts>:not(:first-child){border-left:1px solid var(--line)}
.qero-store-facts strong{font-size:15px;overflow-wrap:anywhere}
.qero-store-facts small{font-size:11px;color:#777}
.qero-store-facts .is-free{color:#079746}
.qero-store-favorite{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:52px;border:0;border-radius:30px;
  background:var(--brand-soft);color:var(--brand);font-size:17px;font-weight:750;
}
.qero-store-favorite svg{width:26px;height:26px;display:block}
.qero-store-favorite.active{background:var(--brand);color:#fff}
.qero-store-favorite.active svg{fill:currentColor}
.qero-modern-store .menu-tabs{background:#fff}
.qero-modern-store .menu-tab.active{color:var(--brand);border-color:var(--brand)}
.qero-modern-store .products{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:16px;
}
.qero-modern-store .products>.empty-state{grid-column:1/-1}
.qero-modern-store .product{
  display:flex;flex-direction:column;gap:10px;min-width:0;padding:0;
  background:transparent;border:0;box-shadow:none;border-radius:16px;
}
.qero-modern-store .product-img{
  order:-1;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:18px;
}
.qero-modern-store .product-img img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.qero-modern-store .product-main{min-width:0;width:100%}
.qero-modern-store .product-title{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.qero-modern-store .product-desc{font-size:12px;line-height:1.4}
.qero-modern-store .product-price{font-size:19px;color:var(--brand)}
.qero-product-detail .drawer{
  position:relative;width:100%;max-width:600px;height:100dvh;max-height:100dvh;
  padding:0;border-radius:0;overflow-y:auto;background:#fff;
}
.qero-product-detail .drawer-handle{position:absolute;top:10px;left:calc(50% - 20px);z-index:4}
.qero-product-close{
  position:absolute;top:calc(20px + var(--safe-top));left:18px;z-index:3;
  display:grid;place-items:center;width:44px;height:44px;border:0;
  border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.qero-product-detail .product-detail-media{
  width:100%;height:clamp(240px,48dvh,440px);max-height:none;aspect-ratio:auto;
  margin:0;border-radius:0;background:#f6f6f6;
}
.qero-product-detail .product-detail-media img{width:100%;height:100%;object-fit:contain}
.qero-product-panel{
  position:relative;margin-top:-24px;padding:26px 20px calc(24px + var(--safe-bottom));
  border-radius:30px 30px 0 0;background:#fff;
}
.qero-product-panel h2{margin:0 0 8px;font-size:28px;line-height:1.2;overflow-wrap:anywhere}
.qero-product-panel .sub{font-size:15px;line-height:1.5}
.qero-product-panel .choice-group{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.qero-product-panel .choice-head>span{background:var(--brand-soft);color:var(--brand);border-radius:18px;padding:7px 10px}
.qero-product-panel .choice-option{
  display:flex;align-items:center;gap:10px;min-width:0;padding:12px;
  border-radius:16px;background:#fafafa;
}
.qero-product-panel .choice-option:has(input:checked){background:var(--brand-soft);border-color:var(--brand)}
.qero-product-panel .choice-option input{order:3;flex:none;accent-color:var(--brand)}
.qero-product-panel .choice-option>span{flex:1;min-width:0;overflow-wrap:anywhere}
.qero-product-panel .choice-option>strong{flex:none;font-size:13px;color:var(--brand)}
.qero-option-photo{flex:0 0 64px;width:64px;height:64px;object-fit:cover;border-radius:12px}
.qero-product-panel .qty-row{margin-top:22px;padding:18px 0;border-top:1px solid var(--line)}
.qero-product-panel .stepper button:last-child{background:var(--brand);color:#fff}
.qero-product-total{display:flex;justify-content:space-between;gap:12px;margin:0 0 18px;padding-top:16px;border-top:1px solid var(--line);font-size:22px}
.qero-product-panel #addProduct{min-height:56px;background:var(--brand);border-radius:18px;font-size:18px}
@media(max-width:359px){
  .qero-store-profile-body{padding-left:14px;padding-right:14px}
  .qero-store-facts strong{font-size:13px}
  .qero-product-panel{padding-left:14px;padding-right:14px}
  .qero-option-photo{flex-basis:48px;width:48px;height:48px}
  .qero-product-panel .choice-option{gap:7px;padding:10px}
}
@media(min-width:700px){
  .qero-modern-store .products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* END_QERO_STORE_PRODUCT_VISUAL_V1 */


/* QERO_WELCOME_AUTH_CITY_V1 */
.city-selection.qero-welcome-screen{
  display:block;padding:0;min-height:100dvh;background:#fff;
}
.qero-welcome-art{
  position:relative;height:clamp(390px,68dvh,660px);overflow:hidden;background:var(--brand);
}
.qero-welcome-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.qero-welcome-art::after{
  content:"";position:absolute;inset:45% 0 0;
  background:linear-gradient(transparent,rgba(40,12,0,.68));pointer-events:none;
}
.qero-welcome-brand{
  position:absolute;top:calc(24px + var(--safe-top));left:24px;right:24px;z-index:1;color:#fff;
}
.qero-welcome-brand strong{display:block;font-size:42px;font-weight:850;letter-spacing:-1.5px;line-height:1.1}
.qero-welcome-brand span{display:block;margin-top:6px;font-size:13px}
.qero-welcome-screen .qero-welcome-art h1{
  position:absolute;bottom:46px;left:24px;right:24px;z-index:1;
  margin:0;color:#fff;font-size:clamp(32px,8.5vw,48px);
  font-weight:850;line-height:1.08;letter-spacing:-1px;
}
.qero-welcome-panel{
  position:relative;z-index:2;margin-top:-26px;
  padding:22px 20px calc(28px + var(--safe-bottom));
  border-radius:30px 30px 0 0;background:#fff;
}
.qero-welcome-panel>p{margin:0 0 18px;color:#666;font-size:14px;line-height:1.5;text-align:center}
.qero-welcome-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}
.qero-welcome-categories>span{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  min-width:0;padding:12px 3px;border:1px solid var(--qero-brand-border);border-radius:18px;
  background:var(--brand-soft);font-size:11px;font-weight:750;
}
.qero-welcome-categories>span:nth-child(2){background:#effaf5;border-color:#d7f2e6}
.qero-welcome-categories>span:nth-child(3){background:#f4f2ff;border-color:#e5dfff}
.qero-welcome-categories>span:nth-child(4){background:#fff9ee;border-color:#ffedc9}
.qero-welcome-categories b{font-size:33px;line-height:1.2}
.qero-welcome-action{
  display:flex;align-items:center;gap:14px;width:100%;min-height:62px;margin:10px 0;
  padding:12px 16px;border:1px solid #e6e6e6;border-radius:18px;
  background:#fff;color:#111;text-align:left;box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.qero-welcome-action strong{flex:1;min-width:0;font-size:22px}
.qero-welcome-action>span{display:grid;place-items:center;font-size:27px;color:var(--brand)}
.qero-welcome-action svg{display:block;width:27px;height:27px}
.qero-welcome-action.primary-action{background:var(--brand);border-color:var(--brand);color:#fff}
.qero-welcome-action.primary-action>span{color:#fff}
.qero-welcome-city{
  display:flex;align-items:center;gap:12px;width:100%;padding:18px;
  border:1px solid var(--qero-brand-border);border-radius:22px;background:var(--brand-soft);color:#111;text-align:left;
}
.qero-welcome-city>span:first-child{flex:1;min-width:0}
.qero-welcome-city strong{display:block;font-size:25px}
.qero-welcome-city small{display:block;margin-top:8px;color:#666;font-size:13px;line-height:1.5}
.qero-welcome-city .qero-welcome-available{color:#078c48;font-weight:750}
.qero-welcome-city-arrow{
  display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;
  border-radius:50%;background:var(--brand);color:#fff;font-size:30px;
}
.qero-welcome-progress{display:flex;justify-content:center;gap:8px;margin-top:22px}
.qero-welcome-progress span{width:16px;height:7px;border-radius:8px;background:#eee4df}
.qero-welcome-progress span.active{width:24px;background:var(--brand)}
.qero-welcome-screen button:focus-visible{outline:3px solid #111;outline-offset:3px}
@media(max-width:350px){
  .qero-welcome-panel{padding-left:14px;padding-right:14px}
  .qero-welcome-categories{gap:5px}
  .qero-welcome-categories>span{font-size:10px}
  .qero-welcome-categories b{font-size:28px}
}
@media(min-width:700px){
  .qero-welcome-art{height:660px}
  .qero-welcome-panel{padding-left:32px;padding-right:32px}
}
/* END_QERO_WELCOME_AUTH_CITY_V1 */


/* QERO_STORE_REFERENCE_REFINE_V1 */
.qero-modern-store,.qero-store-loading-refined{position:relative}
.qero-store-back{
  position:absolute;top:calc(16px + var(--safe-top));left:16px;z-index:4;
  display:grid;place-items:center;width:42px;height:42px;border:0;
  border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.qero-store-back svg{width:22px;height:22px}
.qero-store-cover.is-placeholder{height:150px;background:linear-gradient(135deg,var(--brand-soft),var(--brand-soft))}
.qero-store-loading-refined .store-hero{margin-top:0}
.qero-store-facts .qero-store-fact-value{
  display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;
}
.qero-store-fact-icon{display:inline-flex;flex:none}
.qero-store-fact-icon svg{display:block;width:23px;height:23px}
.qero-store-fact-icon.rating-icon{color:var(--qero-rating)}
.qero-store-fact-icon.delivery-icon{color:#079746}
.qero-store-fact-icon.delivery-icon svg{width:27px}
.qero-store-fact-icon.clock-icon{color:#777}
.qero-modern-store .menu-tabs{
  display:flex;gap:20px;margin:18px 20px 0;padding:0;
  border-bottom:1px solid #e9e9e9;overflow-x:auto;background:#fff;
}
.qero-modern-store .menu-tabs .menu-tab{
  flex:0 0 auto;margin:0;padding:14px 0 12px;
  border:0;border-bottom:3px solid transparent;border-radius:0;
  background:transparent;color:#111;box-shadow:none;
  font-size:15px;font-weight:700;line-height:1.2;
}
.qero-modern-store .menu-tabs .menu-tab.active{
  background:transparent;color:var(--brand);border:0;border-bottom:3px solid var(--brand);
}
.qero-modern-store .products{padding-top:12px}
.qero-modern-store .product-img{order:0}
.qero-modern-store .qero-product-card-title{
  width:100%;min-width:0;min-height:2.6em;margin:0;
  font-size:15px;font-weight:800;line-height:1.3;overflow-wrap:anywhere;
}
.qero-modern-store .product-main{order:0}
@media(max-width:359px){
  .qero-store-facts .qero-store-fact-value{gap:3px;font-size:12px}
  .qero-store-fact-icon svg{width:19px;height:19px}
  .qero-store-fact-icon.delivery-icon svg{width:23px}
  .qero-modern-store .menu-tabs{margin-left:14px;margin-right:14px;gap:17px}
}
/* END_QERO_STORE_REFERENCE_REFINE_V1 */


/* QERO_CARDS_CHECKS_REFINE_V1 */
.qero-welcome-city-arrow{font-size:0}
.qero-welcome-city-arrow svg{display:block;width:25px;height:25px;flex:none}

.qero-modern-store .products{
  gap:22px 14px;align-items:start;
}
.qero-modern-store .qero-reference-product{
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto;gap:7px;
  min-width:0;align-content:start;
}
.qero-modern-store .qero-reference-product .qero-product-card-title{
  height:1.3em;min-height:0;max-width:100%;
  margin:0;padding:0;font-size:clamp(11px,3.2vw,15px);
  line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.qero-modern-store .qero-reference-product .product-img{
  position:relative;order:0;width:100%;height:auto;
  min-height:0;max-height:none;aspect-ratio:1/1;
  margin:0;border-radius:18px;overflow:hidden;
}
.qero-modern-store .qero-reference-product .product-img>img{
  display:block;width:100%;height:100%;
  max-width:none;max-height:none;object-fit:cover;
}
.qero-modern-store .qero-reference-product .product-main{
  width:100%;min-width:0;margin:0;padding:0;text-align:center;
}
.qero-modern-store .qero-reference-product .product-price{
  margin:0;font-size:clamp(19px,5.4vw,25px);font-weight:800;line-height:1.25;color:var(--brand);
}
.qero-modern-store .qero-reference-product .product-price-block{
  align-items:center;justify-content:center;text-align:center;margin:0;
}
.qero-modern-store .qero-reference-product .product-promo-price{
  color:var(--brand);font-size:clamp(19px,5.4vw,25px);line-height:1.25;
}
.qero-card-badges{position:absolute;top:8px;left:8px;right:8px;pointer-events:none}
.qero-card-badges:empty{display:none}
.qero-card-badges .product-badges{margin:0}

.qero-product-panel .choice-option,
.qero-product-panel .choice-option:has(input:checked){
  border-color:#e8e8e8;background:#fafafa;box-shadow:none;
}
.qero-product-panel .choice-option input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;
  display:grid;place-items:center;box-sizing:border-box;
  flex:0 0 20px;width:20px;height:20px;margin:0;padding:0;
  border:1.5px solid #909090;border-radius:4px;background:#fff;
  color:#fff;cursor:pointer;
}
.qero-product-panel .choice-option input[type="checkbox"]::before{
  content:"";display:block;width:5px;height:10px;
  border:solid #fff;border-width:0 2.5px 2.5px 0;
  transform:translateY(-1px) rotate(45deg);visibility:hidden;
}
.qero-product-panel .choice-option input[type="checkbox"]:checked{
  border-color:var(--brand);background:var(--brand);
}
.qero-product-panel .choice-option input[type="checkbox"]:checked::before{
  visibility:visible;
}
.qero-product-panel .choice-option input[type="checkbox"]:focus-visible{
  outline:2px solid #111;outline-offset:3px;
}
.qero-product-panel .choice-option input[type="checkbox"]:disabled{
  opacity:.5;cursor:default;
}
@media(forced-colors:active){
  .qero-product-panel .choice-option input[type="checkbox"]{
    appearance:auto;-webkit-appearance:auto;forced-color-adjust:auto;
  }
  .qero-product-panel .choice-option input[type="checkbox"]::before{display:none}
}
/* END_QERO_CARDS_CHECKS_REFINE_V1 */


/* QERO_STORE_STORIES_CLIENT_V1 */
.qero-header-stories{
  display:flex;justify-content:flex-start;align-items:flex-start;
  gap:12px;margin:20px 0 22px;padding:3px 0 6px;
  overflow-x:auto;overflow-y:hidden;max-width:100%;
  scroll-snap-type:x proximity;scroll-padding-inline:1px;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;touch-action:auto;
}
.qero-header-stories::-webkit-scrollbar{display:none}
.qero-header-stories .qero-header-story{
  display:flex;flex-direction:column;align-items:center;gap:7px;
  flex:0 0 clamp(80px,22vw,96px);width:clamp(80px,22vw,96px);
  min-width:0;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;color:#111;font-size:12px;font-weight:700;
  scroll-snap-align:start;cursor:pointer;user-select:none;
}
.qero-header-stories .qero-header-ring{
  width:100%;max-width:none;aspect-ratio:1;height:auto;
  border:2px solid var(--qero-brand-coral);padding:3px;
}
.qero-header-stories .qero-story-name{
  display:block;width:100%;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
}
.qero-story-fallback{
  position:absolute;inset:3px;display:grid;place-items:center;
  border-radius:50%;background:var(--brand-soft);font-size:36px;
}
.qero-header-stories .qero-header-story:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px;border-radius:12px;
}
.qero-header-stories.is-dragging{
  scroll-snap-type:none;cursor:grabbing;
}
.qero-header-stories.is-dragging .qero-header-story{cursor:grabbing}
/* END_QERO_STORE_STORIES_CLIENT_V1 */


/* QERO_STORY_TRACK_EDGES_V2 */
.qero-client-header{min-width:0;box-sizing:border-box}
.qero-client-header .qero-header-stories{
  display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - 24px)/4);gap:8px;
  width:calc(100% + 32px);max-width:none;
  margin-left:-16px;margin-right:-16px;
  padding:4px 16px 8px;box-sizing:border-box;
  scroll-padding-inline:16px;align-items:start;
}
.qero-client-header .qero-header-stories .qero-header-story{
  width:100%;min-width:0;flex:none;
}
.qero-client-header .qero-header-stories .qero-header-ring{
  width:100%;height:auto;max-width:96px;aspect-ratio:1;
  flex:none;box-sizing:border-box;
}
.qero-client-header .qero-header-stories .qero-story-name{max-width:100%}
/* END_QERO_STORY_TRACK_EDGES_V2 */


/* QERO_STORY_VIEWER_V1 */
.drawer-backdrop.qero-story-overlay{
  z-index:150;align-items:center;padding:12px;
  background:rgba(0,0,0,.86);animation:none;
}
.qero-story-overlay .drawer.qero-story-viewer{
  display:flex;flex-direction:column;gap:12px;
  width:100%;max-width:440px;height:min(94dvh,860px);max-height:none;
  margin:0;padding:14px;box-sizing:border-box;
  border-radius:22px;overflow:hidden;
  background:#101710;color:#fff;animation:none;
}
.qero-story-progress{flex:none;height:3px;border-radius:8px;background:rgba(255,255,255,.25);overflow:hidden}
.qero-story-progress i{display:block;width:0;height:100%;background:#fff}
.qero-story-viewer-head{display:flex;align-items:center;gap:9px;flex:none;min-width:0}
.qero-story-viewer-head strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.qero-story-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#fff;color:#111}
.qero-story-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.qero-story-viewer-head button{
  display:grid;place-items:center;flex:none;width:40px;height:40px;
  padding:8px;border:0;border-radius:50%;background:transparent;color:#fff;
}
.qero-story-viewer-head button svg{width:23px;height:23px}
.qero-story-picture{position:relative;display:grid;place-items:center;flex:1;min-height:0;overflow:hidden;border-radius:14px}
.qero-story-picture>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.qero-story-picture>img[hidden]{display:none}
.qero-story-picture>p{position:absolute;left:40px;right:40px;top:45%;margin:0;text-align:center;font-size:14px;color:#fff;pointer-events:none}
.qero-story-picture>p:empty{display:none}
#qeroStoryRetry{position:absolute;top:60%;padding:12px;border:1px solid #fff;border-radius:12px;background:#fff;color:#111;z-index:2}
#qeroStoryRetry[hidden]{display:none}
.qero-story-nav{
  position:absolute;top:0;bottom:0;width:22%;padding:8px;
  border:0;background:transparent;color:#fff;opacity:0;
}
.qero-story-nav.previous{left:0}
.qero-story-nav.next{right:0}
.qero-story-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.qero-story-nav:focus-visible,.qero-story-nav:hover{opacity:1}
.qero-story-nav:disabled{pointer-events:none}
.qero-story-viewer-footer{display:flex;align-items:center;gap:12px;flex:none}
.qero-story-viewer-footer button{
  display:grid;place-items:center;min-height:44px;
  border:0;border-radius:12px;font-size:14px;font-weight:750;
}
#qeroStoryPause{width:44px;flex:none;background:rgba(255,255,255,.12);color:#fff}
#qeroStoryPause svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
#qeroStoryShop{flex:1;background:var(--brand);color:#fff}
.qero-story-viewer button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:600px){
  .drawer-backdrop.qero-story-overlay{padding:0}
  .qero-story-overlay .drawer.qero-story-viewer{
    max-width:none;height:100dvh;border-radius:0;
    padding:calc(10px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));
  }
}
/* END_QERO_STORY_VIEWER_V1 */

/* QERO_STORY_GESTURES_V2 */
.qero-header-stories .qero-header-story.is-seen .qero-header-ring{border-color:#d6d6d6}
.qero-header-stories .qero-header-story.is-seen .qero-story-name{color:#747474}
.drawer-backdrop.qero-story-overlay{perspective:1200px;overflow:hidden;background:#000b}
.qero-story-stage{
  position:relative;width:100%;max-width:440px;height:min(94dvh,860px);
  perspective:1100px;transform-style:preserve-3d;touch-action:none;
}
.qero-story-stage .drawer.qero-story-viewer{
  position:relative;display:block;width:100%;height:100%;max-width:none;
  padding:0;gap:0;background:var(--brand-soft);overflow:hidden;
  backface-visibility:hidden;transform-style:preserve-3d;isolation:isolate;
}
.qero-story-stage .drawer.qero-story-outgoing{
  position:absolute;inset:0;margin:0;z-index:5;pointer-events:none;
}
.qero-story-backdrop{
  position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;
  filter:blur(24px) brightness(.72);pointer-events:none;z-index:0;
}
.qero-story-stage .qero-story-picture{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:1}
.qero-story-stage .qero-story-picture>img{object-fit:contain}
.qero-story-stage .qero-story-progress{position:absolute;left:14px;right:14px;top:12px;z-index:3}
.qero-story-stage .qero-story-viewer-head{
  position:absolute;left:0;right:0;top:22px;padding:10px 14px 24px;z-index:3;
  background:linear-gradient(#0006,transparent);text-shadow:0 1px 4px #0005;
}
.qero-story-stage .qero-story-viewer-footer{
  position:absolute;left:0;right:0;bottom:0;padding:28px 14px 14px;z-index:3;
  background:linear-gradient(transparent,#0006);
}
.qero-story-stage .qero-story-picture>p{
  padding:12px;border-radius:12px;background:#0006;text-shadow:0 1px 3px #000;
}
.qero-story-stage .qero-story-avatar{text-shadow:none}
.qero-story-stage .qero-story-nav{z-index:2}
.qero-story-stage .qero-story-nav:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:600px){
  .qero-story-stage{max-width:none;height:100dvh}
  .qero-story-stage .drawer.qero-story-viewer{padding:0;border-radius:0}
  .qero-story-stage .qero-story-progress{top:calc(10px + var(--safe-top))}
  .qero-story-stage .qero-story-viewer-head{top:calc(20px + var(--safe-top))}
  .qero-story-stage .qero-story-viewer-footer{padding-bottom:calc(12px + var(--safe-bottom))}
}
@media(prefers-reduced-motion:reduce){.qero-story-stage{perspective:none}}
/* END_QERO_STORY_GESTURES_V2 */

/* QERO_STORY_LOGOS_GLASS_V1 */
.qero-story-brandmark{
  position:absolute;inset:3px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:#fff;color:#151515;
  font-size:clamp(18px,5vw,25px);font-weight:850;letter-spacing:-1.6px;
}
.qero-story-brandmark .q,.qero-story-brandmark .plus{color:var(--brand)}
.qero-story-logo-fallback{
  position:absolute;inset:3px;display:grid;place-items:center;
  background:#fff;border-radius:50%;font-size:35px;
}
.qero-store-logo.has-story{box-shadow:0 0 0 3px var(--qero-brand-coral),0 8px 24px #0002}
.qero-store-logo.has-story.is-seen{box-shadow:0 0 0 3px #d6d6d6,0 8px 24px #0002}
.qero-store-story-trigger{
  display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;
  border:0;border-radius:50%;background:#fff;color:inherit;font:inherit;cursor:pointer;
}
.qero-store-story-trigger:focus-visible{outline:3px solid var(--brand);outline-offset:-4px}
.qero-story-stage #qeroStoryShop{
  display:flex;align-items:center;justify-content:center;gap:10px;
  position:relative;overflow:hidden;min-height:48px;padding:12px 18px;
  border:1px solid rgba(255,255,255,.48);border-radius:16px;
  background:rgba(18,22,26,.88);
  color:#fff;text-shadow:0 1px 3px #0006;
  box-shadow:inset 0 1px 0 #ffffff60,inset 0 -1px 0 #ffffff10,0 5px 18px #0002;
  backdrop-filter:blur(18px) saturate(165%);
  -webkit-backdrop-filter:blur(18px) saturate(165%);
}
.qero-story-stage #qeroStoryShop svg{width:23px;height:23px;flex:none}
.qero-story-stage #qeroStoryShop:active{background:rgba(18,22,26,.78)}
@supports (backdrop-filter:blur(1px)){
  .qero-story-stage #qeroStoryShop{
    background:linear-gradient(135deg,#ffffff20,#ffffff05),rgba(18,22,26,.62);
  }
}
@supports (-webkit-backdrop-filter:blur(1px)){
  .qero-story-stage #qeroStoryShop{
    background:linear-gradient(135deg,#ffffff20,#ffffff05),rgba(18,22,26,.62);
  }
}
/* END_QERO_STORY_LOGOS_GLASS_V1 */

/* QERO_HOME_HEADING_ORANGE_V1 */
.app-shell .qero-client-header .qero-header-title{color:var(--brand)}
/* END_QERO_HOME_HEADING_ORANGE_V1 */


/* QERO_PRODUCT_COLLECTIONS_V1 */
.qero-modern-store #productList.qero-collections{
  display:block;min-width:0;padding:8px 0 24px;background:#fafafa;
}
.qero-product-collection{
  min-width:0;margin:0;padding:22px 0 12px;
}
.qero-collection-heading{padding:0 16px;margin-bottom:15px}
.qero-collection-heading .qero-collection-eyebrow{
  display:block;margin-bottom:7px;color:var(--brand);
  font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;
}
.qero-collection-heading h2{
  margin:0;color:#171717;font-size:25px;font-weight:850;
  line-height:1.12;letter-spacing:-.6px;overflow-wrap:anywhere;
}
.qero-collection-track{
  display:flex;align-items:stretch;gap:12px;min-width:0;
  width:100%;box-sizing:border-box;margin:0;padding:0 16px 16px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;
  scroll-padding-inline:16px;overscroll-behavior-inline:contain;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.qero-collection-track::-webkit-scrollbar{display:none}
.qero-collection-track>.qero-collection-product{
  flex:0 0 clamp(165px,48vw,230px);min-width:0;box-sizing:border-box;
  display:flex;flex-direction:column;gap:0;padding:0;margin:0;
  border:1px solid #eeeeee;border-radius:22px;overflow:hidden;
  background:#fff;color:#202020;cursor:pointer;
  box-shadow:0 7px 22px rgba(0,0,0,.045);scroll-snap-align:start;
}
.qero-collection-product .qero-collection-media{
  position:relative;flex:none;display:grid;place-items:center;
  width:100%;aspect-ratio:8/5;overflow:hidden;
  background:linear-gradient(145deg,var(--brand-soft),var(--qero-brand-border));
}
.qero-collection-media>img{
  display:block;width:100%;height:100%;object-fit:cover;
  border-radius:0;max-width:none;max-height:none;
}
.qero-collection-media>span{font-size:50px;line-height:1}
.qero-collection-media .qero-card-badges{
  position:absolute;top:8px;left:8px;right:8px;pointer-events:none;
}
.qero-collection-media .product-badges{margin:0;gap:4px}
.qero-collection-media .product-badge{
  min-height:21px;font-size:10px;padding:4px 7px;
}
.qero-collection-product .qero-collection-body{
  display:flex;flex:1;flex-direction:column;gap:10px;
  min-width:0;padding:14px 12px 12px;
}
.qero-collection-body .qero-collection-product-title{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;min-height:2.6em;margin:0;padding:0;
  color:#202020;font-size:15px;font-weight:850;line-height:1.3;
  overflow-wrap:anywhere;
}
.qero-collection-body .qero-collection-store{
  margin:0;color:#777;font-size:12px;line-height:1.4;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.qero-collection-price{min-height:28px;margin-top:auto}
.qero-collection-price .product-price{
  color:#202020;font-size:21px;font-weight:850;line-height:1.25;
}
.qero-collection-price .product-price-block{
  justify-content:flex-start;align-items:baseline;gap:5px;margin:0;
}
.qero-collection-price .product-promo-price{
  color:var(--brand);font-size:21px;font-weight:850;line-height:1.25;
}
.qero-collection-price .product-old-price{font-size:11px}
.qero-collection-body .qero-collection-details{
  display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;width:100%;min-height:42px;margin-top:2px;
  padding:10px 8px;border:1px solid var(--qero-brand-border);border-radius:14px;
  background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:850;
}
.qero-collection-product:focus-visible{
  outline:3px solid var(--brand);outline-offset:-3px;
}
.qero-collection-product.is-promo{border-color:var(--qero-brand-border)}
@media(hover:hover){
  .qero-collection-product:hover .qero-collection-details{
    background:var(--qero-brand-soft-strong);border-color:var(--qero-brand-border);
  }
}
.qero-modern-store #productList.qero-collections>.empty-state{
  margin:0;padding:32px 16px;
}
/* END_QERO_PRODUCT_COLLECTIONS_V1 */


/* QERO_CHECKOUT_FULLSCREEN_ADDRESS_CARDS_V1 */
html:has(.qero-checkout-fullscreen),
html:has(.qero-checkout-fullscreen) body{
  overflow:hidden;overscroll-behavior-y:none;
}
.drawer-backdrop.qero-checkout-fullscreen{
  position:fixed;inset:0;display:block;box-sizing:border-box;
  width:100%;height:100%;height:100dvh;
  margin:0;padding:0;overflow:hidden;background:#fff;
}
.qero-checkout-fullscreen>.drawer.checkout-drawer{
  display:block;box-sizing:border-box;width:100%;max-width:none;
  height:100%;height:100dvh;min-height:0;max-height:none;
  margin:0;border-radius:0;transform:none;animation:none;
  padding:calc(22px + env(safe-area-inset-top))
    max(18px,env(safe-area-inset-right))
    calc(28px + env(safe-area-inset-bottom))
    max(18px,env(safe-area-inset-left));
  overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;
  background:#fff;-webkit-overflow-scrolling:touch;
}
.qero-checkout-fullscreen .drawer-handle{display:none}
.qero-checkout-fullscreen .checkout-head,
.qero-checkout-fullscreen .checkout-progress,
.qero-checkout-fullscreen .checkout-step-panel{
  max-width:640px;margin-left:auto;margin-right:auto;min-width:0;
}
.qero-checkout-fullscreen .checkout-head h2{
  font-size:23px;line-height:1.15;letter-spacing:-.5px;
}
.qero-checkout-fullscreen .fulfillment-options{
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
}
.qero-checkout-fullscreen .fulfillment-option{
  display:flex;align-items:center;gap:12px;min-height:74px;
  box-sizing:border-box;padding:16px;border-radius:18px;
  background:#fff;
}
.qero-checkout-fullscreen .fulfillment-option:has(input:checked){
  border-color:var(--qero-brand-border);background:#fff;
}
.qero-checkout-fullscreen .fulfillment-option strong{font-size:14px}
.qero-checkout-fullscreen input[type="radio"]{
  accent-color:var(--brand);flex:none;width:20px;height:20px;
}
.qero-checkout-address-picker h3{
  margin:0 0 5px;color:#202020;font-size:15px;line-height:1.3;
}
.qero-checkout-address-picker>p{margin:0 0 12px}
#qeroSavedAddressChoices{display:grid;gap:12px}
.qero-checkout-address-card{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-width:0;padding:16px 14px;border:1px solid #e8e8e8;
  border-radius:18px;background:#fff;cursor:pointer;
}
.qero-checkout-address-card:has(input:checked){border-color:var(--qero-brand-border)}
.qero-checkout-address-copy{
  display:grid;gap:5px;flex:1;min-width:0;color:#202020;
}
.qero-checkout-address-copy strong{font-size:14px;line-height:1.3}
.qero-checkout-address-copy>span{
  font-size:13px;line-height:1.4;overflow-wrap:anywhere;
}
.qero-checkout-address-copy small{
  font-size:12px;line-height:1.4;color:#717171;overflow-wrap:anywhere;
}
.qero-checkout-address-card input{margin:0}
.qero-checkout-address-card:focus-within{
  outline:2px solid var(--brand);outline-offset:2px;
}
#qeroSavedAddressStatus{display:block;margin-top:9px}
#qeroManualAddressFields{display:grid;gap:14px;min-width:0}
#qeroManualAddressFields[hidden]{display:none}
.qero-checkout-fullscreen .checkout-actions .primary,
.qero-checkout-fullscreen .checkout-confirm-button{
  min-height:48px;
}
/* END_QERO_CHECKOUT_FULLSCREEN_ADDRESS_CARDS_V1 */

/* QERO_ORDER_SCOPES_V1 */
.qero-order-scopes{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;margin:12px 16px 16px;padding:4px;
  border-radius:16px;background:#f3f4f4;
}
.qero-order-scopes button{
  min-width:0;min-height:44px;padding:10px 8px;
  border:0;border-radius:12px;background:transparent;
  color:#777;font:inherit;font-size:13px;font-weight:800;
  cursor:pointer;
}
.qero-order-scopes button.is-active{
  background:#fff;color:#191919;box-shadow:0 2px 7px #0000000a;
}
.qero-order-scopes button:focus-visible{
  outline:2px solid var(--brand);outline-offset:1px;
}
/* END_QERO_ORDER_SCOPES_V1 */

/* QERO_CLIENT_STORE_V1 */
/* QERO_CLIENT_STORE_CARDS_V2 */
html:has(.app-shell.qero-store-route),
body:has(.app-shell.qero-store-route){background:#fff;}
.app-shell.qero-store-route{padding-bottom:0;background:#fff;}
.qero-modern-store,.qero-store-loading-refined{
  background:#fff;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));
}
.qero-modern-store.has-cart{
  padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));
}
.qero-modern-store .cart-float{
  bottom:max(16px,env(safe-area-inset-bottom,0px));
}
.qero-modern-store .qero-store-cover,
.qero-modern-store .qero-store-cover.is-placeholder{
  position:relative;height:clamp(220px,58vw,320px);background:#f2f4f5;
}
.qero-modern-store .qero-store-status{
  position:absolute;top:calc(16px + var(--safe-top));right:16px;z-index:4;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:36px;margin:0;padding:8px 13px;
  border:1px solid rgba(255,255,255,.8);border-radius:999px;
  background:rgba(255,255,255,.82);color:#5a3035;
  box-shadow:0 5px 18px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
  backdrop-filter:blur(16px) saturate(1.4);
  font-size:12px;line-height:1.2;font-weight:800;white-space:nowrap;
}
.qero-modern-store .qero-store-status.is-open{color:#176b3d;}
.qero-modern-store .qero-store-status i{
  display:block;flex:0 0 6px;width:6px;height:6px;
  border-radius:50%;background:currentColor;
}
.qero-store-reviews{min-width:0;margin:22px 0 0;padding:0;background:#fff;}
.qero-store-reviews-heading{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 16px 6px;
}
.qero-store-reviews-heading h2{
  min-width:0;margin:0;color:#171717;font-size:17px;
  line-height:1.3;font-weight:800;letter-spacing:-.3px;
}
.qero-store-reviews-heading>button{
  flex:none;min-height:44px;padding:8px 0 8px 10px;border:0;
  background:transparent;color:#656b70;font:inherit;font-size:12px;font-weight:700;
}
.qero-store-reviews-track{
  display:flex;align-items:stretch;gap:12px;width:100%;min-width:0;
  box-sizing:border-box;padding:0 16px 14px;overflow-x:auto;
  scroll-snap-type:x proximity;scroll-padding-inline:16px;
  overscroll-behavior-inline:contain;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.qero-store-reviews-track::-webkit-scrollbar{display:none;}
.qero-store-review-card{
  display:flex;flex:0 0 min(82%,360px);flex-direction:column;gap:12px;
  box-sizing:border-box;min-width:0;min-height:168px;margin:0;padding:16px;
  border:1px solid #eceff1;border-radius:20px;background:#fff;color:#202020;
  box-shadow:0 4px 14px rgba(17,17,17,.025);scroll-snap-align:start;
}
.qero-store-review-head{display:flex;align-items:center;gap:10px;min-width:0;}
.qero-store-review-avatar{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border-radius:50%;background:#f3f4f5;color:#697077;font-size:14px;font-weight:800;
}
.qero-store-review-author{display:grid;gap:3px;min-width:0;}
.qero-store-review-author>strong{
  display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-size:13px;line-height:1.35;font-weight:750;
}
.qero-store-review-stars{color:#e58a0b;font-size:12px;letter-spacing:1px;line-height:1;}
.qero-store-review-card>p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere;
}
.qero-store-review-card>p.qero-store-review-no-comment{color:#787e83;}
.qero-store-review-date{margin-top:auto;color:#81878c;font-size:10px;line-height:1.4;}
.qero-store-reviews-message{
  margin:0;padding:10px 16px 18px;color:#747b80;font-size:13px;line-height:1.5;
}
.qero-store-reviews-message>p{margin:0 0 9px;}
.qero-store-reviews-retry{
  min-height:40px;padding:8px 12px;border:1px solid #e3e6e9;
  border-radius:12px;background:#fff;color:#272c30;font:inherit;font-size:12px;font-weight:750;
}
.qero-store-search{
  position:relative;display:flex;align-items:center;min-width:0;
  margin:30px 16px 16px;padding:0;border:1px solid #e9ecef;
  border-radius:16px;background:#f7f8f9;color:#697078;
}
.qero-store-search-field{
  display:flex;flex:1;align-items:center;gap:9px;min-width:0;padding:0 12px;
}
.qero-store-search-icon{display:inline-flex;flex:0 0 20px;}
.qero-store-search-icon svg{display:block;width:20px;height:20px;}
.qero-store-search input{
  display:block;width:100%;min-width:0;min-height:50px;margin:0;padding:12px 0;
  border:0;border-radius:0;outline:none;background:transparent;color:#202020;
  box-shadow:none;font:inherit;font-size:16px;line-height:1.4;
}
.qero-store-search input::placeholder{color:#858b90;font-size:14px;opacity:1;}
.qero-store-search input::-webkit-search-cancel-button{
  -webkit-appearance:none;appearance:none;
}
.qero-store-search:focus-within{outline:2px solid #66717c;outline-offset:3px;}
.qero-store-search-clear{
  display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;
  margin:0 3px 0 0;padding:0;border:0;border-radius:50%;
  background:transparent;color:#697078;font:inherit;font-size:23px;line-height:1;
}
.qero-store-search-clear[hidden]{display:none;}
.qero-store-sr-only{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
.qero-modern-store #productList.qero-collections{
  min-width:0;margin:0;padding:8px 0 18px;background:#fff;
}
.qero-modern-store .qero-product-collection{padding:24px 0 8px;background:#fff;}
.qero-modern-store .qero-collection-heading{margin-bottom:14px;padding:0 16px;}
.qero-modern-store .qero-collection-heading h2{
  margin:0;color:#171717;font-size:20px;font-weight:800;line-height:1.25;
  letter-spacing:-.3px;text-transform:none;overflow-wrap:anywhere;
}
.qero-modern-store .qero-collection-track{gap:10px;padding-bottom:16px;background:#fff;}
.qero-modern-store .qero-collection-track>.qero-collection-product{
  position:relative;isolation:isolate;flex:0 0 calc((100% - 20px) / 3);
  min-width:0;max-width:none;height:clamp(146px,40vw,200px);
  padding:0;gap:0;border:0;border-radius:18px;overflow:hidden;
  background:#d9dee2;color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.06);
}
.qero-modern-store .qero-collection-track>.qero-collection-product.is-promo,
.qero-modern-store .qero-collection-track>.qero-collection-product.is-highlighted{
  flex-basis:clamp(165px,48vw,230px);height:clamp(194px,52vw,250px);
  border-color:transparent;
}
.qero-modern-store .qero-collection-product .qero-collection-media{
  position:absolute;inset:0;display:grid;place-items:center;
  width:100%;height:100%;aspect-ratio:auto;overflow:hidden;border-radius:inherit;
  background:linear-gradient(145deg,#edf0f2,#cdd4da);
}
.qero-modern-store .qero-collection-media>img{
  display:block;width:100%;height:100%;object-fit:cover;
  border-radius:inherit;max-width:none;max-height:none;
}
.qero-modern-store .qero-collection-media>span{
  align-self:center;margin-top:0;transform:translateY(-6px);
  font-size:clamp(34px,10vw,56px);line-height:1;
}
.qero-modern-store .qero-collection-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.18) 34%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.22) 68%,rgba(0,0,0,.74) 100%);
}
.qero-modern-store .qero-collection-media .qero-card-badges{
  top:auto;bottom:58px;left:10px;right:10px;z-index:2;
}
.qero-modern-store .qero-card-badges .product-badge{
  max-width:100%;min-height:21px;padding:4px 7px;
  border:1px solid rgba(255,255,255,.7);border-radius:999px;
  background:rgba(255,255,255,.87);color:#35302a;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-size:9px;line-height:1.2;font-weight:800;white-space:normal;
}
.qero-modern-store .qero-collection-product .qero-collection-body{
  position:absolute;inset:0;z-index:2;
  display:flex;flex:none;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;
  padding:12px 10px 10px;background:transparent;color:#fff;
}
.qero-modern-store .qero-collection-body .qero-collection-product-title{
  min-height:0;max-width:100%;margin:0;padding:0;
  color:#fff;font-size:clamp(12px,3vw,15px);font-weight:850;line-height:1.25;
  text-shadow:0 1px 4px rgba(0,0,0,.24);letter-spacing:0;
}
.qero-modern-store .qero-collection-body .qero-collection-store{display:none;}
.qero-modern-store .qero-collection-price{
  display:flex;justify-content:center;align-items:center;
  width:100%;min-width:0;min-height:0;margin-top:auto;text-align:center;
}
.qero-modern-store .qero-collection-price .product-price,
.qero-modern-store .qero-collection-price .product-promo-price{
  max-width:100%;color:#fff;font-size:clamp(14px,3.4vw,18px);
  font-weight:850;line-height:1.25;white-space:normal;overflow-wrap:anywhere;
}
.qero-modern-store .qero-collection-price .product-price-block{
  display:flex;flex-direction:column;justify-content:flex-end;
  align-items:center;gap:2px;margin:0;text-align:center;
}
.qero-modern-store .qero-collection-price .product-old-price{
  color:rgba(255,255,255,.82);font-size:10px;line-height:1.25;
}
.qero-modern-store .qero-collection-product.is-promo .qero-collection-body,
.qero-modern-store .qero-collection-product.is-highlighted .qero-collection-body{padding:14px 12px 12px;gap:8px;}
.qero-modern-store .qero-collection-product.is-promo .qero-collection-product-title,
.qero-modern-store .qero-collection-product.is-highlighted .qero-collection-product-title{font-size:16px;}
.qero-modern-store .qero-collection-product:focus-visible{
  outline:3px solid #fff;outline-offset:-4px;box-shadow:inset 0 0 0 5px #272c30;
}
.qero-store-reviews button:focus-visible,
.qero-store-search-clear:focus-visible{outline:2px solid #66717c;outline-offset:3px;}
/* END_QERO_CLIENT_STORE_CARDS_V2 */
/* END_QERO_CLIENT_STORE_V1 */


/* QERO_CHECKOUT_BRAND_RADIO_V1 */
.qero-checkout-fullscreen .checkout-drawer input[type="radio"]{
  -webkit-appearance:none;
  appearance:none;
  display:inline-block;
  box-sizing:border-box;
  flex:0 0 20px;
  width:20px;
  height:20px;
  min-width:20px;
  min-height:20px;
  padding:0;
  border:1.5px solid #999;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
  vertical-align:middle;
  cursor:pointer;
}
.qero-checkout-fullscreen .checkout-drawer input[type="radio"]:checked{
  border-color:var(--brand);
  background:radial-gradient(circle,var(--brand) 0 45%,#fff 49%);
  box-shadow:none;
}
.qero-checkout-fullscreen .checkout-drawer input[type="radio"]:focus{
  outline:none;
}
.qero-checkout-fullscreen .checkout-drawer input[type="radio"]:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:3px;
}
.qero-checkout-fullscreen .checkout-drawer input[type="radio"]:disabled{
  opacity:.5;
  cursor:not-allowed;
}
/* END_QERO_CHECKOUT_BRAND_RADIO_V1 */

/* QERO_BRAND_CART_FLOAT_V1 */
.cart-float{
  background:var(--brand);
  color:#fff;
  gap:12px;
  box-shadow:0 8px 22px rgba(25,25,25,.16);
}
.cart-float .qero-cart-float-start{
  display:flex;
  align-items:center;
  flex:1;
  gap:8px;
  min-width:0;
}
.cart-float .qero-cart-float-icon{
  display:block;
  flex:none;
  width:22px;
  height:22px;
  color:inherit;
}
.cart-float .qty{
  flex:none;
  box-sizing:border-box;
  min-width:25px;
  width:auto;
  height:25px;
  margin:0;
  padding:0 6px;
  border-radius:999px;
  background:#fff;
  color:var(--brand);
  font-weight:850;
}
.cart-float .qero-cart-float-label{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.cart-float .qero-cart-float-total{
  flex:none;
  white-space:nowrap;
  color:#fff;
}
.cart-float:focus-visible{
  outline:3px solid var(--brand-dark);
  outline-offset:3px;
}
/* END_QERO_BRAND_CART_FLOAT_V1 */

/* QERO_STORE_CATEGORIES_CLIENT_V1 */
.qero-marketplace-categories{display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 1px 14px;margin:0 0 3px;scrollbar-width:thin;max-width:100%}
.qero-marketplace-category{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:42px;max-width:260px;border:1px solid #e8e8e8;border-radius:999px;padding:9px 13px;background:#fff;color:#343434;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qero-marketplace-category>span{font-size:17px;line-height:1;flex:0 0 auto}
.qero-marketplace-category.is-active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}
.qero-marketplace-category:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.qero-category-filter select{display:block;width:100%;min-height:46px;border:1px solid #dedede;border-radius:12px;padding:10px 12px;background:#fff;color:#262626;font:inherit;font-size:14px}
.qero-category-filter select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(max-width:420px){.qero-marketplace-category{font-size:11px;padding:9px 12px}.qero-category-filter select{font-size:16px}}
/* END_QERO_STORE_CATEGORIES_CLIENT_V1 */

/* QERO_CLIENT_BRAND_V1 */
.brand.qero-brand-logo{display:flex;align-items:center;width:104px;max-width:100%;min-width:0;font-size:0;line-height:0;letter-spacing:0}
.brand.qero-brand-logo>img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.qero-header-row .brand.qero-brand-logo{width:100%}
.qero-story-brandmark>img{position:static;display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.qero-header-story:not(.is-seen) .qero-header-ring{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--qero-brand-gradient) border-box}
.primary,.qero-product-panel #addProduct,.qero-welcome-action.primary-action,.install-banner button,.cart-float,#qeroStoryShop{background:var(--qero-action-gradient);color:#fff}
.cart-float .qty{color:var(--brand)}
.qero-client-brand-v1 .qero-hero-card:focus-visible,.qero-client-brand-v1 .qero-hero-cta:focus-visible,.qero-client-brand-v1 .qero-hero-pagination button:focus-visible,.qero-client-brand-v1 .qero-marketing-visual:focus-visible,.qero-client-brand-v1 .qero-marketing-controls button:focus-visible{outline-color:var(--brand)}
.qero-client-brand-v1 .qero-hero-pagination button.is-active::before{background:var(--brand)}
.startup-splash{background:radial-gradient(circle at 18% 24%,#ffe0bd,transparent 52%),radial-gradient(circle at 85% 78%,#fff0e7,transparent 42%),#fff}
.startup-splash-logo{filter:drop-shadow(0 12px 25px rgba(101,25,5,.09))}
.startup-splash-brand{margin-top:14px;width:224px;max-width:80vw;color:var(--ink);font-size:0;line-height:0;letter-spacing:0;text-shadow:none}
.startup-splash-brand img{display:block;width:100%;height:auto;mix-blend-mode:normal}
.startup-splash-slogan{margin-top:16px;padding:0 12px;color:#4b4450;font-weight:500;line-height:1.5;text-shadow:none}
.startup-splash-slogan strong{color:var(--brand);font-weight:700}
.startup-splash-progress{background:rgba(201,54,29,.14)}
.startup-splash-progress span{background:var(--qero-action-gradient);box-shadow:none}
.qero-welcome-art{isolation:isolate;background:var(--qero-brand-gradient)}
.qero-welcome-art>.qero-welcome-brand-icon{position:absolute;top:clamp(130px,22vh,195px);left:50%;width:clamp(156px,49vw,250px);height:auto;max-height:44%;object-fit:contain;transform:translateX(-50%);border-radius:24%;filter:drop-shadow(0 18px 30px rgba(101,25,5,.16))}
.qero-welcome-art::after{inset:58% 0 0;background:linear-gradient(transparent,rgba(90,25,8,.62))}
.qero-welcome-brand{top:calc(24px + var(--safe-top));left:24px;right:auto;display:grid;gap:8px;max-width:calc(100% - 48px);padding:14px 16px;background:#fff;border-radius:18px;box-shadow:0 4px 18px rgba(101,25,5,.08);color:var(--ink)}
.qero-welcome-brand>.qero-welcome-wordmark{display:block;width:152px;height:auto;mix-blend-mode:multiply}
.qero-welcome-brand>span{margin:0;color:#4b4450;font-size:11px;line-height:1.45}
.qero-welcome-brand>span b{color:var(--brand);font-weight:700}
@media(max-width:350px){.qero-welcome-brand{left:18px;max-width:calc(100% - 36px);padding:12px 14px}.qero-welcome-brand>.qero-welcome-wordmark{width:136px}.qero-welcome-brand>span{font-size:10px}}
@media(max-height:680px){.qero-welcome-art>.qero-welcome-brand-icon{top:126px;width:min(40vw,160px)}}
/* END_QERO_CLIENT_BRAND_V1 */


/* QERO_CLIENT_ORANGE_GREEN_V1 */
/* Product selections remain green; checkout selections use the brand orange. */
.qero-product-panel .choice-option:has(input:checked){
  border-color:var(--qero-selection-green);
  background:var(--qero-selection-green-soft);
}
.qero-product-panel .choice-option input[type="checkbox"]:checked{
  border-color:var(--qero-selection-green);
  background:var(--qero-selection-green);
}
.qero-product-panel .choice-option input[type="checkbox"]:focus-visible{
  outline-color:var(--qero-selection-green);
}
.checkout-v1-drawer .checkout-progress-step.done:not(:last-child)::after{
  background:var(--brand);
}
.checkout-v1-drawer .checkout-progress-step.active>span,
.checkout-v1-drawer .checkout-progress-step.done>span{
  border-color:var(--brand);
  background:var(--brand);
  color:#fff;
}
.checkout-v1-drawer .checkout-kicker,
.checkout-v1-drawer .checkout-review-heading button{
  color:var(--brand);
}
.qero-checkout-fullscreen .checkout-drawer input[type="radio"]:checked{
  border-color:var(--brand);
  background:radial-gradient(circle,var(--brand) 0 45%,#fff 49%);
}
.qero-checkout-fullscreen .checkout-drawer input[type="radio"]:focus-visible{
  outline-color:var(--brand);
}
.qero-checkout-fullscreen .fulfillment-option:has(input:checked),
.qero-checkout-fullscreen .qero-checkout-address-card:has(input:checked),
.qero-checkout-fullscreen .pay-option:has(input:checked){
  border-color:var(--brand);
  background:var(--brand-soft);
}
.checkout-v1-drawer button:focus-visible,
.checkout-v1-drawer input:focus-visible,
.checkout-v1-drawer textarea:focus-visible{
  outline-color:var(--brand);
}
/* END_QERO_CLIENT_ORANGE_GREEN_V1 */

/* QERO_CLIENT_WARM_STORY_V2 */
.qero-circle-delivery.is-free,
.qero-circle-delivery.is-free svg,
.qero-store-facts .is-free,
.qero-store-facts .is-free .delivery-icon{
  color:var(--qero-selection-green);
}
.qero-header-story.is-qero .qero-header-ring,
.qero-header-story.is-qero .qero-story-brandmark{
  background:var(--qero-brand-coral);
}
.qero-header-story.is-qero .qero-story-brandmark{
  inset:0;
  overflow:hidden;
}
.qero-header-story.is-qero .qero-story-brandmark>img{
  position:absolute;
  top:50%;left:50%;
  width:134%;height:134%;max-width:none;
  object-fit:cover;border-radius:0;
  transform:translate(-50%,-50%);
}
/* END_QERO_CLIENT_WARM_STORY_V2 */


/* QERO_CLIENT_ESSENTIAL_LAYOUT_V1 — layout and copy only */
.store-list .qero-circle-card .store-name{
  display:block;height:auto;min-height:2.5em;line-height:1.2;
  white-space:normal;overflow:visible;overflow-wrap:anywhere;
  text-overflow:clip;-webkit-line-clamp:unset;
}
@media(max-width:479px){
  .store-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}
  .store-list .qero-circle-card .store-name{
    font-size:clamp(12px,3.25vw,13px);
    min-height:2.4em;
    display:flex;
    align-items:center;
    justify-content:center;
  }
}
.qero-store-profile-body .qero-store-logo{margin-bottom:0}
.qero-store-profile-body .qero-store-facts{margin:12px 0 16px}
/* END_QERO_CLIENT_ESSENTIAL_LAYOUT_V1 */

/* QERO_CLIENT_FINISH_V4 — splash, story and Android system areas */
@media(max-width:699px){html,body{background:#fff}}
.startup-splash-logo{clip-path:inset(7.8% round 17%)}
.qero-header-story.is-qero .qero-story-brandmark>img{
  width:112%;height:112%;max-width:none;object-fit:contain;
  clip-path:inset(7.8% round 17%);
}
/* END_QERO_CLIENT_FINISH_V4 */


/* QERO_CLIENT_DISCOVER_UI_V1 */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.bottom-nav .nav-btn{padding-inline:1px;font-size:clamp(9px,2.65vw,11px)}
.bottom-nav .nav-btn svg{width:21px;height:21px}
.qero-header-row,.qero-client-header .qero-header-row{grid-template-columns:88px minmax(0,1fr)}
.qero-header-row .qero-header-location{justify-self:end}
@media(max-width:360px){.qero-header-row,.qero-client-header .qero-header-row{grid-template-columns:76px minmax(0,1fr)}}
.qero-client-header .qero-header-title{margin:0 0 4px;font-size:clamp(26px,7.2vw,38px)}
.qero-header-subtitle{margin:0 0 16px;color:#6b6b6b;font-size:12px;line-height:1.4}
.qero-client-modal-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;background:rgba(18,18,18,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.qero-client-modal{width:min(440px,100%);max-height:min(86dvh,720px);overflow:auto;padding:22px;border:1px solid #0000000f;border-radius:24px;background:#fff;box-shadow:0 24px 80px #0000003d;animation:qeroClientModalIn .16s ease-out}
@keyframes qeroClientModalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.qero-client-modal-kicker{color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.04em}
.qero-client-modal h2{margin:5px 0 0;color:#1d1d1d;font-size:21px;line-height:1.2}
.qero-client-modal p{margin:10px 0 0;color:#666;font-size:14px;line-height:1.55;white-space:pre-line}
.qero-client-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.qero-client-modal-actions:has(>button:only-child){grid-template-columns:1fr}
.qero-client-modal-actions button{width:100%;min-height:44px;margin:0;border-radius:13px;font-weight:800}
.qero-client-modal-confirm{border:0;background:var(--qero-action-gradient);color:#fff}
.qero-client-modal-confirm.is-danger{background:#bd391d}
.qero-client-modal-cancel{border:1px solid #e4e4e4;background:#fff;color:#303030}
.qero-client-modal-actions button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.install-banner{border:1px solid #f2dac8;background:#fff8f2;color:#282220;box-shadow:0 10px 28px rgba(185,75,19,.10)}
.install-banner img{flex:none;width:46px;height:46px;border-radius:11px}
.install-banner>div{min-width:0;flex:1}.install-banner strong{display:block;font-size:13px}.install-banner small{color:#765d50;font-size:11px}
.install-banner #installBtn{flex:none}.install-banner #installDismiss{flex:none;width:28px;height:34px;padding:0;background:transparent;color:#705d51;font-size:21px}
.qero-discover-page{padding-top:16px}.qero-discover-page>.qero-header-search{margin:0 16px 18px}
.qero-commerce-section>h2{margin:0 0 14px;color:#202020;font-size:clamp(20px,5vw,26px);line-height:1.2;letter-spacing:-.45px}
.qero-commerce-categories,.qero-commerce-filters{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 10px}
.qero-commerce-categories::-webkit-scrollbar,.qero-commerce-filters::-webkit-scrollbar{display:none}
.qero-commerce-categories button{flex:none;display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 12px 6px 7px;border:1px solid #f0e5df;border-radius:16px;background:#fff;color:#262626;box-shadow:0 6px 18px rgba(180,78,16,.09);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.qero-commerce-categories button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff2e9;font-size:19px;animation:qeroCommerceIconFloat 3.2s ease-in-out infinite}
.qero-commerce-categories button:nth-child(even)>span{animation-delay:-1.6s}
.qero-commerce-categories button strong{font-size:12px;white-space:nowrap}
.qero-commerce-categories button.is-active{border-color:#eaa379;color:var(--brand);box-shadow:0 8px 22px rgba(213,94,17,.17)}
.qero-commerce-categories button:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(213,94,17,.15)}
.qero-commerce-categories button:active>span{animation:none;transform:scale(.9)}
@keyframes qeroCommerceIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.qero-commerce-filters{margin-top:10px;margin-bottom:8px}
.qero-commerce-filters button{flex:none;min-height:36px;padding:7px 13px;border:1px solid #eee1d9;border-radius:999px;background:#fff;color:#4b403a;box-shadow:0 4px 14px rgba(183,80,23,.08);font-size:12px;font-weight:750;cursor:pointer}
.qero-commerce-filters button.is-active{border-color:var(--brand);background:var(--brand);color:#fff}
.qero-commerce-categories button:focus-visible,.qero-commerce-filters button:focus-visible,.qero-commerce-card:focus-visible,.qero-ranking button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.store-list.qero-commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.qero-commerce-grid .qero-commerce-status,.qero-commerce-grid .empty-state{grid-column:1/-1}
.qero-commerce-status{margin:6px 0 0;font-size:12px;font-weight:800;color:#147b4a}.qero-commerce-status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19b567}
.qero-commerce-status.is-closed{color:#777}
.qero-commerce-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ececec;border-radius:17px;background:#fff;box-shadow:0 5px 18px #0000000b;cursor:pointer}
.qero-commerce-card-cover{height:94px;display:grid;place-items:center;background:#f6f1ec;font-size:35px;overflow:hidden}
.qero-commerce-card-cover img{width:100%;height:100%;object-fit:cover}
.qero-commerce-card-logo{display:grid;place-items:center;width:38px;height:38px;margin:-19px 0 5px 9px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000018;font-size:19px;z-index:1;overflow:hidden}
.qero-commerce-card-logo img{width:100%;height:100%;object-fit:cover}
.qero-commerce-card>strong{padding:0 10px;font-size:13px;line-height:1.2;min-height:2.4em;overflow-wrap:anywhere}
.qero-commerce-card>small{padding:4px 10px 0;color:#6c6c6c;font-size:10px;line-height:1.35}
.qero-commerce-card>small:last-of-type{display:flex;align-items:center;gap:4px;margin-top:auto;padding-bottom:11px}
.qero-commerce-card>small svg{width:19px;height:16px;flex:none}.qero-commerce-card .is-free{color:#13834a;font-weight:750}
.qero-commerce-card.is-closed{opacity:.72}.qero-commerce-card-closed{position:absolute;top:8px;right:8px;padding:3px 7px;border-radius:99px;background:#fff;color:#626262;font-size:10px;font-weight:800}
.qero-ranking{margin-bottom:30px}.qero-ranking>span{color:var(--brand);font-size:11px;font-weight:850;letter-spacing:.08em}.qero-ranking h2{margin:4px 0 12px;font-size:22px}
.qero-ranking ol{padding:0;margin:0;list-style:none;border-top:1px solid #eee}.qero-ranking li{border-bottom:1px solid #eee}
.qero-ranking button{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 0;border:0;background:transparent;color:#222;text-align:left;cursor:pointer}
.qero-ranking button>b{color:var(--brand);font-size:18px}.qero-ranking button span{min-width:0;display:grid;gap:2px}.qero-ranking button span strong{font-size:13px}.qero-ranking button small{color:#777;font-size:11px}.qero-ranking button>strong{font-size:12px;white-space:nowrap}.qero-ranking-empty{padding:16px;border-radius:14px;background:#faf7f5;color:#777;font-size:13px}
@media(min-width:480px){.store-list.qero-commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.qero-client-modal-backdrop{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom,0px))}.qero-client-modal{width:100%;padding:20px}.qero-client-modal-actions{grid-template-columns:1fr}.qero-client-modal-confirm{grid-row:1}.qero-client-modal-cancel{grid-row:2}}
@media(prefers-reduced-motion:reduce){.qero-client-modal,.qero-commerce-categories button>span{animation:none!important}.qero-commerce-categories button{transition:none!important}}
/* END_QERO_CLIENT_DISCOVER_UI_V1 */

/* QERO_HOME_DISCOVER_REFINE_V4 */
.qero-client-header .qero-header-stories{margin:12px 0 20px}

.qero-discover-page .qero-commerce-section{min-width:0}
.qero-commerce-categories,.qero-commerce-filters{
  width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;
  padding:4px 16px 19px;scroll-padding-inline:16px;overscroll-behavior-inline:contain;
}
.qero-commerce-categories button,.qero-commerce-filters button{
  box-shadow:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.qero-commerce-categories button:hover:not(.is-active){box-shadow:none}
.qero-commerce-categories button.is-active,
.qero-commerce-categories button.is-active:hover,
.qero-commerce-filters button.is-active{
  border-color:#eaa379;background:#fff7f1;color:var(--brand);
  box-shadow:0 7px 19px rgba(216,91,18,.15);
}
.qero-commerce-filters{margin-top:2px;margin-bottom:6px}
.qero-commerce-filters button{
  display:flex;align-items:center;gap:8px;min-height:48px;
  padding:6px 12px 6px 7px;border:1px solid #f0e5df;border-radius:16px;
  background:#fff;color:#262626;
}
.qero-commerce-filters button>span{
  display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
  background:#fff2e9;font-size:18px;animation:qeroCommerceIconFloat 3.2s ease-in-out infinite;
}
.qero-commerce-filters button:nth-child(even)>span{animation-delay:-1.6s}
.qero-commerce-filters button strong{font-size:12px;white-space:nowrap}
.qero-commerce-filters button:active>span{animation:none;transform:scale(.9)}
@media(prefers-reduced-motion:reduce){
  .qero-commerce-filters button,.qero-commerce-categories button{transition:none}
  .qero-commerce-filters button>span{animation:none}
}
/* END_QERO_HOME_DISCOVER_REFINE_V4 */

/* QERO_HOME_CIRCLES_FILTERS_V5 */
.qero-home-commerce-section{min-width:0}
.qero-home-commerce-section .store-list{margin-top:8px}
.qero-home-commerce-section .qero-circle-delivery{
  width:100%;min-height:23px;gap:0;text-align:center;
  font-size:clamp(10px,2.7vw,13px);line-height:1.2;
}
.qero-home-commerce-section .qero-circle-delivery span{
  white-space:nowrap;overflow-wrap:normal;
}
/* END_QERO_HOME_CIRCLES_FILTERS_V5 */

/* QERO_HOME_STORE_REFINE_V6 */
.qero-client-header{position:relative;top:auto;z-index:auto}
.qero-client-header .qero-header-row{
  grid-template-columns:88px minmax(0,1fr) minmax(98px,auto);
  gap:8px;min-height:56px;
}
.qero-client-header .qero-header-greeting{display:block;text-align:center}
.qero-client-header .qero-header-greeting strong{
  color:var(--brand);font-size:clamp(12px,3.4vw,17px);font-weight:800;
}
.qero-client-header .qero-header-greeting small{
  display:block;color:#666;font-size:clamp(8px,2.2vw,11px);line-height:1.3;
}
.qero-client-header .qero-header-search{
  margin:18px 0 0;
  border:1px solid #eceef1;
}
.qero-client-header .qero-header-stories{margin:20px 0 0}
.qero-discover-page [data-qero-discovery-content]{min-width:0}
.qero-discover-page .qero-home-collection{margin-top:32px}
.qero-discover-page .qero-home-news{margin-top:30px}
@media(max-width:360px){
  .qero-client-header .qero-header-row{
    grid-template-columns:76px minmax(0,1fr) minmax(82px,auto);gap:4px;
  }
  .qero-client-header .qero-header-location strong{font-size:11px}
}
/* END_QERO_HOME_STORE_REFINE_V6 */

/* QERO_HOME_HEADER_PILL_V8 */
.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.qero-client-header.qero-home-header{
  position:relative;top:auto;z-index:auto;
  padding:calc(14px + var(--safe-top)) 16px 20px;
  background:#fff;
}
.qero-home-header .qero-home-header-pill{
  position:relative;display:grid;grid-template-columns:95px minmax(0,1fr) 84px;
  gap:8px;align-items:center;min-height:74px;
  padding:8px 12px;overflow:hidden;border:1px solid #e6e7ea;border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 28px rgba(23,31,40,.09);
}
.qero-home-header .qero-header-row .brand.qero-brand-logo{width:95px}
.qero-home-header .qero-header-greeting{min-width:0;text-align:center}
.qero-home-header .qero-header-greeting strong{
  color:#20242b;font-size:clamp(12px,3.1vw,16px);font-weight:800;line-height:1.15;
}
.qero-home-header .qero-header-greeting small{
  display:block;margin-top:3px;color:#5d636c;font-size:clamp(8px,2vw,10px);line-height:1.2;
}
.qero-home-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.qero-home-header-action{
  display:grid;place-items:center;flex:none;width:38px;height:38px;
  padding:0;border:1px solid #e6e7ea;border-radius:50%;
  background:#fff;color:#d04800;box-shadow:0 2px 7px rgba(23,31,40,.07);cursor:pointer;
}
.qero-home-header-action svg{display:block;width:21px;height:21px}
.qero-home-header-action:focus-visible,.qero-home-location:focus-visible,
.qero-home-search-panel button:focus-visible{outline:2px solid #d04800;outline-offset:2px}
.qero-home-header .qero-home-location{
  display:block;width:max-content;max-width:100%;min-height:28px;margin:4px 12px 0 auto;
  padding:2px 4px;border:0;background:transparent;color:#666d76;
  font-size:11px;text-align:right;cursor:pointer;
}
.qero-home-header .qero-home-location span{margin-left:3px;color:#d04800}
.qero-home-header .qero-home-search-panel{
  position:absolute;inset:0 0 0 auto;z-index:2;box-sizing:border-box;
  width:0;min-width:0;min-height:0;margin:0;padding:0;gap:8px;
  overflow:hidden;border:0;border-radius:999px;background:#fff;
  opacity:0;pointer-events:none;
  transition:width .32s cubic-bezier(.2,.75,.2,1),opacity .18s ease;
}
.qero-home-header .qero-home-header-pill.is-search-open .qero-home-search-panel{
  width:100%;padding:6px 12px;opacity:1;pointer-events:auto;
}
.qero-home-header .qero-home-search-panel>svg{color:#d04800}
.qero-home-header .qero-home-search-panel input{font-size:14px}
.qero-home-search-panel button{
  display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;
  border:0;border-radius:50%;background:transparent;color:#5d636c;font-size:25px;
}
.qero-home-header .qero-home-search-results{
  position:absolute;z-index:60;top:calc(14px + var(--safe-top) + 88px);
  left:16px;right:16px;max-height:min(62dvh,520px);overflow:auto;
  padding:8px;border:1px solid #e6e7ea;border-radius:20px;
  background:#fff;box-shadow:0 18px 42px rgba(23,31,40,.18);
  animation:qeroHomeSearchDrop .18s ease-out;
}
@keyframes qeroHomeSearchDrop{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:translateY(0)}
}
.qero-home-header .qero-home-search-results[hidden]{display:none!important}
.qero-home-search-group{margin:5px 0 10px}
.qero-home-search-group h2{margin:0 8px 5px;color:#626a73;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.qero-home-search-result{
  display:flex;align-items:center;gap:11px;width:100%;min-height:58px;
  padding:7px 8px;border:0;border-radius:12px;background:transparent;
  color:#20242b;text-align:left;cursor:pointer;
}
.qero-home-search-result:hover,.qero-home-search-result:focus-visible{background:#f4f5f7;outline:none}
.qero-home-search-thumb{
  display:grid;place-items:center;flex:none;width:44px;height:44px;
  overflow:hidden;border-radius:11px;background:#f2f3f5;font-size:23px;
}
.qero-home-search-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.qero-home-search-copy{display:grid;gap:3px;min-width:0}
.qero-home-search-copy strong{font-size:14px;line-height:1.2;overflow-wrap:anywhere}
.qero-home-search-copy small{color:#666d76;font-size:11px;line-height:1.2}
.qero-home-search-empty{margin:12px 8px;color:#666d76;font-size:13px}
.qero-home-header .qero-header-stories{margin:14px 0 0}
@media(max-width:380px){
  .qero-home-header .qero-home-header-pill{grid-template-columns:76px minmax(0,1fr) 76px;gap:4px;padding:7px 9px;min-height:68px}
  .qero-home-header .qero-header-row .brand.qero-brand-logo{width:76px}
  .qero-home-header-actions{gap:2px}
  .qero-home-header-action{width:36px;height:36px}
  .qero-home-header .qero-header-greeting strong{font-size:11px}
  .qero-home-header .qero-header-greeting small{font-size:8px}
  .qero-home-header .qero-home-search-results{top:calc(14px + var(--safe-top) + 82px)}
}
@media(prefers-reduced-motion:reduce){
  .qero-home-header .qero-home-search-panel{transition:none}
  .qero-home-header .qero-home-search-results{animation:none}
}
/* END_QERO_HOME_HEADER_PILL_V8 */

/* QERO_HOME_LAYOUT_V9 */
.qero-client-header.qero-home-header{padding-bottom:7px}
.qero-home-content{padding-top:5px}
.qero-home-commerce-section{
  margin-top:8px;padding-top:15px;border-top:1px solid #eceef0;
}
.qero-home-commerce-section .qero-commerce-categories{
  gap:6px;padding-top:2px;padding-bottom:5px;
}
.qero-home-commerce-section .qero-commerce-categories button{
  gap:5px;min-height:40px;padding:4px 9px 4px 5px;border-radius:13px;
}
.qero-home-commerce-section .qero-commerce-categories button>span{
  width:28px;height:28px;border-radius:9px;font-size:16px;
}
.qero-home-commerce-section .qero-commerce-categories button strong{font-size:11px}
.qero-home-commerce-section .qero-commerce-filters{
  gap:7px;margin-top:0;margin-bottom:1px;padding-top:2px;padding-bottom:8px;
}
.qero-home-commerce-section .qero-commerce-filters button{
  min-height:42px;padding:5px 10px 5px 6px;border-radius:14px;
}
.qero-home-commerce-section .qero-commerce-filters button>span{
  width:30px;height:30px;border-radius:10px;font-size:17px;
}
.qero-home-commerce-section .qero-commerce-filters button strong{font-size:11px}
/* END_QERO_HOME_LAYOUT_V9 */

/* QERO_HOME_NAV_AND_DISCOVER_V10 */
.app-shell.qero-home-route .bottom-nav{
  transform:translate(-50%,calc(100% + var(--qero-nav-bottom) + 24px));
  opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease,visibility 0s linear .38s;
}
.app-shell.qero-home-route.qero-nav-visible .bottom-nav{
  transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease;
}
.qero-discover-page{padding-top:20px}
.qero-discover-page .qero-store-ranking{margin:0 0 20px}
.qero-store-ranking>p{margin:0 0 14px;color:#707070;font-size:11px;line-height:1.4}
.qero-ranking-categories{display:flex;gap:7px;overflow-x:auto;margin:0 -16px 14px;padding:2px 16px 9px;scrollbar-width:none;scroll-snap-type:x proximity}
.qero-ranking-categories::-webkit-scrollbar{display:none}
.qero-ranking-categories button{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:39px;padding:5px 10px;border:1px solid #eaded7;border-radius:13px;background:#fff;color:#242424;font-size:11px;font-weight:750;scroll-snap-align:start}
.qero-ranking-categories button span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#fff3ec;font-size:16px;animation:qeroCommerceIconFloat 3.2s ease-in-out infinite}
.qero-ranking-categories button.is-active{border-color:#d9844c;background:#fff7f2;color:#b94b0b;box-shadow:0 5px 16px #d65e161e}
.qero-ranking-categories button:focus-visible,.qero-ranking-store:focus-visible{outline:2px solid #d04800;outline-offset:2px}
.qero-store-ranking ol{border:0;display:grid;gap:8px}
.qero-store-ranking li{--heat:#fff2e5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;border:1px solid #f0ece8;border-radius:16px;background:linear-gradient(100deg,var(--heat),#fff 83%)}
.qero-store-ranking li.qero-ranking-heat-1{--heat:#ffe1c6}
.qero-store-ranking li.qero-ranking-heat-2{--heat:#ffead9}
.qero-store-ranking li.qero-ranking-heat-3{--heat:#fff1e5}
.qero-store-ranking li.qero-ranking-heat-4{--heat:#f7f2ed}
.qero-store-ranking li.qero-ranking-heat-5{--heat:#f1f5f8}
.qero-store-ranking .qero-ranking-store{display:grid;grid-template-columns:23px 46px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:9px 0 9px 9px;text-align:left}
.qero-store-ranking .qero-ranking-store>b{color:#c54a0b;font-size:17px}
.qero-ranking-logo{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#fff;font-size:22px;box-shadow:0 2px 8px #0001}
.qero-ranking-logo img{width:100%;height:100%;object-fit:cover}
.qero-store-ranking .qero-ranking-copy{min-width:0;display:grid;gap:2px}
.qero-store-ranking .qero-ranking-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.qero-store-ranking .qero-ranking-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6d6d6d;font-size:10px}
.qero-ranking-actions{display:flex;align-items:center;gap:2px;padding:0 8px 0 2px}
.qero-ranking-flame{font-size:17px;transform-origin:50% 85%;animation:qeroRankingFlame 1.8s ease-in-out infinite}
@keyframes qeroRankingFlame{0%,100%{transform:scale(.9) rotate(-4deg)}50%{transform:scale(1.13) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){
  .app-shell.qero-home-route .bottom-nav,.app-shell.qero-home-route.qero-nav-visible .bottom-nav{transition:none}
  .qero-ranking-categories button span,.qero-ranking-flame{animation:none}
}
/* END_QERO_HOME_NAV_AND_DISCOVER_V10 */

/* QERO_HOME_DISCOVER_REFINEMENTS_V11 */
.qero-home-header-slot{min-height:74px}
.qero-home-header .qero-home-header-pill.is-floating{
  position:fixed;z-index:80;top:calc(14px + var(--safe-top));left:50%;
  width:min(528px,calc(100vw - 32px));
  transform:translate(-50%,-150%);opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .28s ease,visibility 0s linear .36s;
}
.qero-home-header .qero-home-header-pill.is-floating.is-visible{
  transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;
  transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .28s ease;
}
.qero-home-header.has-floating-header .qero-home-search-results{
  position:fixed;top:calc(14px + var(--safe-top) + 82px);
  left:max(16px,calc((100vw - 528px)/2));right:auto;width:min(528px,calc(100vw - 32px));
  z-index:79;
}
.qero-ranking-categories button{
  width:auto;max-width:none;flex:0 0 auto;min-height:34px;
  gap:4px;padding:4px 8px;font-size:10px;border-radius:11px;
}
.qero-ranking-categories button span{width:23px;height:23px;font-size:14px}
.qero-ranking-actions{padding:0 13px 0 6px}
.qero-ranking-flame{display:inline-block;animation-delay:calc(var(--heat-index,0) * -.17s)}
.qero-ranking-heat-1{--heat-index:1}.qero-ranking-heat-2{--heat-index:2}
.qero-ranking-heat-3{--heat-index:3}.qero-ranking-heat-4{--heat-index:4}.qero-ranking-heat-5{--heat-index:5}
@media(max-width:380px){.qero-home-header-slot{min-height:68px}.qero-home-header.has-floating-header .qero-home-search-results{top:calc(14px + var(--safe-top) + 76px)}}
@media(prefers-reduced-motion:reduce){
  .qero-home-header .qero-home-header-pill.is-floating,
  .qero-home-header .qero-home-header-pill.is-floating.is-visible{transition:none}
}
/* END_QERO_HOME_DISCOVER_REFINEMENTS_V11 */

/* QERO_HOME_REFINEMENT_V12 */
.app-shell.qero-home-route .bottom-nav,
.app-shell.qero-home-route.qero-nav-visible .bottom-nav{
  transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;
  transition:none;
}
.qero-home-header .qero-home-header-pill.is-floating{
  transform:translate(-50%,calc(-100% - 32px - var(--safe-top)));
}
.qero-home-header .qero-home-header-pill.is-floating.is-visible{
  transform:translate(-50%,0);
}
.qero-home-header .qero-header-stories{margin-bottom:-10px}
.qero-home-commerce-section .qero-commerce-categories button>span{
  background:#fff1e8;color:#bd490c;
}
.qero-store-ranking li.qero-ranking-heat-1 .qero-ranking-flame{font-size:21px;opacity:1}
.qero-store-ranking li.qero-ranking-heat-2 .qero-ranking-flame{font-size:19px;opacity:.88}
.qero-store-ranking li.qero-ranking-heat-3 .qero-ranking-flame{font-size:17px;opacity:.76}
.qero-store-ranking li.qero-ranking-heat-4 .qero-ranking-flame{font-size:15px;opacity:.64}
.qero-store-ranking li.qero-ranking-heat-5 .qero-ranking-flame{font-size:14px;opacity:.55}
.qero-store-ranking .qero-ranking-copy small{color:#595e64;font-size:11px}
/* END_QERO_HOME_REFINEMENT_V12 */

/* QERO_MOBILE_POLISH_V13 */
/* Keep horizontal centering identical before and after position:fixed. */
.qero-home-header .qero-home-header-pill{
  left:50%;transform:translateX(-50%);
}
.qero-home-header .qero-home-header-pill.is-floating{
  background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}

.qero-location-change{
  min-height:calc(100dvh - 18px);
  padding:calc(20px + var(--safe-top)) 20px calc(110px + var(--safe-bottom));
  background:linear-gradient(180deg,#fff8f4 0,#fff 245px);
}
.qero-location-change-header{display:flex;align-items:center;gap:12px;color:#20242b;font-size:17px;font-weight:800}
.qero-location-change-back{
  display:grid;place-items:center;flex:none;width:42px;height:42px;
  border:1px solid #eaded7;border-radius:50%;background:#fff;color:#20242b;
  box-shadow:0 4px 14px #2920180d;
}
.qero-location-change-back svg{width:21px;height:21px}
.qero-location-change-content{max-width:480px;margin:42px auto 0}
.qero-location-change-mark{
  display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;
  border-radius:17px;background:#fff0e7;color:#c94b0a;
}
.qero-location-change-mark svg{width:26px;height:26px}
.qero-location-change h1{margin:0;color:#20242b;font-size:clamp(27px,7vw,35px);line-height:1.1;letter-spacing:-.035em}
.qero-location-change-content>p{margin:9px 0 32px;color:#626a73;font-size:14px;line-height:1.45}
.qero-location-change-label{display:block;margin-bottom:10px;color:#a44213;font-size:11px;font-weight:850;letter-spacing:.08em}
.qero-location-change .qero-welcome-city{
  min-height:90px;padding:17px;border-color:#f1d6c6;border-radius:20px;
  background:#fff;box-shadow:0 8px 26px #5024090d;
}
.qero-location-change .qero-welcome-city strong{font-size:19px}
.qero-location-change .qero-welcome-city small{margin-top:5px;font-size:12px}
.qero-location-change .qero-welcome-city-arrow{width:40px;height:40px;flex-basis:40px;background:#c94b0a}
.qero-location-change .qero-welcome-city-arrow svg{width:22px;height:22px}
.qero-location-change-note{display:block;margin:15px 3px;color:#777d84;font-size:12px}
.qero-location-change button:focus-visible{outline:3px solid #c94b0a;outline-offset:3px}
@media(max-width:380px){
  .qero-location-change{padding-left:16px;padding-right:16px}
  .qero-location-change-content{margin-top:32px}
}

.cart-float{
  padding:9px 10px 9px 15px;border:1px solid #f2d8ca;
  background:rgba(255,248,244,.97);color:#242424;
  box-shadow:0 9px 30px rgba(76,42,23,.16);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.cart-float .qero-cart-float-icon{color:#c94b0a}
.cart-float .qty{background:#c94b0a;color:#fff}
.cart-float .qero-cart-float-total{
  padding:10px 12px;border-radius:999px;background:#c94b0a;color:#fff;
}
.cart-float:focus-visible{outline:3px solid #a93612;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.qero-home-header .qero-home-header-pill{transition:none}}
/* END_QERO_MOBILE_POLISH_V13 */

/* QERO_STORY_WINDOW_AND_CART_V16 */
.drawer-backdrop.qero-story-overlay{
  display:flex;align-items:center;justify-content:center;padding:12px;
  background:rgba(18,20,24,.78);
}
.qero-story-stage{
  width:min(calc(100% - 88px),410px);max-width:410px;
  height:min(86dvh,740px);margin:0 auto;
}
.qero-story-stage .drawer.qero-story-viewer{
  border:1px solid rgba(255,255,255,.3);border-radius:22px;
  box-shadow:0 24px 65px rgba(0,0,0,.38);
}
.qero-story-stage .qero-story-nav{
  position:absolute;top:50%;bottom:auto;z-index:8;
  display:grid;place-items:center;width:34px;height:50px;padding:0;
  transform:translateY(-50%);border:1px solid #ffffffbd;border-radius:999px;
  background:rgba(255,255,255,.94);color:#b9480b;opacity:1;
  box-shadow:0 8px 22px rgba(0,0,0,.24);cursor:pointer;
}
.qero-story-stage .qero-story-nav.previous{left:-42px}
.qero-story-stage .qero-story-nav.next{right:-42px}
.qero-story-stage .qero-story-nav:disabled{opacity:.38;cursor:default}
.qero-story-stage .qero-story-nav:focus-visible{outline:3px solid #ff8a35;outline-offset:2px}
.qero-story-stage .qero-story-avatar{position:relative}
.qero-story-stage .qero-story-avatar .qero-story-brandmark,
.qero-story-stage .qero-story-avatar .qero-story-logo-fallback{
  position:static;inset:auto;width:100%;height:100%;font-size:14px;
}
.qero-story-stage .qero-story-avatar .qero-story-brandmark>img{
  display:block;width:100%;height:100%;object-fit:cover;
}
.qero-story-hint{
  position:absolute;left:0;right:0;bottom:-30px;margin:0;
  color:#fff;font-size:12px;font-weight:700;text-align:center;
  text-shadow:0 2px 6px #000a;pointer-events:none;
}
@media(max-width:600px){
  .drawer-backdrop.qero-story-overlay{padding:12px}
  .qero-story-stage{width:calc(100% - 88px);height:min(86dvh,740px)}
  .qero-story-stage .drawer.qero-story-viewer{padding:0;border-radius:22px}
  .qero-story-stage .qero-story-progress{top:12px}
  .qero-story-stage .qero-story-viewer-head{top:22px}
  .qero-story-stage .qero-story-viewer-footer{padding-bottom:14px}
}
@media(max-width:360px){
  .qero-story-stage{width:calc(100% - 72px)}
  .qero-story-stage .qero-story-nav.previous{left:-34px}
  .qero-story-stage .qero-story-nav.next{right:-34px}
  .qero-story-stage .qero-story-nav{width:30px;height:46px}
}
.cart-float{
  width:min(526px,calc(100% - 32px));min-height:62px;
  padding:9px 11px 9px 16px;border:1px solid #f5e2d5;border-radius:999px;
  background:#fff;color:#242424;
  box-shadow:0 12px 34px rgba(199,80,19,.2),0 4px 16px rgba(35,28,23,.07);
}
.cart-float:hover{box-shadow:0 14px 38px rgba(199,80,19,.24),0 4px 16px rgba(35,28,23,.07)}
.cart-float:focus-visible{outline:3px solid #c94b0a;outline-offset:3px}
/* END_QERO_STORY_WINDOW_AND_CART_V16 */

/* QERO_STORY_FLOATING_CARD_V17 */
.drawer-backdrop.qero-story-overlay{
  background:rgba(16,19,24,.72);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
}
.qero-story-stage{
  width:min(calc(100vw - 88px),360px,calc((100dvh - 102px)*.8));
  max-width:360px;height:auto;max-height:none;aspect-ratio:4/5;
}
.qero-story-stage .drawer.qero-story-viewer{
  width:100%;height:100%;border:1px solid rgba(255,255,255,.58);
  border-radius:28px;background:#17191b;
  box-shadow:0 26px 72px rgba(0,0,0,.43),0 3px 16px rgba(0,0,0,.18);
  animation:qeroStoryCardEnter .28s cubic-bezier(.2,.8,.2,1) both;
}
.qero-story-stage .qero-story-backdrop{
  filter:blur(24px) brightness(.5) saturate(.9);
}
.qero-story-stage .qero-story-picture>img{
  object-fit:contain;object-position:center;
}
.qero-story-stage .qero-story-viewer-head{
  top:20px;padding:12px 13px 25px;
  background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);
}
.qero-story-stage .qero-story-viewer-footer{
  padding:30px 13px 13px;
  background:linear-gradient(0deg,rgba(0,0,0,.66),transparent);
}
.qero-story-stage .qero-story-avatar{
  flex-basis:35px;width:35px;height:35px;border:1px solid rgba(255,255,255,.8);
  box-shadow:0 2px 9px rgba(0,0,0,.18);
}
.qero-story-stage #qeroStoryPause{border-radius:999px;background:rgba(255,255,255,.18)}
.qero-story-stage #qeroStoryShop{min-height:44px;border-radius:999px;font-size:12px}
.qero-story-hint{bottom:-27px}
@keyframes qeroStoryCardEnter{
  from{opacity:.65;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:600px){
  .qero-story-stage{
    width:min(calc(100vw - 88px),360px,calc((100dvh - 102px)*.8));
    max-width:360px;height:auto;aspect-ratio:4/5;
  }
  .qero-story-stage .drawer.qero-story-viewer{border-radius:28px}
  .qero-story-stage .qero-story-progress{top:12px}
  .qero-story-stage .qero-story-viewer-head{top:20px}
  .qero-story-stage .qero-story-viewer-footer{padding-bottom:13px}
}
@media(max-width:360px){
  .qero-story-stage{
    width:min(calc(100vw - 72px),360px,calc((100dvh - 102px)*.8));
  }
}
@media(prefers-reduced-motion:reduce){
  .qero-story-stage .drawer.qero-story-viewer{animation:none}
}
/* END_QERO_STORY_FLOATING_CARD_V17 */

/* QERO_STORY_STACK_V18 */
.drawer-backdrop.qero-story-overlay{
  background:rgba(255,250,246,.34);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.qero-story-stage{
  width:min(calc(100vw - 94px),360px,calc((100dvh - 165px)*.8));
  max-width:360px;height:auto;aspect-ratio:4/5;
  perspective:none;transform-style:flat;
}
.qero-story-floating-head{
  position:absolute;bottom:calc(100% + 12px);left:0;right:-4px;z-index:9;
  display:flex;align-items:center;gap:9px;min-height:42px;color:#292321;
}
.qero-story-floating-head strong{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qero-story-floating-head .qero-story-avatar{flex:0 0 38px;width:38px;height:38px;border:2px solid #fff;box-shadow:0 3px 12px #462f2540}
.qero-story-floating-head button{
  flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;
  border:1px solid #f2e4dc;border-radius:50%;background:#fff;color:#c34b0a;
  box-shadow:0 5px 15px #51392226;
}
.qero-story-floating-head button svg{width:22px;height:22px}
.qero-story-floating-head button:focus-visible{outline:3px solid #e75a0b;outline-offset:2px}
.qero-story-stack-back{
  position:absolute;inset:4px -4px -4px 4px;z-index:0;border-radius:27px;
  background:linear-gradient(130deg,#fff8f3,#fbd9c4);border:1px solid #fff;
  box-shadow:0 16px 38px #52332325;transform:scale(.97);
  transition:transform .22s ease;
}
.qero-story-stage.is-dragging .qero-story-stack-back{transform:scale(1)}
.qero-story-stage .drawer.qero-story-viewer{
  z-index:1;border-radius:26px;border:1px solid #fff;overflow:hidden;background:#f6ede6;
  box-shadow:0 18px 46px #39251440,0 3px 13px #39251421;
  transform-style:flat;will-change:transform;
}
.qero-story-stage .qero-story-picture>img{object-fit:cover;object-position:center}
.qero-story-stage .qero-story-progress{top:10px;left:12px;right:12px}
.qero-story-stage .qero-story-viewer-footer{justify-content:center;padding:32px 13px 13px}
.qero-story-stage #qeroStoryShop{flex:0 1 auto;max-width:100%;padding:0 16px;background:rgba(255,255,255,.92);color:#9b3907;box-shadow:0 3px 14px #0003}
.qero-story-stage .qero-story-nav{z-index:10}
.qero-story-stage .qero-story-nav:disabled{opacity:.25}
.qero-story-hint{color:#382b24;text-shadow:0 1px 2px #fff;font-weight:650}
@media(max-width:600px){
  .qero-story-stage{width:min(calc(100vw - 94px),360px,calc((100dvh - 165px)*.8));max-width:360px;height:auto}
  .qero-story-stage .qero-story-progress{top:10px}
  .qero-story-stage .qero-story-viewer-footer{padding-bottom:13px}
}
@media(max-width:360px){.qero-story-stage{width:min(calc(100vw - 78px),360px,calc((100dvh - 165px)*.8))}}
@media(prefers-reduced-motion:reduce){.qero-story-stack-back{transition:none}}
/* END_QERO_STORY_STACK_V18 */

/* QERO_STORY_SWIPE_V19 */
.drawer-backdrop.qero-story-overlay{
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.qero-story-stage .qero-story-outgoing{
  position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none;
  border-radius:26px;box-shadow:0 18px 46px #39251440;
  will-change:transform,opacity;
}
.qero-story-stage .qero-story-outgoing img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
.qero-story-stage .qero-story-stack-back{background-size:cover;background-position:center}
.qero-story-floating-head{transition:opacity .18s ease}
@media(prefers-reduced-motion:reduce){.qero-story-floating-head{transition:none}}
/* END_QERO_STORY_SWIPE_V19 */

/* QERO_STORY_WHITE_FRAME_V20 */
.qero-story-stage{
  width:min(calc(100vw - 84px),360px,calc((100dvh - 165px)*.8));
  max-width:360px;height:auto;aspect-ratio:auto;
  display:flex;flex-direction:column;padding:0 0 2px;
  border:1px solid rgba(255,255,255,.96);border-radius:27px;
  background:#fff;box-shadow:0 18px 45px #33221840,0 3px 12px #33221818;
}
.qero-story-floating-head{
  position:relative;inset:auto;z-index:9;flex:none;
  width:100%;min-height:50px;padding:9px 12px 8px;box-sizing:border-box;
  gap:7px;color:#272320;background:#fff;border-radius:27px 27px 0 0;
}
.qero-story-floating-head .qero-story-brand-link{
  display:flex;align-items:center;gap:8px;min-width:0;flex:1;
  padding:0;border:0;background:transparent;color:inherit;text-align:left;
  box-shadow:none;cursor:pointer;
}
.qero-story-floating-head .qero-story-brand-link .qero-story-avatar{
  flex:0 0 38px;width:38px;height:38px;border:1px solid #f3e9e2;
}
.qero-story-floating-head .qero-story-brand-link strong{
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:15px;font-weight:750;
}
.qero-story-floating-head .qero-story-brand-link:focus-visible{
  outline:2px solid #e75a0b;outline-offset:3px;border-radius:7px;
}
.qero-story-status{
  display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;
  flex:none;white-space:nowrap;font-size:11px;font-weight:700;color:#37652a;
}
.qero-story-status[hidden]{display:none}
.qero-story-status i{
  flex:none;width:7px;height:7px;border-radius:50%;background:#46a52e;
}
.qero-story-status[data-state="paused"]{color:#a4521d}
.qero-story-status[data-state="paused"] i{background:#e28837}
.qero-story-media-frame{
  position:relative;flex:none;width:100%;aspect-ratio:4/5;
  border-radius:25px;isolation:isolate;
}
.qero-story-stage .drawer.qero-story-viewer{
  position:absolute;inset:0;z-index:1;display:block;
  width:100%;height:100%;max-width:none;margin:0;padding:0;
  border:0;border-radius:25px;overflow:hidden;
  background:#f6ede6;box-shadow:none;
}
.qero-story-stage .qero-story-progress{top:9px;left:11px;right:11px}
.qero-story-media-frame .qero-story-stack-back{
  inset:4px -3px -3px 3px;opacity:0;pointer-events:none;
}
.qero-story-stage.is-dragging .qero-story-stack-back{opacity:1}
.qero-story-media-frame .qero-story-outgoing{inset:0;border-radius:25px}
.qero-story-hint{
  position:relative;inset:auto;display:grid;place-items:center;
  min-height:34px;padding:5px 10px;box-sizing:border-box;
  color:#34302d;font-size:11px;font-weight:650;text-shadow:none;
}
@media(max-width:600px){
  .qero-story-stage{
    width:min(calc(100vw - 84px),360px,calc((100dvh - 165px)*.8));
    max-width:360px;height:auto;aspect-ratio:auto;
  }
  .qero-story-stage .drawer.qero-story-viewer{padding:0;border-radius:25px}
}
@media(max-width:360px){
  .qero-story-stage{width:min(calc(100vw - 66px),360px,calc((100dvh - 165px)*.8))}
}
/* END_QERO_STORY_WHITE_FRAME_V20 */

/* QERO_STORY_HEADER_WIDTH_FIX_V20_1 */
.qero-story-stage .qero-story-floating-head #qeroStoryShop{
  flex:1 1 auto;width:auto;min-width:0;max-width:none;height:40px;
  display:flex;align-items:center;justify-content:flex-start;gap:8px;
  padding:0;border:0;border-radius:0;background:transparent;
  box-shadow:none;color:#272320;text-align:left;
}
/* END_QERO_STORY_HEADER_WIDTH_FIX_V20_1 */

/* QERO_STORY_AVATAR_FINISH_V20_2 */
.qero-story-stage .qero-story-floating-head .qero-story-avatar{
  box-shadow:none;
}
.qero-story-stage .qero-story-floating-head .qero-story-avatar.is-qero{
  border-radius:10px;
}
.qero-story-stage .qero-story-floating-head .qero-story-avatar.is-qero .qero-story-brandmark{
  border-radius:9px;
}
.qero-story-stage .qero-story-floating-head .qero-story-avatar.is-qero .qero-story-brandmark>img{
  width:100%;height:100%;object-fit:contain;border-radius:8px;
}
/* END_QERO_STORY_AVATAR_FINISH_V20_2 */

/* QERO_STORY_DRAG_STABILITY_V20_3 */
.qero-story-stage .drawer.qero-story-viewer{
  touch-action:none;
}
/* END_QERO_STORY_DRAG_STABILITY_V20_3 */

/* QERO_STORY_FULL_CARD_STACK_V20_4 */
.drawer-backdrop.qero-story-overlay{isolation:isolate}
.qero-story-overlay .qero-story-stage{
  z-index:2;transform-origin:50% 88%;will-change:transform,opacity;
}
.qero-story-overlay .qero-story-preview{
  position:absolute;top:50%;left:50%;z-index:1;
  width:min(calc(100vw - 84px),360px,calc((100dvh - 165px)*.8));
  max-width:360px;display:flex;flex-direction:column;
  padding:0 0 2px;box-sizing:border-box;
  background:#fff;border:1px solid #fff;border-radius:27px;
  box-shadow:0 18px 45px #33221840,0 3px 12px #33221818;
  transform:translate(-50%,-50%) scale(.92);
  opacity:0;pointer-events:none;
  transition:transform .25s ease,opacity .25s ease;
}
.qero-story-overlay.has-story-preview .qero-story-preview{
  transform:translate(-50%,-50%) scale(.97);opacity:1;
}
.qero-story-preview-head{
  display:flex;align-items:center;gap:8px;min-height:50px;
  padding:9px 12px 8px;box-sizing:border-box;
}
.qero-story-preview-avatar{
  flex:0 0 38px;width:38px;height:38px;overflow:hidden;
  border-radius:50%;background:#fff2e8;
}
.qero-story-preview-avatar img,
.qero-story-preview-avatar .qero-story-brandmark{
  display:block;width:100%;height:100%;object-fit:cover;
}
.qero-story-preview-avatar .qero-story-logo-fallback{display:grid;place-items:center;width:100%;height:100%}
.qero-story-preview-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.qero-story-preview-status{flex:none;font-size:11px;font-weight:700;color:#37652a}
.qero-story-preview-status[data-state="paused"]{color:#a4521d}
.qero-story-preview-status[hidden]{display:none}
.qero-story-preview-media{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:25px;background:#fff1e8}
.qero-story-preview-media img{display:block;width:100%;height:100%;object-fit:cover}
.qero-story-preview-hint{display:grid;place-items:center;min-height:34px;margin:0;padding:5px 10px;font-size:11px;font-weight:650}
@media(max-width:600px){.qero-story-overlay .qero-story-preview{width:min(calc(100vw - 84px),360px,calc((100dvh - 165px)*.8))}}
@media(max-width:360px){.qero-story-overlay .qero-story-preview{width:min(calc(100vw - 66px),360px,calc((100dvh - 165px)*.8))}}
@media(prefers-reduced-motion:reduce){.qero-story-overlay .qero-story-preview{transition:none}}
/* END_QERO_STORY_FULL_CARD_STACK_V20_4 */

/* QERO_STORY_PREVIEW_AVATAR_V20_5 */
.qero-story-overlay .qero-story-preview-avatar{
  position:relative;isolation:isolate;display:block;
  overflow:hidden;border-radius:50%;
}
.qero-story-overlay .qero-story-preview-avatar.is-qero{border-radius:10px}
.qero-story-overlay .qero-story-preview-avatar .qero-story-brandmark,
.qero-story-overlay .qero-story-preview-avatar .qero-story-logo-fallback{
  position:static;inset:auto;display:grid;place-items:center;
  width:100%;height:100%;overflow:hidden;
  border-radius:inherit;font-size:14px;
}
.qero-story-overlay .qero-story-preview-avatar .qero-story-brandmark>img,
.qero-story-overlay .qero-story-preview-avatar>img{
  position:static;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:cover;border-radius:inherit;
}
/* END_QERO_STORY_PREVIEW_AVATAR_V20_5 */

/* QERO_STORY_SINGLE_HANDOFF_V20_6 */
.qero-story-overlay.has-story-preview .qero-story-preview{
  transform:translate(-50%,-50%) scale(1);
}
@media(prefers-reduced-motion:reduce){
  .qero-story-overlay.has-story-preview .qero-story-preview{transition:none}
}
/* END_QERO_STORY_SINGLE_HANDOFF_V20_6 */

/* QERO_STORY_SOLID_EXIT_V20_7 */
.qero-story-overlay .qero-story-preview-media{position:relative}
.qero-story-overlay .qero-story-preview-progress{
  position:absolute;top:9px;left:11px;right:11px;z-index:2;
  height:3px;border-radius:8px;background:rgba(255,255,255,.35);
}
/* END_QERO_STORY_SOLID_EXIT_V20_7 */

/* QERO_STORY_SHARP_FRONT_V20_8 */
.qero-story-overlay .qero-story-stage{will-change:auto}
.qero-story-overlay .qero-story-stage.is-dragging,
.qero-story-overlay .qero-story-stage.is-transitioning{will-change:transform,opacity}
.qero-story-stage .drawer.qero-story-viewer{
  will-change:auto;backface-visibility:visible;
}
.qero-story-stage .qero-story-picture>img{
  will-change:auto;transform:none;filter:none;image-rendering:auto;
}
/* END_QERO_STORY_SHARP_FRONT_V20_8 */