/* --- Card grid --- */
.lvd-cm-card-grid-dbeneficii                                            {position: relative; background: linear-gradient(to bottom, #f5efe6 0%, #ffffff 100%);
  border-radius: 24px; margin-left:8px; margin-right:8px; padding-top:64px;}

    .lvd-cm-card-grid-dbeneficii .lvd-section-intro.lvd-text-center        {margin-left:auto; margin-right:auto;}
    .lvd-cm-card-grid-dbeneficii .lvd-section-intro                        {max-width:80%;}

    .lvd-cm-card-grid-dbeneficii .lvd-card                                 {display:flex; flex-direction: column; border-radius:var(--lvd-rounded); position:relative;}
        .lvd-cm-card-grid-dbeneficii .lvd-img                                  {text-align: center;}
        .lvd-cm-card-grid-dbeneficii .lvd-img img                              {border-radius: var(--lvd-rounded-top);}
        .lvd-cm-card-grid-dbeneficii .lvd-pre-content                          {padding:32px;}
        .lvd-cm-card-grid-dbeneficii .lvd-content                              {display:flex; flex-direction: row; flex-wrap: wrap; flex-grow:0; padding:32px;}
            .lvd-cm-card-grid-dbeneficii .lvd-details                              {width:100%;}
                .lvd-cm-card-grid-dbeneficii .lvd-keyword                              {margin-bottom:8px;}
                .lvd-cm-card-grid-dbeneficii .lvd-title                                {margin-bottom:16px;}
                .lvd-cm-card-grid-dbeneficii .lvd-content p                            {margin-bottom:16px;}
        .lvd-cm-card-grid-dbeneficii .lvd-button-group                         {margin-bottom:0; align-self: start;}
        .lvd-cm-card-grid-dbeneficii .lvd-content .lvd-text {font-size:var(--lvd-text-s1);}

/* Image top */
.lvd-cm-card-grid-dbeneficii .lvd-image-top .lvd-img                   {order:1;}
.lvd-cm-card-grid-dbeneficii .lvd-image-top .lvd-content               {order:2;}

/* Image bottom */
.lvd-cm-card-grid-dbeneficii .lvd-image-bottom .lvd-card               {justify-content: space-between;}
.lvd-cm-card-grid-dbeneficii .lvd-image-bottom .lvd-img                {order:2;}
.lvd-cm-card-grid-dbeneficii .lvd-image-bottom .lvd-content            {order:1; padding:32px;}
.lvd-cm-card-grid-dbeneficii .lvd-image-bottom .lvd-img img            {border-radius: var(--lvd-rounded);}

/*Button forced alignment*/
.lvd-cm-card-grid-dbeneficii .lvd-buttons-align .lvd-button-group      {align-self: end;} 
.lvd-cm-card-grid-dbeneficii .lvd-buttons-align .lvd-content           {flex-grow:1;}

/* Surface light - Transparent cards */
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-light-no-cards .lvd-img img           {border-radius: var(--lvd-rounded);}
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-light-no-cards .lvd-content           {padding:24px 16px 0 16px;}

/* Surface transparent - Transparent cards */
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-transparent-no-cards .lvd-img img     {border-radius: var(--lvd-rounded);}
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-transparent-no-cards .lvd-content     {padding:24px 16px 0 16px;}

/* Surface Surface Primary Light - Transparent cards */
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-primary-light-no-cards .lvd-img img   {border-radius: var(--lvd-rounded);}   
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-primary-light-no-cards .lvd-content   {padding:24px 16px 0 16px;}

/* Surface Surface Secondary Light - Transparent cards */
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-secondary-light-no-cards .lvd-img img {border-radius: var(--lvd-rounded);}   
.lvd-cm-card-grid-dbeneficii.lvd-surface-style-secondary-light-no-cards .lvd-content {padding:24px 16px 0 16px;}

.lvd-cm-card-grid-dbeneficii .lvd-style-apply.lvd-style-white.lvd-card {border:1px solid var(--lvd-color-primary-200); 
 } 

.lvd-cm-card-grid-dbeneficii .lvd-style-apply.lvd-style-white.lvd-card .lvd-title                                {color:var(--lvd-color-black);}

.lvd-cm-card-grid-dbeneficii .lvd-separator-gradient{height:2px;width:100%;background:linear-gradient(to right,#d4c4a8 0%,rgba(212,196,168,0) 100%);border:none;margin:0 0 24px 0;}

/* Animation */
/* initial state */
.lvd-cm-card-grid-dbeneficii.lvd-animate-on-scroll .lvd-section-title,
.lvd-cm-card-grid-dbeneficii.lvd-animate-on-scroll .lvd-section-intro, 
.lvd-cm-card-grid-dbeneficii.lvd-animate-on-scroll .lvd-card                        {opacity: 0; transform: translateY(16px); transition-property: opacity, transform; transition-duration: 1s;
 transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);} 
/* animated */
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-section-title,
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-section-intro,
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-card                               {opacity: 1; transform: translateY(0);} 
/* delay */
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-section-title                      {transition-delay: 0s;}
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-section-intro                      {transition-delay: 0.15s;}
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-card:nth-child(1)                  {transition-delay: 0.3s;}
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-card:nth-child(2)                  {transition-delay: 0.45s;}
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-card:nth-child(3)                  {transition-delay: 0.6s;}
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-card:nth-child(4)                  {transition-delay: 0.75s;}
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-card:nth-child(5)                  {transition-delay: 0.9s;}
.lvd-cm-card-grid-dbeneficii.lvd-is-visible .lvd-card:nth-child(6)                  {transition-delay: 1.15s;}

/* Containerul cercului de 80px */
.lvd-cm-card-grid-dbeneficii .lvd-top-icon-circle {
    position: absolute;
    top: -40px; /* Fix jumătate din înălțime pentru a fi pe jumătate ieșit */
    left: 50%;
    transform: translateX(-50%); /* Îl centrează perfect pe orizontală */
    width: 80px;
    height: 80px;
    background-color: #ffffff; /* Fundalul cercului */
    border: 1px solid #d4c4a8; /* Culoarea marginii - am preluat-o din separatorul tău gradient */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Logo-ul din interior, bazat pe modelul tău */
.lvd-cm-card-grid-dbeneficii .lvd-icon-denttaglio {
    display: block;
    width: 40px; /* Ajustezi dimensiunea astfel încât să arate bine în interiorul cercului de 80px */
    height: 40px; 
    background-color: var(--lvd-color-black, #000000); /* Culoarea pe care o va lua logo-ul */
    -webkit-mask-image: url('../assets/svg/denttaglio-icon.png'); /* Înlocuiește cu numele real al SVG-ului */
    mask-image: url('../assets/svg/denttaglio-icon.png');
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat;
    -webkit-mask-size: contain; 
    mask-size: contain;
    -webkit-mask-position: center; 
    mask-position: center;
}

/* --- Bm --- */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-card-grid-dbeneficii, 
.lvd-cm-card-grid-dbeneficii.lvd-px, 
.lvd-cm-card-grid-dbeneficii.lvd-pxy                          {padding-left:8px; padding-right:8px;}
.lvd-cm-card-grid-dbeneficii .lvd-section-intro               {max-width: calc(100% - 24px);}
.lvd-cm-card-grid-dbeneficii .bm-lvd-grid-cols2 .lvd-content  {padding:16px;}
.lvd-cm-card-grid-dbeneficii .lvd-pre-content                 {padding:16px;}


/* Cardurile 1, 5, 9... (Stânga-Sus) -> Colț ascuțit Dreapta-Jos */
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 1) {
        border-radius: var(--lvd-rounded) var(--lvd-rounded) 0 var(--lvd-rounded);
    }
    
    /* Cardurile 2, 6, 10... (Dreapta-Sus) -> Colț ascuțit Stânga-Jos */
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 2) {
        border-radius: var(--lvd-rounded) var(--lvd-rounded) var(--lvd-rounded) 0;
    }
    
    /* Cardurile 3, 7, 11... (Stânga-Jos) -> Colț ascuțit Dreapta-Sus */
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 3) {
        border-radius: var(--lvd-rounded) 0 var(--lvd-rounded) var(--lvd-rounded);
    }
    
    /* Cardurile 4, 8, 12... (Dreapta-Jos) -> Colț ascuțit Stânga-Sus */
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 4) {
        border-radius: 0 var(--lvd-rounded) var(--lvd-rounded) var(--lvd-rounded);
    }

    /* Corecții pentru imagini (dacă vei folosi imagini în aceste carduri) */
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 1) .lvd-img img {
        border-radius: var(--lvd-rounded-top) var(--lvd-rounded-top) 0 0;
    }
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 2) .lvd-img img {
        border-radius: var(--lvd-rounded-top) var(--lvd-rounded-top) 0 0;
    }
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 3) .lvd-img img {
        border-radius: var(--lvd-rounded-top) 0 0 0; /* Colțul dreapta-sus e ascuțit */
    }
    .lvd-cm-card-grid-dbeneficii .lvd-card:nth-child(4n + 4) .lvd-img img {
        border-radius: 0 var(--lvd-rounded-top) 0 0; /* Colțul stânga-sus e ascuțit */
    }
}

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

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