.app-product.ready{border-color:rgba(112,239,216,.34);box-shadow:inset 0 0 0 1px rgba(112,239,216,.04)}
.app-product-buy>div{display:grid;gap:5px}.app-product-buy small{font:600 5px/1 Space Grotesk;letter-spacing:.12em}.app-product-buy small.ready{color:#70efd8}.app-product-buy small.waiting{color:#59666c}
.app-product-copy .product-plus{width:32px;height:32px;display:grid;place-items:center;border:1px solid #334047;border-radius:50%;background:#151b1f;color:#70efd8;font:600 13px/1 Space Grotesk,Arial,sans-serif;text-decoration:none;transition:.2s}
.app-product-copy .product-plus:hover,.app-product-copy .product-plus:focus-visible{border-color:#70efd8;background:#70efd8;color:#07100f;outline:0}
.app-product-copy .product-plus:disabled{border-color:#252d31;background:#111619;color:#4d595e;cursor:not-allowed}.app-product-copy .product-plus.added{background:#70efd8;color:#07100f;border-color:#70efd8}
.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.sheet-actions .sheet-ack{margin:0}.sheet-bag-link{min-height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#70efd8;color:#07100f;font:700 7px Space Grotesk;letter-spacing:.13em}.sheet-bag-link[hidden]{display:none}.sheet-actions:has(.sheet-bag-link[hidden]){grid-template-columns:1fr}
@media(max-width:520px){.sheet-actions{grid-template-columns:1fr}.sheet-actions .sheet-ack{justify-content:center}}

/* v39 — the Bag is a native app destination; no app control exits to the website. */
.back-site{width:100%;border:0;background:transparent;text-align:left}
.sheet-bag-link{border:0;cursor:pointer}
.app-bag-heading{padding-bottom:25px;border-bottom:1px solid rgba(11,13,12,.34)}
.app-bag-heading>span{color:var(--fitrich-sage-deep);font:800 6px Space Grotesk,Arial,sans-serif;letter-spacing:.18em}
.app-bag-heading h2{margin:12px 0 10px;font:500 clamp(37px,5vw,68px)/.92 Space Grotesk,Arial,sans-serif;letter-spacing:-.065em}
.app-bag-heading p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.app-bag-layout{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;align-items:start}
.app-bag-list{display:grid;gap:8px}
.app-bag-item{min-height:180px;display:grid;grid-template-columns:155px 1fr;border:1px solid rgba(11,13,12,.36);background:var(--fitrich-paper)}
.app-bag-art{position:relative;min-height:180px;display:grid;place-items:center;align-content:center;overflow:hidden;background:radial-gradient(circle,rgba(147,227,210,.54),transparent 48%),linear-gradient(145deg,#f5f5f1,#dfe2de)}
.app-bag-art:before{content:"";position:absolute;width:62px;height:112px;border:1px solid #4d5852;border-radius:8px;background:linear-gradient(145deg,#272e2a,#080a09);box-shadow:0 21px 31px rgba(11,13,12,.22)}
.app-bag-art.jar:before{width:100px;height:60px;border-radius:12px}.app-bag-art.bottle:before,.app-bag-art.pump:before{width:56px;height:126px}.app-bag-art.spray:before{width:42px;height:132px}.app-bag-art.tube:before{width:57px;height:124px}.app-bag-art.light:before{background:linear-gradient(145deg,#f2f4f1,#aeb9b3);border-color:#fff}
.app-bag-art span,.app-bag-art b,.app-bag-art small{position:relative;z-index:1;color:#fff;text-align:center}.app-bag-art.light span,.app-bag-art.light b,.app-bag-art.light small{color:#111}
.app-bag-art span{font:800 5px Space Grotesk;letter-spacing:.15em}.app-bag-art b{margin:9px 0 16px;font:700 5px/1.25 Space Grotesk;letter-spacing:.08em}.app-bag-art small{font:700 4px Space Grotesk;letter-spacing:.12em;opacity:.7}
.app-bag-item-copy{padding:25px;display:flex;flex-direction:column;justify-content:center}.app-bag-item-copy>small{color:var(--fitrich-sage-deep);font:800 5.5px Space Grotesk;letter-spacing:.13em}.app-bag-item-copy h3{margin:10px 0 12px;font:600 22px/1 Space Grotesk;letter-spacing:-.045em}.app-bag-item-copy p{margin:0;color:var(--muted);font-size:9px}.app-bag-item-copy>strong{margin-top:21px;font:700 12px Space Grotesk}
.app-bag-summary{position:static;padding:28px;border:1px solid rgba(11,13,12,.46);background:var(--fitrich-sage)}
.app-bag-summary>span{color:var(--fitrich-sage-deep);font:800 5.5px Space Grotesk;letter-spacing:.17em}.app-bag-summary h3{margin:10px 0 27px;font:600 25px/1 Space Grotesk;letter-spacing:-.045em}
.app-bag-summary dl{margin:0;border-top:1px solid rgba(11,13,12,.25)}.app-bag-summary dl div{min-height:45px;border-bottom:1px solid rgba(11,13,12,.2);display:flex;align-items:center;justify-content:space-between;gap:18px}.app-bag-summary dt{color:#58635d;font-size:8px}.app-bag-summary dd{margin:0;text-align:right;font:800 6px Space Grotesk;letter-spacing:.08em}
.app-bag-total{min-height:74px;display:flex;align-items:center;justify-content:space-between}.app-bag-total span{font:800 6px Space Grotesk;letter-spacing:.15em}.app-bag-total strong{font:700 23px Space Grotesk}
.app-bag-checkout{width:100%;min-height:55px;padding:0 17px;border:1px solid var(--fitrich-black);background:var(--fitrich-black);color:#fff;display:flex;align-items:center;justify-content:space-between;font:800 6.5px Space Grotesk;letter-spacing:.13em}.app-bag-checkout b{color:var(--fitrich-sage);font-size:17px}
.app-bag-continue{width:100%;min-height:45px;border:0;background:transparent;color:var(--fitrich-black);font:800 6px Space Grotesk;letter-spacing:.13em}
.app-bag-empty{min-height:430px;margin-top:12px;padding:35px;border:1px solid rgba(11,13,12,.4);background:var(--fitrich-paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.app-bag-empty i{width:92px;height:92px;border:1px solid rgba(11,13,12,.3);border-radius:50%;display:grid;place-items:center;background:var(--fitrich-sage);font:400 30px Space Grotesk;font-style:normal}.app-bag-empty strong{margin:27px 0 20px;font:800 7px Space Grotesk;letter-spacing:.17em}.app-bag-empty button{min-width:230px;min-height:50px;padding:0 18px;border:1px solid var(--fitrich-black);background:var(--fitrich-black);color:#fff;display:flex;align-items:center;justify-content:space-between;font:800 6px Space Grotesk;letter-spacing:.14em}.app-bag-empty button b{color:var(--fitrich-sage);font-size:16px}

@media(max-width:760px){
  .app-bag-heading h2{font-size:42px}.app-bag-layout{grid-template-columns:1fr}.app-bag-summary{position:static}.app-bag-item{grid-template-columns:118px 1fr;min-height:158px}.app-bag-art{min-height:158px}.app-bag-item-copy{padding:18px}.app-bag-item-copy h3{font-size:17px}.app-bag-empty{min-height:360px;padding:25px}
}
