/* Desktop Acasă: aceeași coloană de 1100px și același raport feed/rail ca
   pagina Evenimente. Regulile sunt strict >=992px; shellul mobil rămâne intact. */
@media (min-width: 992px) {
  body.homepage-view.public-desktop-surface {
    padding-top: 0 !important;
    background: #f6f7fb;
  }

  /* Neutralizează regulile istorice homepage care transformau acțiunile în
     pastile glass și recolorau pictogramele peste hero. */
  body.homepage-view .navbar-glass .header-hamburger-btn,
  body.homepage-view .navbar-glass .header-hamburger-btn .lucide,
  body.homepage-view .navbar-glass .header-hamburger-btn svg {
    display: inline-flex !important;
    visibility: visible !important;
    color: #29243a !important;
    stroke: #29243a !important;
    opacity: 1 !important;
  }

  body.homepage-view .navbar-glass #btn-dice-randomizer,
  body.homepage-view .navbar-glass #btn-global-search,
  body.homepage-view .navbar-glass .header-account-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 1px solid #e5e2ed !important;
    border-radius: 50% !important;
    color: #29243a !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(31, 25, 65, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.homepage-view .navbar-glass #btn-dice-randomizer .lucide,
  body.homepage-view .navbar-glass #btn-dice-randomizer svg,
  body.homepage-view .navbar-glass #btn-global-search .lucide,
  body.homepage-view .navbar-glass #btn-global-search svg,
  body.homepage-view .navbar-glass .header-account-btn .lucide,
  body.homepage-view .navbar-glass .header-account-btn svg {
    width: 18px !important;
    height: 18px !important;
    color: #29243a !important;
    stroke: #29243a !important;
  }

  body.homepage-view main.container {
    padding-top: 18px !important;
    padding-bottom: 64px;
  }

  /* Hero-ul foto istoric avea padding vertical asimetric (mai mult jos).
     Desktopul nou folosește exact centrul geometric al hero-ului Evenimente. */
  body.homepage-view .public-desktop-hero {
    height: 124px !important;
    min-height: 124px !important;
    padding: 0 !important;
  }

  body.homepage-view .public-desktop-hero .hero-section-wrapper {
    display: flex !important;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;
  }

  body.homepage-view .public-desktop-hero .hero-section-wrapper > .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .homepage-desktop-layout {
    display: grid !important;
    /* Ca la Locații, feedul are o limită controlată, iar railul din dreapta
       primește spațiul suplimentar al shellului. */
    grid-template-columns: minmax(0, 600px) minmax(332px, 1fr);
    align-items: start;
    gap: 20px;
    width: 100%;
  }

  .homepage-desktop-feed-column {
    min-width: 0;
  }

  /* Coloana principală reutilizează markup-ul și dimensiunile feedului de
     tabletă. Doar gutter-ul exterior dispare, fiind deja oferit de grila
     desktop comună cu pagina Evenimente. */
  .homepage-desktop-feed-column .home-feed {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 6px 0 0;
  }

  .homepage-desktop-feed-column .home-feed-card,
  .homepage-desktop-feed-column .promotions-list-card {
    width: 100%;
    max-width: 680px;
    margin-inline: auto;
  }

  .homepage-desktop-feed-column .home-section {
    min-width: 0;
    margin-bottom: 28px !important;
  }

  .homepage-desktop-feed-column .home-rail {
    max-width: 100%;
  }

  .homepage-desktop-rail {
    position: sticky;
    top: 70px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-self: start;
    min-width: 0;
    min-height: 0;
    height: var(--home-rail-available-height, calc(100vh - 70px));
    height: var(--home-rail-available-height, calc(100dvh - 70px));
    max-height: none;
    background: #f6f7fb;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    /* Railul se derulează normal, dar scrollbarul nativ nu consumă lățime.
       Altfel muchia cardurilor se mută în funcție de sistemul de operare. */
    scrollbar-gutter: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    z-index: 10;
  }

  .homepage-desktop-rail > * {
    flex: 0 0 auto;
  }

  .homepage-desktop-rail.is-scrolling {
    scrollbar-color: rgba(99, 102, 241, 0.28) transparent;
  }

  .homepage-desktop-rail::-webkit-scrollbar {
    width: 0;
  }

  .homepage-desktop-rail::-webkit-scrollbar-track {
    background: transparent;
  }

  .homepage-desktop-rail::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
    transition: background-color 160ms ease;
  }

  .homepage-desktop-rail.is-scrolling::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.28);
  }

  .homepage-rail-recommendations[data-personal-recommendations-layout="desktop"] {
    margin: 0;
  }

  .homepage-rail-recommendations .personal-recommendations {
    padding: 13px;
    border-radius: 22px;
  }

  .homepage-rail-recommendations .personal-recommendations-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .homepage-rail-recommendations .personal-recommendation-row:nth-child(n + 4) {
    display: none;
  }

  .homepage-newsletter-rail {
    width: 100%;
    margin: 0 !important;
  }

  .homepage-newsletter-rail .newsletter-promo-card {
    padding: 14px;
    border-radius: 20px !important;
    box-shadow: 0 13px 34px rgba(31, 29, 69, 0.07) !important;
  }

  .homepage-newsletter-rail .newsletter-promo-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .homepage-newsletter-rail .newsletter-promo-form-shell {
    width: 100%;
  }

  .homepage-newsletter-rail .newsletter-promo-form-shell .btn {
    padding-inline: 11px;
  }

  /* La fel ca în rail-ul Evenimente, cardurile nu proiectează umbre care pot
     fi tăiate de fereastra cu scroll independent. Separarea rămâne asigurată
     de borduri și de fundalurile proprii ale componentelor. */
  .homepage-desktop-rail .personal-recommendations,
  .homepage-desktop-rail .personal-recommendation-row,
  .homepage-desktop-rail .desktop-editorial-module,
  .homepage-desktop-rail .newsletter-promo-card,
  .homepage-desktop-rail .personal-recommendation-row:hover,
  .homepage-desktop-rail .personal-recommendation-row:focus-visible,
  .homepage-desktop-rail .desktop-editorial-link:hover,
  .homepage-desktop-rail .desktop-editorial-link:focus-visible {
    box-shadow: none !important;
  }
}