@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');


.gizmo-wrapper {
 max-width: 1000px;
 margin: 0 auto;
 padding: 30px 20px;
}

.gizmo-main-title {
font-size: 4.2rem !important;
 font-weight: 800;
 color: #2d3e50;
 margin: 0 0 40px 0;
 line-height: 1.3;
 text-align: center;
 width: 100%;
}

.gizmo-compact-container {
 display: flex;
 gap: 40px;
 align-items: center !important;
}

.gizmo-text-column {
 flex: 1;
 min-width: 0;
}

.gizmo-title {
 font-size: 24px;
 font-weight: 600;
 color: #333;
 margin: 0 0 20px 0;
 line-height: 1.3;
}

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

.gizmo-benefit-item {
  display: flex;
align-items: flex-start !important;

  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  line-height: 1.4;
  color: #333;
  position: relative; /* обязательно для ::before */
}

.gizmo-benefit-item:last-child {
  border-bottom: none;
}

.gizmo-benefit-item::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px; 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4L6 11.3333L2.66667 8' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.gizmo-icon {
 flex-shrink: 0;
 color: #3b82f6;
 margin-top: 2px;
}

.gizmo-card-column {
 width: 360px;
 flex-shrink: 0;
}

.gizmo-card {
 font-family: 'Roboto', Arial, sans-serif;
 background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
 border: 1px solid #4a5568;
 border-radius: 20px;
 padding: 24px;
 box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
 color: #e2e8f0;
 position: relative;
 overflow: hidden;
}

.gizmo-card::before {
 padding: 0px;
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: 
 /* 1 ряд*/
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L22 7 L22 17 L12 22 L2 17 L2 7 Z' fill='white' fill-opacity='0.03'/%3E%3C/svg%3E"),
 /* 2 ряд*/
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 L22 7 L22 17 L12 22 L2 17 L2 7 Z' fill='white' fill-opacity='0.03'/%3E%3C/svg%3E");
 background-size: 24px 36px;
 background-position: 
 0 0, /* 1 ряд */
 12px 18px; /* 2 ряд: смещен на 50% */
 background-repeat: repeat;
 
 /* ТЁМНАЯ МАСКА */
 mask: linear-gradient(135deg, 
 rgba(0,0,0,0) 0%, 
 rgba(0,0,0,0.1) 40%, 
 rgba(0,0,0,0.8) 60%, 
 rgba(0,0,0,1) 100%);
 
 pointer-events: none;
}

.gizmo-toggle-container {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 24px;
 padding-bottom: 16px;
 border-bottom: 1px solid #4a5568;
}

.gizmo-toggle-label {
 font-size: 14px;
 color: #e2e8f0;
 font-weight: 500;
}

.gizmo-switch {
 position: relative;
 display: inline-block;
 width: 48px;
 height: 24px;
}

.gizmo-switch input {
 opacity: 0;
 width: 0;
 height: 0;
}

.gizmo-switch-slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #3b82f6;
 transition: .2s;
 border-radius: 24px;
}

.gizmo-switch-slider:before {
 position: absolute;
 content: "";
 height: 20px;
 width: 20px;
 left: 2px;
 bottom: 2px;
 background-color: white;
 transition: .2s;
 border-radius: 50%;
 box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.gizmo-switch input:checked + .gizmo-switch-slider {
 background-color: #9ca3af;
}

.gizmo-switch input:checked + .gizmo-switch-slider:before {
 transform: translateX(24px);
}

.gizmo-content-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 16px;
}

.gizmo-content-header h3 {
 font-size: 18px;
 font-weight: 600;
 color: #e2e8f0;
 margin: 0;
}

.gizmo-badge {
 font-size: 12px;
 padding: 4px 10px;
 border-radius: 12px;
 background: #10b981;
 color: white;
 font-weight: 500;
}

.gizmo-warning-title {
 color: #cbd5e0;
 font-size: 14px;
 margin-bottom: 12px;
 font-weight: 500;
}

.gizmo-card-list {
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 14px;
}

.gizmo-card-list li {
 display: flex !important;
 align-items: flex-start !important;
 gap: 10px !important;
 padding: 8px 0;
 border-bottom: 1px solid #4a5568;
 line-height: 1.4;
 color: #e2e8f0;
}

.gizmo-card-list li:last-child {
 border-bottom: none;
}

.gizmo-card-list-warning {
 color: #cbd5e0;
}

.gizmo-list-icon {
 flex-shrink: 0;
 margin-top: 1px;
}

.gizmo-btn {
 width: 100%;
 padding: 12px;
 border: none;
 border-radius: 12px;
 font-size: 15px;
 font-weight: 500;
 cursor: pointer;
 transition: opacity 0.2s;
}

.gizmo-btn:hover {
 opacity: 0.9;
}

.gizmo-btn-primary {
 background: #3b82f6;
 color: white;
}

.gizmo-btn-secondary {
 background: #6b7280;
 color: white;
}

.gizmo-show-more {
 text-align: center;
 margin-bottom: 16px;
 padding-top: 8px;
 border-top: 1px dashed #4a5568;
}

.gizmo-toggle-btn {
 background: none;
 border: none;
 color: #60a5fa;
 font-size: 14px;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 6px 12px;
 border-radius: 6px;
 transition: all 0.2s;
}

.gizmo-toggle-btn:hover {
 background: rgba(96, 165, 250, 0.1);
}

.gizmo-arrow {
 transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 margin-top: 1px;
}

.gizmo-card-list {
 position: relative;
 overflow: hidden;
}

.gizmo-hidden-item {
 opacity: 0;
 transform: translateY(-10px);
 transition: opacity 0.3s ease, transform 0.3s ease;
display: flex;
 align-items: flex-start;
 gap: 10px;
}

 
 
.gizmo-expanded .gizmo-hidden-item {
 display: flex;
 align-items: flex-start;
 gap: 10px;
 opacity: 1;
 transform: translateY(0);
 transition-delay: 0.1s;
}

.gizmo-expanded .gizmo-hidden-item:nth-child(1) { transition-delay: 0.05s; }
.gizmo-expanded .gizmo-hidden-item:nth-child(2) { transition-delay: 0.1s; }
.gizmo-expanded .gizmo-hidden-item:nth-child(3) { transition-delay: 0.15s; }
.gizmo-expanded .gizmo-hidden-item:nth-child(4) { transition-delay: 0.2s; }

.gizmo-benefits-list-initial {
 height: 144px;
 overflow: hidden;
 transition: height 0.4s ease;
}

.gizmo-hidden-initial {
 display: none;
}

.gizmo-collapsed .gizmo-hidden-item {
 opacity: 0;
 transform: translateY(-10px);
 transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
 .gizmo-wrapper {
 padding: 20px;
 }
 
 .gizmo-main-title {
 font-size: 24px;
 margin-bottom: 30px;
 text-align: left;
 }
 
 .gizmo-compact-container {
 flex-direction: column;
 gap: 30px;
 }
 
 .gizmo-card-column {
 width: 100%;
 }
 
 .gizmo-title {
 font-size: 22px;
 }
 
 .gizmo-benefit-item {
 font-size: 14px;
 }
}

/* Модальное окно */
.modal-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 1000;
}

.modal-content {
 position: relative;
 background: #0f1520;
 border-radius: 20px;
 padding: 2rem;
 max-width: 900px;
 width: 90%;
 color: white;
 font-family: 'Open Sans', sans-serif;
}

.modal-content h3 {
 text-align: center;
 margin-bottom: 1.5rem;
 font-size: 1.5rem;
}

.modal-close {
 position: absolute;
 top: 1rem;
 right: 1.5rem;
 background: none;
 border: none;
 color: #aaa;
 font-size: 1.8rem;
 cursor: pointer;
}

/* Красный текст для ограничений */
.text-red {
 color: #ff4d4d;
}

/* Иконка крестика */
.cross {
 color: #ff4d4d;
 font-weight: bold;
 font-size: 1.2rem;
}

/* Кнопки в карточках */
.button--primary {
 background: linear-gradient(0deg, #029cf2, #3abaff);
 color: white;
 border: none;
 padding: 0.9rem;
 border-radius: 50px;
 font-weight: 700;
 cursor: pointer;
 width: 100%;
 font-size: 1.1rem;
}

.button--secondary {
 background: #2d3e50;
 color: #cfcfcf;
 border: 1px solid #3a3a3a;
 padding: 0.9rem;
 border-radius: 50px;
 font-weight: 600;
 cursor: pointer;
 width: 100%;
 font-size: 1.1rem;
} 
 
/* Подключение Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap');

/* Контейнер с карточками — по центру, но с отступами от краёв */
.cards-container {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 2.5rem;
 padding: 2.5rem 1.5rem;
 max-width: 1300px;
 margin: 0 auto;
}

/* Стиль карточки */
.card {
 --white: #ffffff;
 --black: #1a1a1a;
 --paragraph: #cfcfcf;
 --line: #3a3a3a;
 --primary: #029cf2;

 position: relative;
 display: flex;
 flex-direction: column;
 gap: 1.5rem;
 padding: 2rem;
 width: 100%;
 max-width: 360px;
 background-color: #0f1520;
 background-image:
 radial-gradient(at 88% 40%, #0f1520 0px, transparent 85%),
 radial-gradient(at 49% 30%, #0f1520 0px, transparent 85%),
 radial-gradient(at 14% 26%, #0f1520 0px, transparent 85%),
 radial-gradient(at 0% 64%, #029cf2 0px, transparent 85%),
 radial-gradient(at 41% 94%, #2d3e50 0px, transparent 85%),
 radial-gradient(at 100% 99%, #67838b 0px, transparent 85%);
 border-radius: 20px;
 box-shadow: 0px -16px 24px 0px rgba(255, 255, 255, 0.15) inset;
 box-sizing: border-box;
 font-family: 'Open Sans', sans-serif;
}

/* Анимированная рамка */
.card .card__border {
 overflow: hidden;
 pointer-events: none;
 position: absolute;
 z-index: -10;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: calc(100% + 2px);
 height: calc(100% + 2px);
 background-image: linear-gradient(0deg, #ffffff -50%, #666666 100%);
 border-radius: 20px;
}

.card .card__border::before {
 content: "";
 pointer-events: none;
 position: fixed;
 z-index: 200;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(0deg);
 transform-origin: left;
 width: 200%;
 height: 12rem;
 background-image: linear-gradient(
 0deg,
 transparent 0%,
 #029cf2 40%,
 #029cf2 60%,
 transparent 100%
 );
 animation: rotate 8s linear infinite;
}

@keyframes rotate {
 to { transform: rotate(360deg); }
}

/* Заголовок */
.card .card_title {
 font-size: 1.75rem;
 font-weight: 700;
 color: var(--white);
 line-height: 1.2;
}

/* Описание */
.card .card_paragraph {
 margin-top: 0.5rem;
 font-size: 1.125rem;
 color: var(--paragraph);
 line-height: 1.5;
 opacity: 0.95;
 max-width: 90%;
}

/* Линия-разделитель */
.card .line {
 width: 100%;
 height: 1px;
 background-color: var(--line);
 border: none;
 margin: 0.75rem 0;
}

/* Список */
.card .card__list {
 display: flex;
 flex-direction: column;
 gap: 1rem;
}

.card .card__list_item {
 display: flex;
 align-items: flex-start;
 gap: 0.9rem;
}

.card .check {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-shrink: 0;
 width: 1.5rem;
 height: 1.5rem;
 background-color: var(--primary);
 border-radius: 50%;
 margin-top: 0.2rem;
}

.card .check_svg {
 width: 1rem;
 height: 1rem;
 fill: var(--black);
}

.card .list_text {
 font-size: 1.125rem;
 color: var(--white);
 line-height: 1.4;
 font-weight: 600;
}

/* Кнопка */
.card .button {
 cursor: pointer;
 padding: 0.9rem 1.5rem;
 width: 100%;
 background: linear-gradient(0deg, #029cf2, #3abaff);
 font-size: 1.125rem;
 font-weight: 700;
 color: white;
 border: 0;
 border-radius: 50px;
 box-shadow: inset 0 -4px 25px -5px rgba(255, 255, 255, 0.4);
 transition: all 0.2s ease;
 font-family: 'Open Sans', sans-serif;
}

.card .button:hover {
 transform: translateY(-3px);
 box-shadow: inset 0 -4px 30px -4px rgba(255, 255, 255, 0.6);
}

/* Мобильные устройства */
@media (max-width: 768px) {
 .cards-container {
 flex-direction: column;
 align-items: center;
 gap: 2.5rem;
 padding: 2rem 1rem;
 }

 .card {
 max-width: 100%;
 min-width: 300px;
 padding: 2rem 1.5rem;
 }

 .card .card_title {
 font-size: 1.5rem;
 }

 .card .card_paragraph,
 .card .list_text,
 .card .button {
 font-size: 1.06rem;
 }
}

/* ОСНОВНЫЕ СТИЛИ */
.gb-steps-capsules {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 justify-content: center;
 gap: 8px;
 margin: 0 auto;
 max-width: 1100px;
}

.gb-step-capsule {
 display: inline-flex;
 align-items: center;
 justify-content: flex-start;
 text-align: left;
 gap: 8px;
 padding: 10px 20px;
 border-radius: 50px;
 font-weight: 600;
 font-size: 15px;
 white-space: nowrap;
 flex-shrink: 0;
 
}

.gb-step-number {
 width: 28px;
 height: 28px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 16px;
 font-weight: bold;
 background: rgba(255,255,255,0.7);
 
}

.gb-step-arrow {
 color: #029cf2;
 font-weight: bold;
 font-size: 16px;
 flex-shrink: 0;
}

/* МОБИЛЬНАЯ АДАПТИВНОСТЬ */
@media (max-width: 768px) {
 .gb-steps-capsules {
 flex-direction: column;
 gap: 12px;
 align-items: stretch;
 max-width: 300px;
 }
 
 .gb-step-capsule {
 justify-content: center;
 padding: 12px;
 font-size: 14px;
 white-space: normal;
 text-align: center;
 }
 
 .gb-step-arrow {
 display: none;
 }
}

/* ТАБЛЕТ */
@media (min-width: 769px) and (max-width: 1024px) {
 .gb-step-capsule {
 padding: 8px 16px;
 font-size: 14px;
 }
 
 .gb-steps-capsules {
 gap: 6px;
 }
}

@keyframes svgSpin {
 to { transform: rotate(360deg); }
} 
 
 /* Контейнер — должен быть relative */
.gb-lend-loader {
 position: relative;
 margin: 0;
 max-width: 95vw;
 width: 100%;
 height: auto;
}

/* Ореол — позиционируется абсолютно по центру */
.gb-lend-chip-halo {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 75px;
 height: 75px;
 border-radius: 50%;
 background: linear-gradient(45deg, rgb(186, 66, 255), rgb(0, 225, 255));
 filter: blur(8px);
 box-shadow:
 0 0 20px rgba(186, 66, 255, 0.8),
 0 0 25px rgba(0, 225, 255, 0.8);
 animation: gbSpinHalo 1.7s linear infinite;
 pointer-events: none;
 z-index: 9;
}

@keyframes gbSpinHalo {
 to {
 transform: translate(-50%, -50%) rotate(360deg);
 }
}
 
 .gb-lend-loader svg {
 position: relative;
 z-index: 10; /* выше ореола */
} 
 
.gb-lend-hero,
.gb-lend-features {
 padding: 100px 24px;
 font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 line-height: 1.3;
}

.gb-lend-container {
 max-width: 1100px;
 margin: 0 auto;
 text-align: center;
}

/* Белый блок */
.gb-lend-hero { background: #fff; color: #2d3e50; }
.gb-lend-title { font-size: 4.2rem !important; font-weight: 800; margin-bottom: 24px; letter-spacing: -0.5px; line-height: 1.1; }
.gb-lend-text { font-size: 1.4rem; font-weight: 700; opacity: 0.92; margin: 0 auto 40px; max-width: 850px; }
.gb-lend-btn {
 display: inline-block; background: #00cd6e; color: #fff !important; font-size: 1.3rem; font-weight: 800;
 text-decoration: none; padding: 18px 48px; border-radius: 12px;
 box-shadow: 0 6px 20px rgba(0, 205, 110, 0.3);
 transition: all 0.25s ease;
}
.gb-lend-btn:hover {
 background: #009952; transform: translateY(-1px); 
 box-shadow: 0 10px 25px rgba(0, 205, 110, 0.4);
 color: #fff !important;
}

/* Тёмный блок */
.gb-lend-features { background: #2d3e50; color: #fff; }
.gb-lend-subtitle { font-size: 2.2rem !important; font-weight: 800; margin-bottom: 50px; }
.gb-lend-loader { margin: 40px auto 60px; max-width: 800px; width: 100%; }
.gb-lend-loader svg { width: 100%; height: auto; display: block; }

/* Статистика */
.gb-lend-stats {
 display: flex; justify-content: center; flex-wrap: wrap; gap: 50px;
 margin-top: 40px;
}
.gb-lend-stats > div { min-width: 220px; }
.gb-lend-stat-num { display: block; font-size: 2.8rem; font-weight: 800; margin-bottom: 8px; }
.gb-lend-stat-label { display: block; font-size: 1.25rem; font-weight: 700; opacity: 0.9; }

/* Анимация трасс */
@keyframes gbFlow { to { stroke-dashoffset: 0; } }

/* АДАПТИВ */
@media (max-width: 768px) {
 .gb-lend-title { font-size: 2.6rem; }
 .gb-lend-text { font-size: 1.35rem; }
 .gb-lend-subtitle { font-size: 2.2rem; }
 .gb-lend-stat-num { font-size: 2.4rem; }
 .gb-lend-btn { padding: 18px 40px; font-size: 1.3rem; }
 .gb-lend-loader svg { height: 280px; }
}

@media (max-width: 480px) {
 .gb-lend-title { font-size: 2.3rem; }
 .gb-lend-text { font-size: 1.25rem; }
 .gb-lend-subtitle { font-size: 2.0rem; }
 .gb-lend-stat-num { font-size: 2.1rem; }
 .gb-lend-btn { width: 100%; max-width: 340px; padding: 20px; font-size: 1.35rem; }
 .gb-lend-loader svg { height: 240px; }
}



.gizmoll-hero-bg {
  background-color: white;
  color: #2d3e50;
}

@media (min-width: 769px) {
  .gizmoll-hero-bg.has-bg {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), var(--bg-desktop);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
  }

  .gizmoll-hero-bg.has-bg .gizmo-main-title,
  .gizmoll-hero-bg.has-bg .gizmo-title,
  .gizmoll-hero-bg.has-bg .gizmo-benefit-item {
    color: white !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
  }

  .gizmoll-hero-bg.has-bg .gizmo-benefit-item {
    border-bottom-color: rgba(255,255,255,0.2) !important;
  }
}

@media (max-width: 768px) {
  .gizmoll-hero-bg,
  .gizmoll-hero-bg.has-bg {
    background: #f5f5f5 !important;
    color: #2d3e50;
  }

  .gizmoll-hero-bg .gizmo-main-title,
  .gizmoll-hero-bg .gizmo-title,
  .gizmoll-hero-bg .gizmo-benefit-item {
    color: #2d3e50 !important;
    text-shadow: none !important;
    border-bottom-color: #f0f0f0 !important;
  }
}

/* ФИКС АСИММЕТРИИ В uCoz НА МОБИЛКЕ */
@media (max-width: 768px) {
  .gizmo-text-column,
  .gizmo-benefits,
  .gizmo-benefit-item {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}




/* ШАГ ЗА ШАГОМ ВВЕРХ*/ 

.loader77 {
  height: 20px;
  aspect-ratio: 1.8;
  border-bottom: 3px solid #0000;
  background: linear-gradient(90deg, #ff4444 50%, #0000 0) -25% 100%/50% 3px repeat-x
    border-box;
  position: relative;
  animation: l3-0 0.75s linear infinite;
}
.loader77:before {
  content: "";
width: 10px;           
  height: 10px; 
  position: absolute;
  inset: auto 42.5% 0;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #029cf2;
  animation: l3-1 0.75s cubic-bezier(0, 900, 1, 900) infinite;
}
@keyframes l3-0 {
  to {
    background-position: -125% 100%;
  }
}
@keyframes l3-1 {
  0%,
  2% {
    bottom: 0%;
  }
  98%,
  to {
    bottom: 0.1%;
  }
}


/* ШАГ ЗА ШАГОМ ВВЕРХ*/ 




/* === ЗАМЕНА СПИСКА НА СТЕКЛЯННЫЕ БЛОКИ === */
.gizmo-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gizmo-benefit-item {
  display: flex !important;
   align-items: center !important;

  gap: 30px !important;
  padding: 16px !important;
  margin: 0 0 12px 0 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  color: #333 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.gizmo-benefit-item:last-child {
  margin-bottom: 0 !important;
}

/* Убираем старую галочку */
.gizmo-benefit-item::before {
  display: none !important;
}

/* Место под иконку/анимацию */
.gizmo-benefit-icon-placeholder {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Заголовок внутри блока */
.gizmo-benefit-item h3 {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  color: inherit !important;
}

/* На мобилках — читаемый фон */
@media (max-width: 768px) {
  .gizmo-benefit-item {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #2d3e50 !important;
  }
  .gizmo-benefit-item h3 {
    color: #2d3e50 !important;
  }
}

/* На десктопе с фоном — белый текст */
@media (min-width: 769px) {
  .gizmoll-hero-bg.has-bg .gizmo-benefit-item {
    color: white !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  .gizmoll-hero-bg.has-bg .gizmo-benefit-item h3 {
    color: #fff !important;
  }
}




/* ротатор слов */
.gizmoll-text-slider {
  height: 1.5em;
  line-height: 1.5;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
}

.gizmoll-words {
  display: block;
  position: relative;
  height: 100%;
}

.gizmoll-words::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    transparent 10%,
    rgba(255,255,255,0) 30%,
    rgba(255,255,255,0) 70%,
    transparent 90%
  );
  z-index: 20;
}

.gizmoll-word {
  display: block;
  height: 150%;
  padding-left: 0;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  animation: gizmoll-spin 6s infinite;
}

@keyframes gizmoll-spin {
  10% { transform: translateY(-102%); }
  25% { transform: translateY(-100%); }
  35% { transform: translateY(-202%); }
  50% { transform: translateY(-200%); }
  60% { transform: translateY(-302%); }
  75% { transform: translateY(-300%); }
  85% { transform: translateY(-402%); }
  100% { transform: translateY(-400%); }
}

/* ротатор слов */





/* радар */
.gizmoll-radar-loader {
  position: relative;
  width: 36px;
  height: 36px;
  background: #212121;
  border-radius: 50%;
  box-shadow: inset 0 0 1px seagreen;
  border: 1px solid seagreen;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gizmoll-radar-loader::before {
  content: "";
  position: absolute;
  inset: 3px; /* ≈ 20px * (20/150) */
  background: transparent;
  border: 1px solid seagreen;
  border-radius: 50%;
  box-shadow: inset 0 0 1px seagreen;
}

.gizmoll-radar-loader::after {
  content: "";
  position: absolute;
  width: 7px;   /* ≈ 50px * (20/150) */
  height: 7px;
  border-radius: 50%;
  border: 1px solid seagreen;
  box-shadow: inset 0 0 1px seagreen;
}

.gizmoll-radar-loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: transparent;
  transform-origin: top left;
  animation: gizmoll-radar-anim 2s linear infinite;
  box-shadow: -3px -9px 4px -6px seagreen; /* масштабировано */
  border-top: 1px solid #2e8b57;
}

@keyframes gizmoll-radar-anim {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Масштабируем координаты точек: 20 / 150 = 0.1333 */
#gizmoll-dot-1 {
  --dot-start-top: 13.3px;   /* 100 * 0.1333 */
  --dot-start-left: 18.7px;  /* 140 * 0.1333 */
  --dot-end-top: 17.3px;     /* 130 * 0.1333 */
  --dot-end-left: 2.7px;     /* 20 * 0.1333 */
  --delay: 0s;
}

#gizmoll-dot-2 {
  --dot-start-top: 13.3px;
  --dot-start-left: 0px;
  --dot-end-top: -0.4px;
  --dot-end-left: 12px;
  --delay: 0s;
}

#gizmoll-dot-3 {
  --dot-start-top: 13.3px;
  --dot-start-left: 14px;
  --dot-end-top: 2.4px;
  --dot-end-left: 2.4px;
  --delay: 0s;
}

#gizmoll-dot-4 {
  --dot-start-top: 14.7px;
  --dot-start-left: 20px;
  --dot-end-top: 18.7px;
  --dot-end-left: 4px;
  --delay: 0s;
}

#gizmoll-dot-5 {
  --dot-start-top: -0.7px;
  --dot-start-left: 11.3px;
  --dot-end-top: 16.7px;
  --dot-end-left: 16px;
  --delay: 4s;
}

.gizmoll-dot {
  width: 1px;   /* 5px → ~1px */
  height: 1px;
  position: absolute;
  top: var(--dot-start-top);
  left: var(--dot-start-left);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 
    inset 0 0 2px 0 rgba(0, 255, 182, 0.5),
    0 0 2px 0 rgba(0, 255, 135, 0.3);
  animation: gizmoll-dot-fly 32s linear infinite;
  animation-delay: var(--delay);
}

@keyframes gizmoll-dot-fly {
  0% {
    top: var(--dot-start-top);
    left: var(--dot-start-left);
  }
  100% {
    top: var(--dot-end-top);
    left: var(--dot-end-left);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    background: rgba(255, 255, 255, 1);
    box-shadow: 
      inset 0 0 2px 0 rgba(0, 255, 182, 0.5),
      0 0 3px 0 rgba(0, 255, 135, 1);
  }
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 
      inset 0 0 2px 0 rgba(0, 255, 182, 0.5),
      0 0 1px 0 rgba(0, 255, 135, 0.3);
  }
}

/* Радар */





/* Баланс */
.gizmoll-bar {
  position: relative;
  width: 30px;
  height: 4px; /* высота самой "палки" */
  background: #FFDAAF;
  border-radius: 2px;
  transform-origin: center;
  transform: rotate(-15deg);
  animation: gizmoll-up-down 3s ease-in-out 1s infinite alternate;
  /* Центрируем палку вертикально в 30px пространстве */
  margin: 13px 0; /* (30 - 4) / 2 = 13px сверху и снизу */
}

.gizmoll-ball {
  position: absolute;
  /* Позиционируем мяч ОТНОСИТЕЛЬНО ПАЛКИ */
  top: -12px;    /* поднимаем мяч НАД палкой */
  left: calc(100% - 6px); /* 6px = половина ширины мяча (12px) */
  width: 12px;
  height: 12px;
  background: #00cd6e;
  border-radius: 50%;
  animation: gizmoll-ball-move 3s ease-in-out 1s infinite alternate;
}

.gizmoll-ball::after {
  position: absolute;
  content: '';
  top: 6px;
  right: 1px;
  width: 2px;
  height: 2px;
  background: #000;
  border-radius: 50%;
}

@keyframes gizmoll-up-down {
  from { transform: rotate(-15deg); }
  to   { transform: rotate(15deg); }
}

@keyframes gizmoll-ball-move {
  from {
    left: calc(100% - 6px); /* начинает справа */
    transform: rotate(360deg);
  }
  to {
    left: -6px; /* уходит за левый край */
    transform: rotate(0deg);
  }
}
/* Баланс */
/* Валик */
.gizmoll-roller-wrapper {
  display: inline-block;
  width: 45px;
  height: 45px;
  overflow: hidden;
}

.gizmoll-roller-container {
  position: relative;
  width: 45px;
  height: 45px;
  transform: rotate(-45deg);
}

/* КРАСКА — растёт ВНИЗ от ВЕРХА (как в оригинале) */
.gizmoll-paint {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 0;
  background-color: #fc8f2e;
  z-index: 1;
  animation: gizmoll-paint-grow 2s infinite;
}

/* ВАЛИК — падает ВНИЗ от ВЕРХА */
.gizmoll-roller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 13px;
  height: 4px;
  border: 1px solid #040e15;
  border-radius: 1px;
  background: linear-gradient(to bottom, #fc8f2e 0%, #fc8f2e 80%, #e86f1a 80%);
  z-index: 2;
  animation: gizmoll-roller-move 2s infinite;
}

/* Остальные детали (без изменений, только размеры) */
.gizmoll-roller::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 7px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1px;
}

.gizmoll-roller::after {
  content: "";
  position: absolute;
  top: 1px;
  right: -2px;
  width: 8px;
  height: 4px;
  border: 1px solid #040e15;
  border-left: none;
  border-radius: 1px;
  z-index: -1;
}

.gizmoll-handle {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 1px;
  height: 3px;
  background-color: #040e15;
}

.gizmoll-handle::after {
  content: "";
  position: absolute;
  bottom: -7px;
  right: -1px;
  width: 2px;
  height: 7px;
  background-color: #040e15;
  border-radius: 1px;
}

@keyframes gizmoll-roller-move {
  40% {
    top: 14px; /* 165 / 350 * 30 ≈ 14.14 → 14px */
  }
}

@keyframes gizmoll-paint-grow {
  40% {
    height: 14px; /* та же высота, что и у валика */
  }
}
/* Валик */


/* Самара */

.samara {
  width: 18px;
  height: 18px;
  position: relative;
  transform: rotate(45deg);
}

.samara:before,
.samara:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50% 50% 0 50%;
  background: #0000;
  background-image: radial-gradient(circle 5px at 50% 50%, #0000 94%, #ff4747);
}

.samara:after {
  animation: pulse-ytk0dhmd 1s infinite;
  transform: perspective(150px) translateZ(0px);
}

@keyframes pulse-ytk0dhmd {
  to {
    transform: perspective(150px) translateZ(75px);
    opacity: 0;
  }
}

/* Самара */




/* Сметы */



.loader-con {
  position: absolute;
  left: 25%;
  width: 50%;
  height: 100px;
  overflow: hidden;
}

.pfile {
  position: absolute;
  bottom: 25px;
  width: 40px;
  height: 50px;
  background: linear-gradient(90deg, #217346, #1a9c57);
  border-radius: 4px;
  transform-origin: center;
  animation: flyRight 6s ease-in-out infinite;
  opacity: 0;
}

/* ЭТО БЫЛО И ОСТАЛОСЬ - ПЕРВАЯ ПОЛОСКА */
.pfile::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 28px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 2px;
}

/* ЭТО БЫЛО И ОСТАЛОСЬ - ВТОРАЯ ПОЛОСКА */
.pfile::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 6px;
  width: 18px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 2px;
  animation: none !important;
  transform: none !important;

}

/* ЭТО ДОБАВИЛ: ИКОНКА EXCEL ПОД ПОЛОСКАМИ */
.pfile i {
  position: absolute;
  top: 26px;
  left: 13px;
  color: white;
  font-size: 14px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  animation: none !important;
  transform: none !important;
}

@keyframes flyRight {
  0% {
    left: -10%;
    transform: scale(0);
    opacity: 0;
  }
  50% {
    left: 45%;
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    left: 100%;
    transform: scale(0);
    opacity: 0;
  }
}

.pfile {
  animation-delay: calc(var(--i) * 2s);
}

/* Для мобилок (до 768px) */
@media (max-width: 768px) {
  .loader-con {
    left: 10%; /* или 5% */
    width: 80%; /* или 90% */
  }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
  .loader-con {
    left: 5%;
    width: 90%;
  }
}



/* Сметы */

/* БЛОКИ ЛЕНД */
/* Темный блок */
.dark-block-gm {
  background: #2d3e50;
  color: #fff;
  padding: 30px 20px;
  min-height: 300px; /* Минимальная высота */
  width: 100%;
  box-sizing: border-box;
}

/* Светлый блок с паттерном */
.light-block-gm {
  background: url(../images/bg.gif) repeat;
  color: #2d3e50;
  padding: 30px 20px;
  min-height: 300px; /* Минимальная высота */
  width: 100%;
  box-sizing: border-box;
}

/* БЕЛЫЙ блок - я добавил */
.white-block-gm {
  background: #ffffff;
  color: #2d3e50;
  padding: 30px 20px;
  min-height: 300px; /* Минимальная высота */
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e0e0e0; /* Опционально: рамка */
}

/* Контейнер внутри блоков */
.block-gm-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

/* Адаптивность для мобилок */
@media (max-width: 768px) {
  .dark-block-gm,
  .light-block-gm,
  .white-block-gm {
    padding: 20px 15px;
    min-height: 200px; /* Меньше на мобилках */
  }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
  .dark-block-gm,
  .light-block-gm,
  .white-block-gm {
    padding: 20px 10px;
    min-height: 150px;
  }
}
/* БЛОКИ ЛЕНД */


.row.equal-height {
  display: flex;
  flex-wrap: wrap;
}

.row.equal-height .col-sm-3 {
  display: flex;
  flex-direction: column;
}

.row.equal-height .element {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
}

.row.equal-height .f24.bold {
  flex-shrink: 0;
  margin-bottom: 15px;
  text-align: center;
}

.row.equal-height .num {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  font-size: 50px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .row.equal-height {
    display: block;
  }

  .row.equal-height .col-sm-3 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  .row.equal-height .element {
    display: block;
    padding: 15px;
  }

  .row.equal-height .f24.bold {
    margin-bottom: 10px;
  }

  .row.equal-height .num {
    margin-top: 0;
    min-height: auto;
    font-size: 40px;
  }
}