/* 2026.10.25.93 (BoRi 2026-11-11 06:13): everything centered on the screen across the app. Look only. */
@layer qc25tab {
/* Home: Rewards title, line, How it works text, rewards counters */
html:root body.simple13.simple13 main>.page-sheet>section[data-flavor].glass{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html:root body.simple13.simple13 main>.page-sheet>section[data-flavor].glass *{text-align:center!important}
html:root body.simple13.simple13 main>.page-sheet>section[data-flavor].glass ul,html:root body.simple13.simple13 main>.page-sheet>section[data-flavor].glass ol{list-style:none!important;padding-left:0!important;margin-left:auto!important;margin-right:auto!important}
html:root body.simple13.simple13 main>.page-sheet>section[data-flavor].glass li{padding-left:0!important}
html:root body.simple13.simple13 main>.page-sheet>section[data-flavor].glass li::before{display:none!important}
html:root body.simple13.simple13 main>.page-sheet>.vials25 .vials25-row{justify-content:center!important}
/* Home: Share + Member row centered as one group */
html:root body.simple13.simple13 main>.page-sheet .foot13{display:flex!important;justify-content:center!important;align-items:center!important;gap:28px!important;flex-wrap:wrap!important;margin-left:auto!important;margin-right:auto!important}
html:root body.simple13.simple13 main>.page-sheet .foot13>.share25-btn,html:root body.simple13.simple13 main>.page-sheet .foot13>.member13{flex:0 0 auto!important;width:auto!important;justify-content:center!important;text-align:center!important}
html:root body.simple13.simple13 main>.page-sheet .foot13>.member13{gap:10px!important}
html:root body.simple13.simple13 main>.page-sheet .foot13 .member25-txt{align-items:center!important;text-align:center!important}
/* Home: Shop by goal grid centered */
html:root body.simple13.simple13 .page-sheet .goal25-grid{justify-content:center!important;justify-items:center!important}
html:root body.simple13.simple13 .page-sheet .goal25-chip{text-align:center!important;align-items:center!important}
/* Account: headings, greeting and texts centered */
html:root body.simple13.simple13 .view13-account .acct-hello,
html:root body.simple13.simple13 .view13-account .acct-sec>h4,html:root body.simple13.simple13 .view13-account #refer-sec>h4,
html:root body.simple13.simple13 .view13-account .acct-note,html:root body.simple13.simple13 .view13-account .rf-dials-h,html:root body.simple13.simple13 .view13-account .rf-perks-h{text-align:center!important}
html:root body.simple13.simple13 .view13-account .acct-sec>h4,html:root body.simple13.simple13 .view13-account #refer-sec>h4{display:block!important;width:max-content!important;margin-left:auto!important;margin-right:auto!important}
html:root body.simple13.simple13 .view13-account .acct-sec>h4::after,html:root body.simple13.simple13 .view13-account #refer-sec>h4::after{left:-15%!important;right:-15%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)!important}
html:root body.simple13.simple13 .view13-account .acct-sec>button.underline,html:root body.simple13.simple13 .view13-account #refer-sec>button.underline,html:root body.simple13.simple13 .view13-account .reward-card>button.underline{display:block!important;margin-left:auto!important;margin-right:auto!important}
html:root body.simple13.simple13 .view13-account .code-row{justify-content:center!important;flex-wrap:wrap!important;text-align:center!important}
html:root body.simple13.simple13 .view13-account .code-row>.acct-note{flex-basis:100%!important}
html:root body.simple13.simple13 .view13-account .reward-bal{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:4px!important}
html:root body.simple13.simple13 .view13-account .rf-perks{list-style:none!important;padding-left:0!important;text-align:center!important}
html:root body.simple13.simple13 .view13-account .rf-perks li{padding-left:0!important;justify-content:center!important;text-align:center!important}
html:root body.simple13.simple13 .view13-account .rf-perks li::before{display:none!important}
html:root body.simple13.simple13 .acct-drawer>.glass-bar>p{text-align:center!important}
/* Journal: progress, tracker tiles, section titles centered */
html:root body.simple13.simple13 .jr-sheet .wc-steps>:first-child:not(button){text-align:center!important}
html:root body.simple13.simple13 .jr-sheet .wc-tile{text-align:center!important;align-items:center!important}
html:root body.simple13.simple13 .jr-sheet .wc-tile::after{left:10%!important;right:10%!important;background:var(--l92)!important}
html:root body.simple13.simple13 .jr-sheet .jr-empty{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
}

/* .93: top banner on Home scrolls away with the page instead of staying pinned */
@layer qc25tab {
html:root body.simple13.simple13 header.home-hero13{position:relative!important;top:auto!important}
/* Ask Amber box: answers area may grow (JS fits it to the screen), text easy to read, no iOS zoom on the field */
html:root body.simple13.simple13 #ask13 .qc25-body{max-height:min(52vh,460px)!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
html:root body.simple13.simple13 #ask13 .qc25 input{font-size:16px!important}
html:root body.simple13.simple13 #ask13 .qc25{scroll-margin-top:12px!important}
}

/* .93: item card floats in the middle of the screen, never touches an edge; new boxless look inside */
@layer qc25tab {
html:root body.simple13.simple13 section[data-item-sheet].item-sheet{
  top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(calc(100vw - 32px),560px)!important;max-width:none!important;
  max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  border-radius:24px!important;border:1px solid rgba(255,60,45,.38)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 28px rgba(255,40,30,.22),0 30px 80px rgba(0,0,0,.85)!important;
  z-index:130!important;padding-bottom:18px!important;margin:0!important;
  animation:t93pop .18s ease-out both!important}
@keyframes t93pop{from{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
html:root body.simple13.simple13:has(section[data-item-sheet]) .r2-scrim{z-index:125!important}
html:root body.simple13.simple13 section[data-item-sheet] .sheet-handle{display:none!important}
html:root body.simple13.simple13 section[data-item-sheet]>.order-sheet-head{border-radius:24px 24px 0 0!important}
html:root body.simple13.simple13 section[data-item-sheet] article.p-card{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* sizes: plain text, the picked one red with a glowing underline */
html:root body.simple13.simple13 section[data-item-sheet] article.p-card .flex-wrap>button.rounded-full{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:8px 6px!important;margin-right:14px!important;font-size:16px!important;font-weight:700!important;color:#d9d4d5!important;-webkit-text-fill-color:#d9d4d5!important;border-bottom:2px solid transparent!important;text-shadow:none!important}
html:root body.simple13.simple13 section[data-item-sheet] article.p-card .flex-wrap>button.rounded-full[aria-pressed=true],
html:root body.simple13.simple13 section[data-item-sheet] article.p-card .flex-wrap>button.rounded-full.metal-red,
html:root body.simple13.simple13 section[data-item-sheet] article.p-card .flex-wrap>button.rounded-full[data-on]{color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom-color:#ff2a1f!important;box-shadow:0 6px 10px -8px rgba(255,40,30,.9)!important}
/* wish list: plain text with heart */
html:root body.simple13.simple13 section[data-item-sheet] .fav-btn{background:none!important;border:0!important;box-shadow:none!important;padding:6px 2px!important;color:#fff!important}
}
@layer qc25tab {
html:root body.simple13.simple13 section[data-item-sheet] article.p-card{text-align:center!important;align-items:center!important}
html:root body.simple13.simple13 section[data-item-sheet] article.p-card>*{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html:root body.simple13.simple13 section[data-item-sheet] article.p-card .flex-wrap{justify-content:center!important}
html:root body.simple13.simple13 section[data-item-sheet] article.p-card .flex-wrap>button.rounded-full{margin:0 7px!important}
html:root body.simple13.simple13 section[data-item-sheet] .p-bottom{align-items:center!important;width:100%!important}
html:root body.simple13.simple13 section[data-item-sheet] .p-bottom>.fav-btn{align-self:center!important}
html:root body.simple13.simple13 section[data-item-sheet] .p-bottom>.metal-red{width:100%!important;align-self:stretch!important}
html:root body.simple13.simple13 section[data-item-sheet] .item-ask-row{justify-content:center!important}
}
@layer qc25tab {
/* Amber window opened from the item card sits on top of the card */
html:root body.simple13.simple13 .item-ai{z-index:140!important;background:#000!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
