/* --- Стили самого блока --- */
.flower-section {
  max-width: 1200px;
  margin: 70px auto;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden; /* Чтобы скругления не вылезали */
  border-radius: 8px;
}

.flower-container {
  display: flex;
  flex-wrap: wrap; /* Разрешаем перенос на мобильных */
}

/* Левая часть с фото */
.flower-image-side {
  flex: 1 1 50%; /* По умолчанию 50% */
  min-width: 320px;
  position: relative;
}

.flower-image-side img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Картинка заполняет блок, не искажаясь */
  display: block;
}

/* Правая часть с текстом */
.flower-content-side {
  flex: 1 1 50%;
  min-width: 300px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flower-title {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 30px;
  color: black;
}

.flower-subtitle {
  font-size: 22px;
  margin-bottom: 15px;
}

.flower-text {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
  color: black;
}

/* Сетка кнопок */
.flower-buttons-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 колонки */
  gap: 15px;
}

.flower-btn {
  background-color: #4caf50; /* Зеленый цвет как на фото */
  color: white;
  border: none;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

.flower-btn:hover {
  background-color: #45a049;
}

/* --- АДАПТИВНОСТЬ --- */

/* Планшет (до 1024px) */
@media (max-width: 1024px) {
  .flower-container {
    flex-direction: column;
  }
  .flower-image-side,
  .flower-content-side {
    width: 100%;
    flex: none;
  }
  .flower-content-side {
    padding: 30px 20px;
  }
}

/* Мобильные устройства (до 768px) */
@media (max-width: 768px) {
  .flower-section {
    margin: 60px 15px 60px;
    box-shadow: none;
    border: 1px solid #ddd;
  }

  .flower-buttons-grid {
    grid-template-columns: 1fr; /* Кнопки в одну колонку */
  }

  .flower-title {
    font-size: 28px;
  }
}

  /* Контейнер блока */
        .gift-block {
            max-width: 1200px; /* Ограничение ширины как в ТЗ */
            margin: 0 auto;    /* Центрирование на больших экранах */
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            overflow: hidden;  /* Чтобы скругления не вылезали за края */
            display: flex;
            flex-wrap: wrap;   /* Разрешаем перенос на мобильных */
            align-items: stretch; /* Выравнивание по высоте */
        }

        /* Блок с картинкой */
        .gift-image-wrapper {
            flex: 1 1 300px;   /* Минимум 300px, остальное делим */
            background-color: #eee;
            min-height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            order: 1; /* На мобильных будет первым */
        }

        .gift-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Картинка заполняет блок, не искажаясь */
            display: block;
        }

        /* Блок с текстом */
        .gift-content {
            flex: 1 1 400px;   /* Минимум 400px */
            padding: 40px;
            order: 2; /* На мобильных будет вторым */
        }

        .gift-content h2 {
            margin-top: 0;
            color: #2c3e50;
            font-size: 24px;
            margin-bottom: 15px;
        }

        .gift-content p {
            line-height: 1.6;
            margin-bottom: 20px;
            color: #555;
        }

        .gift-content ul {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 0;
        }

        .gift-content li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #444;
        }

        /* Декоративная точка вместо маркера */
        .gift-content li::before {
            content: "•";
            color: #e74c3c;
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0;
        }

        /* --- АДАПТИВНОСТЬ --- */

        /* Планшеты (до 1024px) */
        @media (max-width: 1024px) {
            .gift-content {
                padding: 30px;
            }
        }

        /* Мобильные устройства (до 768px) */
        @media (max-width: 768px) {
            .gift-block {
                flex-direction: column; /* Элементы друг под другом */
            }

            .gift-image-wrapper,
            .gift-content {
                flex: none;
                width: 100%;
            }

            .gift-image-wrapper {
                order: 1; /* Картинка сверху */
                min-height: 250px;
            }

            .gift-content {
                order: 2; /* Текст снизу */
                padding: 25px;
            }
            
            .gift-content h2 {
                font-size: 20px;
            }
        }



        /* --- Стили самого блока --- */
        .flower-order-block {
            max-width: 1200px;
            margin: 70px auto;
            background: #ffffff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            border-radius: 16px;
            overflow: hidden;
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }

        /* Левая часть: Инструкция */
        .order-steps {
            flex: 1;
            min-width: 320px;
            padding: 60px;
            background: linear-gradient(135deg, #fff 0%, #f9fafb 100%);
        }

        .order-steps h2 {
            color: black;
            margin-top: 0;
            font-size: 26px;
            margin-bottom: 30px;
            border-left: 5px solid #d35400;
            padding-left: 15px;
        }

        .steps-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .steps-list li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 20px;
            line-height: 1.5;
             color: black;
        }

        .steps-list li::before {
            content: counter(step);
            counter-increment: step;
            position: absolute;
            left: 0;
            top: 0;
            width: 28px;
            height: 28px;
            background-color: #d35400;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 18px;
        }

        /* Правая часть: Преимущества */
        .why-choose-us {
            flex: 1;
            min-width: 320px;
            padding: 60px;
            background-color: #fff;
            border-left: 1px solid #eee;
        }

        .why-choose-us h2 {
             color: black;
            margin-top: 0;
            font-size: 24px;
            margin-bottom: 25px;
        }

        .why-choose-us p {
             color: black;
            line-height: 1.6;
            font-size: 18px;
        }

        /* --- Адаптивность --- */

        /* Планшет (до 1024px) */
        @media (max-width: 1024px) {
            .flower-order-block {
                flex-direction: column;
            }
            .order-steps, .why-choose-us {
                padding: 40px;
            }
            .why-choose-us {
                border-left: none;
                border-top: 1px solid #eee;
            }
        }

        /* Мобильные (до 768px) */
        @media (max-width: 768px) {
            .order-steps, .why-choose-us {
                padding: 25px;
            }
            .steps-list li {
                padding-left: 40px;
                font-size: 18px;
            }
            .steps-list li::before {
                width: 32px;
                height: 32px;
                font-size: 18px;
            }
        }