/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*-------------------------------------@DEFAULT-----------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

.annexed-products-groups {
    display:flex;
    flex-direction: column;
    grid-gap:var(--gap-l);
}

.annexed-products-group .products {
    display:grid;
    grid-template-columns: repeat( 4, minmax( auto, 1fr ) );
    grid-gap:var(--gap-s);
}

.annexed-products-group .products .product {
    display:flex;
    flex-direction: column;

    border:1px solid var(--color-purple-09);
}

.annexed-products-group .products .product > .item__header {
    width: 100%;
    aspect-ratio: 1.42/1;

    padding:var(--gap-s);
    
    position:relative;

    overflow: hidden;

    border-bottom: 1px solid var(--color-purple-09);
}

.annexed-products-group .products .product .product__thumbnail {
    width:100%;
    height:100%;

    position:absolute;
    top:0;
    left:0;

    object-fit: cover;

    transform:scale(1);

    transition:all calc(1/3*1s) ease-in-out;
}
.annexed-products-group .products .product:has( .button--primary--small--purple-09:hover ) .product__thumbnail {
    transform:scale(1.1);
}

.annexed-products-group .products .product > .item__body {
    padding:var(--gap-s);
}

.annexed-products-group .products .product .product__title {
    margin-bottom:var(--gap-xs);

    font-family:var(--text-family-primary);
    font-size:var(--text-head-xs-size);
    line-height:var(--text-head-xs-line-height);
    letter-spacing: 0em;
    text-transform:initial;
    font-weight:700;
    text-align:left;
    color:var(--color-purple-09);
    text-decoration: none;
}

.annexed-products-group .products .product .product__custom-description {
    font-family:var(--text-family-primary);
    font-size:var(--text-body-l-size);
    line-height:var(--text-body-l-line-height);
    letter-spacing: 0em;
    text-transform:initial;
    font-weight:400;
    text-align:left;
    color:var(--color-gray-dim);
    text-decoration: none;
}

.annexed-products-group .products .product > .item__footer {
    display:flex;
    flex:1;
    flex-direction: column;
    justify-content: flex-end;
    grid-gap:var(--gap-xs);

    padding:0 var(--gap-s) var(--gap-s) var(--gap-s) ;
}

.annexed-products-group .products .product .button {
    width:100%!important;

    justify-content: center!important;
}

@media ( min-width: 1025px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------#DEFAULT-----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

}

@media ( min-width:768px ) and ( max-width:1024px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------$DEFAULT-----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

}

@media ( max-width:767px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------%DEFAULT-----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    
    .annexed-products-group .products {
        grid-template-columns: 1fr; 
    }

}