/** Shopify CDN: Minification failed

Line 358:1 Expected "}" to go with "{"

**/
.l4cm { list-style: none; margin: 28px 0; padding: 0; }
	.l4cm li { position: relative; min-height: 80px; margin: 0 0 17px; padding: 0 0 5px calc(var(--main_fz) * 17.5); border-bottom: 1px solid var(--custom_bd); }
		.l4cm li:before, .l4cm footer h2, .l4cm footer h3, .l4cm footer h4, .l4cm footer h5, .l4cm footer h6 { display: block; overflow: hidden; position: absolute; left: calc(var(--main_fz) * 11.4285714286); top: 0; width: calc(var(--main_fz) * 4.4285714286); height: calc(var(--main_fz) * 4.4285714286); padding: 0; border-radius: 99px; background: var(--sand); color: var(--gray); font-size: calc(var(--main_fz) * 1.4285714286); line-height: calc(var(--main_fz) * 4.4285714286); text-align: center; }	
		.l4cm li:before { content: "\e943"; height: calc(var(--main_fz) * 4.4285714286); padding: 1px 0 0; color: var(--gray); font-family: i; font-weight: 400; font-size: calc(var(--main_fz) * 4.4285714286); opacity: .9; }
	.l4cm figure { overflow: hidden; position: absolute; left: calc(var(--main_fz) * 11.4285714286); top: 0; z-index: 3; width: calc(var(--main_fz) * 4.4285714286); border-radius: 99px; }
		.l4cm img { display: block; width: 100% !important; border-radius: 99px; }
	.l4cm h1, .l4cm h2, .l4cm h3, .l4cm h4, .l4cm h5, .l4cm h6, .l4cm footer p { overflow: hidden; position: absolute; left: -10px; top: 0; width: calc(var(--main_fz) * 10.4285714286); margin: 0; padding: 0 0 0 10px; color: var(--secondary_bg); font-size: 1em; font-weight: var(--main_fw_h); font-family: var(--main_ff); line-height: var(--main_lh); text-overflow: ellipsis; white-space: nowrap; letter-spacing: var(--main_ls); }
		.l4cm h1 .small, .l4cm h2 .small, .l4cm h3 .small, .l4cm h4 .small, .l4cm h5 .small, .l4cm h6 .small, .l4cm footer p .small { display: block; margin-top: -2px; color: var(--gray_text); font-weight: var(--main_fw); font-size: 1em; }
	.l4cm p { margin-bottom: 17px; }
.l4cm:first-child { margin-top: 0; }
.l4cm footer { align-items: center; }

@media only screen and (max-width: 760px) {
.l4cm { margin-top: 15px; margin-bottom: 17px; }
	#root .l4cm li { min-height: 0; margin-bottom: 15px; padding: 0 0 7px; }
	.l4cm footer { margin-right: -17px; }
	#root .l4cm figure, #root .l4cm footer h1, #root .l4cm footer h2, #root .l4cm footer h3, #root .l4cm footer h4, #root .l4cm footer h5, #root .l4cm footer h6 { position: relative; left: 0; right: 0; width: 44px; min-width: 44px; max-width: 44px; height: 44px; margin: 0 17px 10px 0; font-size: var(--size_18_f); line-height: 44px; text-align: center; }
	#root .l4cm h1, #root .l4cm h2, #root .l4cm h3, #root .l4cm h4, #root .l4cm h5, #root .l4cm h6, #root .l4cm footer p { overflow: visible; position: relative; right: 0; left: 0; top: 0; width: auto; margin: 0 17px 10px 0; padding: 0; }
		.l4cm h1 .small, .l4cm h2 .small, .l4cm h3 .small, .l4cm h4 .small, .l4cm h5 .small, .l4cm h6 .small, .l4cm footer p .small { display: inline; margin: 0 0 0 6px; }
	.l4cm p { margin-bottom: 10px }
	
.l4cm footer, #root .l4cm h1, #root .l4cm h2, #root .l4cm h3, #root .l4cm h4, #root .l4cm h5, #root .l4cm h6, #root .l4cm footer p { display: flex; flex-wrap: wrap; }
.l4cm footer { flex-wrap: nowrap; }
.l4cm footer h1, .l4cm footer h2, .l4cm footer h3, .l4cm footer h4, .l4cm footer h5, .l4cm footer h6 { justify-content: center; }

.l4cm li:before { display: none; }
}
/* ===== Effet premium ===== */

.l4ne > li,
.l4ne article{
transition:all .3s ease !important;
}

.l4ne > li:hover,
.l4ne article:hover{
transform:translateY(-4px);
box-shadow:0 14px 30px rgba(0,0,0,.12) !important;
}
/* ===== Correction centrage mobile blog ===== */

@media only screen and (max-width:768px){

.l4ne{
display:grid !important;
grid-template-columns:1fr !important;
justify-content:center !important;
align-items:start !important;
gap:20px !important;

width:100% !important;
max-width:100% !important;

padding-left:16px !important;
padding-right:16px !important;

margin-left:auto !important;
margin-right:auto !important;

box-sizing:border-box !important;
}

.l4ne > li,
.l4ne article,
.l4ne .item{
width:100% !important;
max-width:100% !important;
min-width:0 !important;

margin-left:auto !important;
margin-right:auto !important;

box-sizing:border-box !important;
}

}
/* ===== Correction centrage mobile blog Force Addict Pro ===== */

@media only screen and (max-width:768px){

  .l4ne{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  .l4ne > li,
  .l4ne article,
  .l4ne .item{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

}

/* =======================================================
FORCE ADDICT PRO - ARTICLE BLOGGLE PREMIUM
Cible uniquement le contenu article, pas header/footer
======================================================= */

body.template-article #bloggle_article-layout{
  max-width:1100px !important;
  margin:30px auto !important;
  padding:0 18px !important;
  box-sizing:border-box !important;
}

body.template-article #bloggle_article{
  background:#ffffff !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

body.template-article #bloggle_rte{
  max-width:900px !important;
  margin:0 auto !important;
  padding:35px 22px !important;
  box-sizing:border-box !important;
}

body.template-article #bloggle_rte p{
  font-size:17px !important;
  line-height:1.85 !important;
  margin-bottom:22px !important;
}

body.template-article #bloggle_rte h2{
  font-size:28px !important;
  line-height:1.3 !important;
  margin:46px 0 18px !important;
  padding:16px 20px !important;
  background:#111 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-left:6px solid #f4c430 !important;
  border-radius:12px !important;
}

body.template-article #bloggle_rte h3{
  font-size:22px !important;
  line-height:1.35 !important;
  margin:34px 0 14px !important;
  padding-left:14px !important;
  border-left:4px solid #f4c430 !important;
}

body.template-article #bloggle_rte ul,
body.template-article #bloggle_rte ol{
  background:#f7f7f7 !important;
  border-radius:16px !important;
  padding:22px 28px 22px 45px !important;
  margin:24px 0 !important;
}

body.template-article #bloggle_rte li{
  line-height:1.75 !important;
  margin-bottom:10px !important;
}

body.template-article #bloggle_rte img{
  max-width:100% !important;
  height:auto !important;
  border-radius:18px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.12) !important;
  margin:30px auto !important;
}

body.template-article #bloggle_rte a{
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* Image principale Bloggle */
body.template-article .bloggle--blog-item-img{
  border-radius:18px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.14) !important;
  margin-bottom:25px !important;
}

/* Mobile */
@media only screen and (max-width:768px){

  body.template-article #bloggle_article-layout{
    padding:0 14px !important;
    margin-top:18px !important;
  }

  body.template-article #bloggle_rte{
    padding:24px 14px !important;
  }

  body.template-article #bloggle_rte p{
    font-size:15.5px !important;
    line-height:1.75 !important;
  }

  body.template-article #bloggle_rte h2{
    font-size:22px !important;
    padding:14px 16px !important;
    margin-top:36px !important;
  }

  body.template-article #bloggle_rte h3{
    font-size:19px !important;
  }

  body.template-article #bloggle_rte ul,
  body.template-article #bloggle_rte ol{
    padding:18px 20px 18px 34px !important;
  }
/* ===== MASQUER ARTICLE NATIF QUAND BLOGGLE EST PRÉSENT ===== */

/* Cache la section native main-article du thème Xtra */
body.template-article .shopify-section:has(section[id*="main-article"]),
body.template-article .shopify-section:has(.w940.align-center),
body.template-article .shopify-section:has(.size-content){
  display:none !important;
}

/* Garde Bloggle visible */
body.template-article #bloggle_article-layout,
body.template-article #bloggle_article,
body.template-article #bloggle_rte{
  display:block !important;
}

/* Sécurité mobile Bloggle */
@media only screen and (max-width:768px){
  body.template-article #bloggle_article-layout{
    width:100% !important;
    max-width:100% !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.template-article #bloggle_article,
  body.template-article #bloggle_rte{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
}
/* ===== BLOGGLE ARTICLE MOBILE - LARGEUR OPTIMISÉE ===== */

@media only screen and (max-width:768px){

  body.template-article #bloggle_article-layout{
    width:100% !important;
    max-width:100% !important;
    padding-left:8px !important;
    padding-right:8px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  body.template-article #bloggle_article,
  body.template-article #article,
  body.template-article #bloggle_rte{
    width:100% !important;
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  body.template-article #bloggle_rte > *{
    max-width:100% !important;
  }

  body.template-article #bloggle_rte p,
  body.template-article #bloggle_rte h2,
  body.template-article #bloggle_rte h3,
  body.template-article #bloggle_rte ul,
  body.template-article #bloggle_rte ol{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
/* =======================================================
FORCE ADDICT PRO - BLOGGLE MAGAZINE PREMIUM
======================================================= */

body.template-article #bloggle_rte h2{
background:#111 !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
padding:18px 22px !important;
border-left:5px solid #f4c430 !important;
border-radius:12px !important;
font-size:28px !important;
line-height:1.3 !important;
margin:45px 0 20px !important;
box-shadow:0 8px 22px rgba(0,0,0,.10);
}

body.template-article #bloggle_rte h3{
font-size:22px !important;
border-left:4px solid #f4c430 !important;
padding-left:14px !important;
margin:30px 0 15px !important;
}

body.template-article #bloggle_rte p{
font-size:17px !important;
line-height:1.85 !important;
margin-bottom:22px !important;
}

body.template-article #bloggle_rte ul,
body.template-article #bloggle_rte ol{
background:#f8f8f8 !important;
border-radius:14px !important;
padding:20px 28px 20px 42px !important;
margin:25px 0 !important;
}

body.template-article #bloggle_rte img{
border-radius:18px !important;
box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
margin:30px auto !important;
}

@media only screen and (max-width:768px){

body.template-article #bloggle_rte h2{
font-size:22px !important;
padding:15px 16px !important;
}

body.template-article #bloggle_rte h3{
font-size:19px !important;
}

body.template-article #bloggle_rte p{
font-size:15.5px !important;
}

}