/* =============================================================================
   INSTALL COMMUNICATION 33
   NOTRE SÉLECTION
   VERSION 4.0
=============================================================================*/


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

.ic33-produits{

    position:relative;

    padding:120px 0 140px;

    background:#FFFFFF;

    overflow:hidden;

}


/* =============================================================================
   CONTENEUR
=============================================================================*/

.ic33-produits > .ic33-container,
.ic33-produits > .ic33-container-wide{

    width:min(2200px,96vw);

    margin:0 auto;

    padding:0;

}


/* =============================================================================
   EN-TÊTE
=============================================================================*/

.ic33-produits-header{

    max-width:920px;

    margin:0 auto 90px;

    text-align:center;

}

.ic33-produits-subtitle{

    display:inline-block;

    margin-bottom:18px;

    color:#005FD6;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.ic33-produits-title{

    margin:0;

    color:#081A2F;

    font-size:clamp(46px,4vw,64px);

    font-weight:900;

    line-height:1.1;

}

.ic33-produits-intro{

    max-width:760px;

    margin:28px auto 0;

    color:#5D6778;

    font-size:19px;

    line-height:1.9;

}


/* =============================================================================
   GRILLE
=============================================================================*/

.ic33-produits-grid{

    display:grid;

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

    gap:42px;

    width:100%;

    align-items:stretch;

}
/* =============================================================================
   CARTES PRODUITS
=============================================================================*/

.ic33-produit-card{

    position:relative;

    display:flex;

    flex-direction:column;

    width:100%;

    height:100%;

    overflow:hidden;

    border:1px solid #E6ECF2;

    border-radius:24px;

    background:#FFFFFF;

    box-shadow:0 18px 50px rgba(8,26,47,.08);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;

}

.ic33-produit-card:hover{

    transform:translateY(-10px);

    border-color:#005FD6;

    background:#FBFCFE;

    box-shadow:0 30px 70px rgba(8,26,47,.16);

}


/* =============================================================================
   LIEN
=============================================================================*/

.ic33-produit-link{

    display:flex;

    flex-direction:column;

    flex:1;

    color:inherit;

    text-decoration:none;

}


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

.ic33-produit-image{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:340px;

    padding:32px;

    background:#FAFBFC;

    overflow:hidden;

}

.ic33-produit-image img{

    display:block;

    width:100%;

    height:100%;

    object-fit:contain;

    transition:transform .45s ease;

}

.ic33-produit-card:hover .ic33-produit-image img{

    transform:scale(1.05);

}


/* =============================================================================
   BADGES
=============================================================================*/

.ic33-badge{

    position:absolute;

    top:20px;

    left:20px;

    z-index:30;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:38px;

    padding:0 18px;

    border-radius:999px;

    color:#FFF;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    box-shadow:0 8px 22px rgba(0,0,0,.18);

}

.ic33-badge-new{

    background:#005FD6;

}

.ic33-badge-sale{

    background:#E53935;

}

.ic33-badge-stock{

    background:#4B5563;

}


/* =============================================================================
   CONTENU
=============================================================================*/

.ic33-produit-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:28px 30px;

    text-align:center;

}

.ic33-produit-title{

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    overflow:hidden;

    min-height:64px;

    margin:0 0 18px;

    color:#081A2F;

    font-size:22px;

    font-weight:800;

    line-height:1.35;

}

.ic33-produit-rating{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:28px;

    margin-bottom:18px;

}

.ic33-produit-rating .star-rating{

    margin:0 auto;

}

.ic33-produit-price{

    margin-top:auto;

    margin-bottom:26px;

    color:#081A2F;

    font-size:34px;

    font-weight:900;

    line-height:1;

}

.ic33-produit-price del{

    margin-right:10px;

    color:#98A2B3;

    font-size:22px;

    font-weight:500;

}

.ic33-produit-price ins{

    color:#F58220;

    text-decoration:none;

}
/* =============================================================================
   ACTIONS
=============================================================================*/

.ic33-produit-actions{

    margin-top:auto;

    padding:0 30px 30px;

}


/* =============================================================================
   RESET WOOCOMMERCE
=============================================================================*/

.ic33-produits .ic33-produit-actions .button,
.ic33-produits .ic33-produit-actions a.button,
.ic33-produits .ic33-produit-actions .add_to_cart_button,
.ic33-produits .ic33-produit-actions .product_type_simple,
.ic33-produits .ic33-produit-actions .ajax_add_to_cart,
.ic33-produits .ic33-produit-actions .added_to_cart{

    display:flex !important;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:56px;

    margin:0;

    padding:16px 24px;

    border:2px solid #F58220 !important;

    border-radius:999px;

    background:transparent !important;

    background-image:none !important;

    color:#F58220 !important;

    font-size:16px;

    font-weight:700;

    text-align:center;

    text-decoration:none;

    text-shadow:none !important;

    box-shadow:none !important;

    transition:
        background .30s ease,
        color .30s ease,
        border-color .30s ease,
        transform .30s ease,
        box-shadow .30s ease;

}


/* =============================================================================
   SURVOL
=============================================================================*/

.ic33-produits .ic33-produit-actions .button:hover,
.ic33-produits .ic33-produit-actions a.button:hover,
.ic33-produits .ic33-produit-actions .add_to_cart_button:hover,
.ic33-produits .ic33-produit-actions .product_type_simple:hover,
.ic33-produits .ic33-produit-actions .ajax_add_to_cart:hover{

    background:#F58220 !important;

    border-color:#F58220 !important;

    color:#FFFFFF !important;

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(245,130,32,.25);

}


/* =============================================================================
   RUPTURE DE STOCK
=============================================================================*/

.ic33-stock-message{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:56px;

    padding:16px;

    border-radius:999px;

    background:#F3F4F6;

    color:#6B7280;

    font-size:15px;

    font-weight:600;

}


/* =============================================================================
   BOUTON BOUTIQUE
=============================================================================*/

.ic33-produits-footer{

    display:flex;

    justify-content:center;

    margin-top:70px;

}

.ic33-boutique-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:18px 36px;

    border:2px solid #005FD6;

    border-radius:999px;

    background:transparent;

    color:#005FD6;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:all .30s ease;

}

.ic33-boutique-button:hover{

    background:#005FD6;

    color:#FFFFFF;

    transform:translateY(-3px);

    box-shadow:0 14px 34px rgba(0,95,214,.25);

}

.ic33-boutique-button:hover .ic33-arrow{

    transform:translateX(6px);

}

.ic33-arrow{

    transition:transform .30s ease;

}


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

@media (max-width:1850px){

    .ic33-produits-grid{

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

        gap:34px;

    }

}

@media (max-width:1450px){

    .ic33-produits-grid{

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

    }

}

@media (max-width:768px){

    .ic33-produits{

        padding:90px 0;

    }

    .ic33-produits-grid{

        grid-template-columns:1fr;

        gap:28px;

    }

    .ic33-produit-image{

        height:280px;

    }

    .ic33-produit-title{

        font-size:20px;

        min-height:auto;

    }

    .ic33-produit-price{

        font-size:28px;

    }

}


/* =============================================================================
   OPTIMISATIONS
=============================================================================*/

.ic33-produit-card{

    will-change:transform;

}

.ic33-produit-image img{

    display:block;

    backface-visibility:hidden;

    -webkit-backface-visibility:hidden;

}
/* =============================================================================
   ACTIONS
=============================================================================*/

.ic33-produit-actions{

    margin-top:auto;

    padding:0 30px 30px;

}


/* =============================================================================
   RESET WOOCOMMERCE
=============================================================================*/

.ic33-produits .ic33-produit-actions .button,
.ic33-produits .ic33-produit-actions a.button,
.ic33-produits .ic33-produit-actions .add_to_cart_button,
.ic33-produits .ic33-produit-actions .product_type_simple,
.ic33-produits .ic33-produit-actions .ajax_add_to_cart{

    display:flex !important;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:56px;

    margin:0;

    padding:16px 24px;

    border:2px solid #F58220 !important;

}


/* Masque le bouton WooCommerce « Voir le panier » après un ajout sur l'accueil */

.ic33-produits .ic33-produit-actions .added_to_cart,
.ic33-produits .ic33-produit-actions a.added_to_cart {

    display:none !important;

}