/* Contractul desktop comun pentru suprafețele publice principale.
   Începe la primul breakpoint Bootstrap desktop (992px) și păstrează aceeași
   coloană de 1100px indiferent de lățimea monitorului. */
@media (min-width: 992px) {
  .public-desktop-surface {
    --public-surface-accent: #6366f1;
    --public-surface-secondary: #a855f7;
    --public-surface-deep: #171027;
    --public-surface-middle: #281044;
    --listing-layout-gap: 20px;
    --listing-rail-width: 332px;
    --listing-page-background: #f6f7fb;
    --listing-toolbar-height: 54px;
    --listing-sticky-top-gap: 12px;
    padding-top: 0 !important;
    background: #f6f7fb;
  }

  .public-surface--events {
    --public-surface-accent: #8b5cf6;
    --public-surface-secondary: #ec4899;
    --public-surface-deep: #171027;
    --public-surface-middle: #281044;
  }

  .public-surface--places {
    --public-surface-accent: #10b981;
    --public-surface-secondary: #14b8a6;
    --public-surface-deep: #092c2a;
    --public-surface-middle: #0b4a43;
    --listing-rail-width: 380px;
    --places-feed-width: 528px;
  }

  .public-surface--shopping {
    --public-surface-accent: #ec4899;
    --public-surface-secondary: #f472b6;
    --public-surface-deep: #351126;
    --public-surface-middle: #65133f;
  }

  .public-surface--promotions {
    --public-surface-accent: #f59e0b;
    --public-surface-secondary: #fb7185;
    --public-surface-deep: #321b0b;
    --public-surface-middle: #6d320b;
  }

  .public-surface--saved {
    --public-surface-accent: #e11d48;
    --public-surface-secondary: #7c3aed;
    --public-surface-deep: #2f0d1a;
    --public-surface-middle: #4c1d53;
  }

  .public-surface--reviews {
    --public-surface-accent: #7c3aed;
    --public-surface-secondary: #ec4899;
    --public-surface-deep: #211238;
    --public-surface-middle: #4c1d70;
  }

  .public-surface--feedback {
    --public-surface-accent: #6366f1;
    --public-surface-secondary: #a855f7;
    --public-surface-deep: #17152f;
    --public-surface-middle: #35256a;
  }

  .public-surface--cinema {
    --public-surface-accent: #e11d48;
    --public-surface-secondary: #fb7185;
    --public-surface-deep: #2f0d1a;
    --public-surface-middle: #64132b;
  }

  .public-surface--theatre {
    --public-surface-accent: #d97706;
    --public-surface-secondary: #f59e0b;
    --public-surface-deep: #2d1909;
    --public-surface-middle: #62330a;
  }

  .public-desktop-surface .navbar-glass,
  .public-desktop-surface .navbar-glass.scrolled,
  .public-desktop-surface .navbar-glass.is-feed-header-hidden {
    position: sticky !important;
    top: 0 !important;
    min-height: 70px;
    height: 70px;
    padding-block: 0 !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    border-bottom: 1px solid #ebe9f2 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 7px 24px rgba(31, 25, 65, 0.06) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  }

  .public-desktop-surface .navbar-glass > .container,
  .public-desktop-surface .public-desktop-hero > .hero-section-wrapper > .container,
  .public-desktop-surface main.container,
  .public-desktop-surface .venue-program-hero-content,
  .public-desktop-surface .venue-program-shell {
    width: calc(100% - clamp(32px, 4vw, 64px));
    max-width: 1100px !important;
    margin-inline: auto;
  }

  .public-desktop-surface .navbar-glass > .container {
    display: grid !important;
    grid-template-columns: 44px auto minmax(0, 1fr) auto;
    grid-template-rows: 70px;
    align-items: center;
    gap: 14px;
    height: 70px;
    padding: 0 12px !important;
  }

  .public-desktop-surface .navbar-glass .header-mobile-back-btn {
    display: none !important;
  }

  .public-desktop-surface .navbar-glass .header-more-menu-trigger {
    display: inline-flex !important;
    visibility: visible !important;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: start;
    margin: 0;
    color: #29243a !important;
    opacity: 1 !important;
  }

  .public-desktop-surface .navbar-glass .header-more-menu-trigger .lucide,
  .public-desktop-surface .navbar-glass .header-more-menu-trigger svg {
    color: #29243a !important;
    stroke: #29243a !important;
  }

  .public-desktop-surface .navbar-glass .header-more-menu-trigger--desktop-only {
    display: inline-flex !important;
  }

  .public-desktop-surface .navbar-glass .navbar-brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    margin: 0 !important;
    /* Grila desktop are un gap general de 14px, însă între hamburger și
       wordmark păstrăm distanța de 8px folosită în headerul de tabletă. */
    transform: translateX(-6px);
  }

  .public-desktop-surface .navbar-glass .brand-text,
  .public-desktop-surface .navbar-glass.scrolled .brand-text {
    display: inline-block;
    padding-block: 0.06em 0.1em;
    font-size: 1.42rem !important;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -0.025em;
    background: var(--gradient-brand-logo) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav {
    grid-column: 3;
    grid-row: 1;
    justify-self: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: min(640px, 100%);
    min-width: 0;
    margin: 0 !important;
    gap: 6px !important;
    padding: 4px 7px;
    border: 1px solid rgba(56, 49, 79, 0.09);
    border-radius: 16px;
    background: rgba(246, 246, 250, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 5px 18px rgba(35, 29, 60, 0.055);
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link {
    --public-nav-accent: #4f46e5;
    --public-nav-tint: rgba(99, 102, 241, 0.12);
    position: relative;
    flex: 1 1 0;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
    border: 0;
    border-radius: 11px;
    color: #4b465c;
    font-size: 0.82rem;
    font-weight: 680;
    letter-spacing: -0.005em;
    background: transparent;
    box-shadow: none;
    transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link + .header-desktop-nav-link::before {
    content: "";
    position: absolute;
    top: 11px;
    bottom: 11px;
    left: -3px;
    width: 1px;
    background: rgba(68, 61, 88, 0.08);
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link .lucide {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--public-nav-accent);
    stroke: var(--public-nav-accent);
    stroke-width: 2.25px;
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link:nth-child(2) {
    --public-nav-accent: #7c3aed;
    --public-nav-tint: rgba(139, 92, 246, 0.12);
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link:nth-child(3) {
    --public-nav-accent: #059669;
    --public-nav-tint: rgba(16, 185, 129, 0.12);
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link:nth-child(4) {
    --public-nav-accent: #db2777;
    --public-nav-tint: rgba(236, 72, 153, 0.12);
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link:nth-child(5) {
    --public-nav-accent: #d97706;
    --public-nav-tint: rgba(245, 158, 11, 0.12);
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link:hover,
  .public-desktop-surface .navbar-glass .header-desktop-nav-link:focus-visible {
    color: var(--public-nav-accent);
    background: var(--public-nav-tint);
    transform: translateY(-0.5px);
  }

  .public-desktop-surface .navbar-glass .header-desktop-nav-link:focus-visible {
    outline: 2px solid var(--public-nav-accent);
    outline-offset: 2px;
  }

  .public-surface--home .header-desktop-nav-link:nth-child(1),
  .public-surface--events .header-desktop-nav-link:nth-child(2),
  .public-surface--places:not(.public-surface--shopping) .header-desktop-nav-link:nth-child(3),
  .public-surface--shopping .header-desktop-nav-link:nth-child(4),
  .public-surface--promotions .header-desktop-nav-link:nth-child(5) {
    color: var(--public-nav-accent) !important;
    font-weight: 740 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 1px 2px rgba(36, 29, 63, 0.07), 0 5px 14px rgba(76, 49, 132, 0.1) !important;
  }

  .public-desktop-surface .navbar-glass .header-actions {
    grid-column: 4;
    grid-row: 1;
    justify-self: end;
    margin: 0 !important;
    gap: 7px !important;
  }

  .public-desktop-surface .navbar-glass #btn-dice-randomizer,
  .public-desktop-surface .navbar-glass #btn-global-search,
  .public-desktop-surface .navbar-glass .header-account-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    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;
  }

  .public-desktop-surface .navbar-glass #btn-dice-randomizer span,
  .public-desktop-surface .navbar-glass #btn-global-search .header-action-label,
  .public-desktop-surface .navbar-glass .header-account-name,
  .public-desktop-surface .navbar-glass .header-account-btn.dropdown-toggle::after {
    display: none !important;
  }

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

  /* Contract comun Categorii / Sortează pentru listările desktop. Valorile și
     markup-ul vin din aceeași componentă folosită de sheet-urile responsive. */
  .public-desktop-surface #single-filters-scroll-container {
    display: flex !important;
    align-items: center;
    gap: 8px !important;
    padding: 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  .public-desktop-surface .event-toolbar-menu {
    position: relative;
    flex: 0 0 auto;
  }

  .public-desktop-surface .event-toolbar-menu > summary {
    list-style: none;
  }

  .public-desktop-surface .event-toolbar-menu > summary::-webkit-details-marker {
    display: none;
  }

  .public-desktop-surface .event-toolbar-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    padding: 0 14px;
    border: 1px solid #e4e1eb;
    border-radius: 12px;
    background: #fbfbfd;
    color: #3c374b;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
  }

  .public-desktop-surface.public-surface--places .event-toolbar-trigger:not(.active) {
    width: 136px;
  }

  .public-desktop-surface .event-toolbar-trigger:hover,
  .public-desktop-surface .event-toolbar-trigger:focus-visible,
  .public-desktop-surface .event-toolbar-menu[open] .event-toolbar-trigger {
    border-color: rgba(99,87,239,.52);
    background: #f0eeff;
    color: #574be0;
  }

  .public-desktop-surface .event-toolbar-trigger > .lucide {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
  }

  .public-desktop-surface .event-toolbar-chevron {
    width: 14px !important;
    height: 14px !important;
    margin-left: 2px;
    transition: transform 160ms ease;
  }

  .public-desktop-surface .event-toolbar-menu[open] .event-toolbar-chevron {
    transform: rotate(180deg);
  }

  .public-desktop-surface .event-toolbar-popover {
    position: absolute;
    z-index: 180;
    top: calc(100% + 12px);
    left: 0;
    width: min(420px, calc(100vw - 48px));
    max-height: min(520px, calc(100vh - 190px));
    padding: 10px;
    overflow-y: auto;
    border: 1px solid #e3e0ec;
    border-radius: 18px;
    background: rgba(255,255,255,.99);
    box-shadow: 0 22px 54px rgba(31,25,65,.18);
  }

  /* Același toolbar fără capsulă de fundal pentru listările cu rail desktop.
     Lățimea lui este exact coloana din stânga, indiferent de suprafață. */
  .public-desktop-surface .sticky-filters-wrapper.event-desktop-tools {
    display: block !important;
    position: sticky !important;
    top: calc(70px + var(--listing-sticky-top-gap)) !important;
    z-index: 120 !important;
    width: var(--listing-feed-width, calc(100% - var(--listing-rail-width) - var(--listing-layout-gap)));
    min-height: 0;
    margin-bottom: 0 !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--listing-page-background) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    isolation: isolate;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .public-desktop-surface .sticky-filters-wrapper.event-desktop-tools::before {
    content: "";
    position: absolute;
    right: calc(-1 * var(--listing-layout-gap));
    bottom: 100%;
    left: -24px;
    height: var(--listing-sticky-top-gap);
    pointer-events: none;
    background: var(--listing-page-background);
  }

  .public-desktop-surface .sticky-filters-wrapper.event-desktop-tools::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: calc(-1 * var(--listing-layout-gap));
    bottom: 0;
    left: -24px;
    pointer-events: none;
    background: var(--listing-page-background);
  }

  .public-desktop-surface .event-toolbar-option-list {
    width: 100%;
    min-width: 0;
  }

  .public-desktop-surface .event-toolbar-menu--categories > .event-toolbar-trigger:not(.active) > .lucide:first-child {
    color: #6366f1;
    stroke: #6366f1;
  }

  .public-desktop-surface .event-toolbar-menu--sort > .event-toolbar-trigger:not(.active) > .lucide:first-child {
    color: #8b5cf6;
    stroke: #8b5cf6;
  }

  .public-desktop-surface.public-surface--places main.container {
    padding-top: 18px !important;
    padding-bottom: 64px;
  }

  .public-desktop-surface.public-surface--places .sticky-filters-wrapper.event-desktop-tools {
    width: var(--places-feed-width);
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split {
    display: grid !important;
    grid-template-columns: var(--places-feed-width) minmax(var(--listing-rail-width), 1fr);
    gap: var(--listing-layout-gap);
    align-items: start;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split .feed-column {
    min-width: 0;
  }

  .public-desktop-surface.public-surface--places #events-container.places-desktop-feed {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    --bs-gutter-x: 0;
  }

  .public-desktop-surface.public-surface--places #events-container.places-desktop-feed > .home-feed-place {
    width: 100%;
    flex: 0 0 auto;
  }

  .public-desktop-surface.public-surface--places .places-desktop-loadmore-wrap {
    box-sizing: border-box;
    width: 100%;
    padding: 18px 0 4px;
  }

  .public-desktop-surface.public-surface--places .place-listing-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 8px 0 12px;
  }

  .public-desktop-surface.public-surface--places .place-listing-heading h2 {
    margin: 0;
    color: #17142b;
    font-size: 1.3rem;
    font-weight: 820;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }

  .public-desktop-surface.public-surface--places .place-listing-heading span {
    color: #7c778c;
    font-size: 0.76rem;
    font-weight: 650;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column {
    box-sizing: border-box;
    position: sticky;
    top: 70px;
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    align-self: start;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: var(--places-map-available-height, calc(100dvh - 70px));
    margin-top: calc(-1 * var(--listing-toolbar-height) - var(--listing-sticky-top-gap));
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-radius: 0;
    background: var(--listing-page-background);
    box-shadow: none;
    overscroll-behavior-y: contain;
    /* Păstrează muchia hărții/cardurilor aliniată cu restul shellului public;
       scrollbarul nativ nu trebuie să consume lățime în coloana independentă. */
    scrollbar-gutter: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    z-index: 10;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column > * {
    flex: 0 0 auto;
  }

  /* Același tratament ca în rail-ul Evenimente: coloana scrollabilă nu
     proiectează umbre tăiate la margini. Bordurile și fundalurile cardurilor
     rămân suficiente pentru separarea vizuală. */
  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column > *,
  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column .newsletter-promo-card {
    box-shadow: none !important;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column.is-scrolling {
    scrollbar-color: rgba(16, 185, 129, 0.32) transparent;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column::-webkit-scrollbar {
    width: 0;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column::-webkit-scrollbar-track {
    background: transparent;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split .map-column::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: transparent;
  }

  .public-desktop-surface.public-surface--places
    .places-split-layout.places-split .map-column.is-scrolling::-webkit-scrollbar-thumb {
    background: rgba(16, 185, 129, 0.32);
  }

  .public-desktop-surface.public-surface--places .places-map-panel {
    position: relative;
    width: 100%;
    /* La viewporturile joase panoul încape integral sub toolbar; la înălțimea
       de lucru 1024×844 urcă până la 580px, față de vechiul plafon de 500px. */
    height: clamp(420px, calc(100dvh - 212px), 580px);
    overflow: hidden;
    border: 0;
    border-radius: 18px;
    background: #e9eef4;
    box-shadow: none;
  }

  /* În rail și în modul extins, previewul rămâne un card contextual compact.
     O bandă pe toată harta lasă mult spațiu alb inutil pe ecranele late. */
  .public-desktop-surface.public-surface--places .place-map-preview {
    right: auto;
    bottom: 16px;
    left: 16px;
    grid-template-columns: 80px minmax(0, 1fr);
    width: min(420px, calc(100% - 32px));
    padding: 9px;
    border-radius: 16px;
  }

  .public-desktop-surface.public-surface--places .place-map-preview-image {
    width: 80px;
    height: 80px;
    border-radius: 12px;
  }

  .public-desktop-surface.public-surface--places .place-map-preview-content {
    min-height: 80px;
  }

  .public-desktop-surface.public-surface--places .place-map-controls {
    position: absolute;
    top: 12px;
    right: 12px;
  }

  .public-desktop-surface.public-surface--places .places-map-wheel-hint {
    position: absolute;
    z-index: 1002;
    right: 16px;
    bottom: 16px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: max-content;
    max-width: calc(100% - 32px);
    min-height: 42px;
    margin-inline: auto;
    padding: 7px 9px 7px 13px;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 14px;
    background: rgba(30, 27, 75, 0.9);
    color: #fff;
    box-shadow: 0 10px 28px rgba(30, 27, 75, 0.24);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  }

  .public-desktop-surface.public-surface--places .places-map-wheel-hint.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .public-desktop-surface.public-surface--places .places-map-wheel-hint kbd {
    padding: 2px 5px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.14);
    color: inherit;
    box-shadow: none;
    font: inherit;
    font-size: 0.7rem;
  }

  .public-desktop-surface.public-surface--places .places-map-wheel-hint-separator {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
  }

  .public-desktop-surface.public-surface--places .places-map-wheel-hint button {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 4px 9px;
    border: 0;
    border-radius: 9px;
    background: #fff;
    color: #4338ca;
    font: inherit;
    font-size: 0.72rem;
    cursor: pointer;
  }

  .public-desktop-surface.public-surface--places .places-map-wheel-hint button:hover {
    background: #eef2ff;
  }

  .public-desktop-surface.public-surface--places .places-map-category-control {
    position: absolute;
    z-index: 1001;
    top: 12px;
    left: 12px;
    display: none;
  }

  .public-desktop-surface.public-surface--places .places-map-category-control .event-toolbar-popover {
    width: min(420px, calc(100vw - 48px));
  }

  .public-desktop-surface.public-surface--places
    .places-map-panel.has-map-preview .places-map-wheel-hint {
    bottom: 120px;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut {
    --places-rail-accent: #e11d48;
    --places-rail-tint: rgba(244, 63, 94, 0.11);
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 76px;
    padding: 11px 12px;
    border: 1px solid rgba(225, 29, 72, 0.18);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.96);
    color: #252136;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(31, 29, 69, 0.055);
    transition: border-color 180ms ease, transform 180ms ease;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut:hover,
  .public-desktop-surface.public-surface--places .places-rail-shortcut:focus-visible {
    border-color: rgba(225, 29, 72, 0.38);
    color: #252136;
    transform: translateY(-1px);
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut:focus-visible {
    outline: 3px solid rgba(225, 29, 72, 0.22);
    outline-offset: 2px;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-icon,
  .public-desktop-surface.public-surface--places .places-rail-shortcut-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--places-rail-tint);
    color: var(--places-rail-accent);
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-icon .lucide {
    width: 20px;
    height: 20px;
    stroke-width: 2.25px;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-copy strong {
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.2;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-copy small {
    color: #746e83;
    font-size: 0.71rem;
    font-weight: 560;
    line-height: 1.25;
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--places-rail-tint);
    color: var(--places-rail-accent);
  }

  .public-desktop-surface.public-surface--places .places-rail-shortcut-arrow .lucide {
    width: 16px;
    height: 16px;
  }

  body.public-desktop-surface.public-surface--places.places-desktop-map-expanded {
    overflow: hidden;
  }

  body.public-desktop-surface.public-surface--places.places-desktop-map-expanded
    .sticky-filters-wrapper.event-desktop-tools {
    display: none !important;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split.is-map-expanded {
    display: block !important;
  }

  .public-desktop-surface.public-surface--places .places-split-layout.places-split.is-map-expanded .feed-column {
    display: none;
  }

  .public-desktop-surface.public-surface--places
    .places-split-layout.places-split.is-map-expanded .map-column {
    position: relative;
    top: auto;
    width: 100%;
    height: calc(100dvh - 236px);
    max-height: none;
    min-height: 420px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    gap: 0;
    border: 0;
    border-radius: 18px;
    background: #e9eef4;
    box-shadow: none;
  }

  .public-desktop-surface.public-surface--places
    .places-split-layout.places-split.is-map-expanded .places-map-panel {
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
  }

  .public-desktop-surface.public-surface--places
    .places-split-layout.places-split.is-map-expanded .map-column > :not(.places-map-panel) {
    display: none !important;
  }

  .public-desktop-surface.public-surface--places
    .places-split-layout.places-split.is-map-expanded .places-map-category-control {
    display: block;
  }

  .public-desktop-surface.public-surface--places
    .places-split-layout.places-split.is-map-expanded .place-map-result-count {
    top: 66px;
  }

  .public-desktop-surface .event-toolbar-pill-group {
    display: inline-flex;
    align-items: center;
    gap: 0;
    height: 42px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(79,70,229,.16);
    max-width: 100%;
  }

  .public-desktop-surface .event-toolbar-pill-group .event-toolbar-menu,
  .public-desktop-surface .event-toolbar-pill-group .event-toolbar-trigger.active {
    box-sizing: border-box;
    height: 42px !important;
    min-height: 42px;
    max-height: 42px;
  }

  .public-desktop-surface .event-toolbar-pill-group .event-toolbar-trigger.active {
    border: 0 !important;
    border-radius: 12px 0 0 12px !important;
    background: linear-gradient(135deg,#6366f1,#4f46e5) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .public-desktop-surface .event-toolbar-pill-group .event-toolbar-trigger.active .lucide,
  .public-desktop-surface .event-toolbar-pill-group .event-toolbar-trigger.active svg {
    color: #fff !important;
    stroke: #fff !important;
  }

  .public-desktop-surface .event-toolbar-pill-x {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 42px !important;
    min-width: 36px;
    min-height: 42px;
    max-height: 42px;
    margin: 0 !important;
    padding: 0;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.22);
    border-radius: 0 12px 12px 0 !important;
    background: linear-gradient(135deg,#4f46e5,#4338ca) !important;
    color: #fff !important;
    text-decoration: none;
    transition: background 180ms ease;
  }

  .public-desktop-surface .event-toolbar-pill-x .lucide,
  .public-desktop-surface .event-toolbar-pill-x svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    stroke: #fff !important;
    stroke-width: 2.5px !important;
  }

  .public-desktop-surface .event-toolbar-pill-x:hover {
    background: linear-gradient(135deg,#4338ca,#3730a3) !important;
  }

  .public-desktop-surface .public-desktop-hero,
  .public-desktop-surface .venue-program-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    height: 124px;
    min-height: 124px;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    background:
      radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--public-surface-accent) 48%, transparent), transparent 25%),
      radial-gradient(circle at 61% 130%, color-mix(in srgb, var(--public-surface-secondary) 28%, transparent), transparent 34%),
      linear-gradient(118deg, var(--public-surface-deep) 0%, var(--public-surface-middle) 52%, var(--public-surface-accent) 120%) !important;
  }

  .public-desktop-surface .public-desktop-hero .home-hero-bg-picture,
  .public-desktop-surface .public-desktop-hero .home-hero-overlay {
    display: none !important;
  }

  /* Cercurile tăiate continuă discret limbajul cardurilor promoționale și
     păstrează partea dreaptă decorativă fără grila tehnică anterioară. */
  .public-desktop-surface .public-desktop-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 84% 22%, transparent 0 35px, rgba(255,255,255,.065) 36px 39px, transparent 40px),
      radial-gradient(circle at 96% 106%, transparent 0 78px, rgba(255,255,255,.045) 79px 83px, transparent 84px),
      radial-gradient(circle at 72% 90%, rgba(255,255,255,.05) 0 7px, transparent 8px),
      radial-gradient(circle at 91% 57%, rgba(255,255,255,.038) 0 4px, transparent 5px);
    opacity: .68;
    mask-image: linear-gradient(90deg, transparent 38%, rgba(0,0,0,.4) 59%, #000 76%);
    -webkit-mask-image: linear-gradient(90deg, transparent 38%, rgba(0,0,0,.4) 59%, #000 76%);
  }

  .public-desktop-surface .venue-program-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -62%;
    right: -4%;
    width: 58%;
    height: 220%;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 58px 58px;
    opacity: .26;
    transform: rotate(-7deg);
    mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,.46) 45%, #000);
    -webkit-mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,.46) 45%, #000);
  }

  .public-desktop-surface .public-desktop-hero::after,
  .public-desktop-surface .venue-program-hero::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--public-surface-accent) 65%, white) 35%, color-mix(in srgb, var(--public-surface-secondary) 66%, white) 68%, transparent 96%);
    box-shadow: 0 -4px 18px color-mix(in srgb, var(--public-surface-accent) 30%, transparent);
  }

  .public-desktop-surface .public-desktop-hero > .hero-section-wrapper > .container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 124px;
    padding-right: 12px !important;
    padding-left: 64px !important;
  }

  .public-desktop-surface .public-hero-symbol-watermark {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 12px;
    width: 40px;
    height: 40px;
    color: rgba(245,242,252,.78);
    stroke: rgba(245,242,252,.78);
    stroke-width: 1.8px;
    pointer-events: none;
    transform: translateY(-50%);
    filter: drop-shadow(0 0 11px color-mix(in srgb, var(--public-surface-accent) 34%, transparent));
  }

  .public-desktop-surface .venue-program-hero-symbol {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: max(4vw, calc((100vw - 1100px) / 2 + 22px));
    width: 112px;
    height: 112px;
    color: rgba(255,255,255,.055);
    stroke: rgba(255,255,255,.055);
    stroke-width: .85px;
    pointer-events: none;
    transform: translateY(-48%) rotate(9deg);
    filter: drop-shadow(0 0 28px color-mix(in srgb, var(--public-surface-accent) 36%, transparent));
  }

  .public-desktop-surface .public-desktop-hero .hero-section-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0;
    text-align: left !important;
  }

  .public-desktop-surface .venue-program-eyebrow {
    width: fit-content;
    margin-bottom: 8px !important;
    padding: 5px 9px !important;
    border: 1px solid rgba(216,210,255,.14) !important;
    border-radius: 999px;
    color: rgba(255,255,255,.88) !important;
    font-size: .66rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .11em;
    text-transform: uppercase;
    background: rgba(255,255,255,.06) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 5px 16px rgba(10,5,25,.09);
    backdrop-filter: blur(12px);
  }

  .public-desktop-surface .public-desktop-hero .hero-large-title,
  .public-desktop-surface .venue-program-hero h1 {
    margin: 0 !important;
    color: #fff;
    background: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 1.75rem !important;
    font-weight: 750;
    line-height: 1;
    letter-spacing: -.028em;
    text-shadow: none;
  }

  /* O culoare solidă comună împiedică fundalurile specifice secțiunilor să
     schimbe optic luminozitatea titlului, cum se întâmpla cu gradientul
     semitransparent. */
  .public-desktop-surface .public-desktop-hero .hero-large-title {
    color: #eeeaf4 !important;
    background: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #eeeaf4 !important;
  }

  .public-desktop-surface .public-desktop-hero .listing-desktop-hero-subtitle,
  .public-desktop-surface .venue-program-hero p {
    margin: 9px 0 0 !important;
    color: rgba(242,239,249,.68);
    font-size: .86rem;
    font-weight: 500;
  }

  .public-desktop-surface .public-desktop-hero .hero-tags {
    display: none !important;
  }

  .public-desktop-surface .venue-program-hero .hero-animated-media,
  .public-desktop-surface .venue-program-hero-scrim,
  .public-desktop-surface .venue-program-logo,
  .public-desktop-surface .venue-place-link {
    display: none !important;
  }

  .public-desktop-surface .venue-program-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 124px;
    height: 124px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .public-desktop-surface .venue-program-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 991.98px) {
  .header-more-menu-trigger--desktop-only {
    display: none !important;
  }
}

/* Cardurile funcționale din rail folosesc un singur contract pe toate
   listările; fiecare pagină schimbă doar cele două culori tematice. */
@media (min-width: 992px) {
  .public-desktop-surface .desktop-rail-contribute {
    --contribute-accent:#6366f1;
    --contribute-tint:#eef2ff;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    width:100%;
    min-height:70px;
    margin:0;
    padding:13px;
    border:1px solid #e4e1ec;
    border-radius:19px;
    background:#fff;
    color:#191628;
    text-decoration:none;
    box-shadow:0 6px 20px rgba(41,34,67,.05);
  }

  .public-desktop-surface .desktop-rail-contribute.is-event {
    --contribute-accent:#ef476f;
    --contribute-tint:#fff0f4;
  }

  .public-desktop-surface .desktop-rail-contribute.is-place {
    --contribute-accent:#059669;
    --contribute-tint:#ecfdf5;
  }

  .public-desktop-surface .desktop-rail-contribute.is-promotion {
    --contribute-accent:#db2777;
    --contribute-tint:#fff0f6;
  }

  .public-desktop-surface .desktop-rail-contribute .mobile-list-contribute-icon,
  .public-desktop-surface .desktop-rail-contribute .mobile-list-contribute-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .public-desktop-surface .desktop-rail-contribute .mobile-list-contribute-icon {
    width:42px;
    height:42px;
    border-radius:14px;
    background:var(--contribute-tint);
    color:var(--contribute-accent);
  }

  .public-desktop-surface .desktop-rail-contribute .mobile-list-contribute-copy {
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:2px;
  }

  .public-desktop-surface .desktop-rail-contribute .mobile-list-contribute-copy strong {
    font-size:.83rem;
    font-weight:800;
    line-height:1.3;
  }

  .public-desktop-surface .desktop-rail-contribute .mobile-list-contribute-copy > span {
    color:#817b8d;
    font-size:.69rem;
    line-height:1.4;
  }

  .public-desktop-surface .desktop-rail-contribute .mobile-list-contribute-action {
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--contribute-accent);
    color:#fff;
  }

  .public-desktop-surface .newsletter-banner--rail {
    width:100%;
    margin:0 !important;
  }

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

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

  .public-desktop-surface .newsletter-banner--rail .newsletter-promo-form-shell,
  .public-desktop-surface .newsletter-banner--rail .newsletter-promo-action {
    width:100%;
  }

  .public-desktop-surface .newsletter-banner--rail .newsletter-promo-form-shell .btn {
    padding-inline:11px;
  }

  .public-desktop-surface .personal-rail-card {
    --personal-rail-accent:var(--public-surface-accent,#6366f1);
    --personal-rail-tint:color-mix(in srgb,var(--personal-rail-accent) 10%,#fff);
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    width:100%;
    margin:0;
  }

  .public-desktop-surface .personal-rail-card--events {
    --personal-rail-accent:var(--public-surface-accent,#8b5cf6);
  }

  .public-desktop-surface .personal-rail-card--places {
    --personal-rail-accent:var(--public-surface-accent,#10b981);
  }

  .public-desktop-surface .personal-rail-card--shopping {
    --personal-rail-accent:var(--public-surface-accent,#ec4899);
  }

  .public-desktop-surface .personal-rail-card--promotions {
    --personal-rail-accent:var(--public-surface-accent,#f59e0b);
  }

  .public-desktop-surface .personal-rail-card-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:13px;
    background:var(--personal-rail-tint);
    color:var(--personal-rail-accent);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--personal-rail-accent) 10%,transparent);
  }

  .public-desktop-surface .personal-rail-card-icon .lucide {
    width:18px;
    height:18px;
    color:inherit;
    stroke:currentColor;
    stroke-width:2.15px;
  }

  .public-desktop-surface .personal-rail-card-action {
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto 14px;
    align-items:center;
    gap:9px;
    min-height:58px;
    padding:9px 11px;
    border:1px solid color-mix(in srgb,var(--personal-rail-accent) 20%,#e4e1ec);
    border-radius:18px;
    background:#fff;
    color:var(--personal-rail-accent);
    text-decoration:none;
    box-shadow:0 6px 20px color-mix(in srgb,var(--personal-rail-accent) 7%,transparent);
    transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
  }

  .public-desktop-surface .personal-rail-card-action:hover,
  .public-desktop-surface .personal-rail-card-action:focus-visible {
    border-color:color-mix(in srgb,var(--personal-rail-accent) 42%,transparent);
    background:var(--personal-rail-tint);
    color:var(--personal-rail-accent);
    box-shadow:0 10px 25px color-mix(in srgb,var(--personal-rail-accent) 13%,transparent);
    transform:translateY(-1px);
  }

  .public-desktop-surface .personal-rail-card-action:focus-visible {
    outline:2px solid var(--personal-rail-accent);
    outline-offset:2px;
  }

  .public-desktop-surface .personal-rail-card-label {
    min-width:0;
    color:var(--personal-rail-accent);
    font-size:.74rem;
    font-weight:800;
    line-height:1.3;
  }

  .public-desktop-surface .personal-rail-card-count-wrap {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--personal-rail-accent);
    font-size:.68rem;
    font-weight:750;
    line-height:1;
    white-space:nowrap;
  }

  .public-desktop-surface .personal-rail-card-count {
    color:inherit;
    font:inherit;
  }

  .public-desktop-surface .personal-rail-card-action-arrow {
    width:14px;
    height:14px;
    color:var(--personal-rail-accent);
    stroke:currentColor;
  }

  /* Card comun între Acasă și Saved. Pe Saved statisticile sunt butoane de
     tab; în Acasă sunt linkuri reale, fără diferențe vizuale. */
  .public-desktop-surface .personal-library-card {
    --personal-library-rose:#e11d48;
    --personal-library-violet:#7c3aed;
    width:100%;
    padding:20px;
    overflow:hidden;
    border:1px solid rgba(55,48,77,.1);
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 30px rgba(39,31,64,.055);
  }

  .public-desktop-surface .personal-library-eyebrow {
    color:var(--personal-library-rose);
    font-size:.66rem;
    font-weight:820;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .public-desktop-surface .personal-library-card h2 {
    margin:7px 0;
    color:#211d2e;
    font-size:1.08rem;
    font-weight:800;
    line-height:1.22;
    letter-spacing:-.025em;
  }

  .public-desktop-surface .personal-library-card > p {
    margin:0;
    color:#777185;
    font-size:.76rem;
    line-height:1.45;
  }

  .public-desktop-surface .personal-library-stats {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:17px;
  }

  .public-desktop-surface .personal-library-stat {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    min-width:0;
    padding:12px;
    border:1px solid transparent;
    border-radius:15px;
    text-align:left;
    text-decoration:none;
    transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;
  }

  .public-desktop-surface .personal-library-stat:hover,
  .public-desktop-surface .personal-library-stat:focus-visible {
    color:inherit;
    box-shadow:0 8px 18px rgba(39,31,64,.08);
    transform:translateY(-1px);
  }

  .public-desktop-surface .personal-library-stat:focus-visible {
    outline:2px solid currentColor;
    outline-offset:2px;
  }

  .public-desktop-surface .personal-library-stat span {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:.66rem;
    font-weight:720;
  }

  .public-desktop-surface .personal-library-stat .lucide {
    width:14px;
    height:14px;
  }

  .public-desktop-surface .personal-library-stat strong {
    font-size:1.28rem;
    font-weight:820;
    line-height:1;
  }

  .public-desktop-surface .personal-library-stat--saved {
    color:#be123c;
    background:#fff1f2;
  }

  .public-desktop-surface .personal-library-stat--participations {
    color:#6d28d9;
    background:#f5f3ff;
  }

  .public-desktop-surface .event-toolbar-option-list .listing-filter-count {
    display:none !important;
  }

  /* Modul editorial comun tuturor railurilor principale. Înlocuiește tile-urile
     izolate (cinema/teatru/contribuție) cu o singură zonă compactă și coerentă. */
  .public-desktop-surface .desktop-editorial-module {
    display:grid;
    flex:0 0 auto;
    gap:6px;
    width:100%;
    padding:17px;
    border:1px solid rgba(55,48,77,.1);
    border-radius:22px;
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 30px rgba(39,31,64,.055);
  }

  .public-desktop-surface .desktop-editorial-module__eyebrow {
    margin:0 3px 4px;
    color:#777185;
    font-size:.66rem;
    font-weight:820;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .public-desktop-surface .desktop-editorial-link {
    --desktop-editorial-accent:#4f46e5;
    --desktop-editorial-soft:rgba(79,70,229,.1);
    display:grid;
    grid-template-columns:32px minmax(0,1fr) 22px;
    align-items:center;
    gap:10px;
    min-height:50px;
    padding:8px 9px;
    border:0;
    border-radius:14px;
    color:#252136;
    text-decoration:none;
    background:transparent;
    box-shadow:none;
    transition:color 180ms ease,background-color 180ms ease;
  }

  .public-desktop-surface .desktop-editorial-link:hover,
  .public-desktop-surface .desktop-editorial-link:focus-visible {
    color:#252136;
    background:color-mix(in srgb,var(--desktop-editorial-accent) 7%,white);
  }

  .public-desktop-surface .desktop-editorial-link:focus-visible {
    outline:2px solid color-mix(in srgb,var(--desktop-editorial-accent) 62%,white);
    outline-offset:1px;
  }

  .public-desktop-surface .desktop-editorial-link--reviews {
    --desktop-editorial-accent:#d97706;
    --desktop-editorial-soft:rgba(245,158,11,.12);
  }

  .public-desktop-surface .desktop-editorial-link--cinema {
    --desktop-editorial-accent:#e11d48;
    --desktop-editorial-soft:rgba(244,63,94,.1);
  }

  .public-desktop-surface .desktop-editorial-link--theatre {
    --desktop-editorial-accent:#7c3aed;
    --desktop-editorial-soft:rgba(139,92,246,.11);
  }

  .public-desktop-surface .desktop-editorial-link--events {
    --desktop-editorial-accent:#7c3aed;
    --desktop-editorial-soft:rgba(139,92,246,.11);
  }

  .public-desktop-surface .desktop-editorial-link--places {
    --desktop-editorial-accent:#059669;
    --desktop-editorial-soft:rgba(16,185,129,.11);
  }

  .public-desktop-surface .desktop-editorial-link--shopping {
    --desktop-editorial-accent:#db2777;
    --desktop-editorial-soft:rgba(236,72,153,.1);
  }

  .public-desktop-surface .desktop-editorial-link--promotions {
    --desktop-editorial-accent:#d97706;
    --desktop-editorial-soft:rgba(245,158,11,.12);
  }

  .public-desktop-surface .desktop-editorial-link--propose {
    --desktop-editorial-accent:#db2777;
    --desktop-editorial-soft:rgba(236,72,153,.1);
  }

  .public-desktop-surface .desktop-editorial-link__icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:10px;
    color:var(--desktop-editorial-accent);
    background:var(--desktop-editorial-soft);
  }

  .public-desktop-surface .desktop-editorial-link__icon .lucide {
    width:17px;
    height:17px;
    stroke-width:2.25px;
  }

  .public-desktop-surface .desktop-editorial-link__copy {
    display:flex;
    min-width:0;
    flex-direction:column;
  }

  .public-desktop-surface .desktop-editorial-link__copy strong {
    color:#252136;
    font-size:.79rem;
    font-weight:760;
    line-height:1.2;
  }

  .public-desktop-surface .desktop-editorial-link__copy small {
    margin-top:2px;
    color:#746e83;
    font-size:.65rem;
    font-weight:560;
    line-height:1.25;
  }

  .public-desktop-surface .desktop-editorial-link__arrow {
    width:15px;
    height:15px;
    justify-self:center;
    color:var(--desktop-editorial-accent);
  }
}