/* GWW_RESTRICTED_HERO_DESKTOP_V1_20261014
   Fix gated professional hero at desktop widths.
   Preserve mobile, member tiers and access controls.
*/

@media (min-width: 600px) {

  html body
  .gww-restricted-tier-shell[data-gww-profile-state="restricted"]
  .gww-profile-preview-hero {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html body
  .gww-restricted-tier-shell[data-gww-profile-state="restricted"]
  .gww-profile-preview-hero
  .gww-profile-preview-shell {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  html body
  .gww-restricted-tier-shell[data-gww-profile-state="restricted"]
  .gww-profile-preview-grid {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  html body
  .gww-restricted-tier-shell[data-gww-profile-state="restricted"]
  .gww-profile-preview-photo,
  html body
  .gww-restricted-tier-shell[data-gww-profile-state="restricted"]
  .gww-profile-preview-heading {
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}