/** Panier sur deux colonnes **/
.panier_2col { 
	display: flex; 
    flex-wrap: wrap; 
    margin: 0 auto 16px;
    position: relative;
} 

.panier_2col table {
	margin: 0 auto;
}

/** shadow détails des produits et total panier **/
.panier_2col .panier_shadow { 
	margin-bottom: 16px;
	filter: drop-shadow(0 1em 1.5em #00000026);
    background-color: #fff;
    border-radius: .7em;
    padding: 1em;
	border: 0;
}

/** Intitulé des lignes **/
.panier_2col th, .panier_2col a  {
	font-family: Roboto, sans-serif; 
    font-weight: 500;
	color: #6b6a6a;
	text-align: center; 
}
.panier_2col th {
	padding: 0 .1em .5em;
	font-size: .85rem;
	vertical-align: middle;
}
.panier_2col th.produit_nom {
	text-align: left;
} 

.panier_2col a {   
	position: relative;
    display: inline-block;    
	text-decoration: none;
	font-size: 1.05rem; 
    color: #111111;
}
.panier_2col a:hover {   
	color: #000;
}
/** lien panier **/
.panier_2col a:hover:after,
.panier_2col a:focus:after {
    transform: scaleX(1);
	font-size: 1.05rem;
}

.panier_2col a:after { 
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.2em;
    background-color: #ccc;
    width: 100%;
    height: .1em;
    transform-origin: 0;
    transform: scaleX(0);
    transition: all .15s ease-out;
}


/** bouton **/
.panier_2col .btn, .panier_2col a.btn {
	font-family: Roboto, sans-serif; 
    font-size: .7em; 
	padding: .5em .8em; 
	appearance: none;
	color: #fff; 
    background: #000;
	text-align: center;
    font-weight: 800;
    line-height: 1.1; 
	cursor: pointer; 
	text-wrap: pretty;
    display: block;
    border: 0;
    border-radius: 2em; 
	ease-out, transform .15s, box-shadow .2s;
    box-shadow: 0 6px 18px #0000002e, 0 5px 6px #0000001f;
    width: auto; 
    transition: all .15s 
}

.panier_2col input {
	box-shadow: none;
    border: .1rem solid #e0e1dda3;
    background-color: #fff;
    border-radius: 6px;
    line-height: 25px;
    margin: 0;
    padding: .1em .4em;
    outline: 0;
    box-sizing: border-box;
    color: #737372;
}

/** Colonne 1 - détail de commande **/
.panier_2col .panier_detail {
	box-sizing: border-box;
    margin: 0;
    /**padding-right: 4.5283018868%; **/
    width: 65%;
}

.panier_2col .produit_img { 
	vertical-align: top !important;
}
.panier_2col .produit_img img { 
	margin: 0; 
    width: 120px;
    border-radius: .7em;
 } 
.panier_2col .produit_enfant img { 
	border-radius: 49%;
	width: 22px; 
 }
 .panier_2col .produit_enfant td.produit_nom { 
 }
.produit_nom__inner {
    display: flex;
    align-items: center;
    gap: 8px;      
    height: 100%;
}
.produit_nom__inner svg {
    display: block; 
    width: 23px; 
    height: auto; 
    flex-shrink: 0;
}

.produit_nom__inner svg.ico_camera {
    width: 24px;
	height: 24px;
	fill: #666; 
} 

/* texte */
.produit_nom__texte {
	font-size: .8rem;
	font-family: Roboto, sans-serif; 
    display: inline-block;
    line-height: 1.2;
}
 
 
.panier_2col .produit_actions { 
	text-align: center;
 }

.panier_2col .panier_detail td {
	padding: .3em .8em;
	text-align: right;
	vertical-align: middle; 
}

/** Cellules contenant les boutons en dessous des détails **/
.panier_2col .btns td {
	padding: 1em 0; 
}

.panier_2col .panier_detail .produit_parent td {  
	border-top: .5px solid #e6e6e6;
	padding: .8em .8em .3em; 
}
.panier_2col .panier_detail td.produit_img {
	text-align: left;
	width: 120px;
	padding: .8em 0 .7em;
}

.panier_2col .panier_detail td.produit_nom {
	text-align: left;
}
.panier_2col .panier_detail td.produit_quantite, 
.panier_2col .panier_detail td.produit_maj { 
	text-align: center;
}
.panier_2col .panier_detail td.produit_quantite input {
	width: 50px;
	text-align: center;
}
.panier_2col .panier_detail .btn_maj {
	margin: 0 auto; 
}
.panier_2col .panier_detail .btn_continue {
	display: grid;
	justify-content: start; 
}

.panier_2col .produit_supprimer a { 
	color: #b4b5b2;
} 


/** Colonne 2 - récap panier **/  
.panier_2col .panier_recap { 
	margin-top: 0;
	box-sizing: border-box;
    padding-left: 2.2641509434%;
    width: 35%;
}

/** tritre total panier **/
.panier_2col .panier_recap h2 {
	font-family: Montserrat, sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	margin-top: 0; 
	text-align: center; 
	text-transform: uppercase;
	margin: .4em 0 .9em; 
}  

.panier_2col .form_coupon {
	display: flex;
    align-items: center;
    flex-direction: row; 
	gap: 8px;
}
.panier_2col .panier_recap th {
	padding: 1em 0;
}
.panier_2col .panier_recap td {
	text-align: right; 
}
.panier_2col .recap_coupon  {
	line-height: 60px;
}

.panier_2col .recap_total td {
	display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}
.panier_2col .border_top { 
	border-top: .5px solid #e6e6e6;  
}
	
/** Texte bouton valider **/
.panier_2col a.btn_valider { 
    padding: .7em 1em;
    font-size: 1.05em;
}
.recap_valider_commande .btn_valider::after {
    content: "→";
    margin-left: 6px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.recap_valider_commande .btn_valider:hover::after {
    transform: translateX(4px);
}


.panier_2col a.btn:hover,
.panier_2col .btn:hover { 
	background: #6b6a6a;
    transform: translateY(-1px);
    box-shadow: 0 8px 22px #0000003d, 0 4px 12px #00000029;
}