/*
 * RAY DESKTOP HOME COMPACT — STEP 1 — 20260717
 *
 * Scope:
 *   - only homepage: body.common-home
 *   - only desktop widths: min-width 992px
 *
 * Does not change:
 *   - mobile layout
 *   - product-card design
 *   - category links
 *   - price button labels/links
 *   - checkout, cart, product pages or information pages
 */
@media (min-width: 992px) {
  /* ==================== COMPACT DESKTOP HEADER ==================== */

  body.common-home .rm-header .rm-topbar {
    height: 84px !important;
    min-height: 84px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
  }

  body.common-home .rm-header .rm-nav-row {
    height: 46px !important;
    min-height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.common-home .rm-header .rm-nav {
    gap: 10px !important;
  }

  body.common-home .rm-header .rm-nav > a,
  body.common-home .rm-header .rm-nav-button {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  body.common-home .rm-header .rm-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 96px !important;
    max-height: 68px !important;
  }

  body.common-home .rm-header .rm-header-current-contact {
    gap: 2px !important;
  }

  body.common-home .rm-header .rm-header-current-contact__line {
    font-size: 11px !important;
    line-height: 1.12 !important;
  }

  body.common-home .rm-header .ray-header-social-logos {
    gap: 5px !important;
    margin-top: 4px !important;
  }

  body.common-home .rm-header .ray-header-social-logos a {
    width: 25px !important;
    height: 25px !important;
    border-radius: 8px !important;
  }

  body.common-home .rm-header .ray-header-social-logos img {
    width: 18px !important;
    height: 18px !important;
  }

  body.common-home .rm-header .ray-header-social-logos a:last-child img {
    width: 20px !important;
    height: 20px !important;
  }

  body.common-home .rm-header .rm-label {
    margin-bottom: 3px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body.common-home .rm-header .rm-city-select {
    padding-bottom: 8px !important;
    margin-bottom: -8px !important;
  }

  body.common-home .rm-header .rm-city-select .value {
    font-size: 17px !important;
    line-height: 1.12 !important;
  }

  body.common-home .rm-header .rm-phone-panel .ray-header-hours-line {
    gap: 5px !important;
    margin-bottom: 3px !important;
  }

  body.common-home .rm-header .rm-phone-panel .rm-phone {
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  body.common-home .rm-header .rm-phone-panel .rm-small-link {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  body.common-home .rm-header .rm-trust-panel {
    gap: 4px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  body.common-home .rm-header .rm-actions {
    gap: 10px !important;
    min-width: 140px !important;
  }

  body.common-home .rm-header .rm-icon-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    font-size: 22px !important;
  }

  body.common-home .rm-header .rm-cart-wrap .cart_link {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
  }

  /* ==================== COMPACT HERO ==================== */

  body.common-home .rm-hero {
    display: flex !important;
    align-items: flex-end !important;
    width: 100% !important;
    height: 286px !important;
    min-height: 286px !important;
    max-height: 286px !important;
    margin: 0 !important;
    padding: 130px 0 0 !important;
    overflow: hidden !important;
  }

  body.common-home .rm-hero-bg {
    background-size: cover !important;
    background-position: center 48% !important;
    transform: none !important;
  }

  /* The same fact remains in the third advantage; only its duplicate is hidden. */
  body.common-home .rm-hero-kicker {
    display: none !important;
  }

  body.common-home .rm-hero-content {
    width: min(1540px, calc(100vw - 54px)) !important;
    margin: 0 auto !important;
    padding: 0 0 18px !important;
  }

  body.common-home .rm-hero h1 {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(32px, 3vw, 42px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.025em !important;
    white-space: nowrap !important;
  }

  body.common-home .rm-hero-features {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  body.common-home .rm-hero-features span {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  body.common-home .rm-hero-features i {
    margin-right: 6px !important;
  }

  /* The section content is already hidden; remove its empty desktop spacing. */
  body.common-home .rm-home-intro {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ==================== COMPACT QUICK-CATEGORY AREA ==================== */

  body.common-home .ray-quick-categories.ray-home-final-quick {
    position: relative !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 8px !important;
  }

  body.common-home .ray-home-final-quick > .rm-container {
    width: min(1180px, calc(100vw - 54px)) !important;
  }

  /* The icons and their labels already explain the block. */
  body.common-home .ray-home-final-quick .ray-section-heading {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.common-home .ray-desktop-quick-category-grid {
    width: min(100%, 980px) !important;
    margin: 0 auto 8px !important;
    padding: 0 8px !important;
  }

  body.common-home
    .ray-desktop-quick-category-grid__row--top {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.common-home
    .ray-desktop-quick-category-grid__row--middle {
    grid-template-columns: repeat(3, minmax(108px, 124px)) !important;
    gap: 14px !important;
    margin-top: 8px !important;
  }

  body.common-home .ray-desktop-quick-category-tile {
    gap: 5px !important;
  }

  body.common-home
    .ray-desktop-quick-category-tile__image {
    width: min(100%, 90px) !important;
    border-radius: 18px !important;
    box-shadow:
      0 7px 18px rgba(94, 31, 59, 0.11),
      0 0 0 1px rgba(143, 18, 69, 0.07) !important;
  }

  body.common-home
    .ray-desktop-quick-category-tile__label {
    min-height: 28px !important;
    padding: 0 2px !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
  }

  body.common-home
    .ray-desktop-quick-category-tile:hover
    .ray-desktop-quick-category-tile__image,
  body.common-home
    .ray-desktop-quick-category-tile:focus-visible
    .ray-desktop-quick-category-tile__image {
    transform: translateY(-2px) !important;
    box-shadow:
      0 10px 23px rgba(94, 31, 59, 0.15),
      0 0 0 2px rgba(178, 17, 88, 0.10) !important;
  }

  /* Price buttons retain their labels, links and current colors. */
  body.common-home .ray-home-final-quick .ray-quick-price-row {
    width: min(100%, 760px) !important;
    margin: 8px auto 0 !important;
    gap: 8px !important;
  }

  body.common-home .ray-home-final-quick .ray-quick-price-row a {
    min-height: 38px !important;
    height: 38px !important;
    padding: 6px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  /* ==================== BRING THE FIRST PRODUCTS UP ==================== */

  body.common-home .rm-content-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.common-home .rm-content-wrap > .row {
    margin-top: 0 !important;
  }

  body.common-home
    #content
    > h3.ray-all-bouquets-final-title.ray-all-bouquets-instance-1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px auto 14px !important;
    padding: 0 12px !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body.common-home
    #content
    > h3.ray-all-bouquets-final-title.ray-all-bouquets-instance-1::after {
    width: 58px !important;
    height: 2px !important;
    margin-top: 9px !important;
  }

  body.common-home
    .ray-all-bouquets-final-grid.ray-all-bouquets-instance-1 {
    margin-top: 0 !important;
  }
}

/*
 * On narrower desktop windows the page remains compact without changing
 * the mobile breakpoint or mobile files.
 */
@media (min-width: 992px) and (max-width: 1199px) {
  body.common-home .rm-hero h1 {
    font-size: 32px !important;
  }

  body.common-home .rm-hero-features {
    gap: 14px !important;
    font-size: 12px !important;
  }

  body.common-home
    .ray-desktop-quick-category-grid__row--top {
    gap: 8px !important;
  }

  body.common-home
    .ray-desktop-quick-category-tile__image {
    width: min(100%, 82px) !important;
  }

  body.common-home
    .ray-desktop-quick-category-tile__label {
    font-size: 12px !important;
  }
}