/* --- Logo grid --- */
.lvd-cm-logo-grid                                      {position:relative;}
.lvd-cm-logo-grid .lvd-section-intro.lvd-text-center   {margin-left:auto; margin-right:auto;}
.lvd-cm-logo-grid .lvd-section-intro                   {max-width:80%;}

.lvd-cm-logo-grid .lvd-client-card                     {display: flex; flex-direction: column; align-items: flex-start; gap: 16px; border-radius: var(--lvd-rounded); padding:16px;}
.lvd-cm-logo-grid .lvd-logo-wrapper                    {display: flex; position: relative; width: 160px; height: 60px;}
.lvd-cm-logo-grid .lvd-logo-wrapper img                {width: 100%; height: 100%; object-fit: contain; object-position: left center;}
.lvd-cm-logo-grid .lvd-image-filter img                {filter: brightness(1.2) grayscale(100%); transition: filter 0.3s ease;}
.lvd-cm-logo-grid .lvd-image-filter img:hover          {filter: none;}
.lvd-cm-logo-grid .lvd-text p                          {margin-bottom:4px;}
.lvd-cm-logo-grid .lvd-button-group a                  {margin-left:0; margin-right:16px;} 

/* Transparent cards fix */
.lvd-cm-logo-grid.lvd-surface-style-transparent-no-cards .lvd-client-card       {padding:0; background:var(--lvd-color-bg);}
.lvd-cm-logo-grid.lvd-surface-style-light-no-cards .lvd-client-card             {padding:0; background:var(--lvd-color-gray-200);}
.lvd-cm-logo-grid.lvd-surface-style-primary-light-no-cards .lvd-client-card     {padding:0; background:var(--lvd-color-primary-surface);}
.lvd-cm-logo-grid.lvd-surface-style-secondary-light-no-cards .lvd-client-card   {padding:0; background:var(--lvd-color-secondary-surface);}


/* --- Animation --- */
.lvd-cm-logo-grid.lvd-animate-on-scroll .lvd-section-title, 
.lvd-cm-logo-grid.lvd-animate-on-scroll .lvd-section-intro {opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform;}
.lvd-cm-logo-grid.lvd-is-visible .lvd-section-title, 
.lvd-cm-logo-grid.lvd-is-visible .lvd-section-intro {opacity: 1; transform: none;}
.lvd-cm-logo-grid.lvd-is-visible .lvd-section-title {transition-delay: 0s;}
.lvd-cm-logo-grid.lvd-is-visible .lvd-section-intro {transition-delay: 0.15s;}


/* --- Bm --- */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-logo-grid, 
.lvd-cm-logo-grid.lvd-px, 
.lvd-cm-logo-grid.lvd-pxy              {padding-left:16px; padding-right:16px;}
.lvd-cm-logo-grid .lvd-section-intro   {max-width: calc(100% - 24px);}
.lvd-cm-logo-grid .lvd-grid            {column-gap: 24px; row-gap: 16px;}
.lvd-cm-logo-grid .lvd-client-card     {flex-direction:row; align-items: center; }
.lvd-cm-logo-grid .lvd-logo-wrapper    {width: 120px; height: 50px; flex-shrink: 0; align-items: center; justify-content: start;}
.lvd-cm-logo-grid .lvd-text            {font-size:var(--lvd-text-s1);}
}

/* --- Bt --- */
@media (min-width:768px) and (max-width:1024px)
{
.lvd-cm-logo-grid, 
.lvd-cm-logo-grid.lvd-px, 
.lvd-cm-logo-grid.lvd-pxy             {padding-left:24px; padding-right:24px;}
.lvd-cm-logo-grid .lvd-grid           {gap: 32px;}
}

/* --- Full HD --- */
@media (min-width:1025px) and (max-width:1344px)
{
.lvd-cm-logo-grid, 
.lvd-cm-logo-grid.lvd-px, 
.lvd-cm-logo-grid.lvd-pxy             {padding-left:24px; padding-right:24px;}
}