/* ═══ FOMO Deals Section ═══ */
    .fom_deals_section {
      max-width: 1440px;
      padding: 60px 80px;
    }

    .fom_deals_header {
      margin-bottom: 40px;
    }

    .fom_deals_header h2 {
      color: #090909;
      font-size: 42px;
      font-weight: 500;
      line-height: 52px;
      margin: 0;
      font-family: "Season Mix", "Synchrony Sans", Helvetica, sans-serif;
    }

    .fom_deals_grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, 320px);
      justify-content: start;
      gap: 24px;
    }

    .fom_deals_grid--spread {
      justify-content: space-around;
    }

    #fomo-deals-grid,
    #fomo-deals-grid *,
    #fomo-offer-modal,
    #fomo-offer-modal * {
      font-family: 'Synchrony Season', Helvetica, sans-serif;
    }

    .fom_deals_loadmore {
      display: flex;
      justify-content: center;
      margin-top: 16px;
    }

    .fom_deals_loadmore button {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 14px 32px;
      font-size: 24px;
      font-weight: 400;
      cursor: pointer;
      border: none;
      background: transparent;
      color: #3B3D49;
    }

    .fom_deals_loadmore button:hover { opacity: 0.85; }
    .fom_deals_loadmore button:disabled {
      cursor: default;
      opacity: 0.6;
    }

    .fom_deals_section .fade-out {
      position: relative;
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 15%, white 100%);
      height: 100px;
      margin-top: -80px;
    }

    .fom_deals_loadmore button .icon {
      width: 18px;
      margin-left: 8px;
      transition: transform 0.2s;
    }

    .fom_deals_loadmore button:disabled .icon {
      display: none;
    }

    /* Deal-tile overrides for FOMO grid (fixed width) */
    .fom_deals_grid .deal-tile {
      width: 320px;
    }

    .fom_deals_grid .deal-tile .deal-lifestyle-image {
      transition: transform 0.3s ease;
    }

    .fom_deals_grid .deal-tile:hover .deal-lifestyle-image {
      transform: scale(1.08);
    }

    .fom_deals_grid .deal-tile__top__badges {
      z-index: 2;
    }

    .fom_deals_grid .deal-tile:hover .partner {
      gap: 8px;
    }

    .fom_deals_grid .deal-tile:hover .partner p {
      max-width: 300px;
    }

    /* Skeleton */
    .fom_skeleton_card {
      background: #FFF;
      border-radius: 12px;
      overflow: hidden;
      border: 2px solid #e8e9ec;
      width: 320px;
      max-width: 100%;
    }

    .fom_skeleton_img {
      width: 100%;
      padding-bottom: 62.5%;
      background: linear-gradient(90deg, #E5E7EB 25%, #F3F4F6 50%, #E5E7EB 75%);
      background-size: 200% 100%;
      animation: fomShimmer 1.5s infinite;
    }

    .fom_skeleton_content { padding: 12px; }

    .fom_skeleton_line {
      height: 12px;
      border-radius: 4px;
      background: linear-gradient(90deg, #E5E7EB 25%, #F3F4F6 50%, #E5E7EB 75%);
      background-size: 200% 100%;
      animation: fomShimmer 1.5s infinite;
      margin-bottom: 8px;
    }

    .fom_skeleton_line--short { width: 60%; }
    .fom_skeleton_line--long { width: 90%; }

    @keyframes fomShimmer {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }

    /* Modal — uses deal-modal classes from deal-offer-modal.css + global.css */
    /* Only override needed: ensure the FOMO modal is positioned correctly */
    #fomo-offer-modal.deal-modal {
      position: fixed;
      z-index: 1001;
    }


    #fomo-offer-modal .modal__container .sharing-tools .share-via {
      margin-top: auto;
    }

    #fomo-offer-modal .modal__container .sharing-tools .share-via .share-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      overflow: visible;
      padding: 2px 30px;
      box-sizing: border-box;
    }

    #fomo-offer-modal .modal__container .sharing-tools .share-via .share-buttons a {
      flex: 0 0 56px;
    }

    #fomo-offer-modal .modal__container .sharing-tools .copy-button {
      margin-top: 16px;
    }

    /* Responsive */
    @media (max-width: 1199px) {
      .fom_deals_section { padding: 40px; }
      .fom_deals_grid { gap: 20px; }
    }

    @media (max-width: 991px) {
      .fom_deals_section { padding: 32px 24px; }
      .fom_deals_header h2 { font-size: 32px; line-height: 40px; }
      .fom_deals_grid { gap: 16px; }
    }

    @media (max-width: 580px) {
      .fom_deals_section { padding: 24px 16px; }
      .fom_deals_header h2 { font-size: 28px; line-height: 36px; }
      .fom_deals_grid { gap: 16px; }
    }