/* Цветочная страница /flowers: вёрстка и палитра — общие с /promo (landing.css),
   здесь только то, чего на /promo нет: карточки букетов и расчёт заказа в
   демо-переписке, рамка ролика, окно выбора канала связи. */

/* демо-переписка: прокрутка, чтобы окно не росло вместе с диалогом */
.dc-body{overflow-y:auto; justify-content:flex-start; scrollbar-width:thin}
.dc-body::-webkit-scrollbar{width:6px}
.dc-body::-webkit-scrollbar-thumb{background:var(--lilac-2); border-radius:99px}

/* фото букетов в ответе бота */
.m-photos{display:flex; gap:8px; margin-top:10px}
.m-photo{flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; font-size:12.5px; color:var(--muted)}
.m-photo img{width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:10px; display:block}
.m-photo b{display:block; color:var(--ink); font-size:12.5px; font-weight:600}

/* расчёт доставки и карточка заказа */
.m-order{margin-top:10px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff; font-size:13.5px; color:var(--body)}
.m-order b{display:block; margin-bottom:8px; color:var(--ink); font-size:14px}
.m-order-row{display:flex; justify-content:space-between; gap:12px; padding:3px 0}
.m-order-row:last-of-type{color:var(--ink); font-weight:600}
.m-order-btn{display:block; margin-top:10px; padding:9px 12px; border-radius:10px; background:var(--prim); color:#fff;
  font-weight:600; font-size:13.5px; text-align:center}

/* цифры: источник данных под плитками */
.stats-src{max-width:1120px; margin:14px auto 0; padding:0 22px; color:var(--muted); font-size:13.5px}
.sub-center{margin-inline:auto}
.note{margin:26px 0 0; color:var(--muted); font-size:13.5px}

/* ролик */
.video-frame{position:relative; max-width:900px; margin:30px auto 0; border-radius:18px; overflow:hidden;
  border:1px solid var(--line); box-shadow:var(--shadow); transition:transform .18s ease}
.video-frame img{display:block; width:100%; height:auto}
.video-frame:hover{transform:translateY(-2px)}
.play-big{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:84px; height:84px; border-radius:50%;
  border:0; background:rgba(75,62,148,.94); box-shadow:0 0 0 12px rgba(75,62,148,.18); cursor:pointer;
  display:flex; align-items:center; justify-content:center}
.play-big svg{width:26px; height:26px; fill:#fff; margin-left:5px}
.play-big:hover{transform:translate(-50%,-50%) scale(1.05)}

/* окно поверх страницы: ролик и выбор канала связи */
.vm{position:fixed; inset:0; z-index:2147483100; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(16,12,40,.62)}
.vm[hidden]{display:none !important}
.vm-box{position:relative; width:min(1100px,100%)}
.vm-box video{display:block; width:100%; height:auto; border-radius:14px; background:#000}
.vm-close{position:absolute; top:-40px; right:0; border:0; background:transparent; color:#fff; font-size:15px; cursor:pointer}
.dm-box{position:relative; width:min(560px,100%); background:#fff; border-radius:22px; padding:34px 32px 28px; text-align:left}
.dm-close{position:absolute; top:14px; right:14px; width:38px; height:38px; border-radius:50%; border:0;
  background:var(--lilac); color:var(--ink); font-size:16px; cursor:pointer}
.dm-box h2{margin:0 0 8px; padding-right:40px}
.dm-sub{margin:0 0 20px; color:var(--muted); font-size:15px}
.pick{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px}
.pick-card{display:block; padding:18px 18px 16px; border:1px solid var(--line); border-radius:16px; text-decoration:none;
  transition:border-color .16s ease, transform .16s ease}
.pick-card:hover{border-color:var(--prim); transform:translateY(-2px)}
.pick-ic{display:block; font-size:24px; margin-bottom:8px}
.pick-card b{display:block; color:var(--ink); font-size:17px; margin-bottom:4px}
.pick-card span:last-child{display:block; color:var(--muted); font-size:14px; word-break:break-word}
.pick-note{margin:0; color:var(--muted); font-size:14px}

@media (max-width:760px){
  .pick{grid-template-columns:1fr}
  .play-big{width:62px; height:62px; box-shadow:0 0 0 8px rgba(75,62,148,.18)}
  .video-frame{margin-top:22px}
}
@media (prefers-reduced-motion:reduce){
  .video-frame:hover, .pick-card:hover, .play-big:hover{transform:none}
}