/* CCommerce PWA: install sheet, toasts, buttons. Uses plain colours so it
   works with any theme; green matches the CCommerce Cashback theme. */
.ccc-pwa-btn{font:inherit;font-weight:700;border:1px solid #065F46;border-radius:10px;background:#065F46;color:#fff;padding:.65rem 1.1rem;cursor:pointer;min-height:44px}
.ccc-pwa-btn:hover{background:#064E3B}
.ccc-pwa-btn--ghost{background:transparent;color:#065F46}
.ccc-pwa-btn--ghost:hover{background:#ECFDF5}
.ccc-pwa-btn:focus-visible,.ccc-pwa-toast__btn:focus-visible{outline:3px solid #34D399;outline-offset:2px}
.ccc-pwa-sheet{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:100000;max-width:480px;margin:0 auto;display:flex;gap:.85rem;align-items:flex-start;background:#fff;color:#1f2937;border:1px solid rgba(6,95,70,.25);border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.22);padding:1rem;animation:ccc-pwa-up .25s ease-out}
.ccc-pwa-sheet__icon{border-radius:12px;flex:0 0 auto}
.ccc-pwa-sheet__body{min-width:0;flex:1}
.ccc-pwa-sheet__title{display:block;font-size:1rem;margin-bottom:.15rem}
.ccc-pwa-sheet__text{margin:.1rem 0 .8rem;font-size:.9rem;line-height:1.45;color:#4b5563}
.ccc-pwa-sheet__steps{margin:.5rem 0 .9rem;padding-left:1.2rem;font-size:.92rem;line-height:1.6}
.ccc-pwa-sheet__actions{display:flex;gap:.5rem;flex-wrap:wrap}
.ccc-pwa-toasts{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:100001;display:flex;flex-direction:column;gap:.4rem;align-items:center;pointer-events:none}
.ccc-pwa-toast{pointer-events:auto;display:flex;gap:.8rem;align-items:center;max-width:460px;background:#111827;color:#fff;border-radius:12px;padding:.7rem 1rem;font-size:.9rem;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:ccc-pwa-up .2s ease-out}
.ccc-pwa-toast__btn{font:inherit;font-weight:700;background:none;border:0;color:#6EE7B7;cursor:pointer;padding:.25rem .4rem;min-height:36px}
.ccc-pwa-toggle-note{font-size:.875rem;color:#6b7280;margin-left:.5rem}
html.ccc-is-offline body::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:#F59E0B;z-index:100002}
@keyframes ccc-pwa-up{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.ccc-pwa-sheet,.ccc-pwa-toast{animation:none}}
@media (prefers-color-scheme:dark){.ccc-pwa-sheet{background:#0f2a23;color:#e5e7eb;border-color:rgba(52,211,153,.3)}.ccc-pwa-sheet__text{color:#9ca3af}.ccc-pwa-btn--ghost{color:#6EE7B7;border-color:#34D399}.ccc-pwa-btn--ghost:hover{background:rgba(52,211,153,.12)}}
@media (display-mode:standalone){.ccc-pwa-hide-standalone{display:none!important}}