/* HTML-атрибут [hidden] во всех браузерах = display:none, но любое наше display: <flex|grid|...> это перебивает.
   Возвращаем семантику атрибута жёстко — иначе hidden-наборы pdv2-section__items видны одновременно с активным. */
.batut-scope [hidden] { display: none !important; }

/* Цена комплекта: дизайнер сделал nowrap+ellipsis рассчитывая на короткие имена.
   В реальных данных "от 20 000 ₽ смена 6 ч" обрезается многоточием — позволяем перенос. */
.batut-scope .cat-complect__price {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

/* === Reset для общих классов глобального style.css внутри scope === */
/* style.css ".title" таргетит сам элемент и перебивает наследуемые свойства родителя
   независимо от специфичности — это блокирует наследование (например, color от
   .product26-promo не доходит до .title). Возвращаем эти свойства в inherit/initial:
   конкретные batut-правила или наследование от родителя дадут нужные значения. */
.batut-scope .title {
  text-align: initial;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

/* === style.css === */
.batut-scope *, .batut-scope *::after, .batut-scope *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.batut-scope, .batut-scope, .batut-scope div, .batut-scope span, .batut-scope iframe, .batut-scope h1, .batut-scope h2, .batut-scope p, .batut-scope img, .batut-scope sub, .batut-scope var, .batut-scope b, .batut-scope i, .batut-scope ul, .batut-scope li, .batut-scope form, .batut-scope label, .batut-scope header, .batut-scope section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.batut-scope {
  line-height: 1;
}

 .batut-scope header, .batut-scope section {
  display: block;
}

.batut-scope a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
}

/* change colours to suit your needs */

/* change colours to suit your needs */

/* change border colour to suit your needs */

.batut-scope input {
  vertical-align: middle;
}

.batut-scope ul[class] {
  padding: 0;
  list-style: none;
}

.batut-scope input, .batut-scope button {
  font: inherit;
}

.batut-scope a {
  text-decoration: none;
}

.batut-scope .hover-images-box {
  position: relative;
}

.batut-scope .hover-gallery-img {
  display: none;
}

.batut-scope .hover-gallery-img.active {
  display: block;
}

.batut-scope .hover-gallery {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  padding: 7px;
}

.batut-scope .hover-images {
  position: relative;
}

.batut-scope .hover-gallery-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
}

.batut-scope .hover-gallery-dots {
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.batut-scope .hover-gallery-item-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}

.batut-scope .hover-gallery-item-dot.active {
  width: 12px;
  background-color: #002BDC;
  border-radius: 100px;
}

.batut-scope .fixed {
  overflow: hidden;
}

.batut-scope * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.batut-scope {
  --accent: #FE5D26;
  --hover-transition: .25s ease;
  --black: #312D2B;
  --hover-accent: #D95427;
}

.batut-scope {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  background-color: #F6F6F6;
  overscroll-behavior-y: none;
  color: #272F3D;
}

.batut-scope button {
  cursor: pointer;
  padding: 0;
  border: none;
  background-color: transparent;
}

.batut-scope .container {
  max-width: 1230px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .batut-scope .container {
    overflow: hidden;
  }
}

.batut-scope ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.batut-scope p {
  margin: 0;
}

.batut-scope .header {
  padding: 16px 0;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .batut-scope .header {
    padding-top: 0;
    top: 16px;
  }
  .batut-scope .header .container {
    overflow: visible !important;
  }
}

.batut-scope .header *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.batut-scope .header *::-webkit-scrollbar-track {
  background: transparent;
}

.batut-scope .header *::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.batut-scope .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 8px;
  left: 16px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}

.batut-scope .links.show {
  opacity: 1;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
  visibility: visible;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.batut-scope a.link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.batut-scope a.link:hover {
  background-color: var(--accent);
  color: #fff;
}

.batut-scope a.link-more {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.batut-scope a.link-more:hover {
  background-color: var(--accent) !important;
  color: #fff;
}

.batut-scope .slider-next, .batut-scope .slider-prev {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.batut-scope .slider-next:hover, .batut-scope .slider-prev:hover {
  background-color: var(--accent) !important;
}

.batut-scope .slider-next:hover svg path, .batut-scope .slider-prev:hover svg path {
  stroke: #fff;
}

.batut-scope .slider-next svg path, .batut-scope .slider-prev svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.batut-scope .top-banner26 {
  border-radius: 0 0 32px 32px;
  overflow: hidden;
  position: relative;
}

.batut-scope .top-banner26 img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0 0 32px 32px;
}

.batut-scope .top-banner26 .slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 82px;
  gap: 8px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}

.batut-scope .top-banner26 .pagination-item {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(0.5px);
  backdrop-filter: blur(0.5px);
  width: 48px;
  height: 4px;
  position: relative;
  overflow: hidden;
}

.batut-scope .top-banner26 .pagination-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #fff;
}

.batut-scope .top-banner26 .pagination-item.active::after {
  -webkit-transition: 3s;
  transition: 3s;
  width: 48px;
}

.batut-scope .top-banner26 .swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.batut-scope .top-banner26 .container {
  max-width: initial;
  padding: 0;
}

.batut-scope .top-banner26 .slider {
  overflow: hidden;
}

.batut-scope .top-banner26 .slider-prev, .batut-scope .top-banner26 .slider-next {
  position: absolute;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  top: 50%;
}

.batut-scope .top-banner26 .slider-prev {
  left: 120px;
}

.batut-scope .top-banner26 .slider-next {
  right: 120px;
}

.batut-scope .top-banner26 .title {
  font-size: 64px;
  font-weight: 500;
  line-height: 72px;
  color: #fff;
  max-width: 1000px;
  margin: 0 auto 24px;
  position: relative;
  z-index: 4;
}

.batut-scope .top-banner26 .text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  max-width: 480px;
  margin: 0 auto 32px;
  position: relative;
  z-index: 4;
}

.batut-scope .top-banner26 .swiper-slide {
  text-align: center;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  padding-top: 194px;
  padding-bottom: 126px;
  border-radius: 0 0 32px 32px;
  background-position: center;
  background-size: cover;
}

.batut-scope .top-banner26 .bg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.batut-scope .top-banner26 .swiper-slide-active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.batut-scope .top-banner26 .link {
  padding: 12px 16px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  font-size: 16px;
  line-height: 24px;
  color: #312D2B;
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 4;
}

.batut-scope .services-home26 {
  padding: 48px 0;
}

.batut-scope .services-home26 .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.batut-scope .services-home26 .card {
  padding: 32px 0 0 32px;
  border-radius: 24px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  max-width: 394px;
}

.batut-scope .services-home26 .card img {
  width: 100%;
  display: block;
}

.batut-scope .services-home26 .title {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #312D2B;
}

.batut-scope .sales26 {
  padding: 48px 0;
  overflow: hidden;
}

.batut-scope .sales26 .slider {
  margin-bottom: 32px;
}

.batut-scope .sales26 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  border-radius: 24px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .sales26 .img-box {
  border-radius: 16px;
  overflow: hidden;
  max-width: 568px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.batut-scope .sales26 .content {
  max-width: 552px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.batut-scope .sales26 .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #312D2B;
  margin-bottom: 16px;
}

.batut-scope .sales26 p {
  font-size: 16px;
  line-height: 24px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .sales26 a {
  padding: 11px 20px;
  border-radius: 12px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 48px;
  color: #312D2B;
  text-decoration: none;
}

.batut-scope .sales26 .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.batut-scope .sales26 .pagination {
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.batut-scope .sales26 .pagination span {
  background-color: rgba(49, 45, 43, 0.2);
  opacity: 1;
  margin: 0 !important;
}

.batut-scope .sales26 .swiper-pagination-bullet-active {
  background-color: #000 !important;
}

.batut-scope .sales26 .slider-prev, .batut-scope .sales26 .slider-next {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

.batut-scope .news-items26 {
  padding: 48px 0;
}

.batut-scope .news-items26 .link-mobile {
  display: none !important;
}

.batut-scope .news-items26 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 36px;
}

.batut-scope .news-items26 .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 16px;
}

.batut-scope .news-items26 .card {
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.batut-scope .news-items26 .card:hover .hover-icon {
  top: 12px;
  right: 12px;
  opacity: 1;
}

.batut-scope .news-items26 .hover-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: -20px;
  right: -20px;
  opacity: 0;
}

.batut-scope .news-items26 .img-box {
  padding: 4px;
}

.batut-scope .news-items26 .img-box img {
  width: 100%;
  display: block;
}

.batut-scope .news-items26 .content {
  padding: 12px 16px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  text-align: center;
  color: #312D2B;
}

.batut-scope .news-items26 .link {
  padding: 12px 16px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  font-size: 16px;
  line-height: 24px;
  color: #312D2B;
  text-decoration: none;
  display: inline-block;
}

.batut-scope .news-items26 .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #312D2B;
}

.batut-scope .about26 {
  padding: 48px 0;
}

.batut-scope .about26 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.batut-scope .about26 .content {
  max-width: 490px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.batut-scope .about26 .title {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 16px;
}

.batut-scope .about26 .textbox p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}

.batut-scope .about26 .btn {
  font-size: 16px;
  color: var(--accent);
}

.batut-scope .about26 .btn:hover {
  color: #D95427;
}

.batut-scope .about26 img {
  width: 100%;
  display: block;
}

.batut-scope .cases26 {
  padding: 48px 0;
  overflow: hidden;
}

.batut-scope .cases26 .link-mobile {
  display: none !important;
}

.batut-scope .cases26 .top {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.batut-scope .cases26 .title {
  font-size: 32px;
  font-weight: 500;
  color: #312D2B;
}

.batut-scope .cases26 .link-more {
  padding: 12px 16px;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  background-color: #fff;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.batut-scope .cases26 .link-more:hover {
  background-color: var(--accent);
  color: #fff;
}

.batut-scope .cases26 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.batut-scope .cases26 .inner-mobile {
  display: none;
}

.batut-scope .cases26 img {
  width: 100%;
  display: block;
}

.batut-scope .cases26 .big-item {
  max-width: 592px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 16px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  background-color: #fff;
  position: relative;
}

.batut-scope .cases26 .big-item .img-box {
  padding: 8px;
  border-radius: 16px;
  overflow: hidden;
}

.batut-scope .cases26 .big-item .content {
  padding: 8px 24px 24px;
}

.batut-scope .cases26 .big-item:hover .hover-icon {
  top: 24px;
  right: 24px;
  opacity: 1;
}

.batut-scope .cases26 .big-item .hover-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: -20px;
  right: -20px;
  opacity: 0;
}

.batut-scope .cases26 .item-title, .batut-scope .cases26 .small-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #312D2B;
}

.batut-scope .cases26 .item-title {
  margin-bottom: 16px;
}

.batut-scope .cases26 .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.batut-scope .cases26 .tag {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  background-color: rgba(49, 45, 43, 0.05);
  border-radius: 999px;
  padding: 4px 10px;
}

.batut-scope .cases26 .items {
  max-width: 592px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.batut-scope .cases26 .item {
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 8px;
  position: relative;
}

.batut-scope .cases26 .item:hover .hover-icon {
  top: 12px;
  right: 12px;
  opacity: 1;
}

.batut-scope .cases26 .item .hover-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: -20px;
  right: -20px;
  opacity: 0;
}

.batut-scope .cases26 .item .img-box {
  max-width: 227px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.batut-scope .cases26 .big-item .img-box img,
.batut-scope .cases26 .item .img-box img,
.batut-scope .cases26 .inner-mobile .big-item .img-box img {
  border-radius: 12px;
}

.batut-scope .cases26 .item .content {
  max-width: 332px;
  padding: 8px 0;
}

.batut-scope .cases26 .small-title {
  margin-bottom: 28px;
}

.batut-scope a {
  color: inherit;
  text-decoration: none;
}

.batut-scope .storis-26 {
  padding: 48px 0;
}

.batut-scope .storis-26 .link-mobile {
  display: none !important;
}

.batut-scope .storis-26 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

.batut-scope .storis-26 .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.batut-scope .storis-26 .link {
  padding: 12px 20px;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .batut-scope .storis-26 .link {
    display: none !important;
  }
}
.batut-scope .storis-26 .link-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .batut-scope .storis-26 .link-mobile {
    display: block !important;
    max-width: 160px;
    margin: 24px auto 0;
    text-align: center;
  }
}
.batut-scope .storis-26 .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}

.batut-scope .storis-26 .item {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
}

.batut-scope .storis-26 .item img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 3;
}

.batut-scope .storis-26 .item .btn {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.batut-scope .storis-26 .item svg rect {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .storis-26 .item svg path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .storis-26 .item:hover svg rect {
  fill: #fff;
}

.batut-scope .storis-26 .item:hover svg path {
  stroke: var(--accent);
  fill: var(--accent);
}
.batut-scope .reviews26 {
  padding: 48px 0;
  overflow: hidden;
}

.batut-scope .reviews26 .user {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgb(255, 239, 234);
}

.batut-scope .reviews26 .controls-mobile {
  display: none !important;
}

.batut-scope .reviews26 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

.batut-scope .reviews26 .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #312D2B;
}

.batut-scope .reviews26 .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.batut-scope .reviews26 .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding: 12px 16px;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .reviews26 .link:first-child:hover svg path {
  fill: #fff;
}

.batut-scope .reviews26 .link:last-child:hover svg path {
  stroke: #fff;
}

.batut-scope .reviews26 .swiper-slide {
  background-color: #fff;
  padding: 32px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  max-width: 600px;
}

.batut-scope .reviews26 .text {
  font-size: 16px;
  line-height: 24px;
}

.batut-scope .reviews26 .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.batut-scope .reviews26 .info img {
  display: block;
}

.batut-scope .reviews26 .info span {
  font-size: 16px;
  font-weight: 500;
}

.batut-scope .reviews26 .slider {
  margin-bottom: 32px;
}

.batut-scope .reviews26 .slider-controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .reviews26 .slider-next, .batut-scope .reviews26 .slider-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

.batut-scope .reviews26 .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
}

@media (max-width: 768px) {
  .batut-scope .pagination {
    display: block !important;
    margin: 0 auto;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .batut-scope .pagination .swiper-pagination-bullet, .batut-scope .pagination span {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
  }
  .batut-scope .slider-pagination {
    display: block !important;
    margin: 0 auto;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .batut-scope .slider-pagination .swiper-pagination-bullet, .batut-scope .slider-pagination span {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
  }
  .batut-scope .reviews26 .slider-pagination .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
  }
}
.batut-scope .reviews26 .pagination span {
  margin: 0 !important;
  opacity: 1;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(49, 45, 43, 0.2);
}

.batut-scope .reviews26 .pagination .swiper-pagination-bullet-active {
  background-color: #FE5D26;
}

/* Унифицированная dynamic-pagination для мобильных слайдеров: галерея
   товара, catalog-popular26, cases26. Используем swiper-dynamic-bullets:
   главная — большая чёрная по центру, соседи поменьше, на краях самые
   мелкие (этот эффект даёт сам swiper через transform/scale, мы его НЕ
   отключаем). Только цвета и размер базовой точки. */
.batut-scope .product26 .slider-wrapper .slider-pagination span,
.batut-scope .catalog-popular26 .slider-pagination span,
.batut-scope .cases26 .slider-pagination span {
  opacity: 1 !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: rgba(49, 45, 43, 0.2) !important;
}
.batut-scope .product26 .slider-wrapper .slider-pagination .swiper-pagination-bullet-active,
.batut-scope .catalog-popular26 .slider-pagination .swiper-pagination-bullet-active,
.batut-scope .cases26 .slider-pagination .swiper-pagination-bullet-active {
  background-color: #312D2B !important;
}

.batut-scope .order-info26 {
  padding: 48px 0;
}

.batut-scope .order-info26 .title {
  margin-bottom: 32px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.batut-scope .order-info26 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .order-info26 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-top: 16px;
}

.batut-scope .order-info26 .item .content {
  padding-top: 8px;
  max-width: 320px;
}

.batut-scope .order-info26 .item-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 12px;
}

.batut-scope .order-info26 .text {
  font-size: 16px;
  line-height: 24px;
  color: rgba(49, 45, 43, 0.5);
}

@media screen and (max-width: 768px) {
  .batut-scope .order-info26 .text {
    height: 72px;
  }
}
.batut-scope .order-info26 .lines-item {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.batut-scope .order-info26 .lines-item.show.circle {
  background-color: var(--accent) !important;
}

.batut-scope .order-info26 .lines-item.show span {
  height: 84px !important;
}

.batut-scope .order-info26 .lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 16px;
  min-width: 16px;
  gap: 8px;
  padding-top: 30px;
  opacity: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

.batut-scope .order-info26 .lines.show {
  opacity: 1;
}

.batut-scope .order-info26 .lines .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(49, 45, 43, 0.1);
}

.batut-scope .order-info26 .lines .line {
  width: 2px;
  height: 84px;
  background-color: rgba(49, 45, 43, 0.1);
}

.batut-scope .order-info26 .lines .line span {
  display: block;
  background-color: var(--accent);
  height: 0;
  width: 100%;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

.batut-scope .sertifs26 {
  padding: 48px 0;
}

.batut-scope .sertifs26 .title {
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

.batut-scope .sertifs26 .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  cursor: pointer;
}

.batut-scope .sertifs26 .swiper-slide img {
  width: 100%;
  display: block;
}

.batut-scope .sertifs26 .slider {
  margin-bottom: 32px;
  overflow: hidden;
}

.batut-scope .sertifs26 .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .sertifs26 .slider-next, .batut-scope .sertifs26 .slider-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

.batut-scope .sertifs26 .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
}
@media screen and (max-width: 768px) {
  .batut-scope .sertifs26 .pagination {
    padding: 0;
  }
}

.batut-scope .sertifs26 .pagination span {
  margin: 0 !important;
  opacity: 1;
  background-color: rgba(49, 45, 43, 0.2);
}

.batut-scope .sertifs26 .pagination .swiper-pagination-bullet-active {
  background-color: #000;
}

.batut-scope .questions26 {
  padding: 48px 0;
}

.batut-scope .questions26 .title {
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.batut-scope .questions26 .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.batut-scope .questions26 .item {
  padding: 24px;
  border-radius: 16px;
  background: #FFF;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
}

.batut-scope .questions26 .item:hover svg path {
  stroke-opacity: 1 !important;
}

.batut-scope .questions26 .item svg path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .questions26 .drop-content {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 24px;
  height: 0;
  overflow: hidden;
}

.batut-scope .questions26 .text--open svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.batut-scope .news26 {
  padding: 48px 0;
  overflow: hidden;
}

.batut-scope .news26 .link-mobile {
  display: none !important;
}

.batut-scope .news26 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

.batut-scope .news26 .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.batut-scope .news26 .link {
  padding: 12px 20px;
  border-radius: 12px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
}

.batut-scope .news26 .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.batut-scope .news26 .card {
  max-width: 389px;
  border-radius: 24px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .news26 .card:hover .hover-icon {
  top: 12px;
  right: 12px;
  opacity: 1;
}

.batut-scope .news26 .hover-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: -20px;
  right: -20px;
  opacity: 0;
}

.batut-scope .news26 .img-box {
  padding: 8px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.batut-scope .news26 .img-box img {
  width: 100%;
  display: block;
}

.batut-scope .news26 .tag {
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 999px;
  background: #FFF;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.batut-scope .news26 .content {
  padding: 8px 24px 24px;
}

.batut-scope .news26 .card-title {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 24px;
  color: #312D2B;
}

.batut-scope .news26 .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope button {
  font-family: inherit;
  color: inherit;
}

.batut-scope a {
  font-family: inherit;
  color: inherit;
}

.batut-scope .seo-block26 {
  padding: 48px 0;
}

.batut-scope .seo-block26 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.batut-scope .seo-block26 .content {
  max-width: 576px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.batut-scope .seo-block26 .img-box {
  max-width: 576px;
  overflow: hidden;
  border-radius: 16px;
  position: sticky;
  top: 95px;
}

@media screen and (max-width: 768px) {
  .batut-scope .seo-block26 .img-box {
    position: static;
  }
}
.batut-scope .seo-block26 .img-box img {
  width: 100%;
  display: block;
}

.batut-scope .seo-block26 p:last-child {
  margin-bottom: 0;
}

.batut-scope .seo-block26 .title {
  font-size: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 24px;
}

.batut-scope .seo-block26 .text {
  margin-bottom: 24px;
}

.batut-scope .seo-block26 ul {
  margin-left: 20px;
  margin-bottom: 24px;
}

.batut-scope .seo-block26 ul li {
  list-style-type: disc;
}

.batut-scope .seo-block26 .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}

.batut-scope .seo-block26 .btn-more.active svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.batut-scope .seo-block26 .btn-more span {
  color: rgba(49, 45, 43, 0.5);
  font-size: 16px;
}

.batut-scope .seo-block26 .textbox {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 280px;
  overflow: hidden;
}

.batut-scope span {
  color: inherit;
}

.batut-scope .breadcrumbs26 {
  margin-bottom: 24px;
}

.batut-scope .breadcrumbs26 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  overflow: visible;
}

.batut-scope .breadcrumbs26 a {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: rgba(49, 45, 43, 0.5);
  padding-bottom: 10px;
  display: inline-block;
}

.batut-scope .breadcrumbs26 .devider {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: rgba(49, 45, 43, 0.5);
  padding-bottom: 10px;
}

.batut-scope .breadcrumbs26 .bread-drop {
  position: relative;
}

.batut-scope .breadcrumbs26 .bread-drop:hover svg {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.batut-scope .breadcrumbs26 .bread-drop:hover .drop-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.batut-scope .breadcrumbs26 a:hover {
  color: var(--accent);
}

.batut-scope .breadcrumbs26 .bread-drop-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.batut-scope .breadcrumbs26 .bread-drop-head:hover a {
  color: var(--accent);
}

.batut-scope .breadcrumbs26 .bread-drop-head:hover svg path {
  stroke: var(--accent);
}

.batut-scope .breadcrumbs26 .bread-drop-head svg {
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 10px;
}

.batut-scope .breadcrumbs26 .bread-drop-head svg path {
  stroke: rgba(49, 45, 43, 0.5);
}

.batut-scope .breadcrumbs26 .drop-content {
  position: absolute;
  top: 24px;
  left: 0;
  padding: 8px;
  width: 220px;
  border-radius: 16px;
  border: 1px solid rgba(49, 45, 43, 0.05);
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 10;
}

.batut-scope .breadcrumbs26 .drop-content a {
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #312D2B;
  border-radius: 8px;
}

.batut-scope .breadcrumbs26 .drop-content a:hover {
  background-color: rgba(49, 45, 43, 0.05);
}

.batut-scope .breadcrumbs26 .current-link {
  color: #312D2B;
  pointer-events: none;
}

.batut-scope .filters-head-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  padding: 84px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border-radius: 0 0 12px 12px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.16);
  box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.16);
  display: none;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  will-change: transform;
}

@media screen and (max-width: 768px) {
  .batut-scope .filters-head-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.batut-scope .filters-head-mobile.show {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.batut-scope .filters-head-mobile .btn-category {
  margin-left: 16px;
}

.batut-scope .filters-head-mobile .btn-filter, .batut-scope .filters-head-mobile .btn-category {
  width: 36px;
  min-width: 36px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .categories-mobile-window {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background-color: #fff;
  display: none;
}

.batut-scope .categories-mobile-window .show-links-more {
  padding-left: 20px;
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.batut-scope .categories-mobile-window .show-links-more span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .categories-mobile-window .hide {
  display: none !important;
}

.batut-scope .categories-mobile-window a.show {
  display: block !important;
}

.batut-scope .categories-mobile-window.show {
  display: block;
}

.batut-scope .categories-mobile-window .close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.batut-scope .categories-mobile-window .link {
  display: block;
  margin: 22px 16px 0;
  color: var(--accent);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 18px 8px 18px 28px;
  border-top: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
}

.batut-scope .catalog26 .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .batut-scope .catalog26 .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 16px;
    margin-bottom: 24px;
  }
}
.batut-scope .catalog26 .top .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.batut-scope .catalog26 .top .title .text {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .batut-scope .catalog26 .top .title .text {
    font-size: 24px;
    line-height: 32px;
  }
}
.batut-scope .catalog26 .top .title .num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(254, 93, 38, 0.16);
  color: var(--accent);
  font-size: 12px;
}

.batut-scope .catalog26 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 16px;
}

.batut-scope .catalog26 .sidebar {
  max-width: 288px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 288px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 116px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(49, 45, 43, 0.15) transparent;
}

.batut-scope .catalog26 .sidebar::-webkit-scrollbar {
  width: 4px;
}

.batut-scope .catalog26 .sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.batut-scope .catalog26 .sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(49, 45, 43, 0.15);
  border-radius: 4px;
}

.batut-scope .catalog26 .sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(49, 45, 43, 0.3);
}

@media screen and (max-width: 768px) {
  .batut-scope .catalog26 .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    background-color: #fff;
    width: 100%;
    max-width: 768px;
    max-height: none;
    overflow: auto;
    padding-bottom: 121px;
    display: none;
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
}
.batut-scope .catalog26 .sidebar.show {
  display: block;
}

.batut-scope .catalog26 .sidebar .show-links-more {
  padding-left: 20px;
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.batut-scope .catalog26 .sidebar .show-links-more span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .catalog26 .sidebar .hide {
  display: none !important;
}

.batut-scope .catalog26 .sidebar a.show {
  display: block !important;
}

.batut-scope .catalog26 .sidebar.show {
  display: block;
}

.batut-scope .catalog26 .sidebar .close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.batut-scope .catalog26 .sidebar .link {
  display: block;
  margin: 22px 16px 0;
  color: var(--accent);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 18px 8px 18px 28px;
  border-top: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
}

.batut-scope .catalog26 .sidebar-head-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .batut-scope .catalog26 .sidebar-head-mobile {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #312D2B;
    padding: 24px 24px 0;
  }
}
.batut-scope .catalog26 .sidebar-head-mobile .btn {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 8px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .catalog26 .sidebar-box {
  padding-top: 24px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

@media screen and (max-width: 768px) {
  .batut-scope .catalog26 .sidebar-box {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.batut-scope .catalog26 .sidebar-box label {
  position: relative;
}

.batut-scope .catalog26 .sidebar-box label .hover-label {
  display: none;
}

.batut-scope .catalog26 .sidebar-box label .label-inner:hover {
  background-color: #FFEFEA;
  border-radius: 8px;
}

.batut-scope .hover-label-clone {
  position: fixed;
  z-index: 9999;
  padding: 10px 20px;
  border-radius: 10px;
  background: #FE5D26;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: opacity 0.15s, transform 0.15s;
  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, transform 0.15s;
  transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}

.batut-scope .hover-label-clone.visible {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.batut-scope .hover-label-clone .icon {
  position: absolute;
  top: 10px;
  left: -5px;
}
.batut-scope .catalog26 .sidebar-dropdown {
  margin: 0 16px;
  font-size: 14px;
}

.batut-scope .catalog26 .sidebar-dropdown a {
  display: block;
  border-radius: 8px;
  padding: 7px 8px;
  padding-left: 20px;
}

.batut-scope .catalog26 .sidebar-dropdown a:hover {
  background-color: #FFEFEA;
  color: var(--accent);
}

.batut-scope .catalog26 .sidebar-drop-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  cursor: pointer;
}

.batut-scope .catalog26 .sidebar-drop-head span {
  font-size: 14px;
}

.batut-scope .catalog26 .sidebar-drop-content {
  will-change: transform;
}

.batut-scope .catalog26 .price-filter .slider-container {
  position: relative;
  height: 20px;
  margin-bottom: 16px;
  margin-top: 16px;
}

.batut-scope .catalog26 .price-filter .slider-track {
  position: absolute;
  width: 100%;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.batut-scope .catalog26 .price-filter .slider-range {
  position: absolute;
  height: 6px;
  background: var(--accent);
  border-radius: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.batut-scope .catalog26 .price-filter input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -5px;
  appearance: none;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: all;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.batut-scope .catalog26 .price-filter input[type=range]::-webkit-slider-thumb:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.batut-scope .catalog26 .price-filter #minSlider::-webkit-slider-thumb {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

.batut-scope .catalog-popular26 {
  padding: 48px 0;
}

@media (max-width: 768px) {
  .batut-scope .catalog-popular26 {
    padding: 24px 0;
  }
}
.batut-scope .catalog-popular26 .icon {
  margin-bottom: 24px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--Orange-10, #FFEFEA);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .catalog-popular26 .card-one {
  padding: 24px;
}

.batut-scope .catalog-popular26 .card-one:hover {
  border: 1px solid transparent !important;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08) !important;
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08) !important;
}

.batut-scope .catalog-popular26 .card .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding: 0;
}

.batut-scope .catalog-popular26 .card-one .text-one {
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .catalog-popular26 .card .accent-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .batut-scope .catalog-popular26 .card .accent-title {
    margin-bottom: 24px;
  }
}
.batut-scope .catalog-popular26 .title {
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .batut-scope .catalog-popular26 .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.batut-scope .catalog-popular26 .slider-mobile .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .batut-scope .catalog-popular26 .slider-mobile .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}
.batut-scope .catalog-popular26 .card {
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  border: 1px solid transparent;
}

.batut-scope .catalog-popular26 .card:hover {
  border: 1px solid var(--Orange-100, #FE5D26);
  -webkit-box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16);
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16);
}

.batut-scope .catalog-popular26 .card span {
  padding: 8px 32px 24px;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media screen and (max-width: 550px) {
  .batut-scope .catalog-popular26 .card span {
    font-size: 12px;
    line-height: 14px;
  }
}
.batut-scope .catalog-popular26 img {
  margin: 24px;
  display: block;
  width: 100%;
  max-width: 240px;
}

@media (max-width: 1268px) {
  .batut-scope .catalog-popular26 img {
    margin: 24px auto;
  }
}
@media (max-width: 768px) {
  .batut-scope .catalog-popular26 img {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .batut-scope .hover-gallery-img {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .batut-scope .listing26-wrapper .card .hover-gallery {
    display: none;
  }
  .batut-scope .listing26-wrapper .card .hover-gallery-dots {
    display: none;
  }
  .batut-scope .listing26-wrapper .card .bullet-wrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .batut-scope .listing26-wrapper .card .bullet-wrapper .bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    border-radius: 50%;
  }
  .batut-scope .listing26-wrapper .card .bullet-wrapper .bullet.active {
    background-color: #fff;
  }
}
.batut-scope .listing26-wrapper .hover-gallery-dots {
  bottom: 16px;
}

.batut-scope .listing26-wrapper .hover-gallery-item-dot {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(0.5px);
  backdrop-filter: blur(0.5px);
}

.batut-scope .listing26-wrapper .hover-gallery-item-dot.active {
  background-color: #fff;
}

.batut-scope .listing26-wrapper .pagination-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 32px;
}

@media (max-width: 550px) {
  .batut-scope .listing26-wrapper .pagination-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
  }
}
.batut-scope .listing26-wrapper .pagination-btn-more {
  padding: 10px 20px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: inherit;
}

.batut-scope .listing26-wrapper .pagination-btn-more:hover {
  background-color: var(--accent);
  color: #fff;
}

.batut-scope .listing26-wrapper .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.batut-scope .listing26-wrapper .pagination a {
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 14px;
  font-weight: 500;
}

.batut-scope .listing26-wrapper .pagination a.current {
  background-color: #EBEAEA;
  pointer-events: none;
}

.batut-scope .listing26-wrapper .pagination a:hover {
  background-color: var(--accent);
  color: #fff;
}

.batut-scope .listing26-wrapper .pagination a:hover svg path {
  stroke: #fff;
}

.batut-scope .request {
  padding: 48px 0;
}

@media screen and (max-width: 768px) {
  .batut-scope .request {
    padding: 24px 0;
  }
}
@media (max-width: 768px) {
  .batut-scope .request .form-one {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .batut-scope .request .inputs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.batut-scope .request .inner {
  border-radius: 32px;
  background: #FE5D26;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  background-image: url(/css/request-bg.svg);
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 48px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

.batut-scope .request .form .bf-request-thanks {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .batut-scope .request .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    border-radius: 24px;
  }
}
@media screen and (max-width: 550px) {
  .batut-scope .request .inner {
    gap: 24px;
  }
}
.batut-scope .request .content {
  max-width: 491px;
  width: 100%;
}

.batut-scope .request .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  color: #fff;
  margin-bottom: 24px;
}

@media screen and (max-width: 550px) {
  .batut-scope .request .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.batut-scope .request .text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 550px) {
  .batut-scope .request .text {
    font-size: 14px;
    line-height: 20px;
  }
}
.batut-scope .request .form {
  max-width: 517px;
  width: 100%;
  padding-top: 40px;
}

@media screen and (max-width: 550px) {
  .batut-scope .request .form {
    padding-top: 0;
    margin-top: 0;
  }
}
.batut-scope .request .form-one {
  padding-top: 0;
}

.batut-scope .request .btn-submit-one {
  margin-top: 24px;
  max-width: 184px !important;
}

@media (max-width: 768px) {
  .batut-scope .request .btn-submit-one {
    max-width: initial !important;
    width: 100%;
  }
}
.batut-scope .request .row {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

@media screen and (max-width: 550px) {
  .batut-scope .request .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.batut-scope .request .row .inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 768px) {
  .batut-scope .request .row .inputs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.batut-scope .request input {
  max-width: 360px;
  width: 100%;
  display: block;
  padding: 14px 20px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.16);
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  outline: none;
}

.batut-scope .request input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.batut-scope .request input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.batut-scope .request input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.batut-scope .request input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.batut-scope .request input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 550px) {
  .batut-scope .request input {
    width: 100%;
    display: block;
    max-width: initial;
  }
}
.batut-scope .request .btn-submit {
  padding: 14px 20px;
  max-width: 145px;
  width: 100%;
  border-radius: 999px;
  background: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--accent);
}

.batut-scope .request .btn-submit:hover {
  background-color: #F4F4F4;
}

@media screen and (max-width: 550px) {
  .batut-scope .request .btn-submit {
    width: 100%;
    display: block;
    max-width: initial;
  }
}
.batut-scope .request .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 8px;
  cursor: pointer;
}

.batut-scope .request .label input {
  display: none;
}

.batut-scope .request .label input:checked + .checkbox svg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.batut-scope .request .label .checkbox {
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.16);
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .request .label .checkbox svg {
  margin-left: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.batut-scope .request .label .label-text {
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.batut-scope .request .label .label-text a {
  color: rgba(255, 255, 255, 0.6);
}

.batut-scope .request .label .label-text a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .batut-scope .request .label .label-text {
    font-size: 14px;
  }
}
.batut-scope .popup-window {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(49, 45, 43, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
}
.batut-scope .popup-window.show {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window.show .content {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
.batut-scope .popup-window .content {
  max-width: 640px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window .content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    border-radius: 16px 16px 0 0;
  }
}
.batut-scope .popup-window .top {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window .top {
    padding: 29px 16px 16px;
    position: relative;
  }
}
.batut-scope .popup-window .top span {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #312D2B;
}

.batut-scope .popup-window .top .close-button {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window .top .close-button {
    position: absolute;
    top: 0;
    padding: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
    height: initial;
    width: 56px;
  }
}
.batut-scope .popup-window .top .close-button:hover svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window .top .close-button:hover svg {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
}
.batut-scope .popup-window .top .close-button svg {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .popup-window .inner {
  padding: 24px;
  background-color: #F6F6F6;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window .inner {
    padding: 16px;
  }
}

.batut-scope .popup-window .label {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.batut-scope .popup-window .label input {
  display: none;
}

.batut-scope .popup-window .label input:checked + .checkbox {
  background-color: var(--accent);
}

.batut-scope .popup-window .label .checkbox {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  padding-left: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .popup-window .label .text {
  font-size: 14px;
}

.batut-scope .popup-window .label .text a {
  color: var(--accent);
}

.batut-scope .popup-window .label .text a:hover {
  color: #D95427;
}

.batut-scope .popup-window .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window .controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.batut-scope .popup-window .btn-submit {
  padding: 12px 20px;
  border-radius: 12px;
  background: var(--accent);
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  font-weight: 500;
}

.batut-scope .popup-window .btn-submit.disable {
  background: #FFBEA8;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .batut-scope .popup-window .btn-submit {
    width: 100%;
  }
}

.batut-scope .popup-window .head {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.batut-scope .popup-window .head .subtitle {
  color: #312D2B;
}

.batut-scope .popup-window .head a {
  color: var(--accent);
}

.batut-scope .popup-window .head a:hover {
  color: #D95427;
}

.batut-scope .popup-window .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.batut-scope .product26 {
  padding-top: 40px;
}

@media (max-width: 768px) {
  .batut-scope .product26 {
    padding-top: 70px;
  }
}

.batut-scope .product26 .main-slider-item:hover .icon {
  background-color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .product26 .main-slider-item:hover .icon svg path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  stroke: var(--accent);
  fill: var(--accent);
}

.batut-scope .product26 .many-prices {
  margin: 16px 0;
  padding: 8px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .product26 .many-prices .item {
  padding: 8px 8px 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  background: var(--White-100, #FFF);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* Cards Shadow */
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

@media screen and (max-width: 768px) {
  .batut-scope .product26 .many-prices .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.batut-scope .product26 .many-prices .item + .item {
  margin-top: 8px;
}

.batut-scope .product26 .many-prices .price {
  color: var(--Black-100, #312D2B);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

@media (max-width: 768px) {
  .batut-scope .product26 .many-prices .price {
    font-size: 20px;
  }
}
.batut-scope .product26 .many-prices .price span {
  color: var(--Black-50, rgba(49, 45, 43, 0.5));
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.batut-scope .product26 .many-prices .text {
  color: #312D2B;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

@media (max-width: 768px) {
  .batut-scope .product26 .many-prices .text {
    font-size: 12px;
  }
}

.batut-scope .product26 .mini-dops {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .product26 .mini-dops .title {
  color: var(--Black-100, #312D2B);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  letter-spacing: -0.1px;
  margin-bottom: 16px;
}

.batut-scope .product26 .mini-dops .mini-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.batut-scope .product26 .mini-dops .item-link {
  padding: 4px 12px 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: var(--Black-5, rgba(49, 45, 43, 0.05));
}

.batut-scope .product26 .mini-dops .item-link:hover {
  border-radius: 10px;
  background: rgba(49, 45, 43, 0.1);
}

.batut-scope .product26 .mini-dops .item-link span {
  font-size: 14px;
  line-height: 20px;
}

.batut-scope .product26 .mini-dops .item-link img {
  width: 60px;
  height: auto;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Black-5, rgba(49, 45, 43, 0.05));
}

.batut-scope .product26 .product-head-mobile {
  display: none;
}

@media (max-width: 1260px) {
  .batut-scope .product26 .product-head-mobile {
    display: block;
  }
}
.batut-scope .product26 .product-head-mobile h1,
.batut-scope .product26 .product-head-mobile .title {
  margin: 8px 0 24px !important;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  color: var(--Black-100, #312D2B);
}

@media (max-width: 768px) {
  .batut-scope .product26 .product-head-mobile h1,
  .batut-scope .product26 .product-head-mobile .title {
    font-size: 24px;
    line-height: 32px;
  }
}
.batut-scope .product26 .product-head-mobile .head-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.batut-scope .product26 .product-head-mobile .head-row .art {
  color: var(--Black-50, rgba(49, 45, 43, 0.5));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.batut-scope .product26 .product-head-mobile .head-row .copy-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .product26 .product-gallery .slider-pagination {
  display: none;
}

@media (max-width: 768px) {
  .batut-scope .product26 .product-gallery .slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.batut-scope .product26 .swiper-button-disabled {
  display: none !important;
}

.batut-scope .product26 .breadcrumbs26 .container {
  padding: 0;
}

.batut-scope .product26 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  position: relative;
  padding-bottom: 48px;
}

@media (max-width: 1260px) {
  .batut-scope .product26 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .batut-scope .product26 .inner {
    padding-bottom: 24px;
  }
}
.batut-scope .product26 .product-gallery {
  max-width: 584px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: sticky;
  top: 100px;
}

@media (max-width: 1260px) {
  .batut-scope .product26 .product-gallery {
    position: static;
    max-width: initial;
  }
}
@media (max-width: 768px) {
  .batut-scope .product26 .product-gallery {
    width: 100%;
  }
}
.batut-scope .product26 .slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

@media (max-width: 1260px) {
  .batut-scope .product26 .slider-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .batut-scope .product26 .slider-wrapper {
    display: block;
  }
}
.batut-scope .product26 .slider-wrapper:hover .slider-prev, .batut-scope .product26 .slider-wrapper:hover .slider-next {
  opacity: 1;
}

.batut-scope .product26 .slider-wrapper .swiper-pagination-bullet-active {
  border-radius: 999px;
}

.batut-scope .product26 .small-slider-wrapper {
  position: relative;
  max-width: 76px;
  min-width: 76px;
}

@media (max-width: 1260px) {
  .batut-scope .product26 .small-slider-wrapper {
    max-width: initial;
    min-width: initial;
  }
}
@media (max-width: 768px) {
  .batut-scope .product26 .small-slider-wrapper {
    display: none;
  }
}
.batut-scope .product26 .small-slider-wrapper .slider-prev {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--accent);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.batut-scope .product26 .small-slider-wrapper .slider-prev:hover {
  background-color: #D95427 !important;
}

@media (max-width: 768px) {
  .batut-scope .product26 .small-slider-wrapper .slider-prev {
    display: none;
  }
}
.batut-scope .product26 .small-slider-wrapper .slider-next {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--accent);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.batut-scope .product26 .small-slider-wrapper .slider-next:hover {
  background-color: #D95427 !important;
}

@media (max-width: 768px) {
  .batut-scope .product26 .small-slider-wrapper .slider-next {
    display: none;
  }
}
.batut-scope .product26 .small-slider {
  overflow: hidden;
  height: 100%;
  max-height: 500px;
}

@media (max-width: 1260px) {
  .batut-scope .product26 .small-slider {
    max-height: initial;
    height: initial;
    max-width: 600px;
  }
}
.batut-scope .product26 .small-slider-item {
  cursor: pointer;
  width: 100%;
  max-width: 76px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  background: #fff;
}

@media (max-width: 1260px) {
  .batut-scope .product26 .small-slider-item {
    max-width: initial;
  }
}
.batut-scope .product26 .small-slider-item img {
  display: block;
  height: 103%;
  width: 103%;
  -o-object-fit: contain;
  object-fit: contain;
}

.batut-scope .product26 .small-slider-item .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-radius: 999px;
  background: #FFEFEA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-left: 2px;
}

.batut-scope .product26 .swiper-slide-thumb-active {
  border: 1px solid #FE5D26;
  background: #FFF;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .product26 .main-slider-wrapper {
  max-width: 500px;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

@media (max-width: 1260px) {
  .batut-scope .product26 .main-slider-wrapper {
    max-width: 600px;
  }
}
.batut-scope .product26 .main-slider-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  aspect-ratio: 1/1;
}

.batut-scope .product26 .main-slider-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.batut-scope .product26 .main-slider-item .icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border-radius: 999px;
  background: #FE5D26;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-left: 2px;
}
.batut-scope .product26-content {
  max-width: 584px;
  width: 100%;
  color: #312D2B;
}

@media (max-width: 1260px) {
  .batut-scope .product26-content {
    max-width: initial;
  }
}
.batut-scope .product26-content .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 4px;
  margin-bottom: 32px;
}

@media (max-width: 1260px) {
  .batut-scope .product26-content .social {
    display: none;
  }
}
.batut-scope .product26-content .social-link {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .product26-content .social-link:hover {
  border: 1px solid #FE5D26;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .product26-content .social-link img {
  width: 16px;
  height: 16px;
}

.batut-scope .product26-content .articul {
  font-size: 14px;
  color: rgba(49, 45, 43, 0.5);
  margin-bottom: 8px;
  line-height: 20px;
}

@media (max-width: 1260px) {
  .batut-scope .product26-content .articul {
    display: none;
  }
}
.batut-scope .product26-content h1.title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 32px;
  color: #312D2B;
}

@media (max-width: 1260px) {
  .batut-scope .product26-content h1.title {
    display: none;
  }
}
.batut-scope .complectation {
  margin-bottom: 24px;
}

.batut-scope .complectation .subtitle {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}
.batut-scope .complectation .complect {
  border-radius: 12px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  -webkit-transition: 0.15s;
  transition: 0.15s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 3px;
  max-width: 400px;
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  height: 108px;
}

.batut-scope .complectation .complect:hover {
  border: 1px solid var(--Orange-50, #FFAE93);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .complectation .complect .img-box {
  position: relative;
  max-width: 100px;
  width: 100%;
  aspect-ratio: 1/1;
}

.batut-scope .complectation .complect .img-box img {
  width: 100%;
  display: block;
}

.batut-scope .complectation .complect .checkbox {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background: var(--Background, #F6F6F6);
}

.batut-scope .complectation .complect .checkbox svg {
  display: none;
  margin-left: 2px;
}

.batut-scope .complectation .complect .textbox {
  padding: 8px 8px 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.batut-scope .complectation .complect .name, .batut-scope .complectation .complect .price {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.batut-scope .complectation .complect .price {
  margin-top: auto;
}

.batut-scope .complectation .complect .name {
  margin-bottom: 5px;
}

.batut-scope .complectation .selected {
  border: 1px solid var(--Orange-100, #FE5D26) !important;
  -webkit-box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08) !important;
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08) !important;
}

.batut-scope .complectation .selected .checkbox {
  background-color: var(--accent);
  border-color: var(--accent);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .complectation .selected .checkbox svg {
  display: block;
}

.batut-scope .complectation .badge {
  position: absolute;
  top: -7px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  border-radius: 4px;
  background: #FE5D26;
}

.batut-scope .complectation .badge span {
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}

.batut-scope .srok-arenda {
  margin-bottom: 24px;
}

.batut-scope .srok-arenda .subtitle {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .srok-arenda .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.batut-scope .srok-arenda .item {
  border-radius: 999px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 6px 10px;
  border: 1px solid transparent;
}

.batut-scope .srok-arenda .item:hover {
  border: 1px solid var(--Orange-50, #FFAE93);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .srok-arenda .item span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .srok-arenda .item .checkbox {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background: var(--Background, #F6F6F6);
}

.batut-scope .srok-arenda .item .checkbox svg {
  display: none;
}

.batut-scope .srok-arenda .selected {
  border: 1px solid var(--Orange-100, #FE5D26);
  -webkit-box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .srok-arenda .selected .checkbox {
  background: var(--accent);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .srok-arenda .selected .checkbox svg {
  display: block;
}

.batut-scope .srok-arenda span.price {
  font-size: 14px;
  font-weight: 20px;
  font-weight: 400;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .srok-arenda .item .color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border-radius: 999px;
  border: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background: var(--White-100, #FFF);
}

.batut-scope .srok-arenda .item.photo {
  position: relative;
}

.batut-scope .srok-arenda .item.photo:hover .hover-img {
  display: block;
}

.batut-scope .srok-arenda .item.photo .hover-img {
  position: absolute;
  left: 0;
  top: 40px;
  padding: 4px;
  border-radius: 8px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.12);
  box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.12);
  max-width: 158px;
  display: none;
  z-index: 5;
  width: 158px;
}

.batut-scope .srok-arenda .item.photo .hover-img img {
  width: 100%;
  border-radius: 8px;
}

.batut-scope input::-webkit-outer-spin-button, .batut-scope input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.batut-scope .product26-promo {
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(254, 93, 38, 0.08);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(254, 93, 38, 0.04)), to(rgba(254, 93, 38, 0.04))), #FFEFEA;
  background: linear-gradient(0deg, rgba(254, 93, 38, 0.04) 0%, rgba(254, 93, 38, 0.04) 100%), #FFEFEA;
  margin: 16px 0;
  display: block;
}

.batut-scope .product26-promo .content {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(254, 93, 38, 0.08);
  background: url('/images/upload/Container.jpg') 0 0 repeat, #FFEAE2;
  position: relative;
  overflow: hidden;
  color: rgb(102, 37, 15);
}

.batut-scope .product26-promo .img-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.batut-scope .product26-promo .img {
  position: absolute;
  z-index: 2;
  top: 50%;
  bottom: auto;
  right: 16px;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .batut-scope .product26-promo .img {
    display: none;
  }
}
.batut-scope .product26-promo .title {
  position: relative;
  z-index: 3;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .batut-scope .product26-promo .title {
    font-size: 16px;
  }
}
.batut-scope .product26-promo .text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
  z-index: 3;
}

@media (max-width: 768px) {
  .batut-scope .product26-promo .text {
    font-size: 14px;
  }
}
.batut-scope .info-tabs {
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .info-tabs .tabs-inner {
  padding: 24px;
}

@media (max-width: 768px) {
  .batut-scope .info-tabs .tabs-inner {
    padding: 16px;
  }
}
.batut-scope .info-tabs .tabs-buttons {
  padding: 2px;
  border-radius: 10px;
  background: rgba(49, 45, 43, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
}

.batut-scope .info-tabs .tabs-buttons .tab {
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.batut-scope .info-tabs .tabs-buttons .tab.active {
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .info-tabs .tab-content {
  display: none;
}

/* Фолбэк-заголовок «Описание» когда характеристик нет (.bf-no-specs ставится JS). */
.batut-scope .info-tabs .bf-tab-title-fallback {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 12px;
}

.batut-scope .info-tabs .tab-content.active {
  display: block;
}

.batut-scope .info-tabs .tab-content p {
  font-size: 14px;
  line-height: 20px;
}

.batut-scope .info-tabs .tab-content .textbox {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}

.batut-scope .info-tabs .tab-content .textbox.expanded {
  -webkit-line-clamp: unset;
  display: block;
  overflow: visible;
}

/* Списки внутри Описания: маркеры/нумерация, отступы. */
.batut-scope .info-tabs .tab-content .textbox ul,
.batut-scope .info-tabs .tab-content .textbox ol {
  margin: 8px 0;
  padding-left: 24px;
}
.batut-scope .info-tabs .tab-content .textbox ul { list-style: disc; }
.batut-scope .info-tabs .tab-content .textbox ol { list-style: decimal; }
.batut-scope .info-tabs .tab-content .textbox li {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
}
.batut-scope .info-tabs .tab-content .textbox li::marker {
  color: #312D2B;
}

.batut-scope .info-tabs .content-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
/* Жёсткое ограничение высоты включается ТОЛЬКО в свёрнутом режиме (>4 строк),
   когда есть кнопка «Раскрыть». При ≤4 строках высота по контенту, без дырки. */
.batut-scope .info-tabs .content-rows.bf-specs--collapsed {
  overflow: hidden;
}

.batut-scope .info-tabs .content-rows .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.batut-scope .info-tabs .content-rows .row .prop {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-right: 8px;
  position: relative;
  z-index: 2;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .info-tabs .content-rows .row .border {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  border-bottom: 1px dashed rgba(49, 45, 43, 0.2);
  margin-bottom: 5px;
}

.batut-scope .info-tabs .content-rows .row .value {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-left: 8px;
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .batut-scope .info-tabs .content-rows .row .value {
    text-align: right;
  }
}
.batut-scope .info-tabs .tab-drop-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.batut-scope .info-tabs .tab-drop-btn span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .info-tabs .textbox-btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.batut-scope .info-tabs .textbox-btn-more span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .info-tabs .dop-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 24px;
  border-top: 1px solid rgba(49, 45, 43, 0.05);
}

@media (max-width: 768px) {
  .batut-scope .info-tabs .dop-btns {
    padding: 16px;
  }
}
.batut-scope .info-tabs .dop-btns .info-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  position: relative;
}

.batut-scope .info-tabs .dop-btns .info-btn:last-child span {
  color: var(--accent);
  border: none;
}

.batut-scope .info-tabs .dop-btns .info-btn span {
  font-size: 14px;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.7);
  border-bottom: 1px dashed rgba(49, 45, 43, 0.7);
}

.batut-scope .info-tabs .dop-btns .info-btn .hover-content {
  display: none;
  position: absolute;
  top: 28px;
  width: 242px;
  left: 0;
  padding: 4px;
  border-radius: 8px;
  background: var(--White-100, #FFF);
  z-index: 2;
  -webkit-box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.12);
  box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.12);
}

.batut-scope .info-tabs .dop-btns .info-btn .hover-content img {
  width: 100%;
}

.batut-scope .info-tabs .dop-btns .info-btn .hover-textbox {
  padding: 16px;
}

.batut-scope .info-tabs .dop-btns .info-btn:hover > span {
  color: #d95427;
  border-bottom-color: #d95427;
}

.batut-scope .info-tabs .dop-btns .info-btn:hover svg path {
  stroke-opacity: 1 !important;
}

.batut-scope .info-tabs .dop-btns .info-btn:hover .hover-content {
  display: block;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}

.batut-scope .info-tabs .dop-btns .info-btn:hover .text-big {
  font-weight: 500;
  margin-bottom: 4px;
  display: inline-block;
}

.batut-scope .info-tabs .dop-btns .info-btn:hover p {
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .additional {
  margin: 16px 0;
  overflow: hidden;
  padding: 24px;
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

@media (max-width: 768px) {
  .batut-scope .additional {
    padding: 16px;
  }
}
.batut-scope .additional .tabs-buttons {
  padding: 2px;
  border-radius: 10px;
  background: rgba(49, 45, 43, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
}

.batut-scope .additional .tabs-buttons .tab {
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.batut-scope .additional .tabs-buttons .tab.active {
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .additional .slider-next, .batut-scope .additional .slider-prev {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--accent);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  z-index: 3;
}

.batut-scope .additional .slider-next:hover, .batut-scope .additional .slider-prev:hover {
  background-color: #D95427 !important;
}

.batut-scope .additional .slider-next {
  top: 0;
  right: 0;
}

.batut-scope .additional .slider-prev {
  top: 0;
  left: 0;
}

.batut-scope .additional .slider {
  overflow: hidden;
  position: relative;
}

.batut-scope .additional .swiper-button-disabled {
  display: none !important;
}

.batut-scope .additional .swiper-slide {
  max-width: 122px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
}

.batut-scope .additional .swiper-slide img {
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--Black-5, rgba(49, 45, 43, 0.05));
}

.batut-scope .additional .swiper-slide .title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #312D2B;
  margin-bottom: 4px;
}

.batut-scope .additional .swiper-slide .price {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: auto;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .additional .swiper-slide .basket-btn {
  margin-top: 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background: var(--White-100, #FFF);
}

.batut-scope .additional .swiper-slide .basket-btn:hover {
  background-color: var(--accent);
}

.batut-scope .additional .swiper-slide .basket-btn:hover span {
  color: #fff;
}

.batut-scope .additional .swiper-slide .basket-btn:hover svg path {
  stroke: #fff;
}

.batut-scope .additional .swiper-slide .basket-btn span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.batut-scope .additional .tab-content {
  display: none;
}

.batut-scope .additional .tab-content.active {
  display: block;
}

.batut-scope .additional .dops-inner {
  max-height: 236px;
  overflow: auto;
}

.batut-scope .additional .dops-group__title {
  font-size: 13px;
  font-weight: 500;
  color: rgba(49, 45, 43, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin: 14px 0 4px;
}

.batut-scope .additional .dops-group__title:first-child {
  margin-top: 4px;
}

.batut-scope .additional .dops-inner::-webkit-scrollbar {
  width: 4px;
}

.batut-scope .additional .dops-inner::-webkit-scrollbar-track {
  background-color: transparent;
}

.batut-scope .additional .dops-inner::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--Black-20, rgba(49, 45, 43, 0.2));
}

.batut-scope .additional .dops-item {
  padding: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  margin-right: 8px;
  border-bottom: 1px solid rgba(49, 45, 43, 0.05);
}

.batut-scope .additional .dops-item:first-child {
  padding-top: 4px;
}

.batut-scope .additional .dops-item:last-child {
  border-bottom: none;
}

.batut-scope .additional .dops-item .name {
  margin-right: auto;
}

.batut-scope .additional .dops-item .price {
  font-weight: 500;
  white-space: nowrap;
}

.batut-scope .additional .dops-item button {
  padding: 8px 12px;
  border-radius: 8px;
  background: #FE5D26;
  color: #fff;
  font-weight: 500;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .additional .dops-item button:hover {
  background-color: #D95427;
}

@media (max-width: 768px) {
  .batut-scope .additional .dops-item button {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
}
.batut-scope .additional .dops-item button svg {
  display: none;
}

@media (max-width: 768px) {
  .batut-scope .additional .dops-item button svg {
    display: block;
  }
}
@media (max-width: 768px) {
  .batut-scope .additional .dops-item button span {
    display: none;
  }
}

.batut-scope .related-cats .cat-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.batut-scope .related-cats .cat-items a {
  padding: 6px 12px;
  color: var(--Orange-100, #FE5D26);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  border-radius: 999px;
  background: var(--Orange-10, #FFEFEA);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .related-cats .cat-items a:hover {
  background-color: #FFCFBE;
}

.batut-scope .product-benefits {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
  padding: 48px 0;
}

@media (max-width: 768px) {
  .batut-scope .product-benefits {
    padding: 24px 0;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  .batut-scope .product-benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.batut-scope .product-benefits .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  padding: 8px;
}

.batut-scope .product-benefits .icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--Orange-10, #FFEFEA);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .product-benefits span {
  color: var(--Black-100, #312D2B);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.batut-scope .key-complect {
  padding: 48px 0;
}

@media (max-width: 768px) {
  .batut-scope .key-complect {
    padding: 24px 0;
  }
}
@media (max-width: 768px) {
  .batut-scope .key-complect .container {
    padding: 0;
  }
}
.batut-scope .key-complect .slider {
  overflow: hidden;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .batut-scope .key-complect .slider {
    margin-bottom: 16px;
    padding: 0 16px;
  }
}
.batut-scope .key-complect .swiper-slide {
  max-width: 390px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

@media (max-width: 768px) {
  .batut-scope .key-complect .swiper-slide {
    max-width: 312px;
  }
}
.batut-scope .key-complect .swiper-slide .img-box {
  padding: 8px;
}

.batut-scope .key-complect .swiper-slide .img-box img {
  width: 100%;
  border: 1px solid var(--Black-5, rgba(49, 45, 43, 0.05));
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.batut-scope .key-complect .swiper-slide .content {
  padding: 8px 16px 16px;
}

.batut-scope .key-complect .swiper-slide .name {
  color: var(--Black-100, #312D2B);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  letter-spacing: -0.1px;
  margin-bottom: 4px;
}

.batut-scope .key-complect .swiper-slide .price {
  color: var(--Black-100, #312D2B);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  margin-bottom: 16px;
}

.batut-scope .key-complect .swiper-slide .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.batut-scope .key-complect .swiper-slide .btn-basket {
  padding: 10px 20px 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-transition: var(--hover-transition);
  transition: var(--hover-transition);
  background-color: var(--accent);
  border-radius: 10px;
}

.batut-scope .key-complect .swiper-slide .btn-basket:hover {
  background-color: #D95427;
}

.batut-scope .key-complect .swiper-slide .btn-basket span {
  color: var(--White-100, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.batut-scope .key-complect .swiper-slide .more-info-btn {
  padding: 10px 20px;
  color: var(--Black-100, #312D2B);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  border-radius: 10px;
  border: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background-color: var(--White-100, #FFF);
  -webkit-transition: var(--hover-transition);
  transition: var(--hover-transition);
}

.batut-scope .key-complect .swiper-slide .more-info-btn:hover {
  background-color: #EBEAEA;
}

.batut-scope .key-complect .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.batut-scope .key-complect .pagination {
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 768px) {
  .batut-scope .key-complect .pagination {
    padding: 0;
    background-color: transparent;
  }
}
.batut-scope .key-complect .pagination span {
  background-color: rgba(49, 45, 43, 0.2);
  opacity: 1;
  margin: 0 !important;
}

.batut-scope .key-complect .swiper-pagination-bullet-active {
  background-color: #000 !important;
}

@media (max-width: 768px) {
  .batut-scope .key-complect .swiper-pagination-bullet-active {
    background-color: var(--accent) !important;
  }
}
.batut-scope .key-complect .slider-prev, .batut-scope .key-complect .slider-next {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

@media (max-width: 768px) {
  .batut-scope .key-complect .slider-prev, .batut-scope .key-complect .slider-next {
    display: none;
  }
}
.batut-scope .more-info-popup {
  position: fixed;
  z-index: 30;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(49, 45, 43, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 768px) {
  .batut-scope .more-info-popup {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding-top: 80px;
    overflow: auto;
    display: block;
  }
}
.batut-scope .more-info-popup.show {
  opacity: 1;
  visibility: visible;
}

.batut-scope .more-info-popup .content {
  max-width: 640px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 16px;
  overflow: hidden;
  background: var(--Background, #F6F6F6);
}

@media (max-width: 768px) {
  .batut-scope .more-info-popup .content {
    border-radius: 16px 16px 0 0;
  }
}
.batut-scope .more-info-popup .top {
  padding: 24px;
  position: relative;
  border-bottom: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background-color: #fff;
}

@media (max-width: 768px) {
  .batut-scope .more-info-popup .top {
    padding: 29px 16px 16px;
  }
}
.batut-scope .more-info-popup .top .title {
  color: var(--Black-100, #312D2B);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .batut-scope .more-info-popup .top .title {
    font-size: 20px;
  }
}
.batut-scope .more-info-popup .top .articul {
  color: var(--Black-50, rgba(49, 45, 43, 0.5));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.batut-scope .more-info-popup .top .close-popup {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background: var(--White-100, #FFF);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 24px;
  right: 24px;
}

.batut-scope .more-info-popup .top .close-popup:hover svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .batut-scope .more-info-popup .top .close-popup:hover svg {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media (max-width: 768px) {
  .batut-scope .more-info-popup .top .close-popup {
    top: 8px;
    width: 36px;
    height: initial;
    left: 50%;
    right: initial;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.batut-scope .more-info-popup .top .close-popup svg {
  -webkit-transition: var(--hover-transition);
  transition: var(--hover-transition);
}

.batut-scope .more-info-popup .inner {
  color: var(--Black-100, #312D2B);
  padding: 24px;
  background: var(--Background, #F6F6F6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

@media (max-width: 768px) {
  .batut-scope .more-info-popup .inner {
    padding: 16px;
  }
}
.batut-scope .more-info-popup .inner .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 4px;
  border-radius: 12px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  margin-bottom: 16px;
}

.batut-scope .more-info-popup .inner .card img {
  max-width: 100px;
  aspect-ratio: 1/1;
  border-radius: 8px;
  border: 1px solid var(--Black-5, rgba(49, 45, 43, 0.05));
}

.batut-scope .more-info-popup .inner .box {
  margin-top: 16px;
}

.batut-scope .more-info-popup .bottom {
  padding: 24px;
  background-color: #fff;
}

.batut-scope .recommend {
  padding: 48px 0;
}

@media (max-width: 768px) {
  .batut-scope .recommend {
    padding: 24px 0;
  }
}
.batut-scope .recommend .card {
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  max-width: 288px;
  background: #FFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.batut-scope .recommend .swiper-wrapper {
  align-items: stretch;
}

.batut-scope .recommend .swiper-slide {
  height: auto;
  display: flex;
}

.batut-scope .recommend .card-content {
  flex: 1 1 auto;
}

.batut-scope .recommend .card-controls {
  margin-top: auto;
}

.batut-scope .recommend .card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
}

@media screen and (max-width: 768px) {
  .batut-scope .recommend .card img {
    border: 1px solid rgba(49, 45, 43, 0.05);
  }
}
@media screen and (max-width: 768px) {
  .batut-scope .recommend .card .card-img-box {
    border: 1px solid rgba(49, 45, 43, 0.05);
  }
}
@media screen and (max-width: 768px) {
  .batut-scope .recommend .card .hover-gallery {
    display: none;
  }
  .batut-scope .recommend .card .hover-gallery-dots {
    display: none;
  }
  .batut-scope .recommend .card .bullet-wrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .batut-scope .recommend .card .bullet-wrapper .bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    border-radius: 50%;
  }
  .batut-scope .recommend .card .bullet-wrapper .bullet.active {
    background-color: #fff;
  }
}
.batut-scope .recommend .card-img-box {
  border-radius: 12px;
  overflow: hidden;
  padding: 8px;
}

@media screen and (max-width: 768px) {
  .batut-scope .recommend .card-img-box {
    padding: 0;
    margin: 8px;
  }
}
@media (max-width: 768px) {
  .batut-scope .recommend .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .batut-scope .recommend .slider-controls {
    display: none !important;
  }
}
.batut-scope .recommend .hover-gallery-dots {
  bottom: 16px;
}

.batut-scope .recommend .hover-gallery-item-dot {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(0.5px);
  backdrop-filter: blur(0.5px);
}

.batut-scope .recommend .hover-gallery-item-dot.active {
  background-color: #fff;
}

.batut-scope .recommend .card-content {
  padding: 4px 16px 8px;
  position: relative;
}

@media screen and (max-width: 550px) {
  .batut-scope .recommend .card-content {
    padding: 4px 12px 8px;
  }
}
.batut-scope .recommend .card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.batut-scope .recommend .card-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-weight: 500;
  color: #312D2B;
  margin-bottom: 8px;
}

@media screen and (max-width: 550px) {
  .batut-scope .recommend .card-title {
    font-size: 12px;
    line-height: 16px;
  }
}
.batut-scope .recommend .card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.batut-scope .recommend .card-row .price {
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  color: var(--accent);
}

@media screen and (max-width: 550px) {
  .batut-scope .recommend .card-row .price {
    font-size: 12px;
    line-height: 16px;
  }
}
.batut-scope .recommend .card-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .batut-scope .recommend .card-colors {
    display: none;
  }
}
.batut-scope .recommend .card-colors .color {
  border-radius: 999px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #92B8E7;
  width: 18px;
  height: 18px;
  position: relative;
}

.batut-scope .recommend .card-colors .color::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(49, 45, 43, 0.2);
  display: none;
}

.batut-scope .recommend .card-colors .color:hover::after {
  display: block;
}

.batut-scope .recommend .color-text {
  font-size: 14px;
  font-weight: 500;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .recommend .color-text:hover {
  color: rgb(49, 45, 43);
}

.batut-scope .recommend .card-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 8px;
}

.batut-scope .recommend a {
  display: block;
}

.batut-scope .recommend .add-basket {
  max-width: 168px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 4;
}

.batut-scope .recommend .add-basket:hover {
  background: var(--accent);
}

.batut-scope .recommend .add-basket:hover span {
  color: #fff;
}

.batut-scope .recommend .add-basket:hover svg path {
  stroke: #fff;
}

@media screen and (max-width: 550px) {
  .batut-scope .recommend .add-basket {
    max-width: 40px;
  }
}
.batut-scope .recommend .add-basket span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

@media screen and (max-width: 550px) {
  .batut-scope .recommend .add-basket span {
    display: none;
  }
}
.batut-scope .recommend .one-click {
  max-width: 96px;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  position: relative;
  z-index: 4;
  border-radius: 12px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.batut-scope .recommend .one-click:hover {
  color: var(--accent);
}

.batut-scope .recommend .tags {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

@media screen and (max-width: 550px) {
  .batut-scope .recommend .tags {
    top: 12px;
    left: 12px;
  }
}
.batut-scope .recommend .tag {
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #FFF;
  border-radius: 6px;
  background: #DC142F;
}

.batut-scope .recommend .slider-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 32px;
}

.batut-scope .recommend .slider-next, .batut-scope .recommend .slider-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

.batut-scope .recommend .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
}

.batut-scope .recommend .pagination span {
  margin: 0 !important;
  opacity: 1;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(49, 45, 43, 0.2);
}

.batut-scope .recommend .pagination .swiper-pagination-bullet-active {
  background-color: #FE5D26;
}

.batut-scope .recommend .slider {
  overflow: hidden;
}

.batut-scope .recommend .title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .batut-scope .recommend .title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }
}
.batut-scope .blog-recommend .slider-controls {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (max-width: 768px) {
  .batut-scope .blog-recommend .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}
.batut-scope .recommend-links {
  padding: 48px 0;
}

@media (max-width: 768px) {
  .batut-scope .recommend-links {
    padding: 24px 0;
  }
}
.batut-scope .recommend-links .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1300px;
  margin: 0 auto;
}

.batut-scope .recommend-links .rec-link {
  -webkit-transition: var(--hover-transition);
  transition: var(--hover-transition);
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--Black-5, rgba(49, 45, 43, 0.05));
  color: var(--Black-100, #312D2B);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}

.batut-scope .recommend-links .rec-link:hover {
  background-color: rgba(49, 45, 43, 0.1);
}
.batut-scope .service-gallery .swiper-slide {
  max-width: 888px;
}

.batut-scope .service-gallery .swiper-wrapper {
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .batut-scope .service-gallery .swiper-wrapper {
    margin-bottom: 16px;
  }
}
.batut-scope .service-gallery .pagination {
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 768px) {
  .batut-scope .service-gallery .pagination {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
}
.batut-scope .service-gallery .pagination span {
  background-color: rgba(49, 45, 43, 0.2);
  opacity: 1;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .batut-scope .service-gallery .pagination span {
    background-color: rgba(49, 45, 43, 0.2);
  }
}
.batut-scope .service-gallery .swiper-pagination-bullet-active {
  background-color: #000 !important;
}

@media (max-width: 768px) {
  .batut-scope .service-gallery .swiper-pagination-bullet-active {
    background-color: var(--accent) !important;
  }
}
.batut-scope .service-gallery .slider-prev, .batut-scope .service-gallery .slider-next {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

@media (max-width: 768px) {
  .batut-scope .service-gallery .slider-prev, .batut-scope .service-gallery .slider-next {
    display: none;
  }
}

.batut-scope .service-tabs .values .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .batut-scope .service-tabs .values .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}

.batut-scope .service-tabs .games .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 768px) {
  .batut-scope .service-tabs .games .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}
.batut-scope .service-tabs .games .swiper-wrapper .game-item {
  padding: 24px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .service-tabs .games .swiper-wrapper .game-item .number {
  color: var(--Orange-100, #FE5D26);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  letter-spacing: -0.1px;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--Orange-10, #FFEFEA);
  margin-bottom: 24px;
}

.batut-scope .service-tabs .games .swiper-wrapper .game-item p {
  color: var(--Black-100, #312D2B);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}

.batut-scope .service-tabs .teams .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .batut-scope .service-tabs .teams .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.batut-scope .service-tabs .teams .swiper-wrapper .team-item {
  padding: 8px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .service-tabs .teams .swiper-wrapper .team-item img {
  width: 100%;
  display: block;
}

.batut-scope .service-tabs .teams .swiper-wrapper .team-item .box {
  padding: 16px;
}

.batut-scope .service-tabs .teams .swiper-wrapper .team-item .item-title {
  margin-bottom: 12px;
  color: var(--Black-100, #312D2B);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  letter-spacing: -0.1px;
}

.batut-scope .service-tabs .teams .swiper-wrapper .team-item p {
  color: var(--Black-100, #312D2B);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.batut-scope .service-tabs .rounds .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 768px) {
  .batut-scope .service-tabs .rounds .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.batut-scope .service-tabs .rounds .swiper-wrapper .round-item {
  padding: 8px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 768px) {
  .batut-scope .service-tabs .rounds .swiper-wrapper .round-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.batut-scope .service-tabs .rounds .swiper-wrapper .round-item img {
  max-width: 132px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--Black-5, rgba(49, 45, 43, 0.05));
}

.batut-scope .service-tabs .rounds .swiper-wrapper .round-item .box {
  padding: 16px 16px 16px 0;
  max-width: 764px;
}

@media (max-width: 768px) {
  .batut-scope .service-tabs .rounds .swiper-wrapper .round-item .box {
    padding: 0;
  }
}
.batut-scope .service-tabs .rounds .swiper-wrapper .round-item .box-title {
  margin-bottom: 12px;
  color: var(--Black-100, #312D2B);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  letter-spacing: -0.1px;
}

.batut-scope .service-tabs .rounds .swiper-wrapper .round-item p {
  color: var(--Black-100, #312D2B);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.batut-scope .services-prices .slider-next, .batut-scope .services-prices .slider-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

@media (max-width: 768px) {
  .batut-scope .services-prices .slider-next, .batut-scope .services-prices .slider-prev {
    display: none;
  }
}
.batut-scope .services-prices .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
}

@media (max-width: 768px) {
  .batut-scope .services-prices .pagination {
    padding: 0;
    background-color: transparent;
  }
}
.batut-scope .services-prices .pagination span {
  margin: 0 !important;
  opacity: 1;
  background-color: rgba(49, 45, 43, 0.2);
}

.batut-scope .services-prices .pagination .swiper-pagination-bullet-active {
  background-color: #000;
}

@media (max-width: 768px) {
  .batut-scope .services-prices .pagination .swiper-pagination-bullet-active {
    background-color: var(--accent);
  }
}
.batut-scope .prices-dops .slider {
  overflow: hidden;
}

.batut-scope .prices-dops .swiper-slide {
  max-width: 288px;
  border-radius: 16px;
  background: var(--White-100, #FFF);
}

@media (max-width: 768px) {
  .batut-scope .prices-dops .swiper-slide {
    max-width: initial;
  }
}
.batut-scope .prices-dops .swiper-slide .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.batut-scope .prices-dops .slide-title {
  margin: 0 16px;
}

.batut-scope .prices-dops .slide-title {
  overflow: hidden;
  color: var(--Black-100, #312D2B);
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  margin-bottom: 8px;
}

.batut-scope .prices-dops .slider-next, .batut-scope .prices-dops .slider-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

@media (max-width: 768px) {
  .batut-scope .prices-dops .slider-next, .batut-scope .prices-dops .slider-prev {
    display: none;
  }
}
.batut-scope .prices-dops .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
}

@media (max-width: 768px) {
  .batut-scope .prices-dops .pagination {
    padding: 0;
    background-color: transparent;
  }
}
.batut-scope .prices-dops .pagination span {
  margin: 0 !important;
  opacity: 1;
  background-color: rgba(49, 45, 43, 0.2);
}

.batut-scope .prices-dops .pagination .swiper-pagination-bullet-active {
  background-color: #000;
}

@media (max-width: 768px) {
  .batut-scope .prices-dops .pagination .swiper-pagination-bullet-active {
    background-color: var(--accent);
  }
}
.batut-scope .prices-dops2 .swiper-slide {
  padding-bottom: 10px;
}

.batut-scope .blog {
  margin-bottom: 48px;
  border-radius: 0 0 32px 32px;
  background: radial-gradient(ellipse at 90% 20%, rgba(99, 102, 241, 0.7) 0%, rgba(124, 58, 237, 0.5) 30%, transparent 60%), radial-gradient(circle at 55% 50%, rgba(232, 67, 147, 0.8) 0%, rgba(247, 58, 147, 0.5) 30%, transparent 65%), radial-gradient(circle at 25% 25%, rgba(255, 77, 125, 0.6) 0%, rgba(255, 92, 141, 0.3) 35%, transparent 60%), radial-gradient(ellipse at 15% 85%, rgb(255, 107, 53) 0%, rgba(255, 122, 74, 0.9) 15%, rgba(255, 92, 141, 0.4) 40%, transparent 70%), linear-gradient(145deg, #FF6B35 0%, #E84393 35%, #A855F7 65%, #6366F1 100%);
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media (max-width: 768px) {
  .batut-scope .blog {
    border-radius: 0;
  }
}

.batut-scope .form {
  margin-top: 64px;
}

.batut-scope .form .inner {
  padding: 24px;
  border-radius: 24px;
  background: var(--Black-5, rgba(49, 45, 43, 0.05));
}

.batut-scope .form .h1 {
  color: var(--Black-100, #312D2B);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
  margin-bottom: 24px;
}

.batut-scope .form button {
  padding: 12px 20px;
  border-radius: 12px;
  background: var(--Orange-100, #FE5D26);
  color: var(--White-100, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  -webkit-transition: var(--hover-transition);
  transition: var(--hover-transition);
}

.batut-scope .form button:hover {
  background-color: var(--hover-accent);
}

.batut-scope .form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  cursor: pointer;
}

.batut-scope .form label p {
  color: var(--Black-100, #312D2B);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}

.batut-scope .form label a {
  color: var(--accent);
}

.batut-scope .form .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid var(--Black-10, rgba(49, 45, 43, 0.1));
  background: var(--Background, #F6F6F6);
}

.batut-scope .form .checkbox svg {
  display: none;
}

.batut-scope .form .checkbox svg path {
  stroke: #000;
}

.batut-scope .form input:checked + .checkbox {
  background-color: #fff;
}

.batut-scope .form input:checked + .checkbox svg {
  display: block;
  margin-left: 1px;
}

.batut-scope .form input[type=checkbox] {
  display: none;
}

.batut-scope .blog-video .slider {
  overflow: hidden;
}

.batut-scope .blog-video .slider {
  margin-bottom: 16px;
}

.batut-scope .blog-video .slider-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.batut-scope .blog-video .slider-next, .batut-scope .blog-video .slider-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(49, 45, 43, 0.05);
  cursor: pointer;
}

.batut-scope .blog-video .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 999px;
  background-color: rgba(49, 45, 43, 0.05);
}

.batut-scope .blog-video .pagination span {
  margin: 0 !important;
  opacity: 1;
  background-color: rgba(49, 45, 43, 0.2);
}

.batut-scope .blog-video .pagination .swiper-pagination-bullet-active {
  background-color: #000;
}

.batut-scope .blog-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 32px;
}

@media (max-width: 768px) {
  .batut-scope .blog-pagination {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 0 16px;
  }
}
@media (max-width: 768px) {
  .batut-scope .blog-pagination .link-all {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    grid-column-start: span 2;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.batut-scope .blog-pagination a {
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--White-100, #FFF);
  -webkit-box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .blog-pagination a:hover {
  background-color: var(--accent);
}

.batut-scope .blog-pagination a:hover span {
  color: #fff;
}

.batut-scope .blog-pagination a:hover svg path {
  stroke: #fff;
}

@media (max-width: 768px) {
  .batut-scope .blog-pagination a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.batut-scope .blog-pagination a svg path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .blog-pagination a span {
  color: var(--Black-100, #312D2B);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.batut-scope .request-no-padding .content {
  max-width: 460px;
}

.batut-scope .request-no-padding .form {
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 991px) {
  .batut-scope .top-banner26 .title {
    font-size: 50px;
    line-height: 55px;
  }
  .batut-scope .top-banner26 .slider-pagination {
    margin-top: 40px;
  }
  .batut-scope .top-banner26 .text {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .batut-scope .about26 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .batut-scope .seo-block26 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .batut-scope .about26 {
    padding: 24px 0;
  }
  .batut-scope .about26 .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .batut-scope .about26 .inner {
    gap: 24px;
  }
  .batut-scope .slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding-top: 16px;
  }
  .batut-scope .slider-pagination span {
    margin: 0 !important;
    opacity: 1 !important;
    background-color: rgba(49, 45, 43, 0.2);
  }
  .batut-scope .slider-pagination .swiper-pagination-bullet-active {
    background-color: var(--accent);
  }
  .batut-scope .top-banner26 .slider-prev, .batut-scope .top-banner26 .slider-next {
    display: none;
  }
  .batut-scope .top-banner26 .title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 24px;
  }
  .batut-scope .top-banner26 .text {
    font-size: 16px;
    margin-bottom: 32px;
  }
  .batut-scope .services-home26 {
    overflow: hidden;
    padding: 24px 0;
  }
  .batut-scope .services-home26 .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
  .batut-scope .services-home26 .card {
    max-width: 312px;
    padding: 24px 0 0 24px;
  }
  .batut-scope .services-home26 .title {
    font-size: 20px;
    margin-bottom: 16px;
    line-height: 28px;
  }
  .batut-scope .sales26 {
    padding: 24px 0;
  }
  .batut-scope .sales26 .slider-prev, .batut-scope .sales26 .slider-next {
    display: none;
  }
  .batut-scope .sales26 .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    margin-top: 16px;
  }
  .batut-scope .sales26 .pagination span {
    margin: 0 !important;
    opacity: 1 !important;
    background-color: rgba(49, 45, 43, 0.2);
  }
  .batut-scope .sales26 .pagination .swiper-pagination-bullet-active {
    background-color: var(--accent) !important;
  }
  .batut-scope .sales26 .slider {
    margin-bottom: 0;
  }
  .batut-scope .sales26 .swiper-slide {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    gap: 16px;
  }
  .batut-scope .sales26 .swiper-slide img {
    width: 100%;
  }
  .batut-scope .sales26 .title {
    font-size: 24px;
    line-height: 32px;
  }
  .batut-scope .sales26 .link {
    margin-top: 30px;
  }
  .batut-scope .news-items26 {
    overflow: hidden;
    padding: 24px 0;
  }
  .batut-scope .news-items26 .link {
    display: none;
  }
  .batut-scope .news-items26 .link-mobile {
    display: block !important;
    margin: 24px auto 0;
    max-width: 170px;
    text-align: center;
  }
  .batut-scope .news-items26 .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
  .batut-scope .news-items26 .card {
    max-width: 228px;
    min-width: 228px;
  }
  .batut-scope .news-items26 .title {
    font-size: 24px;
  }
  .batut-scope .news-items26 .top {
    margin-bottom: 24px;
  }
  .batut-scope .cases26 {
    padding: 24px 0;
  }
  .batut-scope .cases26 .link-more {
    display: none;
  }
  .batut-scope .cases26 .link-mobile {
    display: block !important;
    max-width: 170px;
    margin: 24px auto 0;
  }
  .batut-scope .cases26 .inner {
    display: none;
  }
  .batut-scope .cases26 .inner-mobile {
    display: block;
  }
  /* Карточки cases26 одной высоты: тянем сам slide и фон карточки до
     высоты самого высокого slide'а — внутренний layout карточки не трогаем. */
  .batut-scope .cases26 .inner-mobile .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .batut-scope .cases26 .inner-mobile .swiper-slide {
    height: auto;
  }
  .batut-scope .cases26 .inner-mobile .swiper-slide > .item,
  .batut-scope .cases26 .inner-mobile .swiper-slide > .big-item {
    height: 100%;
  }
  /* Ава у cases26 на мобилке: на mobile все слайды рендерятся как
     .big-item.swiper-slide (см. modules/item.php $mobileBlock).
     Высота 185, ширина 100%, обрезка по горизонтали через object-fit cover. */
  .batut-scope .cases26 .inner-mobile .item .img-box,
  .batut-scope .cases26 .inner-mobile .big-item .img-box {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: 185px !important;
    min-height: 185px !important;
    padding: 0 !important;
  }
  .batut-scope .cases26 .inner-mobile .item .img-box img,
  .batut-scope .cases26 .inner-mobile .big-item .img-box img {
    display: block !important;
    width: 100% !important;
    height: 185px !important;
    -o-object-fit: cover;
    object-fit: cover !important;
  }
  .batut-scope .cases26 .top {
    margin-bottom: 24px;
  }
  .batut-scope .cases26 .title {
    font-size: 24px;
    line-height: 32px;
  }
  .batut-scope .cases26 .content {
    padding: 4px 16px 16px;
  }
  .batut-scope .storis-26 {
    padding: 24px 0;
    overflow: hidden;
  }
  .batut-scope .storis-26 .title {
    font-size: 24px;
    line-height: 32px;
  }
  .batut-scope .storis-26 .swiper-wrapper {
    gap: 0;
  }
  .batut-scope .storis-26 .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .batut-scope .reviews26 {
    padding: 24px 0;
  }
  .batut-scope .reviews26 .controls {
    display: none;
  }
  .batut-scope .reviews26 .controls-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
  }
  .batut-scope .reviews26 .slider {
    margin-bottom: 16px;
  }
  .batut-scope .reviews26 .title {
    font-size: 24px;
    line-height: 32px;
  }
  .batut-scope .reviews26 .slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding: 0;
    background-color: transparent;
  }
  .batut-scope .reviews26 .slider-pagination span {
    margin: 0 !important;
    opacity: 1 !important;
    background-color: rgba(49, 45, 43, 0.2);
  }
  .batut-scope .reviews26 .slider-pagination .swiper-pagination-bullet-active {
    background-color: var(--accent);
  }

  .batut-scope .reviews26 .slider-prev, .batut-scope .reviews26 .slider-next {
    display: none;
  }
  .batut-scope .reviews26 .swiper-slide {
    padding: 24px;
  }
  .batut-scope .order-info26 {
    padding: 24px 0;
  }
  .batut-scope .order-info26 .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .batut-scope .order-info26 .inner {
    gap: 24px;
  }
  .batut-scope .order-info26 .title {
    text-align: start;
  }
  .batut-scope .order-info26 .lines {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .batut-scope .order-info26 .item-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 12px;
  }
  .batut-scope .order-info26 .lines .line {
    height: 117px;
  }
  .batut-scope .order-info26 .lines-item.show span {
    height: 117px !important;
  }
  .batut-scope .sertifs26 {
    padding: 24px 0;
  }
  .batut-scope .sertifs26 .container {
    padding: 0;
  }
  .batut-scope .sertifs26 .title {
    text-align: start;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
    padding: 0 16px;
  }
  .batut-scope .sertifs26 .slider {
    margin-bottom: 0;
  }
  .batut-scope .sertifs26 .slider-prev, .batut-scope .sertifs26 .slider-next {
    display: none;
  }
  .batut-scope .sertifs26 .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding-top: 0;
    background-color: transparent;
    margin-top: 16px;
  }
  .batut-scope .sertifs26 .pagination span {
    margin: 0 !important;
    opacity: 1 !important;
    background-color: rgba(49, 45, 43, 0.2);
  }
  .batut-scope .sertifs26 .pagination .swiper-pagination-bullet-active {
    background-color: var(--accent) !important;
  }
  .batut-scope .questions26 {
    padding: 24px 0;
  }
  .batut-scope .questions26 .title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .batut-scope .questions26 svg {
    min-width: 12px;
  }
  .batut-scope .news26 {
    padding: 24px 0;
  }
  .batut-scope .news26 .link {
    display: none !important;
  }
  .batut-scope .news26 .link-mobile {
    display: block !important;
    max-width: 170px;
    margin: 24px auto 0;
    text-align: center;
  }
  .batut-scope .news26 .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
  .batut-scope .news26 .card {
    max-width: initial;
  }
  .batut-scope .news26 .title {
    font-size: 24px;
    line-height: 32px;
  }
  .batut-scope .seo-block26 {
    padding: 24px 0;
  }
  .batut-scope .seo-block26 .inner {
    gap: 24px;
  }
  .batut-scope .seo-block26 .text {
    margin-bottom: 16px;
  }
  .batut-scope .seo-block26 .title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .batut-scope .seo-block26 .btn-more {
    margin-top: 16px;
  }
}

.batut-scope .service-gallery .swiper-slide {
  max-width: initial;
  width: auto;
  border-radius: 24px;
  cursor: pointer;
  overflow: hidden;
}

@media (max-width: 768px) {
  .batut-scope .service-gallery .pagination span {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
  }
}
/* === product-details-v2.css === */
/* ================================================================
   PRODUCT DETAILS V2 — обособленные стили
   Подключай этот файл ПОСЛЕ style.css
   Все селекторы с префиксом .pdv2- для изоляции
   ================================================================ */

/* ————————————————————————————————
   0. КОМПАКТНЫЕ КОМПЛЕКТЫ (override style.css)
   ———————————————————————————————— */

.batut-scope .complectation .complect {
  height: 80px;
}

.batut-scope .complectation .complect .img-box {
  max-width: 72px;
}

.batut-scope .complectation .complect .textbox {
  padding: 6px 8px 6px 10px;
}

.batut-scope .complectation .complect .name {
  margin-bottom: 2px;
}

/* Комплект без фото — textbox на всю ширину, высота от контента */


/* ————————————————————————————————
   1. СЕКЦИИ БАБЛОВ — общие обёртки с заголовками
   ———————————————————————————————— */

.batut-scope .pdv2-section {
  margin-bottom: 24px;
}

.batut-scope .pdv2-section__title {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

/* Подзаголовок-лейбл секции (например "влияет на цену") */
.batut-scope .pdv2-section__hint {
  font-size: 12px;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.4);
  margin-bottom: 6px;
}

.batut-scope .pdv2-section__items {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Секция-ссылка (связь между товарами, под ценой) */
.batut-scope .pdv2-section--links {
  margin-bottom: 16px;
}


/* ————————————————————————————————
   2. ПОДКОМПЛЕКТЫ (radio-bubbles)
   Визуально: рамка + чекбокс-радио
   ———————————————————————————————— */

.batut-scope .pdv2-subcomplect {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #FFF;
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  border: 1px solid transparent;
  cursor: pointer;
  transition: 0.15s;
}

.batut-scope .pdv2-subcomplect:hover {
  border-color: #FFAE93;
}

/* Радио-кружок */
.batut-scope .pdv2-subcomplect__radio {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 999px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.batut-scope .pdv2-subcomplect__radio svg {
  display: none;
  width: 9px;
  height: 6px;
  flex-shrink: 0;
}

.batut-scope .pdv2-subcomplect__icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  object-fit: cover;
}

.batut-scope .pdv2-subcomplect__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .pdv2-subcomplect__price {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

/* Активный подкомплект */
.batut-scope .pdv2-subcomplect.selected {
  border-color: #FE5D26;
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .pdv2-subcomplect.selected .pdv2-subcomplect__radio {
  background: #FE5D26;
  border-color: #FE5D26;
}

.batut-scope .pdv2-subcomplect.selected .pdv2-subcomplect__radio svg {
  display: block;
}

/* Hover-картинка для подкомплектов с иконкой */
.batut-scope .pdv2-subcomplect__hover-img {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  padding: 4px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.12);
  width: 158px;
  z-index: 5;
}

.batut-scope .pdv2-subcomplect__hover-img img {
  width: 100%;
  border-radius: 8px;
}

.batut-scope .pdv2-subcomplect:hover .pdv2-subcomplect__hover-img {
  display: block;
}


/* ————————————————————————————————
   3. СВЯЗЬ МЕЖДУ ТОВАРАМИ / ЦВЕТ
   Визуально: плоские чипы без рамки,
   залитый фон при активном состоянии
   ———————————————————————————————— */

.batut-scope .pdv2-variant {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(49, 45, 43, 0.05);
  border: 1px solid transparent;
  cursor: pointer;
  transition: 0.15s;
}

.batut-scope .pdv2-variant:hover {
  background: rgba(49, 45, 43, 0.08);
}

.batut-scope .pdv2-variant__thumb {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  object-fit: cover;
}

.batut-scope .pdv2-variant__color {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid rgba(49, 45, 43, 0.1);
}

.batut-scope .pdv2-variant__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

/* Активный вариант */
.batut-scope .pdv2-variant.selected {
  background: rgba(254, 93, 38, 0.08);
  border-color: #FE5D26;
}

/* Hover-картинка для вариантов */
.batut-scope .pdv2-variant__hover-img {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  padding: 4px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.12);
  width: 158px;
  z-index: 5;
}

.batut-scope .pdv2-variant__hover-img img {
  width: 100%;
  border-radius: 8px;
}

.batut-scope .pdv2-variant:hover .pdv2-variant__hover-img {
  display: block;
}


/* ————————————————————————————————
   4. ДОП. ТОВАРЫ (multiple select)
   Визуально: чипы с + / галочкой,
   добавляют к итоговой стоимости
   ———————————————————————————————— */

.batut-scope .pdv2-addon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #FFF;
  border: 1px dashed rgba(49, 45, 43, 0.15);
  cursor: pointer;
  transition: 0.15s;
}

.batut-scope .pdv2-addon:hover {
  border-color: #FFAE93;
  background: #FFFAF8;
}

.batut-scope .pdv2-addon__check {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 4px;
  border: 1px solid rgba(49, 45, 43, 0.15);
  background: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.15s;
}

.batut-scope .pdv2-addon__check svg {
  display: none;
  width: 9px;
  height: 6px;
  flex-shrink: 0;
}

.batut-scope .pdv2-addon__thumb {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  object-fit: cover;
}

/* В блоке "Дополнительно" (pdv2-section__items) thumb-картинку допа не показываем —
   она остаётся в hover-popup. Используется в комплектах/подкомплектах, но не здесь. */
.batut-scope .pdv2-section__items .pdv2-addon__thumb {
  display: none;
}

.batut-scope .pdv2-addon__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .pdv2-addon__price {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

/* Активный доп.товар */
.batut-scope .pdv2-addon.selected {
  border-style: solid;
  border-color: #FE5D26;
  background: rgba(254, 93, 38, 0.04);
}

.batut-scope .pdv2-addon.selected .pdv2-addon__check {
  background: #FE5D26;
  border-color: #FE5D26;
}

.batut-scope .pdv2-addon.selected .pdv2-addon__check svg {
  display: block;
}

/* Hover-картинка для допов */
.batut-scope .pdv2-addon__hover-img {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  padding: 4px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 1px 8px 0 rgba(49, 45, 43, 0.12);
  width: 158px;
  z-index: 5;
}

.batut-scope .pdv2-addon__hover-img img {
  width: 100%;
  border-radius: 8px;
}

.batut-scope .pdv2-addon:hover .pdv2-addon__hover-img {
  display: block;
}


/* ————————————————————————————————
   5. ШКАЛА ВРЕМЕНИ АРЕНДЫ
   ———————————————————————————————— */

.batut-scope .pdv2-timescale {
  margin-bottom: 24px;
  transition: opacity 0.2s, max-height 0.3s;
}

.batut-scope .pdv2-timescale__title {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .pdv2-timescale__row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* Часовые баблы */
.batut-scope .pdv2-timescale__hour {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 36px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #FFF;
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  transition: 0.15s;
}

.batut-scope .pdv2-timescale__hour:hover {
  border-color: #FFAE93;
}

.batut-scope .pdv2-timescale__hour.selected {
  border-color: #FE5D26;
  background: #FE5D26;
  color: #FFF;
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

/* Разделитель перед инпутом дней */
.batut-scope .pdv2-timescale__divider {
  width: 1px;
  height: 20px;
  background: rgba(49, 45, 43, 0.12);
  margin: 0 4px;
}

/* Инпут дней */
.batut-scope .pdv2-timescale__days {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #FFF;
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  border: 1px solid transparent;
  transition: 0.15s;
}

.batut-scope .pdv2-timescale__days:focus-within {
  border-color: #FE5D26;
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .pdv2-timescale__days-input {
  width: 40px;
  border: none;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  text-align: center;
  background: transparent;
  -moz-appearance: textfield;
  caret-color: #FE5D26;
}

.batut-scope .pdv2-timescale__days-input::-webkit-outer-spin-button, .batut-scope .pdv2-timescale__days-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Плейсхолдер тире — исчезает при фокусе */
.batut-scope .pdv2-timescale__days-input::placeholder {
  color: rgba(49, 45, 43, 0.3);
  font-weight: 400;
}

.batut-scope .pdv2-timescale__days-input:focus::placeholder {
  color: transparent;
}

.batut-scope .pdv2-timescale__days-label {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
  white-space: nowrap;
}

/* Активное состояние когда выбраны дни */
.batut-scope .pdv2-timescale__days.active {
  border-color: #FE5D26;
  background: #FE5D26;
}

.batut-scope .pdv2-timescale__days.active .pdv2-timescale__days-input {
  color: #FFF;
  caret-color: #FFF;
}

.batut-scope .pdv2-timescale__days.active .pdv2-timescale__days-label {
  color: rgba(255, 255, 255, 0.7);
}

/* Подсказка под шкалой */
.batut-scope .pdv2-timescale__note {
  margin-top: 6px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.4);
}


/* ————————————————————————————————
   6. УНИВЕРСАЛЬНЫЙ БЛОК ЦЕНЫ
   ———————————————————————————————— */

.batut-scope .pdv2-price-block {
  padding: 16px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  border: 1px solid rgba(49, 45, 43, 0.06);
  margin-bottom: 12px;
}

/* Контейнер для 2 цен (side by side) — legacy */
.batut-scope .pdv2-price-block__dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 500px) {
  .batut-scope .pdv2-price-block__dual {
    grid-template-columns: 1fr;
  }
}

/* Одна ценовая ячейка */
.batut-scope .pdv2-price-cell {
  padding: 12px 16px;
  border-radius: 12px;
  background: #FAFAFA;
  border: 1px solid rgba(49, 45, 43, 0.04);
}

/* Кликабельная ячейка (в двойном блоке) */
.batut-scope .pdv2-price-cell[data-pdv2-price-mode] {
  cursor: pointer;
  transition: border-color 0.2s;
}

.batut-scope .pdv2-price-cell[data-pdv2-price-mode]:hover {
  border-color: #FFAE93;
}

/* Активная ячейка — оранжевая рамка + тень как у подкомплекта */
.batut-scope .pdv2-price-cell--active {
  border-color: #FE5D26;
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .pdv2-price-cell--active .pdv2-price-cell__label {
  color: #FE5D26;
}

/* Ячейка внутри панели таба — без фона/рамки, т.к. price-block уже обрамляет */
.batut-scope .pdv2-price-pane .pdv2-price-cell {
  padding: 0;
  background: transparent;
  border: none;
}

.batut-scope .pdv2-price-cell__label {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.5);
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.batut-scope .pdv2-price-cell__value {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.batut-scope .pdv2-price-cell__prefix {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .pdv2-price-cell__amount {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  color: #312D2B;
}

.batut-scope .pdv2-price-cell__postfix {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(49, 45, 43, 0.5);
}

/* Строка выгоды */
.batut-scope .pdv2-price-cell__benefit {
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(34, 170, 68, 0.08);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #1A8C3E;
}

.batut-scope .pdv2-price-cell__benefit svg {
  min-width: 12px;
}


/* ————————————————————————————————
   7. ЧЕК (ИТОГ) — Receipt / Breakdown
   ———————————————————————————————— */

.batut-scope .pdv2-receipt {
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #FAFAFA;
  border: 1px solid rgba(49, 45, 43, 0.04);
}

.batut-scope .pdv2-receipt__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}

.batut-scope .pdv2-receipt__header-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.6);
  display: flex;
  align-items: center;
  gap: 4px;
}

.batut-scope .pdv2-receipt__header > svg {
  transition: transform 0.2s;
  min-width: 16px;
}

.batut-scope .pdv2-receipt.open .pdv2-receipt__header > svg {
  transform: rotate(180deg);
}

.batut-scope .pdv2-receipt__body {
  display: none;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(49, 45, 43, 0.06);
}

.batut-scope .pdv2-receipt.open .pdv2-receipt__body {
  display: block;
}

.batut-scope .pdv2-receipt__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
}

.batut-scope .pdv2-receipt__row-name {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.6);
}

.batut-scope .pdv2-receipt__row-value {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #312D2B;
  white-space: nowrap;
}

/* Заголовок-группа в чеке (название комплекта) */
.batut-scope .pdv2-receipt__row--header {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed rgba(49, 45, 43, 0.06);
}

.batut-scope .pdv2-receipt__row--header:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.batut-scope .pdv2-receipt__row--header .pdv2-receipt__row-name {
  font-weight: 500;
  color: #312D2B;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Подпись-тег в строке чека */
.batut-scope .pdv2-receipt__row-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 6px;
  vertical-align: middle;
}

.batut-scope .pdv2-receipt__row-tag--sub {
  background: rgba(254, 93, 38, 0.08);
  color: #D95427;
}

.batut-scope .pdv2-receipt__row-tag--time {
  background: rgba(59, 130, 246, 0.08);
  color: #2563EB;
}

.batut-scope .pdv2-receipt__row-tag--addon {
  background: rgba(34, 170, 68, 0.06);
  color: #1A8C3E;
}

/* Заметка в чеке (например, про допы не умножаются) */
.batut-scope .pdv2-receipt__note {
  font-size: 11px;
  line-height: 15px;
  color: rgba(49, 45, 43, 0.4);
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed rgba(49, 45, 43, 0.06);
}

.batut-scope .pdv2-receipt__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(49, 45, 43, 0.08);
}

.batut-scope .pdv2-receipt__total-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .pdv2-receipt__total-value {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #312D2B;
}


/* ————————————————————————————————
   8. КНОПКИ КОРЗИНЫ (универсальные)
   ———————————————————————————————— */

.batut-scope .pdv2-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
}

@media (max-width: 768px) {
  .batut-scope .pdv2-actions {
    flex-direction: column;
  }
}

.batut-scope .pdv2-actions__cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 12px;
  background: #FE5D26;
  border: none;
  cursor: pointer;
  transition: 0.2s;
  flex: 1;
}

.batut-scope .pdv2-actions__cart-btn:hover {
  background: #D95427;
}

.batut-scope .pdv2-actions__cart-btn span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFF;
}

.batut-scope .pdv2-actions__1click-btn {
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #312D2B;
  cursor: pointer;
  transition: 0.2s;
  white-space: nowrap;
}

.batut-scope .pdv2-actions__1click-btn:hover {
  background: #EBEAEA;
}

@media (max-width: 768px) {
  .batut-scope .pdv2-actions__cart-btn, .batut-scope .pdv2-actions__1click-btn {
    width: 100%;
  }
}

/* Счётчик количества */
.batut-scope .pdv2-actions__counter {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  min-width: 180px;
  justify-content: space-between;
}

.batut-scope .pdv2-actions__counter button {
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.batut-scope .pdv2-actions__counter button:hover svg path {
  stroke: #FE5D26;
}

.batut-scope .pdv2-actions__counter-input {
  width: 56px;
  border: none;
  outline: none;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #312D2B;
  background: transparent;
  caret-color: #FE5D26;
  /* direction: ltr чтобы курсор был после цифры */
}

/* Кнопка перехода в корзину */
.batut-scope .pdv2-actions__go-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 12px;
  background: #FE5D26;
  transition: 0.2s;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap;
  flex: 1;
}

.batut-scope .pdv2-actions__go-cart:hover {
  background: #D95427;
}

/* Состояние «в корзине» — скрываем кнопку добавления, показываем счётчик */
.batut-scope .pdv2-actions--in-cart .pdv2-actions__cart-btn {
  display: none;
}

.batut-scope .pdv2-actions--in-cart .pdv2-actions__1click-btn {
  display: none;
}

.batut-scope .pdv2-actions__counter, .batut-scope .pdv2-actions__go-cart {
  display: none;
}

.batut-scope .pdv2-actions--in-cart .pdv2-actions__counter, .batut-scope .pdv2-actions--in-cart .pdv2-actions__go-cart {
  display: flex;
}


/* ————————————————————————————————
   9. INFO-TOOLTIP (всплывашка при наведении на (i))
   ———————————————————————————————— */

.batut-scope .pdv2-info-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.batut-scope .pdv2-info-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 10px;
  background: #312D2B;
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  width: max-content;
  max-width: 260px;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.batut-scope .pdv2-info-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #312D2B;
}

.batut-scope .pdv2-info-trigger:hover .pdv2-info-tooltip {
  display: block;
}


/* ————————————————————————————————
   10. РАЗДЕЛИТЕЛЬ СЕКЦИЙ
   ———————————————————————————————— */

.batut-scope .pdv2-divider {
  height: 1px;
  background: rgba(49, 45, 43, 0.06);
  margin: 4px 0 20px;
}


/* ————————————————————————————————
   11. УТИЛИТЫ
   ———————————————————————————————— */

.batut-scope .pdv2-hidden {
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}


/* ————————————————————————————————
   RESPONSIVE
   ———————————————————————————————— */

@media (max-width: 768px) {
  .batut-scope .pdv2-price-cell__amount {
    font-size: 24px;
    line-height: 30px;
  }

  .batut-scope .pdv2-timescale__row {
    gap: 6px;
  }

  .batut-scope .pdv2-timescale__hour {
    min-width: 40px;
    padding: 6px 10px;
    font-size: 13px;
  }

  .batut-scope .pdv2-actions__counter, .batut-scope .pdv2-actions__go-cart {
    width: 100%;
  }

  .batut-scope .pdv2-actions--in-cart {
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .batut-scope .pdv2-price-cell__amount {
    font-size: 22px;
    line-height: 28px;
  }

  .batut-scope .pdv2-actions {
    flex-direction: column;
  }

  .batut-scope .pdv2-actions__cart-btn, .batut-scope .pdv2-actions__1click-btn, .batut-scope .pdv2-actions__go-cart {
    width: 100%;
    text-align: center;
  }
}

/* === pdv3-sticky-price.css === */
/* ============================================
   pdv3-sticky-price — Фиксированный бабл с ценами
   Префикс: pdv3-sp (sticky price)
   ============================================ */

/* Обёртка: фикс внизу экрана, выравнивание по product26-content */
.batut-scope .pdv3-sp-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
}

/* Внутренний контейнер — повторяет ширину .product26-content
   JS будет устанавливать left/width динамически */
.batut-scope .pdv3-sp-container {
  position: absolute;
  bottom: 16px;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ====== Сам бабл ====== */
.batut-scope .pdv3-sp-bubble {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 16px;
  padding: 12px 20px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
}

/* Двойной бабл — на всю ширину контейнера */
.batut-scope .pdv3-sp-bubble--dual {
  width: 100%;
}

/* Одинарный бабл — сжимается по контенту, прилеплен к левой стороне */
.batut-scope .pdv3-sp-bubble--single {
  width: fit-content;
  align-self: flex-start;
}

/* Минимальный бабл — только цена + кнопка, 1 строка */
.batut-scope .pdv3-sp-bubble--minimal {
  width: fit-content;
  align-self: flex-start;
  padding: 8px 12px 8px 16px;
  gap: 12px;
}

.batut-scope .pdv3-sp-bubble--minimal .pdv3-sp-cell {
  padding: 0;
}

.batut-scope .pdv3-sp-bubble--minimal .pdv3-sp-cell__amount {
  font-size: 20px;
  line-height: 26px;
}

/* ====== Ценовая ячейка внутри бабла ====== */
.batut-scope .pdv3-sp-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 6px 10px;
  border-radius: 8px;
  transition: background 0.2s;
}

/* Выделение активной цены в dual-бабле (серая подложка как ховер в хедере) */
.batut-scope .pdv3-sp-cell--active {
  background: rgba(255, 255, 255, 0.12);
}

/* Кликабельные ячейки в dual-бабле */
.batut-scope .pdv3-sp-cell[data-pdv3-price-mode] {
  cursor: pointer;
}

.batut-scope .pdv3-sp-cell[data-pdv3-price-mode]:hover {
  background: rgba(255, 255, 255, 0.08);
}

.batut-scope .pdv3-sp-cell--active:hover {
  background: rgba(255, 255, 255, 0.12);
}

.batut-scope .pdv3-sp-cell__label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.6);
}

.batut-scope .pdv3-sp-cell--active .pdv3-sp-cell__label {
  color: #fff;
}

.batut-scope .pdv3-sp-cell__value {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.batut-scope .pdv3-sp-cell__prefix {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
}

.batut-scope .pdv3-sp-cell__amount {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: #fff;
}

.batut-scope .pdv3-sp-cell__postfix {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.5);
}

/* Строка выгоды */
.batut-scope .pdv3-sp-cell__benefit {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  color: #82D19F;
}

.batut-scope .pdv3-sp-cell__benefit svg {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

/* Разделитель между 2 ценами в dual-бабле */
.batut-scope .pdv3-sp-divider {
  width: 1px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
}

/* ====== Кнопка "В корзину" ====== */
.batut-scope .pdv3-sp-cart-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
  background: #FE5D26;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
}

.batut-scope .pdv3-sp-cart-btn:hover {
  background: #e54d1a;
}

.batut-scope .pdv3-sp-cart-btn svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* ====== Правая часть бабла: кнопки корзины (стек вертикально) ====== */
.batut-scope .pdv3-sp-actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  margin-left: auto;
}

/* ====== Блок после добавления: qty сверху, goto-cart снизу ====== */
.batut-scope .pdv3-sp-cart-added {
  display: none;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}

.batut-scope .pdv3-sp-cart-added--visible {
  display: flex;
}

/* Управление количеством: [ - ] 1 [ + ] */
.batut-scope .pdv3-sp-qty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  overflow: hidden;
}

.batut-scope .pdv3-sp-qty__btn {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

.batut-scope .pdv3-sp-qty__btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

.batut-scope .pdv3-sp-qty__value {
  width: 32px;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  caret-color: #fff;
  outline: none;
  font-family: inherit;
  -moz-appearance: textfield;
}

.batut-scope .pdv3-sp-qty__value::-webkit-outer-spin-button, .batut-scope .pdv3-sp-qty__value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Кнопка "Перейти в корзину" */
.batut-scope .pdv3-sp-goto-cart {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
  background: #FE5D26;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
  text-decoration: none;
}

.batut-scope .pdv3-sp-goto-cart:hover {
  background: #e54d1a;
}

.batut-scope .pdv3-sp-goto-cart svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* Селектор: какой бабл активен (показываем один из двух) */
.batut-scope .pdv3-sp-bubble[hidden] {
  display: none !important;
}


/* ============================================
   Row-обёртка: single-бабл + freecalc-пилюля рядом
   ============================================ */

.batut-scope .pdv3-sp-row {
  display: flex;
  align-items: stretch;
  gap: 0;
}

/* Бабл не сжимается — freecalc сжимается до своего min-width */
.batut-scope .pdv3-sp-row > .pdv3-sp-bubble { flex-shrink: 0; }

/* Строка выгоды внутри sticky-бабла — не переносится на 2 строки */
.batut-scope .pdv3-sp-bubble .pdv3-sp-cell__benefit { white-space: nowrap; }

/* Прячем freecalc по умолчанию; показываем только в режиме cook */
.batut-scope .pdv3-sp-row > .cat-freecalc.pdv3-sp-freecalc[data-cat-show] { display: none; }
.batut-scope :has([data-cat-root][data-cat-mode="cook"]) .pdv3-sp-row > .cat-freecalc.pdv3-sp-freecalc[data-cat-show~="cook"] {
  display: flex;
}

/* Бабл «обрезает» правые углы, когда рядом freecalc */
.batut-scope :has([data-cat-root][data-cat-mode="cook"]) .pdv3-sp-row > .pdv3-sp-bubble--single {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* ——— Пилюля freecalc: рыжий градиент, белый текст, прирастает к баблу ———
   Compound-селектор .cat-freecalc.pdv3-sp-freecalc — побеждает базовые стили
   .cat-freecalc из catering.css (тот грузится позже, но специфичность выше) */
.batut-scope .cat-freecalc.pdv3-sp-freecalc {
  flex: 0 1 220px;
  min-width: 200px;
  max-width: 260px;
  margin: 0;
  padding: 10px 14px;
  border: none;
  border-radius: 0 16px 16px 0;
  background: linear-gradient(135deg, #FE5D26 0%, #FF8B5F 100%);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  color: #fff;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__head {
  gap: 8px;
  margin-bottom: 0;
  align-items: center;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.22);
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__icon svg {
  width: 13px;
  height: 13px;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__title {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: #fff;
  margin-bottom: 0;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__title b { color: #fff; font-weight: 700; }

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__bar {
  height: 6px;
  background: rgba(255, 255, 255, 0.28);
  margin-bottom: 0;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__bar-fill {
  background: #fff;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__row {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-size: 11px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.75);
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__current {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__status {
  margin-top: 2px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  border-radius: 8px;
  font-weight: 500;
}

/* Achieved-состояние: зелёный градиент; иконка и статус-плашка скрываются */
.batut-scope .cat-freecalc.pdv3-sp-freecalc.achieved {
  background: linear-gradient(135deg, #1A8C3E 0%, #3DB262 100%);
  border: none;
}

.batut-scope .cat-freecalc.pdv3-sp-freecalc.achieved .cat-freecalc__icon, .batut-scope .cat-freecalc.pdv3-sp-freecalc.achieved .cat-freecalc__status {
  display: none;
}


/* ============================================
   Поповер-чек при ховере на кнопку корзины
   ============================================ */

.batut-scope .pdv3-sp-receipt-popup {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  width: 340px;
  padding: 14px 16px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  color: #312D2B;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 20;
}

/* Хвостик */
.batut-scope .pdv3-sp-receipt-popup::after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
}

/* Показ: ховер всего single-бабла ИЛИ самого поповера */
.batut-scope .pdv3-sp-bubble--single:hover .pdv3-sp-receipt-popup, .batut-scope .pdv3-sp-receipt-popup:hover {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.batut-scope .pdv3-sp-receipt-popup__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #312D2B;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(49, 45, 43, 0.08);
}

.batut-scope .pdv3-sp-receipt-popup__body:empty::before {
  content: "Выберите позиции в меню — чек обновится";
  display: block;
  font-size: 12px;
  color: rgba(49, 45, 43, 0.4);
  line-height: 16px;
}

/* Выделяем строку "Полевая кухня" */
.batut-scope .pdv3-sp-receipt-popup .pdv2-receipt__row--kitchen {
  margin-bottom: 8px;
  padding: 8px 10px;
  background: rgba(254, 93, 38, 0.06);
  border-radius: 6px;
}

.batut-scope .pdv3-sp-receipt-popup .pdv2-receipt__row--kitchen .pdv2-receipt__row-name {
  font-weight: 600;
  color: #312D2B;
}

.batut-scope .pdv3-sp-receipt-popup .pdv2-receipt__row--kitchen.is-free {
  background: rgba(34, 170, 68, 0.08);
}

/* ============================================
   pdv3-sp-relcase — Релевантный кейс под бонусом
   ============================================ */
.batut-scope .pdv3-sp-relcase {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.batut-scope .pdv3-sp-relcase__card {
  display: block;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  transition: box-shadow 0.2s ease;
}

.batut-scope .pdv3-sp-relcase__card:hover {
  box-shadow: 0 4px 14px 0 rgba(49, 45, 43, 0.12);
}

.batut-scope .pdv3-sp-relcase__img-box {
  position: relative;
  width: 100%;
  aspect-ratio: 576 / 380;
  background: #f3f1ef;
  overflow: hidden;
}

.batut-scope .pdv3-sp-relcase__img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.batut-scope .pdv3-sp-relcase__card:hover .pdv3-sp-relcase__img-box img {
  transform: scale(1.04);
}

.batut-scope .pdv3-sp-relcase__hover-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  box-shadow: 0 1px 4px rgba(49, 45, 43, 0.12);
}

.batut-scope .pdv3-sp-relcase__card:hover .pdv3-sp-relcase__hover-icon {
  opacity: 1;
  transform: translateY(0);
}

.batut-scope .pdv3-sp-relcase__body {
  padding: 12px;
}

.batut-scope .pdv3-sp-relcase__label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  color: #FE5D26;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}

.batut-scope .pdv3-sp-relcase__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #312D2B;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.batut-scope .pdv3-sp-relcase__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.batut-scope .pdv3-sp-relcase__tag {
  font-size: 11px;
  line-height: 14px;
  color: rgba(49, 45, 43, 0.7);
  padding: 4px 8px;
  background: #F3F1EF;
  border-radius: 6px;
  white-space: nowrap;
}

.batut-scope .pdv3-sp-relcase__all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #312D2B;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid rgba(49, 45, 43, 0.12);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.batut-scope .pdv3-sp-relcase__all:hover {
  background: #FFEFEA;
  border-color: #FFAE93;
  color: #FE5D26;
}

/* === catering.css === */
/* ================================================================
   CATERING — стили для кейтеринговой карточки
   Подключать ПОСЛЕ product-details-v2.css
   Префикс .cat- для изоляции
   ================================================================ */

/* ————————————————————————————————
   0. ВСТУПИТЕЛЬНЫЙ ТЕКСТ
   ———————————————————————————————— */

.batut-scope .cat-intro {
  position: relative;
  margin: 8px 0 20px;
  padding: 14px 16px 14px 54px;
  border-radius: 12px;
  background: #FFF;
  border: 1px solid rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px rgba(49, 45, 43, 0.04);
  font-size: 14px;
  line-height: 20px;
  color: #312D2B;
}

/* Баннер кассы — вписываем SVG в высоту баннера */

.batut-scope .cat-intro__icon {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #FE5D26, #FF8B5F);
  color: #FFF;
  flex-shrink: 0;
}

.batut-scope .cat-intro p + p {
  margin-top: 8px;
}

.batut-scope .cat-intro b { font-weight: 500; }


/* ————————————————————————————————
   1. ГЛАВНЫЕ КОМПЛЕКТЫ (Готовим / Только аренда)
   Оборачиваем штатный .complect-grid,
   добавляем крупнее формат + hover-popup
   ———————————————————————————————— */

.batut-scope .cat-complect-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

@media (max-width: 560px) {
  .batut-scope .cat-complect-grid { grid-template-columns: 1fr; }
}

/* --- Карточка комплекта: подтягиваем размеры/шрифты из варфрейма --- */
.batut-scope .cat-complect {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 80px;
  padding: 3px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0 1px 4px 0 rgba(49, 45, 43, 0.08);
  border: 1px solid transparent;
  cursor: pointer;
  transition: 0.15s;
}

.batut-scope .cat-complect:hover {
  border-color: #FFAE93;
  z-index: 5;
}

/* Компактная карточка комплекта: нет фото и нет описания.
   Только высота и ширина img-box — остальные стили (радио, галочка, name, price)
   наследуются от обычной .cat-complect. */
.batut-scope .cat-complect--compact {
  height: 56px;
}
.batut-scope .cat-complect--compact .cat-complect__img-box {
  width: 28px;
  max-width: 28px;
  min-width: 28px;
}

.batut-scope .cat-complect.selected {
  border-color: #FE5D26;
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .cat-complect__img-box {
  position: relative;
  flex-shrink: 0;
  align-self: center;
  max-width: 72px;
  width: 72px;
  aspect-ratio: 1 / 1;
  border-radius: 9px;
  overflow: hidden;
}

.batut-scope .cat-complect__img-box img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.batut-scope .cat-complect__text {
  flex: 1;
  min-width: 0;
  padding: 6px 26px 6px 10px; /* справа оставляем место под info-иконку */
  display: flex;
  flex-direction: column;
}

.batut-scope .cat-complect__name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.batut-scope .cat-complect__desc {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.5);
  margin-bottom: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Если в карточке есть цена — desc сжимаем до 1 строки */
.batut-scope .cat-complect:has(.cat-complect__price) .cat-complect__desc {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.batut-scope .cat-complect__price {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #312D2B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.batut-scope .cat-complect__price span {
  margin-left: 2px;
  font-weight: 400;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .cat-complect__price {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  margin-top: auto;
}

.batut-scope .cat-complect__price b {
  color: #FE5D26;
  font-weight: 500;
}

.batut-scope .cat-complect__info {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFF;
  border: 1px solid rgba(49, 45, 43, 0.06);
  color: rgba(49, 45, 43, 0.35);
}

.batut-scope .cat-complect__info:hover {
  border-color: #FFAE93;
  color: rgba(49, 45, 43, 0.55);
}

/* Hover-всплывашка при наведении на комплект */
.batut-scope .cat-complect__tooltip {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 20;
  padding: 14px 16px;
  background: #FFF;
  border-radius: 12px;
  border: 1px solid rgba(49, 45, 43, 0.08);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  font-size: 13px;
  line-height: 18px;
  color: #312D2B;
}

.batut-scope .cat-complect__tooltip::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  width: 12px;
  height: 12px;
  background: #FFF;
  border-left: 1px solid rgba(49, 45, 43, 0.08);
  border-top: 1px solid rgba(49, 45, 43, 0.08);
  transform: rotate(45deg);
}

.batut-scope .cat-complect:hover .cat-complect__tooltip {
  display: block;
}

.batut-scope .cat-complect__tooltip-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  margin-bottom: 4px;
}

.batut-scope .cat-complect__tooltip-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.batut-scope .cat-complect__tooltip-list li {
  position: relative;
  padding-left: 14px;
  color: rgba(49, 45, 43, 0.7);
  line-height: 18px;
}

.batut-scope .cat-complect__tooltip-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FE5D26;
}


/* ————————————————————————————————
   2. МЕНЮ БЛЮД С КАУНТЕРАМИ
   (для режима "готовим на месте")
   ———————————————————————————————— */

.batut-scope .cat-menu {
  margin-bottom: 24px;
}

.batut-scope .cat-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.batut-scope .cat-menu__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .cat-menu__hint {
  font-size: 12px;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .cat-menu__group {
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #FAFAFA;
  border: 1px solid rgba(49, 45, 43, 0.04);
}

.batut-scope .cat-menu__group-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.7);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.batut-scope .cat-menu__rows {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

/* Блок начинок для конкретной основы — показывается только активный */
.batut-scope .cat-menu__fillings {
  display: none;
  margin-top: 10px;
}

.batut-scope .cat-menu__fillings.active {
  display: block;
}

/* Скролл в списке начинок — появляется автоматически, когда строк больше 5 */
.batut-scope .cat-menu__fillings .cat-menu__rows {
  max-height: 280px;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(49, 45, 43, 0.2) transparent;
}

.batut-scope .cat-menu__fillings .cat-menu__rows::-webkit-scrollbar {
  width: 6px;
}
.batut-scope .cat-menu__fillings .cat-menu__rows::-webkit-scrollbar-thumb {
  background: rgba(49, 45, 43, 0.2);
  border-radius: 999px;
}
.batut-scope .cat-menu__fillings .cat-menu__rows::-webkit-scrollbar-track {
  background: transparent;
}

.batut-scope .cat-menu__fillings-head {
  font-size: 13px;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.6);
  margin-bottom: 8px;
  padding-left: 2px;
}

.batut-scope .cat-menu__fillings-head b {
  color: #FE5D26;
  font-weight: 500;
}

.batut-scope .cat-menu__filled-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  background: rgba(254, 93, 38, 0.08);
  color: #FE5D26;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.batut-scope .pdv2-subcomplect[data-cat-base-key] .cat-menu__filled-badge {
  display: none;
}
.batut-scope .pdv2-subcomplect[data-cat-base-key][data-cat-has-items="1"] .cat-menu__filled-badge {
  display: inline-flex;
}

/* Галочка внутри радио — центрированная 16×16 (перекрывает product-details-v2.css) */
.batut-scope .pdv2-subcomplect[data-cat-base-key] .pdv2-subcomplect__radio svg {
  width: 16px;
  height: 16px;
}

.batut-scope .cat-menu__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid transparent;
  transition: 0.15s;
}

.batut-scope .cat-menu__row:hover {
  border-color: rgba(254, 93, 38, 0.2);
}

.batut-scope .cat-menu__row.active {
  border-color: #FE5D26;
  background: #FFF7F2;
}

.batut-scope .cat-menu__row-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #312D2B;
}

.batut-scope .cat-menu__row-desc {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .cat-menu__row-price {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  white-space: nowrap;
}

.batut-scope .cat-menu__row-price span {
  color: rgba(49, 45, 43, 0.5);
  font-weight: 400;
  font-size: 12px;
}


/* ————————————————————————————————
   3. КАУНТЕР +/− (универсальный)
   ———————————————————————————————— */

.batut-scope .cat-counter {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #FFF;
  height: 32px;
  padding: 0 2px;
}

.batut-scope .cat-counter__btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: #312D2B;
  transition: 0.15s;
  padding: 0;
}

.batut-scope .cat-counter__btn:hover {
  background: rgba(254, 93, 38, 0.1);
  color: #FE5D26;
}

.batut-scope .cat-counter__btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.batut-scope .cat-counter__value {
  width: 36px;
  text-align: center;
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
}

.batut-scope .cat-counter__value::-webkit-outer-spin-button, .batut-scope .cat-counter__value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.batut-scope .cat-counter--active {
  border-color: #FE5D26;
  background: #FFF7F2;
}


/* ————————————————————————————————
   4. КАЛЬКУЛЯТОР БЕСПЛАТНОГО ОБОРУДОВАНИЯ
   ———————————————————————————————— */

.batut-scope .cat-freecalc {
  position: relative;
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px dashed rgba(254, 93, 38, 0.4);
  background:
    linear-gradient(135deg, rgba(254, 93, 38, 0.04) 0%, rgba(254, 93, 38, 0) 60%),
    #FFF;
}

.batut-scope .cat-freecalc__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.batut-scope .cat-freecalc__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, #FE5D26, #FF8B5F);
  display: flex;
  align-items: center;
  justify-content: center;
}

.batut-scope .cat-freecalc__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
  margin-bottom: 2px;
}

.batut-scope .cat-freecalc__title b { color: #FE5D26; }

.batut-scope .cat-freecalc__desc {
  font-size: 12px;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .cat-freecalc__bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: rgba(49, 45, 43, 0.06);
  overflow: hidden;
  margin-bottom: 8px;
}

.batut-scope .cat-freecalc__bar-fill {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, #FE5D26 0%, #FF8B5F 100%);
  transition: width 0.35s ease;
}

.batut-scope .cat-freecalc__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 13px;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.6);
}

.batut-scope .cat-freecalc__current {
  font-size: 15px;
  font-weight: 500;
  color: #312D2B;
}

.batut-scope .cat-freecalc__target {
  font-variant-numeric: tabular-nums;
}

.batut-scope .cat-freecalc__status {
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(34, 170, 68, 0.08);
  color: #1A8C3E;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  display: none;
  align-items: center;
  gap: 6px;
}

.batut-scope .cat-freecalc__status svg { flex-shrink: 0; }

.batut-scope .cat-freecalc.achieved .cat-freecalc__status { display: flex; }

.batut-scope .cat-freecalc.achieved {
  border-style: solid;
  border-color: rgba(34, 170, 68, 0.4);
  background:
    linear-gradient(135deg, rgba(34, 170, 68, 0.06) 0%, rgba(34, 170, 68, 0) 60%),
    #FFF;
}

.batut-scope .cat-freecalc.achieved .cat-freecalc__icon {
  background: linear-gradient(135deg, #1A8C3E, #3DB262);
}


/* ————————————————————————————————
   5. КАРТОЧКА ОБОРУДОВАНИЯ (для "только аренда")
   ———————————————————————————————— */

.batut-scope .cat-equipment {
  margin-bottom: 20px;
  padding: 14px;
  border-radius: 14px;
  background: #FFF;
  border: 1px solid rgba(49, 45, 43, 0.08);
  box-shadow: 0 1px 4px rgba(49, 45, 43, 0.04);
  display: grid;
  grid-template-columns: 96px 1fr auto;
  gap: 14px;
  align-items: center;
}

@media (max-width: 500px) {
  .batut-scope .cat-equipment {
    grid-template-columns: 72px 1fr;
  }
  .batut-scope .cat-equipment .cat-counter {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

.batut-scope .cat-equipment__img {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  object-fit: cover;
}

.batut-scope .cat-equipment__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.batut-scope .cat-equipment__name {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

.batut-scope .cat-equipment__meta {
  font-size: 13px;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .cat-equipment__price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
}

.batut-scope .cat-equipment__price-amount {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #312D2B;
}

.batut-scope .cat-equipment__price-postfix {
  font-size: 13px;
  line-height: 18px;
  color: rgba(49, 45, 43, 0.5);
}


/* ————————————————————————————————
   7. ПЕРЕКЛЮЧЕНИЕ РЕЖИМОВ (показ/скрытие блоков)
   ———————————————————————————————— */

/* Специфичные grid/flex для блоков, если надо */
.batut-scope [data-cat-mode="rent"] .cat-equipment[data-cat-show~="rent"] { display: grid; }


/* ————————————————————————————————
   8. Адаптив
   ———————————————————————————————— */

@media (max-width: 500px) {
  .batut-scope .cat-menu__row {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
  }
  .batut-scope .cat-menu__row-price {
    grid-column: 1 / 2;
    font-size: 13px;
  }
  .batut-scope .cat-menu__row .cat-counter {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
  }
}

/* === pdv3-3col.css === */
/* ============================================
   pdv3-3col — Трёхколоночная карточка товара
   Колонки: галерея (sticky) | контент | цена (sticky)
   Префикс: использует существующие классы + override
   ============================================ */

/* В блоке cases26 — масштабируем карточки под 1300px */
.batut-scope .cases26 .big-item, .batut-scope .cases26 .items {
  max-width: 642px;
}

.batut-scope .cases26 .item .img-box {
  max-width: 250px;
}

.batut-scope .cases26 .item .content {
  max-width: 360px;
}

/* В блоке recommend кнопка "В корзину" — на всю ширину карточки */
.batut-scope .recommend .card-controls {
  display: flex;
}

.batut-scope .recommend .card-controls .add-basket {
  flex: 1;
  width: 100%;
  max-width: none;
  justify-content: center;
}

/* ====== 0. Контейнеры шапки, карточки и нижних секций: шире и без боковых паддингов ====== */
.batut-scope .header > .container, .batut-scope .product26 > .container, .batut-scope .catalog-popular26 > .container, .batut-scope .cases26 > .container, .batut-scope .reviews26 > .container, .batut-scope .request > .container, .batut-scope .recommend > .container {
  max-width: 1300px;
  padding-left: 0;
  padding-right: 0;
}

/* ====== 1. Сетка inner: 3 колонки ====== */
.batut-scope .product26 .inner {
  display: grid;
  grid-template-columns: 500px minmax(0, 1fr) 240px;
  gap: 24px;
  align-items: start;
  padding-bottom: 48px;
}

/* Хлебные крошки — над всеми колонками */
.batut-scope .product26 > .container > .breadcrumbs26 {
  margin-bottom: 16px;
}

/* ====== 2. Левая колонка — галерея 500px, фото 3:2 ====== */
.batut-scope .product26 .product-gallery {
  max-width: 500px;
  width: 100%;
  position: sticky;
  top: 100px;
  align-self: start;
}

/* Галерея: главное фото сверху, превью снизу горизонтально */
.batut-scope .product26 .slider-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.batut-scope .product26 .main-slider-wrapper {
  max-width: 500px;
  width: 100%;
  aspect-ratio: 3 / 2;
  order: 0;
}

.batut-scope .product26 .main-slider, .batut-scope .product26 .main-slider-item {
  aspect-ratio: 3 / 2;
}

/* Превью — горизонтальная полоса под главным фото */
.batut-scope .product26 .small-slider-wrapper {
  max-width: 500px;
  min-width: 0;
  width: 100%;
  order: 1;
  position: relative;
}

.batut-scope .product26 .small-slider {
  overflow: hidden;
  height: auto;
  max-height: none;
  max-width: 100%;
  padding: 5px 0;
  margin: -5px 0;
}

.batut-scope .product26 .small-slider .swiper-wrapper {
  flex-direction: row;
}

/* Превью: фикс высота 80px, ширина — по натуральной пропорции картинки */
.batut-scope .product26 .small-slider .swiper-wrapper {
  align-items: center;
}

.batut-scope .product26 .small-slider-item {
  width: auto !important;
  max-width: none;
  min-width: 0;
  height: 80px;
  aspect-ratio: auto;
  border-radius: 10px;
  flex-shrink: 0;
}

.batut-scope .product26 .small-slider-item img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.batut-scope .product26 .small-slider-item .icon {
  width: 24px;
  height: 24px;
}

.batut-scope .product26 .small-slider-item .icon svg {
  width: 8px;
  height: 10px;
}

/* Скрываем вертикальные стрелки превью — для горизонтальной полосы не нужны */
.batut-scope .product26 .small-slider-wrapper .slider-prev, .batut-scope .product26 .small-slider-wrapper .slider-next {
  display: none;
}

/* cat-intro в галерее: больше отступ сверху */
.batut-scope .product26 .product-gallery .cat-intro {
  margin: 30px 0 20px;
}

/* Бейдж "Вся категория" — под галереей */
.batut-scope .product26 .product-category-badge {
  color: #312D2B;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 30px 0 0 auto;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(49, 45, 43, 0.08);
  transition: background .2s, border-color .2s;
}

.batut-scope .product26 .product-category-badge:hover {
  background: #fff7f4;
  border-color: #feb49e;
}

.batut-scope .product26 .product-category-badge svg {
  color: #FE5D26;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.batut-scope .product26 .product-category-badge span {
  color: #FE5D26;
  font-weight: 600;
}

.batut-scope .product26 .product-category-badge .badge-arrow {
  color: #ccbfb9;
  width: 16px;
  height: 16px;
  transition: color .2s, transform .2s;
}

.batut-scope .product26 .product-category-badge:hover .badge-arrow {
  color: #FE5D26;
  transform: translateX(3px);
}

.batut-scope .product26 .product-gallery .slider-pagination {
  display: none;
  padding-top: 0;
}

/* ====== 3. Средняя колонка — контент ====== */
.batut-scope .product26 .product26-content {
  min-width: 0;
}

/* product26-promo: возвращаем иконку на мобильной ширине */
.batut-scope .product26 .product26-promo .img {
  display: block;
}

.batut-scope .product26 .product26-promo .title {
  line-height: 18px;
  margin-bottom: 0;
  padding-right: 110px;
}

.batut-scope .product26 .product26-promo .text {
  padding-right: 110px;
}

/* Скрываем hover-выпадашки в .pdv2-section__items (preview-картинки на наведение) */
.batut-scope .product26 .pdv2-section__items .pdv2-subcomplect__hover-img, .batut-scope .product26 .pdv2-section__items .pdv2-addon__hover-img, .batut-scope .product26 .pdv2-section__items .pdv2-variant__hover-img {
  display: none !important;
}

/* Усиливаем правило для галочки выбранного аддона — на случай конфликтов */
.batut-scope .product26 .pdv2-addon.selected .pdv2-addon__check svg, .batut-scope .product26 .pdv2-subcomplect.selected .pdv2-subcomplect__check svg {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
}

/* cat-complect "i" — увеличиваем кружок и SVG, чтобы "i" читался */
.batut-scope .product26 .cat-complect__info {
  width: 22px;
  height: 22px;
  pointer-events: none;
}

/* Бейдж "Рекомендуем" — смещаем влево, чтобы не наезжал на иконку "i" в углу */
/* Бейдж «Рекомендуем» — в правый верхний угол карточки, заметно выступая
   над её верхним краем. Раньше центрировался по 70% ширины — наезжало на
   контент, особенно когда нет фото. */
.batut-scope .product26 .complectation .cat-complect .badge {
  right: 33px;
  left: auto;
  transform: none;
  top: -14px;
  padding: 4px 8px 4px 6px;
  border-radius: 6px;
  z-index: 3;
  box-shadow: 0 2px 6px rgba(254, 93, 38, 0.25);
}
.batut-scope .product26 .complectation .cat-complect .badge .cat-complect__badge-icon {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
}

.batut-scope .product26 .cat-complect__info:hover {
  border-color: rgba(49, 45, 43, 0.06);
}

.batut-scope .product26 .cat-complect__info svg {
  width: 18px;
  height: 18px;
}

/* Унифицированный тонкий скролл в dops-inner (как в cat-menu__rows) */
.batut-scope .product26 .additional .dops-inner {
  scrollbar-width: thin;
  scrollbar-color: rgba(49, 45, 43, 0.2) transparent;
}

.batut-scope .product26 .additional .dops-inner::-webkit-scrollbar {
  width: 6px;
}

.batut-scope .product26 .additional .dops-inner::-webkit-scrollbar-thumb {
  background: rgba(49, 45, 43, 0.2);
  border-radius: 999px;
}

.batut-scope .product26 .additional .dops-inner::-webkit-scrollbar-track {
  background: transparent;
}

/* Subtitle в .additional и .mini-dops — как в .complectation */
.batut-scope .product26 .additional .subtitle, .batut-scope .product26 .mini-dops .subtitle {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #312D2B;
}

/* Заголовок h2 в textbox — отступ снизу до текста.
   !important чтобы перебить inline-style из TinyMCE/Word при копи-пасте
   (часто прилетает <h2><span style="font-size:14px;color:..">...). */
.batut-scope .product26 .info-tabs .tab-content .textbox h2 {
  margin: 0 0 10px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #312D2B !important;
  font-family: inherit !important;
}

.batut-scope .product26 .info-tabs .tab-content .textbox h2 *,
.batut-scope .product26 .info-tabs .tab-content .textbox h2 span {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  font-family: inherit !important;
  background: none !important;
  background-image: none !important;
}

/* Артикул + кнопка "Поделиться" в одной строке */
.batut-scope .product26 .pd-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.batut-scope .product26 .pd-meta-row .articul {
  margin-bottom: 0;
}

/* Кнопка "Поделиться" — ВРЕМЕННО СКРЫТА (2026-05-07). Убрать `display:none` чтобы вернуть. */
.batut-scope .product26 .pd-share {
  display: none !important;
  position: relative;
}

.batut-scope .product26 .pd-share__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(49, 45, 43, 0.1);
  background: #fff;
  border-radius: 50%;
  color: rgba(49, 45, 43, 0.7);
  cursor: pointer;
  transition: 0.15s;
}

.batut-scope .product26 .pd-share__btn svg {
  width: 18px;
  height: 18px;
}

.batut-scope .product26 .pd-share__btn:hover {
  border-color: rgba(254, 93, 38, 0.4);
  color: #FE5D26;
}

.batut-scope .product26 .pd-share__btn svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* social-link внутри pd-share — повторяем стиль из style.css (т.к. .product26-content селектор там не срабатывает после JS-переноса) */
.batut-scope .product26 .pd-share .social-link {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  flex-shrink: 0;
}

.batut-scope .product26 .pd-share .social-link:hover {
  border: 1px solid #FE5D26;
  box-shadow: 0 0 0 2px rgba(254, 93, 38, 0.16), 0 1px 4px 0 rgba(49, 45, 43, 0.08);
}

.batut-scope .product26 .pd-share .social-link img, .batut-scope .product26 .pd-share .social-link svg {
  width: 16px;
  height: 16px;
}

/* Поповер с соцсетями: появляется по hover/focus */
.batut-scope .product26 .pd-share .social {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  background: #fff !important;
  border: 1px solid rgba(49, 45, 43, 0.08);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(49, 45, 43, 0.1);
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-4px);
  transition: opacity 0.15s, transform 0.15s;
  z-index: 50;
  display: flex !important;
  gap: 4px !important;
  justify-content: flex-start !important;
  width: auto;
  height: auto;
}

/* Не даём попадать под анимацию исчезновения, пока курсор между кнопкой и поповером */
.batut-scope .product26 .pd-share::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  height: 8px;
}

.batut-scope .product26 .pd-share:hover .social, .batut-scope .product26 .pd-share:focus-within .social {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0);
}

/* На мобиле скрываем — оставляем только кнопку, иконки можно показать через нативный share */
@media (max-width: 1260px) {
  .batut-scope .product26 .pd-share .social {
    display: flex;
  }
}

/* ====== 4. Правая колонка — buy-box карточка ====== */
/* Sticky-параметры на самом grid-item .pdv3-sp-wrapper, чтобы offsetParent
   был grid-ячейкой (как у галереи), а не внутренним враппером.
   Это даёт ту же длину sticky, что и у .product-gallery. */
.batut-scope .product26 .inner > .pdv3-sp-wrapper {
  position: sticky;
  top: 100px;
  display: block;
  pointer-events: auto;
  z-index: 10;
  align-self: start;
  width: 100%;
  bottom: auto;
  left: auto;
  right: auto;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-container {
  position: static !important;
  top: auto;
  left: auto !important;
  right: auto;
  bottom: auto;
  width: 100% !important;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: auto;
}

/* Минимальный баббл — в сайдбаре он дублирует single, скрываем */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--minimal {
  display: none;
}

/* === Главная карточка цены (single и dual) === */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble {
  width: 100%;
  align-self: stretch;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(49, 45, 43, 0.08);
  box-shadow: 0 4px 16px rgba(49, 45, 43, 0.04);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #312D2B;
}

/* В cook-режиме оригинальный CSS отрезает правые углы single-баббла —
   в сайдбаре freecalc снизу, не справа, поэтому возвращаем все углы */
.batut-scope :has([data-cat-root][data-cat-mode="cook"]) .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-row > .pdv3-sp-bubble--single {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* Ценовая ячейка */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell {
  padding: 0;
  gap: 6px;
  background: transparent !important;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell--active .pdv3-sp-cell__label {
  color: #FE5D26;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell__value {
  align-items: baseline;
  gap: 6px;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell__prefix, .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell__postfix {
  font-size: 13px;
  font-weight: 500;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell__amount {
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  color: #312D2B;
  letter-spacing: -0.01em;
}

/* Бенефит — зелёный пилль "со 2-го дня дешевле" */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cell__benefit {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(34, 170, 68, 0.1);
  color: #1A8C3E;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

/* Dual-баббл: две цены друг под другом, разделитель */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual {
  gap: 12px;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual .pdv3-sp-cell {
  padding: 12px;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.15s;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual .pdv3-sp-cell:hover {
  background: rgba(49, 45, 43, 0.04) !important;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual .pdv3-sp-cell--active {
  background: rgba(254, 93, 38, 0.06) !important;
  outline: 1px solid rgba(254, 93, 38, 0.2);
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-divider {
  display: none;
}

/* === Действия: CTA "В корзину" + после добавления qty/goto === */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-actions {
  width: 100%;
  margin-left: 0;
  flex-direction: column;
  gap: 8px;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cart-btn {
  width: 100%;
  height: 48px;
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  justify-content: center;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cart-added {
  width: 100%;
  flex-direction: column;
  gap: 8px;
}

/* Скрываем counter qty — количество выбирается в теле карточки */
.batut-scope .product26 .pdv3-sp-qty {
  display: none !important;
}

/* После клика "В корзину" остаётся только "Перейти в корзину" — растягиваем на всю ширину */
.batut-scope .product26 .pdv3-sp-cart-added {
  flex-direction: column !important;
}

.batut-scope .product26 .pdv3-sp-goto-cart {
  flex: none !important;
  width: 100% !important;
}

/* Counter qty: светлая подложка вместо тёмной */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-qty {
  width: 100%;
  height: 48px;
  background: rgba(49, 45, 43, 0.05);
  border-radius: 12px;
  justify-content: space-between;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-qty__btn {
  width: 48px;
  height: 48px;
  color: #312D2B;
  font-size: 20px;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-qty__btn:hover {
  background: rgba(49, 45, 43, 0.06);
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-qty__value {
  flex: 1;
  width: auto;
  color: #312D2B;
  caret-color: #312D2B;
  font-size: 15px;
  font-weight: 600;
}

/* Goto-cart как вторичная (white + outline) */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart {
  width: 100%;
  height: 44px;
  padding: 10px 16px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(254, 93, 38, 0.4);
  color: #FE5D26;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart:hover {
  background: rgba(254, 93, 38, 0.06);
  border-color: #FE5D26;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart svg path {
  stroke: #FE5D26;
}

/* === Freecalc — яркий promo-баннер с прогрессом === */
.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc {
  position: relative;
  width: 100%;
  flex: none;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 16px 16px 14px;
  border: none;
  border-radius: 18px;
  background:
    radial-gradient(ellipse 200px 120px at top right, rgba(255, 255, 255, 0.25) 0%, transparent 70%),
    repeating-linear-gradient(135deg, transparent 0 22px, rgba(255, 255, 255, 0.06) 22px 24px),
    linear-gradient(135deg, #FE5D26 0%, #FF8B5F 100%);
  color: #fff;
  box-shadow: 0 6px 20px rgba(254, 93, 38, 0.28);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* "БОНУС" — мини-метка в верхнем левом углу */
.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc::before {
  content: "БОНУС";
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  padding: 3px 8px;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 12px;
}

/* Декоративный иконка-блик в углу (gift) */
.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 14px;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 12 20 22 4 22 4 12'/><rect x='2' y='7' width='20' height='5'/><line x1='12' y1='22' x2='12' y2='7'/><path d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/><path d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.85;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__head {
  margin: 0;
  gap: 0;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__icon {
  display: none;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  margin: 0;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__title b {
  color: #fff;
  font-weight: 800;
}

/* Прогресс-бар: толще, с shimmer */
.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__bar {
  height: 8px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  margin: 4px 0 2px;
  overflow: hidden;
  position: relative;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__bar-fill {
  background: #fff;
  border-radius: 999px;
  position: relative;
  overflow: hidden;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__bar-fill::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  background: linear-gradient(90deg, transparent 0%, rgba(254, 93, 38, 0.4) 50%, transparent 100%);
  animation: pdv3-freecalc-shimmer 1.8s infinite;
}

@keyframes pdv3-freecalc-shimmer {
  0% { transform: translateX(-60px); }
  100% { transform: translateX(280px); }
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__row {
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.85);
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__current {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__target {
  font-variant-numeric: tabular-nums;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc .cat-freecalc__status {
  margin-top: 4px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 10px;
}

/* Achieved: зелёный градиент, иконка-галочка вместо подарка */
.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc.achieved {
  background:
    radial-gradient(ellipse 200px 120px at top right, rgba(255, 255, 255, 0.25) 0%, transparent 70%),
    repeating-linear-gradient(135deg, transparent 0 22px, rgba(255, 255, 255, 0.06) 22px 24px),
    linear-gradient(135deg, #4a7157 0%, #6bc788 100%);
  box-shadow: 0 6px 20px rgba(74, 113, 87, 0.32);
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc.achieved::before {
  content: "АКТИВИРОВАНО";
  background: rgba(255, 255, 255, 0.28);
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc.achieved::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5L20 7'/></svg>");
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc.achieved .cat-freecalc__bar-fill::after {
  background: linear-gradient(90deg, transparent 0%, rgba(74, 113, 87, 0.4) 50%, transparent 100%);
}

/* Чтобы popover мог "вылетать" наружу */
.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc {
  cursor: help;
}

/* === Поповер с подробностями акции === */
.batut-scope .product26 .cat-freecalc__popover {
  position: absolute;
  right: calc(100% + 14px);
  top: 0;
  width: 320px;
  padding: 16px 18px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(49, 45, 43, 0.14);
  color: #312D2B;
  opacity: 0;
  pointer-events: none;
  transform: translateX(6px);
  transition: opacity 0.15s, transform 0.15s;
  z-index: 9999;
  text-align: left;
}


/* Хвостик справа, указывает на freecalc-карточку */
.batut-scope .product26 .cat-freecalc__popover::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 24px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.04);
}

/* Невидимый мост, чтобы курсор мог перейти с карточки на поповер без флика */
.batut-scope .product26 .cat-freecalc__popover::before {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;
  width: 16px;
  height: 100%;
}

.batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc:hover .cat-freecalc__popover, .batut-scope .product26 .cat-freecalc__popover:hover {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.batut-scope .product26 .cat-freecalc__popover-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #312D2B;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(49, 45, 43, 0.08);
}

.batut-scope .product26 .cat-freecalc__popover-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.batut-scope .product26 .cat-freecalc__popover-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.batut-scope .product26 .cat-freecalc__popover-list li > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.batut-scope .product26 .cat-freecalc__popover-list li b {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #312D2B;
}

.batut-scope .product26 .cat-freecalc__popover-list li span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.6);
}

.batut-scope .product26 .cat-freecalc__popover-num {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FE5D26 0%, #FF8B5F 100%);
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  margin-top: 1px;
}

.batut-scope .product26 .cat-freecalc__popover-hint {
  margin-top: 12px;
  padding: 8px 10px;
  background: rgba(254, 93, 38, 0.06);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #FE5D26;
}

.batut-scope .product26 .cat-freecalc__popover-hint svg {
  flex-shrink: 0;
}

/* Поповер чека — вылетает влево от карточки */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-receipt-popup {
  right: 100%;
  left: auto;
  margin-right: 12px;
  margin-bottom: 0;
  bottom: auto;
  top: 0;
}

/* Хвостик-указатель: справа, посередине высоты */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-receipt-popup::after {
  right: -6px;
  left: auto;
  bottom: auto;
  top: 28px;
  box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.04);
}

/* ====== 5. Адаптив ====== */

/* Возвращаем боковые паддинги контейнерам при <1300px,
   чтобы контент не липнул к краю экрана */
@media (max-width: 1300px) {
  .batut-scope .header > .container, .batut-scope .product26 > .container, .batut-scope .catalog-popular26 > .container, .batut-scope .cases26 > .container, .batut-scope .reviews26 > .container, .batut-scope .request > .container, .batut-scope .recommend > .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 1260px) {
  /* 3 колонки → 1, minmax(0,1fr) разрешает грид-треку сжиматься уже контента */
  .batut-scope .product26 .inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* Скрываем десктопный pd-meta-row — артикул дублируется с product-head-mobile,
     pd-share JS-ом переезжает в product-head-mobile.head-row */
  .batut-scope .product26 .pd-meta-row {
    display: none;
  }

  /* head-row на мобиле — flex c артикулом слева и share справа */
  .batut-scope .product26 .product-head-mobile .head-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  /* Грид-итемам — min-width: 0, чтобы не распирать контейнер длинным контентом */
  .batut-scope .product26 .inner > .product-gallery, .batut-scope .product26 .inner > .product26-content, .batut-scope .product26 .inner > .pdv3-sp-wrapper {
    min-width: 0;
  }

  .batut-scope .product26 .product-gallery {
    position: static;
    max-width: 100%;
  }

  .batut-scope .product26 .main-slider-wrapper, .batut-scope .product26 .small-slider-wrapper {
    max-width: 600px;
  }

  .batut-scope .product26 .product-gallery .cat-intro {
    margin: 30px 0 0;
  }

  .batut-scope .product26 .complectation .cat-complect .badge {
    left: auto;
    right: 33px;
  }

  /* === Цена: фикс-полоса заподлицо с нижним краем экрана === */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 21;
    display: block;
    max-width: none;
    width: auto;
    pointer-events: none;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-container {
    position: relative !important;
    top: auto;
    bottom: 0;
    left: 0 !important;
    right: 0;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    padding: 8px 12px env(safe-area-inset-bottom, 8px);
    background: #fff;
    border-top: 1px solid rgba(49, 45, 43, 0.08);
    border-radius: 0;
    box-shadow: 0 -4px 20px rgba(49, 45, 43, 0.08);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    pointer-events: auto;
  }

  /* Скрываем minimal баббл (он дубль single) */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--minimal {
    display: none;
  }

  /* Row горизонтально */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-row {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0;
  }

  /* Single-баббл: прозрачный, в ряд с CTA */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--single {
    flex: 1;
    width: auto;
    flex-direction: row;
    align-items: center;
    padding: 0 4px;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    gap: 12px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--single .pdv3-sp-cell {
    padding: 0;
    gap: 0;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--single .pdv3-sp-cell__label {
    font-size: 10px;
    line-height: 12px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--single .pdv3-sp-cell__amount {
    font-size: 20px;
    line-height: 26px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--single .pdv3-sp-cell__prefix, .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--single .pdv3-sp-cell__postfix {
    font-size: 12px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--single .pdv3-sp-cell__benefit {
    font-size: 11px;
    padding: 2px 6px;
    line-height: 14px;
    align-self: flex-start;
  }

  /* CTA в ряд */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-actions {
    flex-direction: row;
    width: auto;
    flex-shrink: 0;
    margin-left: auto;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cart-btn {
    width: auto;
    height: 44px;
    padding: 10px 18px;
    font-size: 14px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cart-added {
    flex-direction: row;
    width: auto;
    gap: 6px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-qty {
    width: auto;
    height: 44px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-qty__btn {
    width: 36px;
    height: 44px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart {
    width: auto;
    /* !important — перебиваем общее правило 11173 (height:44) идущее ниже в файле */
    height: 68px !important;
    padding: 10px 14px;
    font-size: 13px;
  }

  /* Freecalc на мобиле — встроена inline после .additional, отступы */
  .batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc {
    margin: 8px 0 24px;
  }

  /* Поповер чека — обратно вверх над ценой */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-receipt-popup {
    right: 12px;
    left: auto;
    margin-right: 0;
    bottom: calc(100% + 10px);
    top: auto;
    margin-bottom: 0;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-receipt-popup::after {
    right: 24px;
    left: auto;
    top: auto;
    bottom: -6px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
  }

  /* Поповер бонуса — снизу вверх */
  .batut-scope .product26 .cat-freecalc__popover {
    right: auto;
    left: 12px;
    bottom: calc(100% + 10px);
    top: auto;
    transform: translateY(6px);
    width: calc(100vw - 24px);
    max-width: 320px;
  }

  .batut-scope .product26 .cat-freecalc__popover::after {
    right: auto;
    left: 24px;
    top: auto;
    bottom: -6px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
  }

  .batut-scope .product26 .cat-freecalc__popover::before {
    right: 0;
    top: auto;
    bottom: -10px;
    width: 100%;
    height: 10px;
  }

  .batut-scope .product26 .cat-freecalc.pdv3-sp-freecalc:hover .cat-freecalc__popover, .batut-scope .product26 .cat-freecalc__popover:hover {
    transform: translateY(0);
  }

  /* Чтобы контент не залезал под фикс-полосу */
  .batut-scope {
    padding-bottom: 80px;
  }
}

/* В режиме «Купить» подкомплекты и батутные допы неактивны: серенькие
   и без кликов. Класс batut-sale-mode ставится JS на [data-cat-root]. */
.batut-scope [data-cat-root].batut-sale-mode .pdv2-subcomplect,
.batut-scope [data-cat-root].batut-sale-mode .pdv2-addon {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

/* Доп. товары — кликабельная карточка. После выбора меняется только надпись
   на кнопке (.dops-item__btn-text), без подсветки самой карточки. */
.batut-scope .additional .dops-item {
  cursor: pointer;
}

/* Модалка-уведомление вместо нативного alert (центр экрана, стили сайта). */
.bf-notice-overlay {
  position: fixed;
  inset: 0;
  background: rgba(49, 45, 43, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 16px;
  animation: bfNoticeFade 0.15s ease;
}
@keyframes bfNoticeFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.bf-notice {
  background: #fff;
  border-radius: 16px;
  padding: 28px 32px 24px;
  max-width: 380px;
  width: 100%;
  text-align: center;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  animation: bfNoticePop 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes bfNoticePop {
  from { opacity: 0; transform: translateY(8px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
.bf-notice__msg {
  color: #312D2B;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 20px;
}
.bf-notice__btn {
  background: #FE5D26;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  font-family: inherit;
  min-width: 140px;
}
.bf-notice__btn:hover {
  background: #E04A1A;
}
.bf-notice__btn:focus-visible {
  outline: 2px solid rgba(254, 93, 38, 0.4);
  outline-offset: 2px;
}


/* === product-batut.css === */
/* ============================================
   product-batut.css
   Стили для шаблона product-details-batut-lego.html
   ============================================ */

/* Поповер "Что входит в стоимость" — слева от табов (sticky-колонка справа экрана). */
.batut-scope .batut-dual {
  position: relative;
}

.batut-scope .batut-receipt {
  position: absolute !important;
  right: calc(100% + 14px) !important;
  left: auto !important;
  top: 0 !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 320px !important;
}

/* Хвостик справа (указывает на табы) */
.batut-scope .batut-receipt::after {
  right: -6px !important;
  left: auto !important;
  bottom: auto !important;
  top: 24px !important;
}

/* Невидимый "мостик" между табами и попапом — чтобы курсор не терял hover при переходе */
.batut-scope .batut-receipt::before {
  content: "";
  position: absolute;
  top: 0;
  right: -14px;
  width: 14px;
  height: 100%;
}

/* Показ попапа: при наведении на любую таб-карточку, на сам попап,
   а также на кнопки «В корзину» / «Перейти в корзину» (через :has() —
   .batut-receipt идёт ДО .pdv3-sp-actions в DOM, общий sibling-комбинатор
   снизу-вверх не работает). */
.batut-scope .batut-tabs:hover ~ .batut-receipt,
.batut-scope .batut-receipt:hover,
.batut-scope .pdv3-sp-bubble--dual.batut-dual:has(.pdv3-sp-cart-btn:hover) .batut-receipt,
.batut-scope .pdv3-sp-bubble--dual.batut-dual:has(.pdv3-sp-goto-cart:hover) .batut-receipt {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Строки в чеке */
.batut-scope .batut-receipt__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  font-size: 13px;
  line-height: 18px;
}

.batut-scope .batut-receipt__row-name {
  color: rgba(49, 45, 43, 0.6);
  font-weight: 400;
}

.batut-scope .batut-receipt__row-price {
  font-weight: 600;
  color: #312D2B;
  white-space: nowrap;
}

.batut-scope .batut-receipt__row--total {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 2px solid rgba(49, 45, 43, 0.08);
  border-bottom: none;
  font-size: 14px;
}

.batut-scope .batut-receipt__row--total .batut-receipt__row-name {
  color: #312D2B;
  font-weight: 600;
}

.batut-scope .batut-receipt__row--total .batut-receipt__row-price {
  color: #FE5D26;
  font-size: 16px;
}

.batut-scope .batut-receipt__section-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(49, 45, 43, 0.45);
  margin-top: 10px;
  margin-bottom: 4px;
}

.batut-scope .batut-receipt__section-title:first-child {
  margin-top: 0;
}

/* Адаптив: если справа места мало (узкая колонка/мобила) — попап снизу */
@media (max-width: 1260px) {
  .batut-scope .batut-receipt {
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 10px) !important;
    bottom: auto !important;
  }
  .batut-scope .batut-receipt::after {
    right: 24px !important;
    top: -6px !important;
    bottom: auto !important;
  }
  .batut-scope .batut-receipt::before {
    top: -14px;
    right: 0;
    width: 100%;
    height: 14px;
  }
}

/* HTML-атрибут [hidden] на cat-complect: базовый display: flex перебивает browser default,
   поэтому форсируем display: none для скрытых cat-complect (rent/sale переключение). */
.batut-scope .cat-complect[hidden] {
  display: none !important;
}

/* Доплата у pdv2-subcomplect (например, "+ 7 000 ₽" для асфальта) — цвет как у pdv2-addon__price */
.batut-scope .pdv2-subcomplect__extra {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.5);
  margin-left: 4px;
  white-space: nowrap;
}

/* pdv2-addon__price — размер как у pdv2-subcomplect__extra */
.batut-scope .pdv2-addon__price {
  font-size: 12px !important;
  line-height: 16px !important;
}

/* Бейдж "Обязательно!" в pdv2-addon — по образцу .complectation .badge */
.batut-scope .pdv2-addon > .badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 4px;
  background: #FE5D26;
  z-index: 2;
  white-space: nowrap;
}

.batut-scope .pdv2-addon > .badge span {
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
}

/* Hover-попап у pdv2-subcomplect и pdv2-addon — крупная картинка + заголовок + описание.
   По мотивам референса spacerental.ru/Ivan/naduvnoy-batut-lego.html. */
.batut-scope .pdv2-hover-popup {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  width: 280px !important;
  padding: 8px !important;
  border-radius: 12px !important;
  background: #FFF;
  box-shadow: 0 4px 20px rgba(49, 45, 43, 0.16) !important;
  z-index: 50;
}

.batut-scope .pdv2-hover-popup img {
  width: 100% !important;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.batut-scope .pdv2-hover-popup__body {
  padding: 10px 6px 4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.batut-scope .pdv2-hover-popup__body b {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #312D2B;
}

.batut-scope .pdv2-hover-popup__body p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: rgba(49, 45, 43, 0.7);
}

.batut-scope .pdv2-hover-popup__body i {
  font-style: normal;
  font-weight: 600;
  color: #FE5D26;
}

.batut-scope .pdv2-subcomplect:hover .pdv2-hover-popup, .batut-scope .pdv2-addon:hover .pdv2-hover-popup {
  display: block !important;
}

/* Радио-галочка в pdv2-subcomplect — крупнее и контрастнее.
   Базовый product-details-v2.css сжимает svg до 9×6 при viewBox 16×16 — галочка плющится. */
.batut-scope .pdv2-subcomplect__radio {
  width: 18px;
  height: 18px;
  min-width: 18px;
}

.batut-scope .pdv2-subcomplect__radio svg {
  width: 12px;
  height: 12px;
}

.batut-scope .pdv2-subcomplect__radio svg path {
  stroke-width: 2.4;
}

/* Сегментный тумблер Аренда / Продажа — карточки друг под другом с полной инфой */
.batut-scope .batut-tabs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px;
  background: rgba(49, 45, 43, 0.06);
  border-radius: 16px;
  width: 100%;
}

.batut-scope .batut-tab {
  width: 100%;
  padding: 14px 16px;
  border: none;
  background: transparent;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, opacity 0.18s ease;
  color: rgba(49, 45, 43, 0.7);
  text-align: left;
  font-family: inherit;
  opacity: 0.7;
}

.batut-scope .batut-tab:hover:not(.batut-tab--active) {
  opacity: 0.9;
  background: rgba(255, 255, 255, 0.4);
}

.batut-scope .batut-tab--active {
  background: #fff;
  box-shadow: 0 1px 3px rgba(49, 45, 43, 0.08), 0 0 0 1px rgba(49, 45, 43, 0.04);
  color: #312D2B;
  cursor: default;
  opacity: 1;
}

.batut-scope .batut-tab__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.batut-scope .batut-tab__title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: inherit;
}

.batut-scope .batut-tab__sub {
  font-size: 11px;
  font-weight: 500;
  color: rgba(49, 45, 43, 0.5);
}

.batut-scope .batut-tab__price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}

.batut-scope .batut-tab__prefix, .batut-scope .batut-tab__postfix {
  font-size: 12px;
  font-weight: 500;
  color: rgba(49, 45, 43, 0.5);
}

/* Маркер периода аренды — заметная пилюля рядом с ценой */
.batut-scope .batut-tab__period, .batut-scope .cat-complect__period {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 8px;
  background: rgba(254, 93, 38, 0.1);
  color: #FE5D26;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  margin-left: 4px;
  vertical-align: baseline;
}

.batut-scope .batut-tab__period {
  margin-left: 0;
}

.batut-scope .product26 .product26-promo .title {
  line-height: 24px;
}

/* Картинка в .product26-promo: фиксированная область, любой PNG/SVG
   масштабируется внутри неё с сохранением пропорций (object-fit: contain). */
.batut-scope .product26-promo .img {
  width: 200px;
  height: 80px;
  object-fit: contain;
  object-position: right center;
}

@media (max-width: 768px) {
  /* Картинка вписывается по высоте content-блока (не толще 45% ширины),
     прижата к правому нижнему краю. Не накладывается на текст. */
  .batut-scope .product26-promo .img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    left: auto;
    width: auto;
    max-width: 45%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    transform: none;
  }
}

/* Карточка hover-gallery-парента — фикс высоты картинки, чтоб при листании
   между фото разной высоты карточка не прыгала. */
.batut-scope .card-img-box.hover-images-box {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.batut-scope .card-img-box.hover-images-box .hover-images {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.batut-scope .card-img-box.hover-images-box .hover-gallery-img.active {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* ============================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ============================================ */
@media (max-width: 1260px) {
  /* Бейдж "Рекомендуем" в комплекте — base mobile ставит left: 77%, что выкидывает
     длинный текст за край узких карточек. Прижимаем правее (right:33), чтобы
     не перекрывал info-кружок в углу. */
  .batut-scope .product26 .complectation .cat-complect .badge {
    left: auto !important;
    right: 33px !important;
  }

  /* Карточка комплекта не должна расширяться за грид-колонку */
  .batut-scope .cat-complect {
    min-width: 0;
  }

  .batut-scope .cat-complect__text {
    min-width: 0;
    overflow: hidden;
  }

  .batut-scope .cat-complect__name, .batut-scope .cat-complect__desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Длинное название допа (например "Брендирование (одно окно)") — в одну строку с многоточием */
  .batut-scope .pdv2-addon {
    min-width: 0;
  }
  .batut-scope .pdv2-addon__name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
  }

  /* Белый фон под баром — закрывает прозрачную область под Safari/Chrome toolbar */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper {
    background: #fff;
  }

  /* pdv3-sp-row становится фикс-полоской снизу.
     Базовый pdv3-3col.css прячет minimal и расставляет single — у нас single заменён на dual,
     перебиваем под наш сегментный тумблер. */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 100%;
  }

  /* Табы Аренда/Купить — горизонтально на всю доступную ширину */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tabs {
    flex-direction: row;
    flex: 1;
    padding: 4px;
    gap: 4px;
    border-radius: 12px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 6px 10px;
    gap: 0;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__head {
    justify-content: flex-start;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__title {
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    color: rgba(49, 45, 43, 0.55);
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab--active .batut-tab__title {
    color: #312D2B;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__price {
    gap: 3px;
    flex-wrap: nowrap;
    min-width: 0;
    white-space: nowrap;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__amount {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__prefix {
    font-size: 11px;
  }

  /* Лишнее на узкой полосе прячем (но __benefit с "доп. час" оставляем) */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__period, .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-receipt {
    display: none !important;
  }

  /* Бенефит "доп. час" — мелким серым под ценой в активной карточке */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__benefit {
    font-size: 10px;
    line-height: 12px;
    margin-top: 2px;
  }
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .batut-tab__benefit svg {
    display: none;
  }

  /* Кнопка корзины — справа, компактная */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-actions {
    flex-direction: row;
    flex-shrink: 0;
    width: auto;
    margin: 0;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-cart-btn {
    width: 76px;
    height: 68px;
    padding: 6px 6px;
    font-size: 12px;
    border-radius: 12px;
    flex-shrink: 0;
  }

  /* Скрываем иконку-корзину в кнопке "В корзину" на мобиле — оставляем только текст */
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-cart-btn svg {
    display: none;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-cart-added {
    flex-direction: column !important;
    width: 76px !important;
    gap: 4px !important;
    align-items: stretch;
    flex-shrink: 0;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-qty {
    width: 96px;
    height: 32px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-qty__btn {
    width: 28px;
    height: 32px;
  }

  /* iOS Safari зумит на input при font-size < 16px — форсируем 16px на мобиле */
  .batut-scope .pdv3-sp-qty__value {
    font-size: 16px !important;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-goto-cart {
    width: 76px !important;
    height: 68px !important;
    min-height: 68px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    flex: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }

  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-goto-cart svg {
    width: 14px;
    height: 14px;
  }
  .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-goto-cart .bf-goto-cart-prefix {
    font-size: 13px;
    line-height: 1;
    color: #fff;
  }

  /* Hover-попап с чеком на мобиле не нужен */
  .batut-scope .pdv2-hover-popup {
    display: none !important;
  }

  /* === Релевантный кейс перенесён в тело галереи (после .product-category-badge) === */
  .batut-scope .product-details26 .pdv3-sp-relcase {
    display: block;
    margin-top: 16px;
    padding: 0;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__card {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(49, 45, 43, 0.08);
    text-decoration: none;
    color: inherit;
    align-items: stretch;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__img-box {
    flex: none;
    width: 96px;
    height: 96px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__hover-icon {
    display: none;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__label {
    font-size: 11px;
    color: rgba(49, 45, 43, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__title {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    color: #312D2B;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: auto;
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__tag {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(49, 45, 43, 0.06);
    color: rgba(49, 45, 43, 0.7);
  }

  .batut-scope .product-details26 .pdv3-sp-relcase__all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 8px;
    font-size: 12px;
    color: #FE5D26;
    text-decoration: none;
  }

  /* Категорийный бейдж — на мобиле по центру */
  .batut-scope .product26 .product-category-badge {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Каунтер количества — для батута показываем (базовый pdv3-3col.css прячет под кейтеринг) */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-qty, .batut-scope .product26 .pdv3-sp-qty {
  display: flex !important;
}

/* Контейнер cart-added: каунтер сверху, "Перейти в корзину" под ним */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cart-added {
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-cart-added .pdv3-sp-qty {
  order: 0;
  width: 100%;
}

/* "Перейти в корзину" — оранжевая кнопка во всю ширину под каунтером */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart {
  order: 1;
  width: 100% !important;
  height: 44px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fff;
  color: #FE5D26;
  border: 1.5px solid #FE5D26;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, transform 0.05s;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart:hover {
  background: rgba(254, 93, 38, 0.08);
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart:active {
  transform: translateY(1px);
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-goto-cart svg path {
  stroke: #FE5D26;
}

.batut-scope .batut-tab__amount {
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: inherit;
  letter-spacing: -0.01em;
}

.batut-scope .batut-tab--active .batut-tab__amount {
  color: #312D2B;
}

.batut-scope .batut-tab__benefit {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  color: rgba(49, 45, 43, 0.5);
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
}

/* Перебиваем фон/паддинги ячеек pdv3-sp-cell внутри dual-бабла батута,
   чтобы убрать оранжевую подложку из pdv3-3col.css (нам не нужна — табы сами визуально активные). */
.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-cell, .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-cell--active, .batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-cell:hover {
  padding: 0 !important;
  border-radius: 0 !important;
  cursor: default !important;
  background: transparent !important;
  outline: none !important;
}

.batut-scope .product26 .inner > .pdv3-sp-wrapper .pdv3-sp-bubble--dual.batut-dual .pdv3-sp-divider {
  display: none;
}

/* === Мобильный "Итого" pill + поповер-сводка ===
   Показывается только на мобиле в режиме "Аренда" после добавления в корзину.
   Видимость переключается батутным JS через атрибут [hidden] на .batut-mtotal. */
.batut-scope .batut-mtotal {
  display: none;
}

@media (max-width: 1260px) {
  .batut-scope .batut-mtotal:not([hidden]) {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    padding-right: 12px;
    bottom: calc(100% + 8px);
    z-index: 22;
    pointer-events: none;
    text-align: right;
  }

  .batut-scope .batut-mtotal__pill {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: none;
    background: #312D2B;
    color: #fff;
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    line-height: 16px;
    box-shadow: 0 6px 16px rgba(49, 45, 43, 0.22);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .batut-scope .batut-mtotal__label {
    font-weight: 500;
    opacity: 0.7;
  }

  .batut-scope .batut-mtotal__amount {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
  }

  .batut-scope .batut-mtotal__info {
    width: 14px;
    height: 14px;
    opacity: 0.85;
  }

  .batut-scope .batut-mtotal--open .batut-mtotal__pill {
    box-shadow: 0 0 0 3px rgba(254, 93, 38, 0.25), 0 6px 16px rgba(49, 45, 43, 0.22);
  }

  .batut-scope .batut-mtotal__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(49, 45, 43, 0.5);
    z-index: 60;
    pointer-events: auto;
    animation: batutMTotalFade 0.18s ease;
  }

  .batut-scope .batut-mtotal__backdrop[hidden] { display: none; }

  .batut-scope .batut-mtotal__popup {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 96px);
    z-index: 61;
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    pointer-events: auto;
    text-align: left;
    animation: batutMTotalSlideUp 0.22s ease;
  }

  /* Meta-строка чека (например "Время работы — 6 ч") — без верхнего паддинга, остальное как у обычной строки */
  .batut-scope .batut-mtotal__popup .batut-receipt__row--meta {
    padding-top: 0;
  }

  .batut-scope .batut-mtotal__popup[hidden] { display: none; }

  .batut-scope .batut-mtotal__popup-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
  }

  .batut-scope .batut-mtotal__popup-title {
    font-size: 14px;
    font-weight: 600;
    color: #312D2B;
  }

  .batut-scope .batut-mtotal__popup-close {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(49, 45, 43, 0.06);
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(49, 45, 43, 0.7);
    flex-shrink: 0;
  }

  .batut-scope .batut-mtotal__popup-close:hover { background: rgba(49, 45, 43, 0.1); }

  .batut-scope .batut-mtotal__popup-body:empty::before {
    content: "Загрузка…";
    color: rgba(49, 45, 43, 0.5);
    font-size: 13px;
  }

  @keyframes batutMTotalSlideUp {
    from { transform: translateY(8px); opacity: 0; }
    to   { transform: translateY(0);   opacity: 1; }
  }
  @keyframes batutMTotalFade {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
}

/* Comagic-виджет на мобилке перекрывал кнопку «В корзину» — поднимаем
   НАД sticky-баром цен через bottom. Селектор широкий (без
   .comagic-iphone — на android этого класса нет).
   Если comagic ставит inline !important — перекрытие живёт в js/batut.js. */
@media (max-width: 1260px) {
  html body .comagic-c-buttons {
    bottom: 90px !important;
    top: auto !important;
  }
}