{
  cursor: none;
}
.cursor-dot,
.cursor-dot-outline {
  mix-blend-mode: normal;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.cursor-dot {
  z-index:99999999;
  width: 5.0px;
  height: 5.0px;
  background-color: rgba(0, 0, 0, 1.00);
  border: solid;
  border-radius: 50%;
  border-width: 0px;
  border-color: #000;
}

.cursor-dot-outline {
  z-index:99999998;
  width: 35.0px;
  height: 35.0px;
  background-color: rgba(255, 255, 255, 0.00);
  border: solid;
  border-radius: 50%;
  border-width: 1px;
  border-color: #000;
}




    
    $("body").prepend('');
    $("body").prepend('');

    var cursor = {
    delay: 8,
    _x: 0,
    _y: 0,
    endX: (window.innerWidth / 2),
    endY: (window.innerHeight / 2),
    cursorVisible: true,
    cursorEnlarged: false,
    $dot: document.querySelector('.cursor-dot'),
    $outline: document.querySelector('.cursor-dot-outline'),
    
    init: function() {
        this.dotSize = this.$dot.offsetWidth;
        this.outlineSize = this.$outline.offsetWidth;
        
        this.setupEventListeners();
        this.animateDotOutline();
    },

    setupEventListeners: function() {
        var self = this;
        
        document.querySelectorAll('a').forEach(function(el) {
            el.addEventListener('mouseover', function() {
                self.cursorEnlarged = true;
                self.toggleCursorSize();
            });
            el.addEventListener('mouseout', function() {
                self.cursorEnlarged = false;
                self.toggleCursorSize();
            });
        });
        
        document.addEventListener('mousedown', function() {
            self.cursorEnlarged = true;
            self.toggleCursorSize();
        });
        document.addEventListener('mouseup', function() {
            self.cursorEnlarged = false;
            self.toggleCursorSize();
        });
  
  
        document.addEventListener('mousemove', function(e) {
            self.cursorVisible = true;
            self.toggleCursorVisibility();

            self.endX = e.clientX;
            self.endY = e.clientY;
            self.$dot.style.top = self.endY + 'px';
            self.$dot.style.left = self.endX + 'px';
        });
        
        document.addEventListener('mouseenter', function(e) {
            self.cursorVisible = true;
            self.toggleCursorVisibility();
            self.$dot.style.opacity = 1;
            self.$outline.style.opacity = 1;
        });
        
        document.addEventListener('mouseleave', function(e) {
            self.cursorVisible = true;
            self.toggleCursorVisibility();
            self.$dot.style.opacity = 0;
            self.$outline.style.opacity = 0;
        });
    },
    
    animateDotOutline: function() {
        var self = this;
        
        self._x += (self.endX - self._x) / self.delay;
        self._y += (self.endY - self._y) / self.delay;
        self.$outline.style.top = self._y + 'px';
        self.$outline.style.left = self._x + 'px';
        
        requestAnimationFrame(this.animateDotOutline.bind(self));
    },
    
    toggleCursorSize: function() {
        var self = this;
        
        if (self.cursorEnlarged) {
            self.$dot.style.transform = "translate(-50%, -50%) scale(1.00)";
            self.$outline.style.transform = "translate(-50%, -50%) scale(1.70)";
        } else {
            self.$dot.style.transform = 'translate(-50%, -50%) scale(1)';
            self.$outline.style.transform = 'translate(-50%, -50%) scale(1)';
        }
    },
    
    toggleCursorVisibility: function() {
        var self = this;
        
        if (self.cursorVisible) {
            self.$dot.style.opacity = 1;
            self.$outline.style.opacity = 1;
        } else {
            self.$dot.style.opacity = 0;
            self.$outline.style.opacity = 0;
        }
    }
}
cursor.init();

.js-store-prod-text.t-store__prod-popup__text.t-typography__descr {
    font-size: 19px;
    
/* ==== ЗАГОЛОВОК В КАРТОЧКЕ ==== */
/* ДЕСКТОП: ровно 3 строки (самый частый кейс) */
.t-store__card__title,
.js-product-name{
  font-size: 16px !important;        /* подгони под свой стиль */
  line-height: 20px !important;       /* целое число в px */
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;   /* 3 строки */
  overflow: hidden !important;
  height: 60px !important;            /* 3 * 20px — ЖЁСТКАЯ высота */
  margin: 0 0 8px !important;
  word-break: break-word;
  hyphens: auto;
}

/* ==== ОПИСАНИЕ (15 мл) ==== */
.t-store__card__descr,
.js-product-description{
  font-size: 14px !important;
  line-height: 18px !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;              /* одна строка (или 2, если нужно) */
  overflow: hidden;
  height: 18px !important;            /* 1 * 18px */
  margin: 0 0 6px !important;
}

/* ==== ЦЕНА ==== */
.t-store__card__price{
  font-size: 16px !important;
  line-height: 20px !important;
  margin: 0 0 12px !important;
}

/* ==== МОБИЛЬНАЯ ВЕРСИЯ: 2 строки заголовка ==== */
@media (max-width: 767px){
  .t-store__card__title,
  .js-product-name{
    -webkit-line-clamp: 2 !important;
    height: 40px !important;          /* 2 * 20px */
  }

  .t-store__card__descr,
  .js-product-description{
    -webkit-line-clamp: 1;
    height: 18px !important;
  }