/*
 * PATCH 376 + PATCH 377 — PZLITESHOP DESKTOP ARCHITECTURE
 *
 * Scope: desktop homepage only (1181px and wider).
 *
 * This layer replaces the accumulated PATCH 372–375 desktop presentation.
 * PATCH 377 corrects the first deployed desktop pass:
 * - one compact header instead of two stacked logo rows;
 * - one wide three-zone workspace;
 * - transparent typographic navigation instead of boxed cells;
 * - a rotating text news stream instead of a scrollable legacy list;
 * - a larger channel media stage without the detached lower shadow;
 * - a managed rotating advertising hero without visible manual controls;
 * - a compact typographic account menu without boxed action cells;
 * - no changes to mobile geometry, mobile navigation or mobile scripts.
 */

@media (min-width: 1181px) {
  html body.home-page {
    --pz376-page-width: min(1840px, calc(100vw - 24px));
    --pz376-accent: #cf67ff;
    --pz376-accent-secondary: #72e8ff;
    --pz376-text: #fff8ff;
    --pz376-muted: rgba(238, 225, 247, .66);
    --pz376-muted-soft: rgba(238, 225, 247, .44);
    --pz376-line: rgba(222, 169, 255, .16);
    --pz376-line-strong: rgba(222, 138, 255, .36);
    --pz376-header: rgba(6, 3, 12, .88);
    --pz376-surface: rgba(16, 7, 26, .74);
    --pz376-surface-soft: rgba(255, 255, 255, .028);
    --pz376-media: #030106;
  }

  html[data-theme="lite"] body.home-page {
    --pz376-accent: #b59de7;
    --pz376-accent-secondary: #ded8e8;
    --pz376-text: #f8f5fb;
    --pz376-muted: rgba(230, 224, 236, .64);
    --pz376-muted-soft: rgba(230, 224, 236, .42);
    --pz376-line: rgba(214, 202, 229, .13);
    --pz376-line-strong: rgba(190, 166, 232, .30);
    --pz376-header: rgba(3, 3, 5, .92);
    --pz376-surface: rgba(12, 11, 15, .72);
    --pz376-surface-soft: rgba(236, 230, 242, .025);
    --pz376-media: #020203;
  }

  html[data-theme="pink"] body.home-page {
    --pz376-accent: #ff62dc;
    --pz376-accent-secondary: #ff8db9;
    --pz376-text: #fff8fc;
    --pz376-muted: rgba(255, 225, 242, .66);
    --pz376-muted-soft: rgba(255, 225, 242, .44);
    --pz376-line: rgba(255, 132, 213, .17);
    --pz376-line-strong: rgba(255, 108, 198, .38);
    --pz376-header: rgba(13, 3, 12, .90);
    --pz376-surface: rgba(28, 7, 25, .72);
    --pz376-surface-soft: rgba(255, 126, 209, .025);
    --pz376-media: #060105;
  }

  html body.home-page .site-noise {
    opacity: .08 !important;
  }

  /* One compact desktop header. */
  html body.home-page header.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 500 !important;
    min-height: 78px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    background: var(--pz376-header) !important;
    box-shadow: none !important;
    backdrop-filter: blur(22px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
  }

  html body.home-page header.site-header::before,
  html body.home-page header.site-header::after,
  html body.home-page .site-header__nav-shell::before,
  html body.home-page .site-header__nav-shell::after {
    content: none !important;
    display: none !important;
  }

  html body.home-page .site-header__sign {
    display: none !important;
  }

  html body.home-page .site-header__nav-shell {
    min-height: 78px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.home-page .site-header__inner.container {
    width: var(--pz376-page-width) !important;
    max-width: none !important;
    min-height: 78px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns:
      minmax(185px, 230px)
      96px
      minmax(340px, 1fr)
      minmax(180px, 260px)
      minmax(145px, 200px) !important;
    gap: clamp(8px, .8vw, 18px) !important;
    align-items: center !important;
    overflow: visible !important;
  }

  html body.home-page .desktop-header-brand {
    grid-column: 1 !important;
    width: min(100%, 230px) !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  html body.home-page .desktop-header-brand img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
  }

  html body.home-page button.catalog-button.catalog-button--art {
    grid-column: 2 !important;
    position: relative !important;
    width: 96px !important;
    min-width: 96px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    place-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: visible !important;
    border: 0 !important;
    border-right: 1px solid var(--pz376-line) !important;
    border-left: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    color: var(--pz376-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    transform: none !important;
  }

  html body.home-page button.catalog-button.catalog-button--art .catalog-button__art {
    display: none !important;
  }

  html body.home-page button.catalog-button.catalog-button--art::before {
    content: "CATALOG" !important;
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    color: var(--pz376-text) !important;
    background: none !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .60rem !important;
    font-weight: 900 !important;
    letter-spacing: .11em !important;
    opacity: .88 !important;
    transform: none !important;
  }

  html body.home-page button.catalog-button.catalog-button--art::after {
    content: "•••" !important;
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    color: var(--pz376-accent) !important;
    background: none !important;
    box-shadow: none !important;
    font-size: .72rem !important;
    letter-spacing: .06em !important;
    opacity: .92 !important;
    transform: none !important;
  }

  html body.home-page .desktop-main-nav {
    grid-column: 3 !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(2px, .35vw, 8px) !important;
    overflow: visible !important;
  }

  html body.home-page .desktop-main-nav a {
    position: relative !important;
    min-height: 42px !important;
    padding: 0 clamp(6px, .55vw, 12px) !important;
    display: inline-flex !important;
    flex: 1 1 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--pz376-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(.62rem, .60vw, .76rem) !important;
    font-weight: 850 !important;
    letter-spacing: .045em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.home-page .desktop-main-nav a::after {
    content: "" !important;
    position: absolute !important;
    right: 8px !important;
    bottom: 4px !important;
    left: 8px !important;
    height: 1px !important;
    background: linear-gradient(90deg, var(--pz376-accent), var(--pz376-accent-secondary)) !important;
    opacity: 0 !important;
    transform: scaleX(.35) !important;
    transition: opacity .18s ease, transform .18s ease !important;
  }

  html body.home-page .desktop-main-nav a:hover,
  html body.home-page .desktop-main-nav a:focus-visible {
    color: var(--pz376-text) !important;
    background: transparent !important;
    outline: none !important;
    transform: none !important;
  }

  html body.home-page .desktop-main-nav a:hover::after,
  html body.home-page .desktop-main-nav a:focus-visible::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
  }

  html body.home-page .desktop-header-search {
    grid-column: 4 !important;
    width: 100% !important;
    max-width: 260px !important;
    justify-self: end !important;
  }

  html body.home-page .desktop-header-search__field {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page .desktop-header-search:focus-within .desktop-header-search__field,
  html body.home-page .desktop-header-search.is-open .desktop-header-search__field {
    border-color: var(--pz376-line-strong) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.home-page .desktop-header-search__icon {
    stroke: var(--pz376-accent-secondary) !important;
    opacity: .72 !important;
  }

  html body.home-page .desktop-header-search input {
    color: var(--pz376-text) !important;
    font-size: .69rem !important;
  }

  html body.home-page .desktop-header-search input::placeholder {
    color: var(--pz376-muted-soft) !important;
  }

  html body.home-page .header-action-button,
  html body.home-page .header-action-button.pz-header-account-launcher {
    grid-column: 5 !important;
    width: 100% !important;
    max-width: 200px !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 4px 0 10px !important;
    justify-self: end !important;
    overflow: hidden !important;
    border: 0 !important;
    border-left: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    color: var(--pz376-text) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.home-page .header-action-button:hover,
  html body.home-page .header-action-button:focus-visible,
  html body.home-page .header-action-button.pz-header-account-launcher:hover,
  html body.home-page .header-action-button.pz-header-account-launcher:focus-visible {
    border-color: var(--pz376-line-strong) !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
  }

  html body.home-page .header-action-button .header-chip,
  html body.home-page .header-action-button.pz-header-account-launcher .header-chip {
    min-width: 0 !important;
  }

  html body.home-page .header-action-button .header-chip strong,
  html body.home-page .header-action-button .header-chip small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Wide desktop workspace. */
  html body.home-page main.site-main {
    width: var(--pz376-page-width) !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 18px 0 52px !important;
    display: grid !important;
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(320px, 390px) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "rail hero news"
      "rail preview news" !important;
    column-gap: 18px !important;
    row-gap: 22px !important;
    align-items: start !important;
    overflow: visible !important;
  }

  html body.home-page main.site-main .mobile-home-hero--352,
  html body.home-page main.site-main .mobile-showcase-categories,
  html body.home-page main.site-main .mobile-future-drops,
  html body.home-page main.site-main .mobile-showcase-hello {
    display: none !important;
  }

  html body.home-page main.site-main .desktop-lower-stage,
  html body.home-page main.site-main .desktop-marketplace-section,
  html body.home-page main.site-main .desktop-marketplace-grid {
    display: contents !important;
  }

  html body.home-page main.site-main .desktop-lower-stage::before,
  html body.home-page main.site-main .desktop-lower-stage::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  html body.home-page main.site-main .desktop-marketplace-strip {
    display: none !important;
  }

  html body.home-page main.site-main .hero-section {
    grid-area: hero !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  html body.home-page main.site-main .hero-video-wrap,
  html body.home-page main.site-main .hero-video,
  html body.home-page main.site-main .hero-video-overlay,
  html body.home-page main.site-main .hero-live-panel,
  html body.home-page main.site-main .hero-sakura-layer,
  html body.home-page main.site-main .hero-live-panel__branch {
    display: none !important;
  }

  html body.home-page main.site-main .hero-content.container {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.home-page main.site-main .pz-main-visual.pz-hero-carousel {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    aspect-ratio: 2 / 1 !important;
    overflow: hidden !important;
    border: 1px solid var(--pz376-line) !important;
    border-radius: 15px !important;
    background: var(--pz376-media) !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .pz-main-visual.pz-hero-carousel::before,
  html body.home-page main.site-main .pz-main-visual.pz-hero-carousel::after {
    content: none !important;
    display: none !important;
  }

  html body.home-page main.site-main .pz-hero-carousel__viewport,
  html body.home-page main.site-main .pz-hero-carousel__track,
  html body.home-page main.site-main .pz-hero-carousel__slide,
  html body.home-page main.site-main .pz-hero-carousel__slide img,
  html body.home-page main.site-main .pz-hero-carousel__slide video {
    width: 100% !important;
    height: 100% !important;
  }

  html body.home-page main.site-main .pz-hero-carousel__track {
    display: flex !important;
    transition: transform 920ms cubic-bezier(.22, .72, .18, 1) !important;
    will-change: transform !important;
  }

  html body.home-page main.site-main .pz-hero-carousel__track[data-pz-no-transition="true"] {
    transition: none !important;
  }

  html body.home-page main.site-main .pz-hero-carousel__slide {
    display: block !important;
    flex: 0 0 100% !important;
    min-width: 100% !important;
  }

  html body.home-page main.site-main .pz-hero-carousel__slide.is-active {
    display: block !important;
  }

  html body.home-page main.site-main .pz-hero-carousel__slide img,
  html body.home-page main.site-main .pz-hero-carousel__slide video {
    display: block !important;
    object-fit: cover !important;
    object-position: var(--pz-managed-x, 50%) var(--pz-managed-y, 50%) !important;
  }

  html body.home-page main.site-main .pz-local-time--hero {
    top: 15px !important;
    left: 16px !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 30px !important;
    padding: 6px 9px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: rgba(3, 1, 7, .56) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }

  html body.home-page main.site-main .pz-local-time--hero::before,
  html body.home-page main.site-main .pz-local-time--hero small {
    content: none !important;
    display: none !important;
  }

  html body.home-page main.site-main .pz-local-time--hero .pz-local-time__label {
    color: var(--pz376-muted) !important;
    font-size: .45rem !important;
    letter-spacing: .13em !important;
  }

  html body.home-page main.site-main .pz-local-time--hero .pz-local-time__clock {
    margin: 0 !important;
    color: var(--pz376-text) !important;
    font-size: .68rem !important;
    text-shadow: none !important;
  }

  html body.home-page main.site-main .pz-hero-carousel__controls {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.home-page main.site-main .catalog-anchor {
    grid-area: preview !important;
    position: relative !important;
    place-self: start !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    scroll-margin-top: 94px !important;
    z-index: 2 !important;
  }

  html body.home-page main.site-main .desktop-category-rail {
    grid-area: rail !important;
    position: sticky !important;
    top: 96px !important;
    align-self: start !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 4px 20px 4px 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-right: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page main.site-main .desktop-preview-panel {
    grid-area: preview !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page main.site-main .desktop-news-panel {
    grid-area: news !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 4px 0 4px 20px !important;
    overflow: visible !important;
    border: 0 !important;
    border-left: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page main.site-main .desktop-category-rail::before,
  html body.home-page main.site-main .desktop-category-rail::after,
  html body.home-page main.site-main .desktop-preview-panel::before,
  html body.home-page main.site-main .desktop-preview-panel::after,
  html body.home-page main.site-main .desktop-news-panel::before,
  html body.home-page main.site-main .desktop-news-panel::after {
    content: none !important;
    display: none !important;
  }

  html body.home-page main.site-main .desktop-category-rail > *,
  html body.home-page main.site-main .desktop-preview-panel > *,
  html body.home-page main.site-main .desktop-news-panel > * {
    position: relative !important;
    z-index: auto !important;
  }

  html body.home-page main.site-main .perks-section {
    display: none !important;
  }

  /* Shared desktop typography. */
  html body.home-page main.site-main .desktop-section-head {
    min-height: 64px !important;
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border-bottom: 1px solid var(--pz376-line) !important;
  }

  html body.home-page main.site-main .section-heading__eyebrow,
  html body.home-page main.site-main .desktop-category-rail__head span,
  html body.home-page main.site-main .desktop-drop-status__head span,
  html body.home-page main.site-main .desktop-channel-slider__head span {
    display: block !important;
    margin: 0 0 6px !important;
    color: var(--pz376-accent-secondary) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .59rem !important;
    font-weight: 850 !important;
    letter-spacing: .14em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  html body.home-page main.site-main .section-heading__eyebrow::before,
  html body.home-page main.site-main .section-heading__eyebrow::after {
    content: none !important;
    display: none !important;
  }

  html body.home-page main.site-main .desktop-section-head h2 {
    margin: 0 !important;
    color: var(--pz376-text) !important;
    font-family: var(--font-title) !important;
    font-size: clamp(1.42rem, 1.55vw, 1.92rem) !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
    line-height: .98 !important;
  }

  html body.home-page main.site-main .desktop-safe-badge {
    min-height: 0 !important;
    padding: 0 0 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line-strong) !important;
    border-radius: 0 !important;
    color: var(--pz376-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .57rem !important;
    font-weight: 850 !important;
    letter-spacing: .10em !important;
  }

  /* Left index: no boxed category cells. */
  html body.home-page main.site-main .desktop-category-rail__head {
    min-height: 58px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--pz376-line) !important;
  }

  html body.home-page main.site-main .desktop-category-rail__head strong,
  html body.home-page main.site-main .desktop-drop-status__head strong,
  html body.home-page main.site-main .desktop-channel-slider__head strong {
    display: block !important;
    color: var(--pz376-text) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  html body.home-page main.site-main .desktop-category-rail__list {
    margin: 12px 0 0 !important;
    display: grid !important;
    gap: 0 !important;
  }

  html body.home-page main.site-main .desktop-category-rail__group {
    min-height: 31px !important;
    margin: 10px 0 0 !important;
    padding: 0 2px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body.home-page main.site-main .desktop-category-rail__group > span {
    width: auto !important;
    height: auto !important;
    display: block !important;
    color: var(--pz376-muted-soft) !important;
    background: transparent !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .55rem !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
  }

  html body.home-page main.site-main .desktop-category-rail__group > strong {
    color: var(--pz376-muted) !important;
    font-size: .60rem !important;
    font-weight: 900 !important;
    letter-spacing: .16em !important;
  }

  html body.home-page main.site-main .desktop-category-rail__list > button,
  html body.home-page main.site-main .desktop-category-rail__list > a {
    position: relative !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 8px 2px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 1px 9px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    color: var(--pz376-text) !important;
    text-align: left !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
    transition: padding-left .18s ease, border-color .18s ease, background .18s ease !important;
  }

  html body.home-page main.site-main .desktop-category-rail__list > button > span,
  html body.home-page main.site-main .desktop-category-rail__list > a > span {
    grid-row: 1 / 3 !important;
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--pz376-line) !important;
    border-radius: 50% !important;
    color: var(--pz376-accent) !important;
    background: transparent !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .57rem !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
  }

  html body.home-page main.site-main .desktop-category-rail__list > button strong,
  html body.home-page main.site-main .desktop-category-rail__list > a strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--pz376-text) !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.home-page main.site-main .desktop-category-rail__list > button small,
  html body.home-page main.site-main .desktop-category-rail__list > a small {
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--pz376-muted-soft) !important;
    font-size: .62rem !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.home-page main.site-main .desktop-category-rail__list > button:hover,
  html body.home-page main.site-main .desktop-category-rail__list > button:focus-visible,
  html body.home-page main.site-main .desktop-category-rail__list > button.is-active,
  html body.home-page main.site-main .desktop-category-rail__list > a:hover,
  html body.home-page main.site-main .desktop-category-rail__list > a:focus-visible {
    padding-left: 8px !important;
    border-color: var(--pz376-line-strong) !important;
    background: linear-gradient(90deg, var(--pz376-surface-soft), transparent) !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.home-page main.site-main .desktop-category-rail__note {
    margin: 18px 0 0 !important;
    padding: 0 0 0 11px !important;
    border-left: 1px solid var(--pz376-line-strong) !important;
    color: var(--pz376-muted-soft) !important;
    font-size: .66rem !important;
    line-height: 1.5 !important;
  }

  /* Center catalog. */
  html body.home-page main.site-main .desktop-drop-toolbar {
    min-height: 36px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  html body.home-page main.site-main .desktop-drop-toolbar__filters {
    gap: 16px !important;
    padding: 0 !important;
  }

  html body.home-page main.site-main .drop-filter {
    min-height: 28px !important;
    padding: 0 0 4px !important;
    border: 0 !important;
    border-bottom: 1px solid transparent !important;
    border-radius: 0 !important;
    color: var(--pz376-muted-soft) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: .62rem !important;
    font-weight: 850 !important;
  }

  html body.home-page main.site-main .drop-filter:hover,
  html body.home-page main.site-main .drop-filter:focus-visible,
  html body.home-page main.site-main .drop-filter.is-active {
    border-color: var(--pz376-accent) !important;
    color: var(--pz376-text) !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
  }

  html body.home-page main.site-main #desktopProductsStatus {
    color: var(--pz376-muted-soft) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .58rem !important;
    letter-spacing: .07em !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products {
    max-height: none !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow: visible !important;
    scrollbar-gutter: auto !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products .drop-card {
    min-height: 280px !important;
    overflow: hidden !important;
    border: 1px solid var(--pz376-line) !important;
    border-radius: 14px !important;
    background:
      linear-gradient(180deg, var(--pz376-surface-soft), transparent 42%),
      rgba(5, 2, 10, .34) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
  }

  html[data-theme="lite"] body.home-page main.site-main .desktop-preview-cards--products .drop-card {
    background: rgba(7, 7, 9, .40) !important;
  }

  html[data-theme="pink"] body.home-page main.site-main .desktop-preview-cards--products .drop-card {
    background:
      linear-gradient(180deg, rgba(255, 98, 220, .035), transparent 44%),
      rgba(16, 3, 14, .38) !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products .drop-card:hover,
  html body.home-page main.site-main .desktop-preview-cards--products .drop-card:focus-within {
    border-color: var(--pz376-line-strong) !important;
    background:
      linear-gradient(180deg, var(--pz376-surface-soft), transparent 58%),
      rgba(5, 2, 10, .48) !important;
    box-shadow: none !important;
    transform: translateY(-2px) !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products .drop-card__media {
    border-bottom: 1px solid var(--pz376-line) !important;
    background: var(--pz376-media) !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products .drop-card__media::after {
    background: linear-gradient(180deg, transparent, rgba(3, 1, 7, .46)) !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products .drop-card__badge {
    border: 0 !important;
    border-radius: 3px !important;
    color: var(--pz376-text) !important;
    background: rgba(5, 2, 10, .72) !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products .drop-card__favorite {
    border: 1px solid var(--pz376-line) !important;
    color: var(--pz376-text) !important;
    background: rgba(5, 2, 10, .68) !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products .drop-card__quick summary b {
    border: 0 !important;
    border-radius: 2px !important;
    background: var(--pz376-surface-soft) !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .desktop-preview-cards__divider--digital {
    min-height: 42px !important;
    margin: 24px 0 0 !important;
    padding: 10px 0 !important;
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    border-top: 1px solid var(--pz376-line) !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html body.home-page main.site-main .desktop-preview-cards__divider--digital > span,
  html body.home-page main.site-main .desktop-preview-cards__divider--digital > strong,
  html body.home-page main.site-main .desktop-preview-cards__divider--digital > small {
    color: var(--pz376-muted) !important;
  }

  html body.home-page main.site-main .desktop-digital-card {
    width: 100% !important;
    min-height: 116px !important;
    margin: 12px 0 0 !important;
    padding: 12px 0 !important;
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 4px 16px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .desktop-digital-card::before,
  html body.home-page main.site-main .desktop-digital-card::after {
    content: none !important;
    display: none !important;
  }

  html body.home-page main.site-main .desktop-digital-card .desktop-preview-card__status {
    position: absolute !important;
    top: 12px !important;
    right: 0 !important;
    left: auto !important;
    min-height: 0 !important;
    padding: 0 0 3px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line-strong) !important;
    border-radius: 0 !important;
    color: var(--pz376-muted) !important;
    background: transparent !important;
  }

  html body.home-page main.site-main .desktop-digital-card .desktop-preview-card__visual {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--pz376-line) !important;
    border-radius: 50% !important;
    color: var(--pz376-accent-secondary) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1.35rem !important;
  }

  html body.home-page main.site-main .desktop-digital-card .desktop-preview-card__visual::after {
    content: none !important;
    display: none !important;
  }

  html body.home-page main.site-main .desktop-digital-card h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    color: var(--pz376-text) !important;
    font-size: 1rem !important;
  }

  html body.home-page main.site-main .desktop-digital-card p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    color: var(--pz376-muted) !important;
    font-size: .73rem !important;
  }

  html body.home-page main.site-main .desktop-digital-card > span:last-child {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--pz376-muted-soft) !important;
    background: transparent !important;
  }

  html body.home-page main.site-main .desktop-preview-note {
    margin: 14px 0 0 !important;
    padding: 0 0 0 11px !important;
    border: 0 !important;
    border-left: 1px solid var(--pz376-line-strong) !important;
    border-radius: 0 !important;
    color: var(--pz376-muted-soft) !important;
    background: transparent !important;
  }

  /* Right column: rotating news, live catalog status and large media stage. */
  html body.home-page main.site-main .desktop-news-rotator {
    min-height: 238px !important;
    padding: 2px 0 18px !important;
    border-bottom: 1px solid var(--pz376-line) !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__meta {
    min-height: 30px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--pz376-muted-soft) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .55rem !important;
    font-weight: 850 !important;
    letter-spacing: .10em !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__meta output {
    color: var(--pz376-accent-secondary) !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__controls {
    display: flex !important;
    gap: 4px !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__controls button {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    color: var(--pz376-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__controls button:hover,
  html body.home-page main.site-main .desktop-news-rotator__controls button:focus-visible {
    border-color: var(--pz376-accent) !important;
    color: var(--pz376-text) !important;
    outline: none !important;
  }

  html body.home-page main.site-main .desktop-news-list {
    position: relative !important;
    min-height: 152px !important;
    max-height: none !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  html body.home-page main.site-main .desktop-news-list article {
    display: none !important;
    min-height: 152px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.home-page main.site-main .desktop-news-list article.is-active {
    display: block !important;
    animation: pz376NewsEnter .28s ease both;
  }

  html body.home-page main.site-main .desktop-news-list article::before,
  html body.home-page main.site-main .desktop-news-list article::after {
    content: none !important;
    display: none !important;
  }

  html body.home-page main.site-main .desktop-news-list article > span {
    display: block !important;
    margin-bottom: 13px !important;
    color: var(--pz376-accent) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .56rem !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
  }

  html body.home-page main.site-main .desktop-news-list article strong {
    display: block !important;
    max-width: 15ch !important;
    margin: 0 !important;
    color: var(--pz376-text) !important;
    font-family: var(--font-title) !important;
    font-size: clamp(1.28rem, 1.5vw, 1.72rem) !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
    line-height: 1.03 !important;
  }

  html body.home-page main.site-main .desktop-news-list article p {
    max-width: 43ch !important;
    margin: 13px 0 0 !important;
    color: var(--pz376-muted) !important;
    font-size: .74rem !important;
    line-height: 1.55 !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__progress {
    height: 1px !important;
    margin-top: 14px !important;
    overflow: hidden !important;
    background: var(--pz376-line) !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__progress i {
    width: calc(100% / var(--pz376-news-count, 3)) !important;
    height: 100% !important;
    display: block !important;
    background: linear-gradient(90deg, var(--pz376-accent), var(--pz376-accent-secondary)) !important;
    transform: translateX(var(--pz376-news-progress, 0%)) !important;
    transition: transform .28s ease !important;
  }

  html body.home-page main.site-main .desktop-news-link {
    min-height: 38px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    color: var(--pz376-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: .66rem !important;
    font-weight: 850 !important;
    letter-spacing: .05em !important;
  }

  html body.home-page main.site-main .desktop-news-link:hover,
  html body.home-page main.site-main .desktop-news-link:focus-visible {
    border-color: var(--pz376-line-strong) !important;
    color: var(--pz376-text) !important;
    outline: none !important;
  }

  html body.home-page main.site-main .desktop-drop-status {
    margin: 26px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .desktop-drop-status__head {
    min-height: 51px !important;
    padding-bottom: 13px !important;
    border-bottom: 1px solid var(--pz376-line) !important;
  }

  html body.home-page main.site-main .desktop-drop-status__list {
    margin: 0 !important;
    display: grid !important;
    gap: 0 !important;
  }

  html body.home-page main.site-main .desktop-drop-status__list > div {
    min-height: 46px !important;
    padding: 7px 0 !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.home-page main.site-main .desktop-drop-status__list > div:hover {
    background: linear-gradient(90deg, var(--pz376-surface-soft), transparent) !important;
    transform: none !important;
  }

  html body.home-page main.site-main .desktop-drop-status__list span {
    width: auto !important;
    height: auto !important;
    display: block !important;
    color: var(--pz376-accent) !important;
    background: transparent !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .56rem !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
  }

  html body.home-page main.site-main .desktop-drop-status__list strong {
    color: var(--pz376-text) !important;
    font-size: .72rem !important;
    font-weight: 820 !important;
  }

  html body.home-page main.site-main .desktop-drop-status__list em {
    color: var(--pz376-muted-soft) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .54rem !important;
    font-style: normal !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
  }

  html body.home-page main.site-main .desktop-channel-slider--banners {
    position: relative !important;
    width: 100% !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    user-select: none !important;
  }

  html body.home-page main.site-main .desktop-channel-slider__head {
    min-height: 51px !important;
    margin: 0 0 11px !important;
    padding-bottom: 13px !important;
    border-bottom: 1px solid var(--pz376-line) !important;
  }

  html body.home-page main.site-main .desktop-channel-slider--banners .desktop-channel-slider__viewport {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 2 !important;
    overflow: hidden !important;
    border: 1px solid var(--pz376-line) !important;
    border-radius: 14px !important;
    background: var(--pz376-media) !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .desktop-channel-slider--banners .desktop-channel-banner-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--pz376-media) !important;
    box-shadow: none !important;
  }

  html body.home-page main.site-main .desktop-channel-slider--banners .desktop-channel-banner-slide__image {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
    background: var(--pz376-media) !important;
    filter: none !important;
  }

  html body.home-page main.site-main .desktop-channel-slider--banners .desktop-channel-slider__dots {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.home-page main.site-main .desktop-channel-slider--banners .desktop-channel-slider__dots i {
    width: 14px !important;
    height: 2px !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .30) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.home-page main.site-main .desktop-channel-slider--banners .desktop-channel-slider__dots i.is-active {
    background: linear-gradient(90deg, var(--pz376-accent), var(--pz376-accent-secondary)) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /* Account menu: one compact information surface, not a stack of cells. */
  html body.home-page .pz-account-menu {
    width: min(326px, calc(100vw - 28px)) !important;
    max-height: calc(100vh - 104px) !important;
    padding: 14px 16px !important;
    overflow: auto !important;
    border: 1px solid var(--pz376-line-strong) !important;
    border-radius: 3px !important;
    color: var(--pz376-text) !important;
    background: color-mix(in srgb, var(--pz376-header) 96%, transparent) !important;
    box-shadow: none !important;
    backdrop-filter: blur(24px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.08) !important;
  }

  html body.home-page .pz-account-menu.is-open {
    box-shadow: none !important;
  }

  html body.home-page .pz-account-menu__head {
    min-height: 60px !important;
    padding: 0 0 12px !important;
    grid-template-columns: 44px minmax(0, 1fr) 28px !important;
    gap: 11px !important;
    border-bottom: 1px solid var(--pz376-line) !important;
  }

  html body.home-page .pz-account-menu__avatar {
    width: 42px !important;
    height: 42px !important;
    box-shadow: none !important;
  }

  html body.home-page .pz-account-menu__identity {
    gap: 2px !important;
  }

  html body.home-page .pz-account-menu__identity strong {
    color: var(--pz376-text) !important;
    font-size: .78rem !important;
  }

  html body.home-page .pz-account-menu__identity small {
    color: var(--pz376-muted-soft) !important;
    font-size: .62rem !important;
  }

  html body.home-page .pz-account-menu__role {
    margin-top: 3px !important;
    padding: 1px 0 2px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line-strong) !important;
    border-radius: 0 !important;
    color: var(--pz376-accent) !important;
    background: transparent !important;
    font-size: .50rem !important;
  }

  html body.home-page .pz-account-menu__close {
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--pz376-muted) !important;
    background: transparent !important;
  }

  html body.home-page .pz-account-menu__links,
  html body.home-page .pz-account-menu__links[data-pz-account-expanded] {
    margin-top: 8px !important;
    display: grid !important;
    gap: 0 !important;
  }

  html body.home-page .pz-account-menu__links a,
  html body.home-page .pz-account-menu__links button,
  html body.home-page .pz-account-menu__links[data-pz-account-expanded] a,
  html body.home-page .pz-account-menu__links[data-pz-account-expanded] button {
    min-height: 47px !important;
    padding: 0 2px !important;
    grid-template-columns: 25px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pz376-line) !important;
    border-radius: 0 !important;
    color: var(--pz376-text) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.home-page .pz-account-menu__links a[data-pz-owner-only],
  html body.home-page .pz-account-menu__links a:hover,
  html body.home-page .pz-account-menu__links a:focus-visible,
  html body.home-page .pz-account-menu__links button:hover,
  html body.home-page .pz-account-menu__links button:focus-visible {
    border-color: var(--pz376-line-strong) !important;
    background: linear-gradient(90deg, var(--pz376-surface-soft), transparent) !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
  }

  html body.home-page .pz-account-menu__icon {
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--pz376-accent-secondary) !important;
    background: transparent !important;
    font-size: .64rem !important;
  }

  html body.home-page .pz-account-menu__links a > small,
  html body.home-page .pz-account-menu__links button > small {
    color: var(--pz376-muted-soft) !important;
    font-size: .50rem !important;
  }

  html body.home-page .pz-account-menu__logout {
    min-height: 44px !important;
    margin-top: 8px !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 108, 166, .24) !important;
    border-radius: 0 !important;
    color: #ffbfdb !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.home-page .pz-account-menu__logout:hover,
  html body.home-page .pz-account-menu__logout:focus-visible {
    background: linear-gradient(90deg, rgba(255, 80, 146, .07), transparent) !important;
    outline: none !important;
  }

  @keyframes pz376NewsEnter {
    from {
      opacity: 0;
      transform: translateY(5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

@media (min-width: 1181px) and (max-width: 1350px) {
  html body.home-page main.site-main {
    width: calc(100vw - 20px) !important;
    grid-template-columns: minmax(174px, 190px) minmax(0, 1fr) minmax(286px, 306px) !important;
    column-gap: 12px !important;
    row-gap: 16px !important;
  }

  html body.home-page .site-header__inner.container {
    width: calc(100vw - 20px) !important;
    grid-template-columns: minmax(155px, 185px) 82px minmax(290px, 1fr) minmax(164px, 196px) minmax(128px, 150px) !important;
    gap: 7px !important;
  }

  html body.home-page button.catalog-button.catalog-button--art {
    width: 82px !important;
    min-width: 82px !important;
  }

  html body.home-page button.catalog-button.catalog-button--art::before {
    font-size: .52rem !important;
  }

  html body.home-page .desktop-main-nav {
    gap: 0 !important;
  }

  html body.home-page .desktop-main-nav a {
    padding-inline: 4px !important;
    font-size: .56rem !important;
    letter-spacing: .015em !important;
  }

  html body.home-page .desktop-header-search {
    max-width: 196px !important;
  }

  html body.home-page .header-action-button,
  html body.home-page .header-action-button.pz-header-account-launcher {
    max-width: 150px !important;
  }

  html body.home-page main.site-main .desktop-category-rail {
    padding-right: 12px !important;
  }

  html body.home-page main.site-main .desktop-news-panel {
    padding-left: 12px !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.home-page main.site-main .desktop-section-head h2 {
    font-size: 1.30rem !important;
  }

  html body.home-page main.site-main .desktop-safe-badge {
    font-size: .50rem !important;
  }
}

@media (min-width: 1351px) and (max-width: 1599px) {
  html body.home-page main.site-main {
    grid-template-columns: minmax(186px, 205px) minmax(0, 1fr) minmax(312px, 340px) !important;
    column-gap: 14px !important;
  }

  html body.home-page main.site-main .desktop-category-rail {
    padding-right: 15px !important;
  }

  html body.home-page main.site-main .desktop-news-panel {
    padding-left: 15px !important;
  }

  html body.home-page main.site-main .desktop-preview-cards--products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1600px) {
  html body.home-page main.site-main .desktop-preview-cards--products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1181px) and (hover: hover) and (pointer: fine) {
  html body.home-page button.catalog-button.catalog-button--art:hover,
  html body.home-page button.catalog-button.catalog-button--art:focus-visible {
    border-color: var(--pz376-line-strong) !important;
    color: var(--pz376-text) !important;
    outline: none !important;
  }
}

@media (min-width: 1181px) and (prefers-reduced-motion: reduce) {
  html body.home-page main.site-main .desktop-news-list article.is-active {
    animation: none !important;
  }

  html body.home-page main.site-main .desktop-news-rotator__progress i,
  html body.home-page main.site-main .desktop-preview-cards--products .drop-card,
  html body.home-page main.site-main .desktop-category-rail__list > button,
  html body.home-page main.site-main .desktop-category-rail__list > a,
  html body.home-page .desktop-main-nav a::after {
    transition: none !important;
  }
}

/* PATCH 396 — one dedicated managed news banner in the existing PC news rail. */
@media (min-width: 1181px) {
  html body.home-page main.site-main .desktop-managed-news-banner[hidden] {
    display: none !important;
  }

  html body.home-page main.site-main .desktop-managed-news-banner {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 8 / 5 !important;
    margin: 0 0 16px !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid var(--pz376-line-strong) !important;
    border-radius: 5px 15px 6px 11px !important;
    background: var(--pz376-media) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .22) !important;
  }

  html body.home-page main.site-main .desktop-managed-news-banner::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, transparent 68%, rgba(3, 1, 7, .2)) !important;
  }

  html body.home-page main.site-main .desktop-managed-news-banner__media {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: var(--pz-managed-x, 50%) var(--pz-managed-y, 50%) !important;
    transform: scale(var(--pz-managed-zoom, 1)) !important;
    transform-origin: var(--pz-managed-x, 50%) var(--pz-managed-y, 50%) !important;
    pointer-events: none !important;
  }
}