/* ===== Сильная компактная версия блока Почему выбирают Жасмин на телефоне ===== */
@media screen and (max-width: 768px) {

  /* Сам блок */
  #rec2399391863 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* Все элементы внутри блока */
  #rec2399391863 .t396__elem {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  /* Иконки */
  #rec2399391863 .t396__elem[data-elem-type="image"] img {
    max-width: 46px !important;
    height: auto !important;
  }

  /* Заголовки колонок (Свежие цветы, Фото перед доставкой, Доставка за 1 час) */
  #rec2399391863 .t396__elem h3,
  #rec2399391863 .t396__elem .t-title {
    font-size: 15.5px !important;
    margin-bottom: 4px !important;
    line-height: 1.25 !important;
  }

  /* Текст под иконками */
  #rec2399391863 .t396__elem .t-descr,
  #rec2399391863 .t396__elem p {
    font-size: 12.8px !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
  }
}

/* Единый стиль ссылок «Вернуться на главную» */
.catalog-back,
.catalog-home,
.t046__text a[href="https://cvetigelendzhik.ru/"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 50px !important;
  padding: 12px 24px !important;
  border: 1px solid #001000 !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.08) !important;
  background-image: none !important;
  background-clip: border-box !important;
  color: #306f67 !important;
  -webkit-text-fill-color: #306f67 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,11,48,.18) !important;
  box-shadow: 0 2px 3px rgba(0,11,48,.25) !important;
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.catalog-back:hover,
.catalog-home:hover,
.t046__text a[href="https://cvetigelendzhik.ru/"]:hover {
  background-color: rgba(255,255,255,.24) !important;
  box-shadow: 0 3px 5px rgba(0,11,48,.28) !important;
  transform: translateY(-1px);
}

/* Стиль четырёх кнопок навигации под шапкой */
html body .home-category-strip a,
html body .home-category-strip a:hover {
  background: transparent !important;
  background-image: none !important;
  color: #31585d !important;
  -webkit-text-fill-color: #31585d !important;
  border: 1px solid #001000 !important;
  border-radius: 30px !important;
  box-shadow: 0 2px 3px rgba(0,11,48,.25) !important;
  text-shadow: none !important;
  font-family: Arial, sans-serif !important;
  font-weight: 600 !important;
}
html body .home-category-strip a:hover {
  background-color: rgba(255,255,255,.15) !important;
}
/* Стиль четырёх кнопок навигации под шапкой */
html body .home-category-strip a,
html body .home-category-strip a:hover {
  background: transparent !important;
  background-image: none !important;
  color: #31585d !important;
  -webkit-text-fill-color: #31585d !important;
  border: 1px solid #001000 !important;
  border-radius: 30px !important;
  box-shadow: 0 2px 3px rgba(0,11,48,.25) !important;
  text-shadow: none !important;
  font-family: Arial, sans-serif !important;
  font-weight: 600 !important;
}
html body .home-category-strip a:hover {
  background-color: rgba(255,255,255,.15) !important;
}
@media screen and (max-width:640px) {
  #rec2396835453 .t001__uptitle {
    font-size:40px !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    padding-top:4px !important;
    padding-bottom:6px !important;
    text-align:center !important;
  }
  #rec2396835453 .t001__title {
    font-size:18px !important;
    line-height:1.3 !important;
    max-width:340px !important;
    margin:0 auto !important;
    padding-top:10px !important;
    padding-bottom:8px !important;
    text-align:center !important;
  }
  #rec2396835453 .t001__descr {
    font-size:15px !important;
    line-height:1.45 !important;
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 16px 30px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
  #rec2396835453 .t001__descr a[href="https://cvetigelendzhik.ru/dostavka"] {
    font-size:15px !important;
    padding:10px 12px !important;
    margin:12px auto 0 !important;
    max-width:100% !important;
    white-space:normal !important;
  }
  #rec2396835453 .t001__button {
    width:calc(100% - 40px) !important;
    max-width:360px !important;
    min-height:56px !important;
    margin:10px auto !important;
    padding:14px 18px !important;
    box-sizing:border-box !important;
    justify-content:center !important;
  }
  .home-category-strip {
    padding-bottom:18px !important;
  }
  .home-category-strip::after {
    content:"‹　›";
    display:block;
    height:20px;
    margin:0 auto;
    text-align:center;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,.35);
    font:600 22px/20px Arial,sans-serif;
    letter-spacing:12px;
    animation:homeCategoryArrows 1.15s ease-in-out infinite;
  }
  @keyframes homeCategoryArrows {
    0%,100% {opacity:.55; transform:translateX(0)}
    50% {opacity:1; transform:translateX(5px)}
  }
}
@media (prefers-reduced-motion:reduce) {
  .home-category-strip::after {animation:none !important;}
}

/* Бирюзовые анимированные стрелки галерей на компьютере и телефоне */
.t-slds__arrow_container .t-slds__arrow.t-slds__arrow-withbg{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:50%!important;background:linear-gradient(135deg,#5eb9aa 0%,#337273 100%)!important;box-shadow:0 4px 12px rgba(23,63,59,.28)!important;opacity:1!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.t-slds__arrow_container .t-slds__arrow_body{width:11px!important}
.t-slds__arrow_container .t-slds__arrow_body svg polyline{stroke:#fff!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.t-slds__arrow_wrapper-left .t-slds__arrow_body{animation:galleryArrowLeft 1.8s ease-in-out infinite}
.t-slds__arrow_wrapper-right .t-slds__arrow_body{animation:galleryArrowRight 1.8s ease-in-out infinite}
.t-slds__arrow_wrapper-left:hover .t-slds__arrow,.t-slds__arrow_wrapper-left:focus-within .t-slds__arrow,.t-slds__arrow_wrapper-right:hover .t-slds__arrow,.t-slds__arrow_wrapper-right:focus-within .t-slds__arrow{filter:brightness(.93)!important;transform:scale(1.08)!important;box-shadow:0 6px 15px rgba(23,63,59,.34)!important}
.t-slds__arrow_container .t-slds__arrow:focus-visible{outline:2px solid #173f3b!important;outline-offset:3px!important}
@keyframes galleryArrowLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(-2px)}}
@keyframes galleryArrowRight{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@media screen and (max-width:640px){.t-slds__arrow_container .t-slds__arrow.t-slds__arrow-withbg{width:44px!important;height:44px!important}.t-slds__arrow_container .t-slds__arrow_body{width:10px!important}}
@media (prefers-reduced-motion:reduce){.t-slds__arrow_wrapper-left .t-slds__arrow_body,.t-slds__arrow_wrapper-right .t-slds__arrow_body{animation:none!important}}

/* Стрелки галерей — чёрные кнопки с белыми стрелками, как на примере */
.t-slds__arrow_container .t-slds__arrow.t-slds__arrow-withbg{background:#000!important;background-image:none!important;border:0!important;box-shadow:none!important}
.t-slds__arrow_container .t-slds__arrow_body svg polyline{stroke:#fff!important}
.t-slds__arrow_wrapper-left:hover .t-slds__arrow,.t-slds__arrow_wrapper-left:focus-within .t-slds__arrow,.t-slds__arrow_wrapper-right:hover .t-slds__arrow,.t-slds__arrow_wrapper-right:focus-within .t-slds__arrow{filter:none!important;box-shadow:none!important}




/* Привязать стрелки к галерее, чтобы не уходили за край экрана */
.t-slds__main.t-container{position:relative!important}

/* Ровняем стрелки карусели «Хиты продаж» по центру фотографий */
#rec2413102141 .t-slds__arrow_wrapper { height: 46% !important; }
@media screen and (max-width: 640px) {
  #rec2413102141 .t-slds__arrow_wrapper { height: 52% !important; }
}
/* Уводим кнопки «Хитов продаж» за края крайних карточек на широких экранах */
@media screen and (min-width: 1200px) {
  #rec2413102141 .t-slds__arrow_wrapper-left { transform: translateX(-30px) !important; }
  #rec2413102141 .t-slds__arrow_wrapper-right { transform: translateX(30px) !important; }
}


@media screen and (min-width: 1200px) {
  #rec2413102141 .t-slds__arrow_wrapper-left { transform: translateX(-58px) !important; }
  #rec2413102141 .t-slds__arrow_wrapper-right { transform: translateX(58px) !important; }
}

/* Центрируем и увеличиваем шевроны внутри чёрных кнопок */
.t-slds__arrow_container .t-slds__arrow_body {
  left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important;
  width: 15px !important; height: 24px !important; margin: 0 !important;
  animation: none !important;
}
.t-slds__arrow_wrapper-left .t-slds__arrow_body { transform: translate(-50%, -50%) rotate(180deg) !important; }
.t-slds__arrow_wrapper-right .t-slds__arrow_body { transform: translate(-50%, -50%) !important; }
.t-slds__arrow_container .t-slds__arrow_body svg {
  display: block !important; width: 15px !important; height: 24px !important; overflow: visible !important;
  transform-origin: center !important; animation: galleryChevronPulse 1.6s ease-in-out infinite !important;
}
.t-slds__arrow_container .t-slds__arrow_body svg polyline {
  stroke: #fff !important; stroke-width: 2.4 !important; stroke-linecap: round !important; stroke-linejoin: round !important;
}
@keyframes galleryChevronPulse { 0%, 100% { transform: scale(.94); opacity: .86; } 50% { transform: scale(1.08); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .t-slds__arrow_container .t-slds__arrow_body svg { animation: none !important; } }

/* Объединяем «Почему выбирают нас» и карту в одну двухколоночную секцию */
@media screen and (min-width: 1200px) {
  #allrecords:has(#rec2399391863) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: stretch !important; }
  #allrecords:has(#rec2399391863) > .t-rec { grid-column: 1 / -1 !important; min-width: 0 !important; }
  #allrecords:has(#rec2399391863) > #rec2399391863 { grid-column: 1 !important; padding: 60px 34px !important; background-image: linear-gradient(180deg, #cededc 0%, #337273 98%) !important; }
  #allrecords:has(#rec2399391863) > #rec2399398673 { grid-column: 2 !important; padding: 60px 34px !important; background-image: linear-gradient(180deg, #cededc 0%, #337273 98%) !important; }
  #rec2399391863 .t1095 .t-container, #rec2399398673 .t555 .t-container { width: 100% !important; max-width: none !important; }
  #rec2399398673 .t555 .t-container { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 18px !important; }
  #rec2399398673 .t555 .t-col { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
  #rec2399398673 .t555 .t-col:first-child { order: 2 !important; }
  #rec2399398673 .t555 .t-col:last-child { order: 1 !important; }
  #rec2399398673 .t555__map { width: 100% !important; height: 280px !important; }
  #rec2399398673 .t555__contentbox, #rec2399398673 .t555__contentwrapper { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
}

/* Узкие экраны: единая вертикальная секция, карта над контактами */
@media screen and (max-width: 1199px) {
  #rec2399391863, #rec2399398673 { padding: 50px 24px !important; background-image: linear-gradient(180deg, #cededc 0%, #337273 100%) !important; background-size: 100% 200% !important; }
  #rec2399391863 { background-position: top !important; }
  #rec2399398673 { background-position: bottom !important; }
  #rec2399398673 .t555 .t-container { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 18px !important; width: 100% !important; max-width: 700px !important; margin: 0 auto !important; }
  #rec2399398673 .t555 .t-col { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
  #rec2399398673 .t555 .t-col:first-child { order: 2 !important; }
  #rec2399398673 .t555 .t-col:last-child { order: 1 !important; }
  #rec2399398673 .t555__map { width: 100% !important; height: 280px !important; }
  #rec2399398673 .t555__contentbox, #rec2399398673 .t555__contentwrapper { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
}
@media screen and (max-width: 640px) {
  #rec2399391863, #rec2399398673 { padding: 38px 18px !important; }
  #rec2399398673 .t555__map { height: 240px !important; }
}

/* Компактируем левую колонку и карту в общей секции */
@media screen and (min-width: 1200px) {
  #rec2399391863, #rec2399398673 { padding-top: 40px !important; padding-bottom: 40px !important; }
  #rec2399391863 .t1095 .t-section__container, #rec2399391863 .t1095__container { transform: translateX(40px) !important; }
  #rec2399391863 .t1095 .t-section__descr { margin-bottom: 32px !important; }
  #rec2399391863 .t1095__container .t-item + .t-item { margin-top: 20px !important; }
  #rec2399398673 .t555 .t-container { align-items: center !important; }
  #rec2399398673 .t555 .t-col { max-width: 500px !important; }
  #rec2399398673 .t555__map { width: 100% !important; max-width: 500px !important; height: 210px !important; }
  #rec2399398673 .t555__contentbox, #rec2399398673 .t555__contentwrapper { max-width: 500px !important; }
}
@media screen and (max-width: 1199px) { #rec2399398673 .t555__map { height: 210px !important; } }
@media screen and (max-width: 640px) { #rec2399398673 .t555__map { height: 190px !important; } }

/* Сближаем две колонки и центрируем общий контент секции */
@media screen and (min-width: 1200px) {
  #rec2399391863, #rec2399398673 { padding-left: 0 !important; padding-right: 0 !important; }
  #rec2399391863 .t1095 .t-section__container, #rec2399391863 .t1095__container { width: 100% !important; max-width: 800px !important; margin-left: auto !important; margin-right: 0 !important; transform: none !important; }
  #rec2399398673 .t555 .t-container { width: 100% !important; max-width: 800px !important; margin-left: 0 !important; margin-right: auto !important; align-items: flex-start !important; }
  #rec2399398673 .t555 .t-col { max-width: 500px !important; }
}

@media screen and (min-width: 1200px) {
  #rec2399391863 .t1095 .t-section__container, #rec2399391863 .t1095__container { transform: translateX(40px) !important; }
}

/* Исправление: подписи не выходят из левой колонки */
@media screen and (min-width: 1200px) {
  #rec2399391863 .t1095__container .t-item { box-sizing: border-box !important; }
}

/* Ровное выравнивание левой колонки */
@media screen and (min-width: 1200px) {
  #rec2399391863 .js-block-header-title,
  #rec2399391863 .js-block-header-descr { text-align: left !important; }
  #rec2399391863 .t1095__container .t-item { padding-left: 0 !important; box-sizing: border-box !important; }
}

/* Чуть больше расстояние между стрелками слайдера и крайними фото */
@media screen and (min-width: 1200px) {
  #rec2413102141 .t-slds__arrow-left { left: 8px !important; }
  #rec2413102141 .t-slds__arrow-right { right: 8px !important; }
}

@media screen and (min-width: 1200px) {
  #rec2413102141 .t-slds__arrow-left { left: -6px !important; }
  #rec2413102141 .t-slds__arrow-right { right: -6px !important; }
}

/* Панель категорий на всю ширину: ровно на компьютере и прокручивается на телефоне */
#allrecords > .home-category-strip { grid-column: 1 / -1 !important; width: 100% !important; }
.home-category-strip__inner { width: calc(100% - 32px) !important; max-width: 1160px !important; margin: 0 auto !important; justify-content: center !important; }
@media screen and (min-width: 641px) {
  .home-category-strip a { flex: 0 0 auto !important; }
}
@media screen and (max-width: 640px) {
  .home-category-strip__inner { width: calc(100% - 24px) !important; margin: 0 auto !important; justify-content: flex-start !important; overflow-x: auto !important; }
  .home-category-strip a { flex: 0 0 auto !important; }
}

/* Единый непрерывный градиент на главной и странице политики */
#allrecords:has(#rec2396835453) { background: linear-gradient(90deg, #cedeDC 0%, #337273 100%) !important; }
#rec2399336143, #rec2399980411, #rec2413102141, #rec2399391863, #rec2399398673 { background-image: none !important; background-color: transparent !important; }
#allrecords:has(#rec2396835453) .home-category-strip { background: transparent !important; }
#allrecords:has(#rec2418390721) { background: linear-gradient(90deg, #ffffff 0%, #388079 100%) !important; }
#rec2418390721, #rec2406246211, #rec2418427631 { background-image: none !important; background-color: transparent !important; }

/* Перекрываем встроенные фоны блоков Tilda, оставляя один градиент на странице */
#allrecords:has(#rec2396835453) > #rec2399336143,
#allrecords:has(#rec2396835453) > #rec2399980411,
#allrecords:has(#rec2396835453) > #rec2413102141,
#allrecords:has(#rec2396835453) > #rec2399391863,
#allrecords:has(#rec2396835453) > #rec2399398673,
#allrecords:has(#rec2418390721) > #rec2418390721,
#allrecords:has(#rec2418390721) > #rec2406246211,
#allrecords:has(#rec2418390721) > #rec2418427631 { background-image: none !important; background-color: transparent !important; }

/* Фон страницы продолжается за последним блоком */
body:has(#rec2396835453) { background: linear-gradient(90deg, #cedeDC 0%, #337273 100%) !important; }
body:has(#rec2418390721) { background: linear-gradient(90deg, #ffffff 0%, #388079 100%) !important; }