.elementor-577 .elementor-element.elementor-element-258b9b1{--display:flex;}.elementor-577 .elementor-element.elementor-element-258b9b1.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-577 .elementor-element.elementor-element-258b9b1{--width:100.468%;}}/* Start custom CSS for html, class: .elementor-element-bee0ac2 *//* Page “Vendre sur CRÉALOOK” */
.cl-sell{
--cl:#C2188F; --cl2:#E24AA8; --ink:#1C2340; --soft:#F7F5F9; --rad:16px;
padding: 48px 18px; background: linear-gradient(180deg,#fff, var(--soft));
}
.cl-sell .wrap{max-width:1080px;margin:0 auto}
.cl-sell .head{ text-align:center; margin-bottom:28px}
.cl-sell .head .chip{
display:inline-block; background:rgba(194,24,143,.1); color:var(--cl);
font-weight:700; padding:6px 12px; border-radius:999px; margin-bottom:10px
}
.cl-sell h1{font-size:clamp(26px,4.5vw,40px); color:var(--ink); margin:0 0 8px}
.cl-sell h1 span{color:var(--cl)}
.cl-sell .head p{color:#5b5f73; margin:0}

.cl-sell .grid{
display:grid; gap:18px; grid-template-columns: repeat(2,1fr);
}
@media(max-width:900px){ .cl-sell .grid{grid-template-columns:1fr} }

.cl-sell .card{
background:#fff; border-radius:var(--rad); padding:22px;
box-shadow:0 10px 28px rgba(28,35,64,.08); position:relative; overflow:hidden
}
.cl-sell .card .badge{
position:absolute; top:14px; right:14px; z-index:2;
background:linear-gradient(135deg, #E9D27B, #C8A23A);
color:#3b320a; font-weight:800; font-size:12px; padding:6px 10px; border-radius:999px;
box-shadow:0 8px 18px rgba(200,162,58,.25)
}
.cl-sell .card h2{margin:0 0 6px; font-size:clamp(18px,2.4vw,24px); color:var(--ink)}
.cl-sell .card h2 span{color:var(--cl)}
.cl-sell .card .lead{color:#5b5f73; margin:0 0 14px}
.cl-sell .list{margin:0 0 16px; padding:0; list-style:none}
.cl-sell .list li{
padding-left:24px; position:relative; margin:8px 0; color:#2d324d
}
.cl-sell .list li::before{
content:""; width:10px; height:10px; border-radius:50%;
background: radial-gradient(120% 120% at 0% 0%, var(--cl) 0%, var(--cl2) 100%);
position:absolute; left:0; top:8px; box-shadow:0 4px 10px rgba(194,24,143,.25)
}
.cl-sell .btn{
display:inline-block; padding:12px 16px; border-radius:999px; font-weight:800;
text-decoration:none; transition:.25s; border:2px solid transparent
}
.cl-sell .btn.primary{
background: radial-gradient(120% 120% at 0% 0%, var(--cl) 0%, var(--cl2) 100%);
color:#fff; box-shadow:0 10px 26px rgba(194,24,143,.25)
}
.cl-sell .btn.ghost{
border-color:rgba(28,35,64,.14); color:var(--ink); background:#fff; margin-left:10px
}
.cl-sell .btn:hover{transform:translateY(-1px)}
.cl-sell .cta{margin-top:8px}

.cl-sell .compare{margin:26px 0 8px}
.cl-sell .compare h3{margin:0 0 8px; color:var(--ink)}
.cl-sell .compare ul{margin:0; padding-left:18px; color:#2d324d}

.cl-sell .faq details{
background:#fff; border-radius:12px; padding:14px 16px; margin:10px 0;
box-shadow:0 6px 18px rgba(28,35,64,.06)
}
.cl-sell .faq summary{cursor:pointer; font-weight:800; color:var(--ink)}
.cl-sell .foot-cta{ text-align:center; margin-top:18px }
.cl-sell .btn.xl{padding:14px 22px}/* End custom CSS */