/* The Woobles rebuild — additions on top of The Woobles' own CSS. Only what their
   (stripped) scripts used to draw. */

/* Shop Pay button (Shopify's wallet script renders it in a shadow root; values from the live button,
   font from the @font-face that script injects) */
@font-face{ font-family:"GTStandard-M"; src:url("https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MRegular.woff2") format("woff2"); font-weight:450; font-display:fallback; }
.wb-shoppay{ display:flex; align-items:center; justify-content:center; gap:3.5px; width:100%; height:48px;
  border:0; border-radius:24px; background:#5433eb; color:#fff; cursor:pointer; padding:0 16px 4px 19px;
  font:450 17px/1 "GTStandard-M",-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI",sans-serif; }
.wb-shoppay:hover{ background:#3c0ae0; }
.wb-shoppay img{ width:51px; height:20px; display:block; margin-top:3px; }

/* cart page wallet row (Shopify's accelerated checkout draws it; sizes from the live row: 3 x 42px pills, 10px gap) */
.wb-wallets{ display:flex; gap:10px; }
.wb-wallet{ flex:1 1 0; height:42px; border:0; border-radius:21px; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
.wb-wallet--shop{ background:#5433eb; }
.wb-wallet--paypal{ background:#ffc439; }
.wb-wallet--gpay{ background:#000; }
.wb-wallet img{ display:block; width:auto; }
/* live's gift-app wrapper in the cart footer takes an empty grid row (its gap) above Check out */
#main-cart-footer .cart__ctas .gktPageWrapper{ display:block; height:0; }

/* phones and tablets: no account icon in the header (order tracking stays in the menu) */
@media screen and (max-width: 989px) { .header__icon--account { display: none !important; } }