/* /ux_builder/static/css/grid.css */
/* ── Общая карточка секции ── */ 
.grid-products-block{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.05);margin-top:0px;padding:0;}
/* ── Шапка (заголовок+бейдж) ── */ 
.grid-head{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:40px;}
.grid-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background:#4f46e5;color:#fff;font-weight:700;font-size:.875rem;white-space:nowrap;}

/* ── Тело: адаптивная сетка ── */ 
.grid-body{display:grid;gap:24px;padding:0 24px 30px;}
@media(min-width:640px){.grid-body{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1024px){.grid-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 24px;}}
@media(min-width:1280px){.grid-body{grid-template-columns:repeat(4,minmax(0,1fr));}}

/* ── Сентинел и индикатор ── */ 
.grid-sentinel{display:flex;align-items:center;justify-content:center;height:64px;padding:6px 0;}
.grid-loader{display:inline-flex;gap:6px;opacity:.55;} 
.grid-loader span{width:8px;height:8px;border-radius:50%;background:#a3b0c4;display:inline-block;animation:grid-blink 1s infinite alternate;}
.grid-loader span:nth-child(2){animation-delay:.15s;} 
.grid-loader span:nth-child(3){animation-delay:.3s;} 
@keyframes grid-blink{to{opacity:.2;transform:translateY(-3px);}}

/* ── Стили для смартфонов ── */
@media(max-width:640px){
  .grid-badge{font-size:.75rem;padding:.25rem .5rem;}
  .grid-body{grid-template-columns:repeat(1,minmax(0,1fr));padding:0 16px 22px;}
  .text-3xl { font-size: 1.2rem; line-height: 1.3; }
  .grid-head { padding: 20px; }
}