/*==================================================
  PRODUCT GRID
==================================================*/

.cyb-products-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

/*==================================================
  PRODUCT CARD
==================================================*/

.cyb-product-card{

    display:flex;
    flex-direction:column;

    background:#fff;

    border:1px solid var(--cyb-border);

    border-radius:18px;

    overflow:hidden;

    box-shadow:var(--cyb-shadow);

    transition:.35s ease;

    height:100%;
    width: 100%;

}

.cyb-product-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--cyb-shadow-hover);

}

/*==================================================
PRODUCT IMAGE
==================================================*/

/*==================================================
  PRODUCT IMAGE - SQUARE BACKGROUND
==================================================*/

.cyb-product-image{

    width:100%;

    aspect-ratio:1 / 1;

    padding:0;

    overflow:hidden;

    position:relative;

    background:#f5f7fa;

}

.cyb-product-image img{

    width:100%;

    height:100%;

    max-width:none;

    max-height:none;

    object-fit:contain;

    object-position:center;

    display:block;

    transition:.35s ease;

}

.cyb-product-card:hover .cyb-product-image img{

    transform:scale(1.05);

}

.cyb-no-image{

    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-weight:600;

    color:#999;

    background:#fafafa;

}

/*==================================================
  BODY
==================================================*/

.cyb-product-body{

    padding:15px;

}

/*==================================================
  BUSINESS UNIT
==================================================*/

.cyb-business-unit{

    display:inline-flex;

    align-items:center;

    padding:6px 14px;

    background:#eef5ff;

    color:#0A4DA2;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:15px;

}

/*==================================================
  TITLE
==================================================*/

.cyb-product-title{

    font-size:22px;

    line-height:1.4;

    margin-bottom:12px;

}

.cyb-product-title a{

    color:black;

    text-decoration:none;

    transition:.3s;

}

.cyb-product-title a:hover{

    color:var(--cyb-primary-dark);

}

/*==================================================
  BRAND
==================================================*/

.cyb-card-brand{

    color:#64748b;

    font-size:14px;

    margin-bottom:12px;

}



/*==================================================
  SKU
==================================================*/

.cyb-card-sku{

    font-size:14px;

    color:var(--cyb-text);

    margin-bottom:12px;

}

.cyb-card-sku strong{

    color:var(--cyb-primary);

}

/*==================================================
  PRICE
==================================================*/

.cyb-card-price{

    font-size:24px;

    font-weight:700;

    color:var(--cyb-primary);

    margin-bottom:22px;

}

/*==================================================
  FOOTER
==================================================*/

.cyb-product-footer{

    display:flex;

    gap:12px;

    margin-top:auto;

}

/*==================================================
  BUTTONS
==================================================*/

.cyb-view-btn,
.cyb-quote-btn{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:14px 18px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.cyb-view-btn{

    background:var(--cyb-primary);

    color:#fff;

}

.cyb-view-btn:hover{

    background:var(--cyb-primary-dark);

}

.cyb-quote-btn{

    background:#fff;

    color:var(--cyb-primary);

    border:1px solid var(--cyb-primary);

}

.cyb-quote-btn:hover{

    background:var(--cyb-primary);

    color:#fff;

}

/*==================================================
  SECTION HEADER
==================================================*/

.cyb-section-header{

    text-align:center;

    margin-bottom:50px;

}

.cyb-view-all-wrapper{

    margin-top:50px;

    text-align:center;

}

.cyb-view-all-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    background:var(--cyb-primary);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    border-radius:50px;

    transition:.3s;

}

.cyb-view-all-btn:hover{

    background:var(--cyb-primary-dark);

    transform:translateY(-3px);

}

/*==================================================
  RESPONSIVE
==================================================*/



/* =========================================
   MOBILE PRODUCT CARDS
========================================= */

@media (max-width:640px){

    .cyb-products-grid{

        display:grid;

        grid-template-columns:1fr !important;

        gap:20px;

        width:100%;

    }


    .cyb-product-card{

        width:100%;

        min-width:0;

        border-radius:16px;

    }


    /* IMAGE AREA */

    .cyb-product-image{

        width:100% !important;

        height:auto !important;

        aspect-ratio:1 / 1;

        padding:0 !important;

        overflow:hidden;

        background:#f5f7fa;

        display:block;

    }


    /* IMAGE ITUMIE ENEO LOTE */

    .cyb-product-image img{

        width:100% !important;

        height:100% !important;

        max-width:none !important;

        max-height:none !important;

        object-fit:contain !important;

        object-position:center;

        display:block;

    }


    .cyb-product-body{

        padding:18px;

    }


    .cyb-product-title{

        font-size:20px;

    }


    .cyb-product-footer{

        display:flex;

        gap:10px;

    }

}



/* =========================================
   MOBILE: VIEW ONLY
========================================= */

@media (max-width:768px){

    .cyb-view-btn{
        font-size:0 !important;
    }

    .cyb-view-btn::after{
        content:"View";
        font-size:16px !important;
        font-weight:600 !important;
    }

}

@media (max-width:768px){

    .cyb-card-footer{
        display:flex !important;
        flex-direction:column !important;
        gap:10px !important;
        width:100% !important;
    }

    .cyb-card-footer a{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

}


/* =========================================
   MOBILE ONLY - HIDE REQUEST QUOTE
========================================= */

@media (max-width: 768px){

    .cyb-card-quote{
        display:none !important;
    }

}

/* =========================================
   MOBILE ONLY - HIDE REQUEST QUOTE
========================================= */

@media (max-width: 768px){

    .cyb-product-footer .cyb-quote-btn{
        display:none !important;
    }

}

@media (max-width: 768px){

    .cyb-card-price{
        font-size:15px !important;
        line-height:1.3 !important;
    }

}

@media (max-width: 768px){

    .cyb-card-sku{
        font-size:14px !important;
        line-height:1.4 !important;
    }

    .cyb-card-sku strong{
        font-size:11px !important;
    }

}

/* Hide View Product only on Products Archive */

.cyb-archive-page .cyb-view-btn {
    display: none !important;
}