/* GoJD desktop product UX polish — 2026-09-02 */
@media (min-width:901px){
  /* Main product media: visually centered, contained and zoomable */
  .gojd-desktop-product-universal .gojd-dp-main-media{
    min-height:560px!important;height:560px!important;padding:34px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    overflow:hidden!important;background:#fff!important;cursor:zoom-in!important;
    isolation:isolate!important;
  }
  .gojd-desktop-product-universal .gojd-dp-main-media>img{
    display:block!important;width:auto!important;height:auto!important;
    max-width:84%!important;max-height:84%!important;object-fit:contain!important;
    object-position:center center!important;margin:auto!important;
    transform:scale(1)!important;transform-origin:50% 50%;
    transition:transform .22s cubic-bezier(.2,.7,.2,1),filter .2s ease!important;
    will-change:transform;user-select:none;-webkit-user-drag:none;
  }
  .gojd-desktop-product-universal .gojd-dp-main-media.is-zooming{cursor:zoom-out!important}
  .gojd-desktop-product-universal .gojd-dp-main-media.is-zooming>img{
    transform:scale(1.62)!important;filter:contrast(1.015) saturate(1.01);
  }
  .gojd-desktop-product-universal .gojd-dp-thumb:hover{border-color:#b9c0c7!important;transform:translateY(-1px)}
  .gojd-desktop-product-universal .gojd-dp-thumb:active{transform:scale(.965)!important}
  .gojd-desktop-product-universal .gojd-dp-thumb.active{border-color:#ef1019!important;box-shadow:0 0 0 2px rgba(239,16,25,.08)!important}

  /* Interactive language shared by every product control */
  .gojd-desktop-product-universal button:not(:disabled),
  #gojd-payment-methods-sheet button:not(:disabled),
  #gojd-shipping-receiving-sheet button:not(:disabled){
    transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease,filter .14s ease!important;
    -webkit-tap-highlight-color:transparent;
  }
  .gojd-desktop-product-universal button:not(:disabled):hover,
  #gojd-payment-methods-sheet button:not(:disabled):hover,
  #gojd-shipping-receiving-sheet button:not(:disabled):hover{filter:brightness(.985)}
  .gojd-desktop-product-universal button:not(:disabled):active,
  #gojd-payment-methods-sheet button:not(:disabled):active,
  #gojd-shipping-receiving-sheet button:not(:disabled):active{transform:scale(.965)!important;filter:brightness(.955)!important}
  .gojd-desktop-product-universal button:focus-visible,
  #gojd-payment-methods-sheet button:focus-visible,
  #gojd-shipping-receiving-sheet button:focus-visible{outline:2px solid rgba(239,16,25,.55)!important;outline-offset:3px!important}
  .gojd-desktop-product-universal button.gojd-ux-pressed,#gojd-payment-methods-sheet button.gojd-ux-pressed,#gojd-shipping-receiving-sheet button.gojd-ux-pressed{transform:scale(.965)!important;filter:brightness(.95)!important;box-shadow:0 0 0 4px rgba(239,16,25,.12)!important;transition-duration:.04s!important}
  .gojd-dp-storage-new button.active,.gojd-dp-colors-new button.active,.gojd-dp-tabs button.active{
    box-shadow:0 0 0 3px rgba(239,16,25,.07)!important
  }
  .gojd-dp-storage-new button.active{background:#fff6f7!important;border-color:#ed0712!important;color:#d90716!important}
  .gojd-dp-colors-new button.active{border-color:#ed0712!important;box-shadow:0 0 0 3px rgba(239,16,25,.10)!important}
  .gojd-dp-tabs button.active{color:#e50914!important;font-weight:800!important}
  .gojd-dp-fav-new.active,.gojd-dp-sticky-fav.active{background:#fff2f3!important;color:#e50914!important;border-color:#ffc6ca!important}
  .gojd-dp-add-new:hover,.gojd-dp-sticky-cart:hover{box-shadow:0 7px 18px rgba(0,0,0,.14)!important}
  .gojd-dp-buy-new:hover,.gojd-dp-sticky-buy:hover{box-shadow:0 7px 20px rgba(229,9,20,.24)!important}
  .gojd-dp-qty-new button:disabled{opacity:.30!important;cursor:not-allowed!important}

  /* Payment modal: desktop commercial dialog, not mobile bottom sheet */
  #gojd-payment-methods-sheet.gojd-pay-sheet-root{z-index:12000!important}
  #gojd-payment-methods-sheet .gojd-pay-sheet-backdrop{
    background:rgba(12,16,20,.58)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important
  }
  #gojd-payment-methods-sheet .gojd-pay-sheet{
    left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    width:min(760px,calc(100vw - 56px))!important;max-height:min(760px,calc(100vh - 64px))!important;
    border:1px solid rgba(20,24,28,.08)!important;border-radius:22px!important;background:#fff!important;
    box-shadow:0 28px 90px rgba(0,0,0,.24)!important;overflow:hidden!important;
    opacity:0;transform:translate(-50%,-47%) scale(.985)!important;
    transition:opacity .22s ease,transform .26s cubic-bezier(.22,.8,.22,1)!important;
  }
  #gojd-payment-methods-sheet.is-open .gojd-pay-sheet{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}
  #gojd-payment-methods-sheet.is-closing .gojd-pay-sheet{opacity:0!important;transform:translate(-50%,-47%) scale(.985)!important}
  #gojd-payment-methods-sheet .gojd-pay-sheet-handle{display:none!important}
  #gojd-payment-methods-sheet .gojd-pay-sheet-header{
    cursor:default!important;padding:24px 28px 19px!important;border-bottom:1px solid #eceff2!important;align-items:center!important
  }
  #gojd-payment-methods-sheet .gojd-pay-sheet-header h2{font-size:23px!important;line-height:1.12!important;letter-spacing:-.35px!important;margin:0 0 5px!important}
  #gojd-payment-methods-sheet .gojd-pay-sheet-header p{font-size:12.5px!important;color:#69727c!important;margin:0!important}
  #gojd-payment-methods-sheet .gojd-pay-sheet-close{width:38px!important;height:38px!important;border-color:#dde2e6!important}
  #gojd-payment-methods-sheet .gojd-pay-sheet-scroll{max-height:calc(min(760px,100vh - 64px) - 154px)!important;padding:22px 28px 14px!important;overflow:auto!important}
  #gojd-payment-methods-sheet .gojd-desktop-pay-commercial{display:block}
  #gojd-payment-methods-sheet .gojd-pay-commercial-title{font-size:14px;font-weight:850;margin:0 0 11px;color:#17191c}
  #gojd-payment-methods-sheet .gojd-pay-commercial-brands{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:20px}
  #gojd-payment-methods-sheet .gojd-pay-brand-pill{
    height:44px;min-width:78px;padding:7px 12px;border:1px solid #e1e5e9;border-radius:10px;background:#fff;display:grid;place-items:center;box-sizing:border-box
  }
  #gojd-payment-methods-sheet .gojd-pay-brand-pill img{display:block;max-width:58px;max-height:25px;width:auto;height:auto;object-fit:contain}
  #gojd-payment-methods-sheet .gojd-pay-brand-pill.apple img{max-width:45px;max-height:23px}
  #gojd-payment-methods-sheet .gojd-pay-brand-pill.elo img{max-width:49px}
  #gojd-payment-methods-sheet .gojd-pay-commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
  #gojd-payment-methods-sheet .gojd-pay-commercial-card{
    min-height:108px;border:1px solid #e2e6ea;border-radius:14px;background:#fff;padding:16px 17px;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:14px;box-sizing:border-box
  }
  #gojd-payment-methods-sheet .gojd-pay-commercial-card.disabled{background:#fafbfc;color:#8a9097}
  #gojd-payment-methods-sheet .gojd-pay-commercial-logo{
    width:54px;height:54px;border:1px solid #edf0f2;border-radius:13px;background:#fafbfc;display:grid;place-items:center;overflow:hidden
  }
  #gojd-payment-methods-sheet .gojd-pay-commercial-logo img{display:block;max-width:42px;max-height:36px;width:auto;height:auto;object-fit:contain}
  #gojd-payment-methods-sheet .gojd-pay-commercial-logo svg{width:30px;height:30px;stroke:#17191c;fill:none;stroke-width:1.8}
  #gojd-payment-methods-sheet .gojd-pay-commercial-card b{display:block;font-size:14px;line-height:1.25;color:#181a1d;margin-bottom:4px}
  #gojd-payment-methods-sheet .gojd-pay-commercial-card small{display:block;font-size:11px;line-height:1.4;color:#707881}
  #gojd-payment-methods-sheet .gojd-pay-commercial-card.disabled b{color:#6f757c}
  #gojd-payment-methods-sheet .gojd-pay-commercial-tag{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:#effaf4;color:#0c8b4b;font-size:9px;font-weight:800}
  #gojd-payment-methods-sheet .gojd-pay-commercial-tag.pending{background:#fff3f3;color:#c81320}
  #gojd-payment-methods-sheet .gojd-pay-commercial-notes{display:grid;gap:9px;margin-top:4px}
  #gojd-payment-methods-sheet .gojd-pay-commercial-note{
    min-height:58px;border:1px solid #eceff2;border-radius:12px;background:#fafbfc;padding:12px 14px;display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center
  }
  #gojd-payment-methods-sheet .gojd-pay-commercial-note.red{background:#fff6f7;border-color:#ffd7da}
  #gojd-payment-methods-sheet .gojd-pay-commercial-note svg{width:26px;height:26px;stroke:#e50914;fill:none;stroke-width:1.7}
  #gojd-payment-methods-sheet .gojd-pay-commercial-note b{display:block;font-size:12.5px;margin-bottom:2px;color:#191b1e}
  #gojd-payment-methods-sheet .gojd-pay-commercial-note span{display:block;font-size:10.5px;line-height:1.35;color:#6d757e}
  #gojd-payment-methods-sheet .gojd-pay-commercial-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0 4px;font-size:10.5px;color:#727a83}
  #gojd-payment-methods-sheet .gojd-pay-commercial-secure svg{width:16px;height:16px;stroke:#68717b;fill:none;stroke-width:1.8}
  #gojd-payment-methods-sheet .gojd-pay-understood{
    display:block!important;width:calc(100% - 56px)!important;height:50px!important;margin:4px 28px 24px!important;border:0!important;border-radius:11px!important;
    background:#ed0712!important;color:#fff!important;font-size:14px!important;font-weight:850!important;cursor:pointer!important
  }
  #gojd-payment-methods-sheet .gojd-pay-understood:hover{background:#d90511!important;box-shadow:0 7px 18px rgba(229,9,20,.20)!important}

  /* Shipping modal always above header, correctly centered */
  #gojd-shipping-receiving-sheet{z-index:12000!important}
  #gojd-shipping-receiving-sheet .gojd-ship-sheet{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 56px)!important}

  /* Notification belongs to header layer, never above commerce dialogs */
  .gojd-notification-wrap--portal{z-index:1450!important}
  .gojd-notification-popover{z-index:1460!important}
  html.gojd-pay-sheet-open .gojd-notification-wrap--portal,
  body:has(#gojd-shipping-receiving-sheet.is-open) .gojd-notification-wrap--portal,
  body:has(#gojd-payment-methods-sheet.is-open) .gojd-notification-wrap--portal{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important
  }
  body:has(#gojd-shipping-receiving-sheet.is-open) .gojd-notification-popover,
  body:has(#gojd-payment-methods-sheet.is-open) .gojd-notification-popover{display:none!important}
}

/* GoJD desktop product: explicit selected/click feedback */
@media (min-width:901px){
  @keyframes gojdProductControlPulse{
    0%{transform:scale(.965);box-shadow:0 0 0 4px rgba(239,16,25,.14)}
    55%{transform:scale(.985);box-shadow:0 0 0 3px rgba(239,16,25,.09)}
    100%{transform:scale(1);box-shadow:none}
  }
  .gojd-desktop-product-universal button.gojd-ux-clicked,
  #gojd-payment-methods-sheet button.gojd-ux-clicked,
  #gojd-shipping-receiving-sheet button.gojd-ux-clicked{
    animation:gojdProductControlPulse .22s cubic-bezier(.2,.7,.2,1)!important;
  }
  .product-page.gojd-desktop-product-v2 .gojd-desktop-product-universal .gojd-dp-tabs button.active,
  .product-page.gojd-desktop-product-v2 .gojd-desktop-product-universal .gojd-dp-tabs button[aria-selected="true"]{
    color:#e50914!important;
    font-weight:850!important;
    background:#fff6f7!important;
    border-radius:8px 8px 0 0!important;
    box-shadow:inset 0 -2px 0 #e50914,0 0 0 3px rgba(229,9,20,.055)!important;
  }
  .product-page.gojd-desktop-product-v2 .gojd-desktop-product-universal .gojd-dp-tabs button.active::after,
  .product-page.gojd-desktop-product-v2 .gojd-desktop-product-universal .gojd-dp-tabs button[aria-selected="true"]::after{
    background:#e50914!important;opacity:1!important;
  }
  .product-page.gojd-desktop-product-v2 .gojd-desktop-product-universal .gojd-dp-tabs button:hover:not(.active){
    color:#20252a!important;background:#f7f8fa!important;border-radius:8px!important;
  }
}


/* Real payment brand proportions */
#gojd-payment-methods-sheet .gojd-pay-brand-pill.amax img,#gojd-payment-methods-sheet .gojd-pay-brand-pill.amex img{max-width:52px;max-height:23px}
#gojd-payment-methods-sheet .gojd-pay-commercial-logo .gojd-brand-pix{max-width:29px;max-height:29px}
#gojd-payment-methods-sheet .gojd-pay-commercial-logo .gojd-brand-mercadopago{max-width:35px;max-height:32px}
#gojd-payment-methods-sheet .gojd-pay-commercial-logo .gojd-brand-stone{max-width:34px;max-height:32px}