#petmist-page { font-family: Poppins, sans-serif; }
#petmist-page [data-petmist-add] { width: 100%; }
#petmist-page .product-form__buttons > small.hidden { display: none; }
#petmist-page .petmist-wallet-visual { width: 100%; min-height: 55px; height: 55px; border: 0; border-radius: 7px; background: #5a31f4; color: #fff; font: 400 15px Poppins,sans-serif; cursor: default; }
#petmist-page .petmist-wallet-visual + .shopify-payment-button__more-options { height: 19.203125px; line-height: 19.203125px; margin: 17.6px 0 11px; }
#petmist-page .petmist-offer-tab[hidden] { display: none; }
#petmist-page share-button > details > summary { display: none; }
#petmist-page [data-petmist-add][disabled] { opacity: 1; cursor: pointer; }
#petmist-page .petmist-offer-tab { position: fixed; z-index: 20; top: 40vh; right: 0; transform: translateY(-100%) rotate(-90deg); transform-origin: right bottom; border: 0; border-radius: 6px 6px 0 0; padding: 10px 14px; background: #234c95; color: #fff; font: 700 14px Poppins,sans-serif; cursor: pointer; }
#petmist-page .petmist-preview-message { display: none; position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%); z-index: 30; max-width: min(90vw, 420px); padding: 12px 16px; border-radius: 8px; background: #173a70; color: white; text-align: center; font: 13px Poppins,sans-serif; box-shadow: 0 6px 20px #0003; }
#petmist-page .petmist-preview-message:not(:empty) { display: block; }
#petmist-page .kaching-bundles__bar-container { cursor: pointer; }
#petmist-page .kaching-bundles__bar-container:focus-visible { outline: 2px solid #194b89; outline-offset: 2px; }
#petmist-page img { max-width: 100%; }
#petmist-page .product__media-list img { cursor: zoom-in; }
.petmist-lightbox { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.92); }
.petmist-lightbox[hidden] { display: none; }
.petmist-lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; }
.petmist-lightbox button { position: absolute; z-index: 1; border: 0; background: transparent; color: #fff; cursor: pointer; font: 36px/1 Arial,sans-serif; }
.petmist-lightbox .close { top: 15px; right: 20px; }
.petmist-lightbox .prev { left: 20px; }
.petmist-lightbox .next { right: 20px; }
@media (max-width: 749px) { #petmist-page { width: 100%; overflow-x: clip; } }