/* HGTG desktop floating controls V3.4 - presentation only.
   Baseline: cart root/anchor ~54x54px; call dial ~60x60px.
   Desktop requested: cart 108x108px, call 120x120px.
   Reposition only these two fixed controls to keep a vertical 20px gap.
   No changes to mobile <=812px, AJAX, cart/phone destinations, or fly/toast JS. */
@media screen and (min-width: 813px) {
  /* Fixed 108px cart; keep it inside the right/bottom viewport edges. */
  .email_fixed.hgtg-fly-cart-ready {
    position: fixed !important;
    width: 108px !important;
    height: 108px !important;
    right: 26px !important;
    bottom: 38px !important;
    left: auto !important;
    top: auto !important;
    overflow: visible !important;
  }
  .email_fixed.hgtg-fly-cart-ready > .hgtg-fly-cart-anchor {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
  }
  .email_fixed.hgtg-fly-cart-ready > .hgtg-fly-cart-anchor svg {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
  }
  .email_fixed.hgtg-fly-cart-ready > .hgtg-fly-cart-anchor .hgtg-fly-cart-badge {
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 6px !important;
    line-height: 42px !important;
    font-size: 20px !important;
    top: -7px !important;
    right: -7px !important;
    box-sizing: border-box !important;
  }

  /* Fixed 120px call control, centered over the cart with 20px clear gap. */
  .ti_fixed {
    position: fixed !important;
    width: 120px !important;
    height: 120px !important;
    right: 20px !important;
    bottom: 166px !important;
    left: auto !important;
    top: auto !important;
  }
  .ti_fixed .icon_ti_fixed {
    width: 120px !important;
    height: 120px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
  }
  .ti_fixed .in_icon_ti_fixed {
    top: 10px !important;
    left: 10px !important;
    width: 100px !important;
    height: 100px !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }
  .ti_fixed .in_icon_ti_fixed img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
  }
  .ti_fixed .in_icon_ti_fixed.active::before {
    line-height: 100px !important;
    font-size: 48px !important;
  }
  .ti_fixed .nd_ti_fixed {
    bottom: 135px !important;
  }
}
