/*
 * BUILT (flattened) from handoff/hub/overrides/main.css — do not edit by hand.
 * regenerate: node scripts/build-overrides.mjs
 */

#main-content {

  /* ./badge.overrides.css */
  .product-pill,
  .product-pill:hover,
  .product-pill:focus,
  .product-pill:active {
    background-color: #066afe !important;
    border: 1px solid #066afe !important;
    border-radius: 200px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8.8px 24.8px !important;
    text-decoration: none !important;
  }

  .product-pill__content {
    display: inline-flex !important;
    align-items: center !important;
  }

  .product-pill img,
  .product-pill svg {
    display: none !important;
  }

  .product-pill:focus,
  .product-pill:focus-visible {
    outline: 2px solid #066afe !important;
    outline-offset: 2px !important;
  }

  /* ./arrow-link.overrides.css */
  .product-pill {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .product-pill:not(:hover):not(:focus):not(:active) {
    color: #066afe !important;
  }

  .product-pill .product-pill__content {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .product-pill .product-pill__image {
    display: none !important;
  }

  .product-pill .product-pill__label {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }

  .product-pill .product-pill__content::after {
    content: '→' !important;
  }

  /* ./hub-fold.overrides.css */
  #customer-hub__marquee#customer-hub__marquee {
    border-radius: 40px !important;
    overflow: hidden !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    position: relative !important;
    z-index: 1 !important;
  }
  @media (max-width: 1439.95px) {
    #customer-hub__marquee#customer-hub__marquee { max-width: none !important; margin-inline: 48px !important; }
  }
  @media (max-width: 767.95px) {
    #customer-hub__marquee#customer-hub__marquee { margin-inline: 24px !important; }
  }

  #customer-hub__marquee#customer-hub__marquee .blade__background {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  #customer-hub__marquee#customer-hub__marquee .blade__background--custom-desktop { display: block !important; }
  #customer-hub__marquee#customer-hub__marquee .blade__background--custom-mobile { display: none !important; }
  #customer-hub__marquee#customer-hub__marquee .background__image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: bottom !important;
  }

  #customer-hub__marquee#customer-hub__marquee .container { position: relative !important; z-index: 1 !important; padding: 65px 140px !important; }
  @media (max-width: 1023.95px) {
    #customer-hub__marquee#customer-hub__marquee .container { padding-inline: 80px !important; }
  }
  @media (max-width: 767.95px) {
    #customer-hub__marquee#customer-hub__marquee .container { padding: 56px 24px !important; }
  }

  #customer-hub__marquee#customer-hub__marquee .grid_main { display: block !important; }
  #customer-hub__marquee#customer-hub__marquee .eyebrow {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    margin: 0 0 1.5rem !important;
  }
  #customer-hub__marquee#customer-hub__marquee .eyebrow__label { display: none !important; }

  #customer-hub__marquee#customer-hub__marquee .headline { display: block !important; }

  #customer-hub__marquee#customer-hub__marquee .content__wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  #customer-hub__marquee#customer-hub__marquee .marquee__blade-heading { display: contents !important; }

  #customer-hub__marquee#customer-hub__marquee .cta_container { order: 1 !important; margin: 3rem 0 0 !important; }
  #customer-hub__marquee#customer-hub__marquee .cta_container a,
  #customer-hub__marquee#customer-hub__marquee .cta_container button { border-radius: 12px !important; }

  @media (max-width: 767.95px) {
    #customer-hub__marquee#customer-hub__marquee .cta_container { align-self: stretch !important; }
  }
  #customer-hub__marquee#customer-hub__marquee .social-sharing__wrapper {
    order: 2 !important;
    align-self: center !important;
    width: auto !important;
    margin: 2.5rem 0 0 !important;
  }

  #customer-hub__marquee#customer-hub__marquee .social-sharing,
  #customer-hub__marquee#customer-hub__marquee .social-sharing__wrapper { position: static !important; }
  #customer-hub__marquee#customer-hub__marquee .social-sharing__item.share-the-story-text { display: none !important; }
  #customer-hub__marquee#customer-hub__marquee .social-sharing__nav {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ./feature-card.overrides.css */
  .contactus--blade {
    background: url("https://pepsico.christian-dachiardi.workers.dev/assets/hub-fold-CfJeCmvG.jpg") center /
      cover no-repeat !important;
    overflow: hidden !important;
  }
  .contactus--blade .contactus__blade-heading { display: none !important; }
  .contactus--blade .cards {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 3rem !important;
    background: transparent !important;
  }
  .contactus--blade .card__wrapper {
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  .contactus--blade .card--card_contactus {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 1.25rem !important;
    width: 332px !important;
    min-height: 259px !important;
    margin: 0 auto !important;
    padding: 2rem 1.75rem 2.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.48) !important;
    border-radius: 18.843px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(2px) !important;
    box-shadow: 0 18.417px 18.417px 0 rgba(35, 31, 32, 0.4) !important;
    color: #ffffff !important;
  }
  .contactus--blade .card__content__wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.25rem !important;
    margin: 0 !important;
  }
  .contactus--blade .card__copy__wrapper { margin: 0 !important; }

  .contactus--blade .card__description { display: none !important; }

  .contactus--blade .card__image__wrapper {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .contactus--blade .card__brand__image { display: none !important; }
  .contactus--blade .card--card_contactus .card__icon__wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: fit-content !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 20px !important;
    border: none !important;
    border-radius: 999px !important;
    background: #066afe !important;
    color: #ffffff !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  .contactus--blade .card--card_contactus .card__icon__wrapper::after {
    content: "Always-On Retail Support" !important;
  }

  .contactus--blade .card__headline {
    color: #ffffff !important;
    text-align: center !important;
    margin: 0 !important;
  }

  .contactus--blade .cta_container { justify-content: center !important; }
  .contactus--blade .card--card_contactus .cta_button,
  .contactus--blade .card--card_contactus .cta_button:is(:hover, :focus, :active) {
    display: inline-block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  .contactus--blade .card--card_contactus .cta_button::after {
    content: "→" !important;
    display: inline-block !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: transform 0.2s !important;
  }
  .contactus--blade .card--card_contactus .cta_button:hover::after {
    transform: translateX(4px) !important;
  }

  /* ./video-player.overrides.css */
  .video--blade {
    background: transparent !important;
  }
  .video--blade::before,
  .video--blade::after {
    display: none !important;
  }

  .video--blade .video__content,
  .video--blade .video__blade-cta {
    display: none !important;
  }

  .video--blade .video__video-wrapper {
    position: relative !important;
    margin: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    background: #000 url("https://pepsico.christian-dachiardi.workers.dev/assets/video-thumnail-BJbDaoaf.png")
      center / cover no-repeat !important;
  }

  .video--blade .video__video-wrapper .video__asset {
    visibility: hidden !important;
  }

  .video--blade .video__video-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 197.42px !important;
    height: 72.6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    background: rgba(0, 0, 0, 0.12) !important;
    backdrop-filter: blur(4.08px) !important;
    transition: background-color 0.2s, border-color 0.2s !important;
    z-index: 2 !important;
  }

  .video--blade .video__video-wrapper::after {
    content: "Play" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 146.84px !important;
    height: 56.29px !important;
    border-radius: 999px !important;
    border: 2px solid #fff !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(22.93px) !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    z-index: 3 !important;
  }

  .video--blade .video__video-wrapper:not(.oktana-playing):hover::before {
    background: rgba(0, 0, 0, 0.35) !important;
    border-color: #fff !important;
  }

  .video--blade .video__video-wrapper.oktana-playing {
    cursor: default !important;
  }
  .video--blade .video__video-wrapper.oktana-playing::before,
  .video--blade .video__video-wrapper.oktana-playing::after {
    display: none !important;
  }
  .video--blade .video__video-wrapper.oktana-live {
    background: #000 !important;
  }
  .video--blade .video__video-wrapper.oktana-live .video__asset {
    visibility: visible !important;
  }

  /* ./insight-item.overrides.css */
  .agenda--blade {
    background: transparent !important;
  }
  .agenda--blade .agenda__blade-heading,
  .agenda--blade .agenda__blade-cta,
  .agenda--blade .agenda_list-headline,
  .agenda--blade .blade__background,
  .agenda--blade .background__gradient {
    display: none !important;
  }

  .agenda--blade .agenda_list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .agenda--blade .agenda__item-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 2.5rem !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .agenda--blade .agenda__item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    max-width: 30rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .agenda--blade .agenda__item-image {
    order: -1 !important;
    flex: none !important;
    width: 60px !important;
    margin: 0 !important;
  }
  .agenda--blade .agenda__item-column-three {
    width: 60px !important;
  }
  .agenda--blade .agenda__item__image {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
  }

  .agenda--blade .agenda__item-details {
    display: block !important;
    flex: 1 !important;
    min-width: 0 !important;
  }
  .agenda--blade .agenda__item-column-one,
  .agenda--blade .agenda__item-event-description {
    display: none !important;
  }
  .agenda--blade .agenda__item-column-two {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .agenda--blade .agenda__item-event-title {
    color: #032d60 !important;
  }

  .agenda--blade .cta_container {
    margin: 0 !important;
  }
  .agenda--blade .agenda__item .cta_button,
  .agenda--blade .agenda__item .cta_button:is(:hover, :focus, :active) {
    display: inline-block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    color: #0176d3 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  .agenda--blade .agenda__item .cta_button::after {
    content: "→" !important;
    display: inline-block !important;
    margin-left: 6px !important;
    text-decoration: none !important;
    transition: transform 0.2s !important;
  }
  .agenda--blade .agenda__item .cta_button:hover::after {
    transform: translateX(4px) !important;
  }

  /* ./carousel.overrides.css */
  .nupfixed--blade {
    background: url("https://pepsico.christian-dachiardi.workers.dev/assets/hub-fold-CfJeCmvG.jpg") center /
      cover no-repeat !important;
    overflow: hidden !important;
    padding: 3rem 0 !important;
  }
  .nupfixed--blade .cards { background: transparent !important; }

  .nupfixed--blade .scrollable__scrollbar { display: none !important; }
  .nupfixed--blade .carousel {
    gap: 20px !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    padding: 8px 12px 16px !important;
  }
  .nupfixed--blade .carousel-card {
    flex: 0 0 auto !important;
    width: 332px !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .nupfixed--blade .card--mask {
    mask-image: none !important;
    -webkit-mask-image: none !important;
    background: transparent !important;
  }

  .nupfixed--blade .left-nav,
  .nupfixed--blade .right-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border: none !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #032d60 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;
    transition: filter 0.2s ease, box-shadow 0.2s ease !important;
  }
  .nupfixed--blade .left-nav:hover,
  .nupfixed--blade .right-nav:hover {
    filter: brightness(0.96) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
  }
  .nupfixed--blade .left-nav.hidden,
  .nupfixed--blade .right-nav.hidden { display: none !important; }

  .nupfixed--blade .card--card_productaddon {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 332px !important;
    min-height: 259px !important;
    border: 1px solid rgba(255, 255, 255, 0.48) !important;
    border-radius: 18.843px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(2px) !important;
    box-shadow: 0 18.417px 18.417px 0 rgba(35, 31, 32, 0.4) !important;
    color: #ffffff !important;
  }
  .nupfixed--blade .card__content__wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.25rem !important;
    border-top: none !important;
    padding: 2rem 1.75rem 2.5rem !important;
    background: transparent !important;
  }
  .nupfixed--blade .card__text__wrapper,
  .nupfixed--blade .card__copy__wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.25rem !important;
    margin: 0 !important;
  }

  .nupfixed--blade .card__pricing__container,
  .nupfixed--blade .card__description { display: none !important; }

  .nupfixed--blade .card__copy__wrapper::before {
    content: "Customer Story" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    padding: 8px 20px !important;
    border-radius: 999px !important;
    background: #066afe !important;
    color: #ffffff !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .nupfixed--blade .card__headline { margin: 0 !important; }
  .nupfixed--blade .card__headline a,
  .nupfixed--blade .card__headline a:is(:hover, :focus, :active) {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .nupfixed--blade .cta_container { justify-content: center !important; margin: 0 !important; }
  .nupfixed--blade .card--card_productaddon .cta_button,
  .nupfixed--blade .card--card_productaddon .cta_button:is(:hover, :focus, :active) {
    display: inline-block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  .nupfixed--blade .cta_button svg { display: none !important; }
  .nupfixed--blade .card--card_productaddon .cta_button::after {
    content: "→" !important;
    display: inline-block !important;
    margin-left: 6px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: transform 0.2s !important;
  }
  .nupfixed--blade .card--card_productaddon .cta_button:hover::after {
    transform: translateX(4px) !important;
  }

  /* ./social-button.overrides.css */
  .marquee--blade .headline,
  .marquee--blade .blade__description,
  .marquee--blade .read-time-and-date__wrapper,
  .marquee--blade .blade__background,
  .marquee--blade .background__gradient,
  .marquee--blade .share-the-story-text { display: none !important; }
  .marquee--blade { background: transparent !important; }
  .marquee--blade .grid { display: block !important; }

  .marquee--blade .social-sharing__wrapper { margin: 0 !important; }
  .marquee--blade .social-sharing__nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .marquee--blade .social-sharing__item { margin: 0 !important; padding: 0 !important; }

  .marquee--blade .social-sharing__white-square {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }
  .marquee--blade .social-sharing__white-square img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
  }

  /* ./story-card.overrides.css */
  .logogrid--blade .logogrid__blade-heading {
    display: block !important;
    text-align: center !important;
    margin: 0 0 32px !important;
  }
  .logogrid--blade .logo-grid-blade { margin: 0 !important; }
  .logogrid--blade .grid_main { row-gap: 0 !important; }

  .logogrid--blade .card__logomark__wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 220px !important;
    height: 120px !important;
    border-radius: 9.977px !important;
    border: 1.247px solid rgba(24, 24, 24, 0.04) !important;
    background-color: #ffffff !important;
    box-shadow: 0 2.494px 9.977px -2.494px rgba(24, 24, 24, 0.08),
      0 9.977px 14.966px -2.494px rgba(24, 24, 24, 0.16) !important;
    transition: box-shadow 0.25s ease !important;
  }
  .logogrid--blade .card__logomark__wrapper:hover {
    box-shadow: 0 4px 16px -2px rgba(24, 24, 24, 0.12),
      0 14px 20px -2px rgba(24, 24, 24, 0.20) !important;
  }

  .logogrid--blade .card__logomark__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  .logogrid--blade .card__logomark__image {
    max-width: 70% !important;
    max-height: 60% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* ./deep-dive.overrides.css */
  .productfeature--blade {
    max-width: 1280px !important;
    margin-inline: auto !important;
    margin-top: -40px !important;
    padding: 64px 68px 48px !important;
    border-radius: 0 0 28px 28px !important;
    background-color: #ffffff !important;
    box-shadow: 0 2.49px 20px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
  }
  @media (max-width: 1439.95px) {
    .productfeature--blade { max-width: none !important; margin-inline: 48px !important; padding-inline: 40px !important; }
  }
  @media (max-width: 767.95px) {
    .productfeature--blade { margin-inline: 24px !important; padding-inline: 24px !important; border-radius: 0 0 16px 16px !important; }
  }

  .productfeature--blade .productfeature__content {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    column-gap: 48px !important;
  }
  .productfeature--blade .productfeature__content-group { display: contents !important; }
  .productfeature--blade .productfeature__blade-heading {
    flex: 0 0 100% !important;
    text-align: center !important;
    margin-bottom: 48px !important;
  }
  @media (max-width: 1023.95px) {
    .productfeature--blade .productfeature__blade-heading { margin-bottom: 20px !important; }
  }
  .productfeature--blade .productfeature__tabs { flex: 1 1 0 !important; min-width: 0 !important; }
  .productfeature--blade .show-hide__media--desktop {
    flex: 1.5 1 0 !important;
    min-width: 0 !important;
    align-self: flex-start !important;
  }

  .productfeature--blade .show-hide__image,
  .productfeature--blade .image__wrapper {
    border-radius: 16px !important;
    overflow: hidden !important;
    width: 100% !important;
  }
  .productfeature--blade .image__asset {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
  }

  .productfeature--blade .accordion__title {
    color: #032d60 !important;
    font-weight: 700 !important;
  }

  .productfeature--blade .accordion__description p {
    color: #5c5c5c !important;
  }

  .productfeature--blade .accordion__description a {
    color: #0176d3 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
  }
  .productfeature--blade .accordion__description a:hover {
    color: #032d60 !important;
  }

  @media (min-width: 1024px) {
    .productfeature--blade .accordion__title { font-size: 1.75rem !important; }
    .productfeature--blade .accordion__description a { font-size: 1.125rem !important; }
  }
}