.elementor-35106 .elementor-element.elementor-element-ea22bac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b6be207 *//* ===========================================================================
   Merydar — Fabrication, livraison et retours
   Feuille de style de la page.

   OÙ LA COLLER : Apparence → CSS et JS personnalisés → Ajouter du CSS,
   ou dans un widget « CSS personnalisé » d'Elementor sur cette page.
   Ne la colle PAS dans le widget HTML : elle y fonctionnerait, mais tu ne
   la retrouverais plus le jour où tu voudras la modifier.

   Tout est préfixé .mrd-liv : rien ne peut déborder sur le reste du site.
   =========================================================================== */

@font-face{
  font-family:'Jellyka Delicious Cake';
  src:url('https://merydar.com/wp-content/uploads/2026/01/Jellyka-Delicious-Cake-1.ttf') format('truetype');
  font-display:swap;
}

.mrd-liv{
  --vert:#2A4A3D; --vert-fonce:#1C331C; --vert-clair:#3F6B57;
  --creme:#FBD6BA; --sable:#F0C299; --dore:#C9AB6F; --dore-clair:#E3CFA0;
  --parchemin:#F7EEDF; --parchemin-fonce:#EDDFC8; --encre:#2A3B33; --bordure:#D8CDB4;
  --terre:#8E3A28; --terre-fond:rgba(166,65,47,.09);
  --fond-site:#FBF6F1;
  --serif:'Cormorant Garamond',Georgia,serif;
  --titre:'Cinzel Decorative','Cinzel',serif;
  --plume:'Jellyka Delicious Cake',cursive;
}
.mrd-liv *{box-sizing:border-box}
.mrd-liv{
  font-family:var(--serif); font-size:19px; line-height:1.75; color:var(--encre);
  background:transparent !important;
  position:relative; overflow:hidden;
}

/* ---------------------------------------------------------- HERO */
.mrd-hero{
  position:relative; padding:clamp(46px,7vw,92px) 24px clamp(38px,5vw,68px);
  text-align:center; color:var(--creme);
  background:radial-gradient(ellipse at 50% 0%, rgba(42,74,61,.94), rgba(28,51,28,.98)), var(--vert);
  overflow:hidden;
}
.mrd-hero::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:56px;
  background:radial-gradient(ellipse 60% 100% at 50% 100%, var(--fond-site) 0%, transparent 71%);
}
.mrd-etincelles{position:absolute; inset:0; pointer-events:none; opacity:.55}
.mrd-etincelles span{
  position:absolute; width:3px; height:3px; border-radius:50%;
  background:var(--dore-clair); box-shadow:0 0 8px 2px rgba(227,207,160,.7);
  animation:mrdScintille 4.5s ease-in-out infinite;
}
@keyframes mrdScintille{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}
.mrd-hero .mrd-surtitre{
  font-family:var(--titre); font-size:12px; letter-spacing:.32em; text-transform:uppercase;
  color:var(--sable); margin:0 0 18px;
}
.mrd-hero h1{
  font-family:var(--plume); font-size:clamp(44px,7.2vw,84px); font-weight:400;
  line-height:1.05; margin:0; color:var(--creme); text-shadow:0 3px 18px rgba(0,0,0,.35);
}
.mrd-hero .mrd-sous{
  font-style:italic; font-size:clamp(18px,2.2vw,22px); color:var(--sable);
  max-width:640px; margin:14px auto 0;
}
.mrd-hero .mrd-maj{
  margin:26px 0 0; font-family:var(--titre); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:rgba(251,214,186,.78);
}

/* ---------------------------------------------------- ORNEMENTS */
.mrd-orn{display:block; text-align:center; margin:clamp(44px,7vw,80px) 0}
.mrd-orn i{display:none}
.mrd-orn img{
  width:480px !important; height:auto !important;
  display:inline-block !important; max-width:92% !important;
  filter:drop-shadow(0 1px 1px rgba(42,74,61,.18)) !important;
}
.mrd-orn.mini{margin:38px 0}
.mrd-orn.mini img{width:340px !important}
@media(max-width:560px){
  .mrd-orn img{width:300px !important}
  .mrd-orn.mini img{width:240px !important}
}

/* --------------------------------------------------- L'ESSENTIEL */
.mrd-essentiel{max-width:1120px; margin:0 auto; padding:clamp(34px,5vw,54px) 24px 0}
.mrd-essentiel h2{
  font-family:var(--plume); font-size:clamp(32px,4.4vw,48px); font-weight:400;
  text-align:center; color:var(--vert); margin:0 0 8px;
}
.mrd-essentiel .mrd-chapo{text-align:center; font-style:italic; color:var(--vert-clair); margin:0 auto 32px; max-width:660px}
.mrd-grille{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.mrd-tuile{
  position:relative; background:linear-gradient(160deg,#fff 0%,var(--parchemin-fonce) 100%);
  border:1px solid var(--bordure); border-radius:14px; padding:26px 20px; text-align:center;
  box-shadow:0 10px 26px -18px rgba(42,74,61,.55);
}
.mrd-tuile::before{content:""; position:absolute; inset:6px; border:1px solid rgba(201,171,111,.45); border-radius:9px; pointer-events:none}
.mrd-tuile b{display:block; font-family:var(--plume); font-size:52px; line-height:1; color:var(--dore); font-weight:400; margin-bottom:6px}
.mrd-tuile span{font-family:var(--titre); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--vert); line-height:1.5}

/* -------------------------------------------------------- LAYOUT */
.mrd-corps{
  max-width:1480px; margin:0 auto; padding:0 24px clamp(56px,8vw,100px);
  display:grid; grid-template-columns:265px minmax(0,1fr) 265px; gap:44px; align-items:start;
}

/* ------------------------------------------------------ SOMMAIRE */
.mrd-somm{grid-column:1; position:sticky; top:24px}
.mrd-somm .mrd-cartouche{
  background:linear-gradient(165deg,#fffdf8,var(--parchemin-fonce));
  border:1px solid var(--bordure); border-radius:14px; padding:22px 20px;
  box-shadow:0 14px 34px -22px rgba(42,74,61,.6);
  max-height:calc(100vh - 60px); overflow:auto;
}
.mrd-somm h3{font-family:var(--titre); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--vert); margin:0; text-align:center}
.mrd-somm .mrd-filet{height:1px; background:linear-gradient(90deg,transparent,var(--dore),transparent); margin:10px 0 14px}
.mrd-somm ol{list-style:none; margin:0; padding:0; counter-reset:mrdsom}
.mrd-somm li{counter-increment:mrdsom; margin:0}
.mrd-somm a{
  display:flex; gap:9px; text-decoration:none; color:var(--vert); font-size:16.5px;
  line-height:1.4; padding:6px 8px; border-radius:7px; border-left:2px solid transparent; transition:.2s;
}
.mrd-somm a::before{content:counter(mrdsom); font-family:var(--titre); font-size:10.5px; color:var(--dore); min-width:16px; padding-top:4px}
.mrd-somm a:hover{background:rgba(240,194,153,.35)}
.mrd-somm a.actif{background:rgba(240,194,153,.55); border-left-color:var(--dore); font-weight:600}
.mrd-somm .mrd-btn{
  display:block; margin-top:16px; text-align:center; text-decoration:none;
  font-family:var(--titre); font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  background:var(--vert); color:var(--creme); padding:12px 10px; border-radius:8px;
  border:1px solid var(--vert); transition:.25s;
}
.mrd-somm .mrd-btn:hover{background:var(--vert-fonce); box-shadow:0 0 14px rgba(201,171,111,.5); color:#fff}
.mrd-somm-mob{display:none}

/* ------------------------------------------------------ SECTIONS */
.mrd-texte{grid-column:2; width:100%; max-width:880px; margin:0 auto}
.mrd-texte section{scroll-margin-top:24px}
.mrd-texte h2{
  font-family:var(--plume); font-weight:400; font-size:clamp(31px,3.8vw,41px);
  line-height:1.15; color:var(--vert); margin:0 0 6px;
}
.mrd-texte .mrd-num{
  display:block; font-family:var(--titre); font-size:10.5px; letter-spacing:.28em;
  text-transform:uppercase; color:var(--dore); margin:44px 0 6px;
}
.mrd-texte h3{
  font-family:var(--titre); font-size:15px; letter-spacing:.06em; font-weight:700;
  color:var(--vert); margin:28px 0 8px;
}
.mrd-texte p{margin:0 0 16px}

.mrd-texte ul{list-style:none !important; margin:0 0 16px !important; padding-left:0 !important}
.mrd-texte ul > li{position:relative !important; padding-left:30px !important; margin-bottom:9px !important; list-style:none !important}
.mrd-texte ul > li::before{
  content:"" !important; position:absolute !important; left:0 !important; top:.42em !important;
  width:16px !important; height:16px !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9AB6F' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M21 3c0 9.4-6.6 16-16 17 0-9.4 6.6-16 16-17z'/><path d='M5 20C9 16 13 11 21 3'/></svg>") !important;
  background-repeat:no-repeat !important; background-position:center !important; background-size:contain !important;
}
.mrd-texte ol{list-style:none !important; margin:0 0 16px !important; padding-left:0 !important; counter-reset:mrdli !important}
.mrd-texte ol > li{position:relative !important; padding-left:30px !important; margin-bottom:9px !important; counter-increment:mrdli !important; list-style:none !important}
.mrd-texte ol > li::before{
  content:counter(mrdli) !important; position:absolute !important; left:0 !important; top:.12em !important;
  width:20px !important; text-align:center !important; font-family:var(--titre) !important;
  font-size:12px !important; font-weight:700 !important; color:var(--dore) !important;
}
.mrd-liv strong{color:var(--vert); font-weight:700}
.mrd-liv a{color:var(--vert); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--dore)}
.mrd-liv a:hover{color:var(--dore)}

/* -------------------------------------------------------- BLOCS */
.mrd-preambule{
  background:linear-gradient(165deg,rgba(255,255,255,.75),rgba(240,194,153,.28));
  border:1px solid var(--bordure); border-left:3px solid var(--dore);
  border-radius:12px; padding:26px 30px;
}
.mrd-preambule p:first-child{margin-top:0}
.mrd-preambule p:last-child{margin-bottom:0}

.mrd-note{
  background:rgba(255,255,255,.62); border:1px solid var(--bordure);
  border-left:3px solid var(--vert-clair); border-radius:10px;
  padding:18px 22px; margin:22px 0; font-size:17.5px;
}
.mrd-note b{display:block; font-family:var(--titre); font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--vert-clair); margin-bottom:6px}
.mrd-note p:last-child{margin-bottom:0}

.mrd-attention{
  background:var(--terre-fond); border:1px solid rgba(166,65,47,.35);
  border-left:3px solid var(--terre); border-radius:10px;
  padding:18px 22px; margin:22px 0; font-size:17.5px;
}
.mrd-attention b{display:block; font-family:var(--titre); font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--terre); margin-bottom:6px}
.mrd-attention p:last-child{margin-bottom:0}
.mrd-attention strong{color:var(--terre)}

.mrd-cta{
  display:flex; flex-wrap:wrap; align-items:center; gap:20px;
  background:linear-gradient(140deg,var(--vert),var(--vert-clair));
  color:var(--creme); border-radius:14px; padding:26px 30px; margin:24px 0;
  box-shadow:0 16px 36px -24px rgba(28,51,28,.9);
}
.mrd-cta div{flex:1 1 250px}
.mrd-cta b{display:block; color:#fff; font-family:var(--titre); font-size:15px; letter-spacing:.05em; margin-bottom:5px}
.mrd-cta span{font-size:17px; color:rgba(251,214,186,.92)}
.mrd-cta a{
  flex:none; text-decoration:none; background:var(--creme); color:var(--vert);
  font-family:var(--titre); font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  padding:14px 26px; border-radius:9px; border:1px solid var(--creme); transition:.25s;
}
.mrd-cta a:hover{background:#fff; box-shadow:0 0 18px rgba(251,214,186,.6); transform:translateY(-2px); color:var(--vert)}

.mrd-adresse{
  background:rgba(255,255,255,.6); border:1px dashed var(--dore); border-radius:10px;
  padding:16px 22px; margin:18px 0; font-size:17.5px; line-height:1.6;
}

/* ------------------------------------------------------ TABLEAUX */
.mrd-tab-enveloppe{overflow-x:auto; margin:22px 0 8px; -webkit-overflow-scrolling:touch}
.mrd-liv table{
  width:100%; border-collapse:collapse; background:rgba(255,255,255,.66);
  border:1px solid var(--bordure); border-radius:12px; overflow:hidden;
  font-size:17px; min-width:520px;
}
.mrd-liv caption{
  caption-side:top; text-align:left; padding:0 0 10px;
  font-family:var(--titre); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--vert-clair);
}
.mrd-liv thead th{
  background:var(--vert); color:var(--creme); font-family:var(--titre); font-weight:600;
  font-size:12px; letter-spacing:.09em; text-transform:uppercase;
  padding:13px 14px; text-align:left; vertical-align:bottom;
}
.mrd-liv tbody th{
  text-align:left; font-weight:700; color:var(--vert); padding:12px 14px;
  background:rgba(240,194,153,.22); vertical-align:top;
}
.mrd-liv tbody td{padding:12px 14px; border-top:1px solid var(--bordure); vertical-align:top}
.mrd-liv tbody tr:nth-child(even) td{background:rgba(255,255,255,.45)}
.mrd-liv tbody tr:nth-child(even) th{background:rgba(240,194,153,.3)}
.mrd-liv td.mrd-moi{color:var(--vert-clair); font-weight:600}
.mrd-liv td.mrd-vous{color:var(--terre); font-weight:600}
.mrd-tab-apres{font-size:16px; font-style:italic; color:var(--vert-clair); margin:0 0 22px}

/* Emplacement à remplir — visible tant qu'il ne l'est pas */
.mrd-remplir{
  background:#FFF4C2; border:1px dashed #B8912A; border-radius:5px;
  padding:1px 8px; color:#7A5E12; font-style:italic; font-size:15px;
  font-family:var(--serif); white-space:nowrap;
}

/* ---------------------------------------------------- ACCORDÉONS */
.mrd-plie{
  margin:22px 0; background:rgba(42,74,61,.05); border:1px solid var(--bordure);
  border-radius:12px; overflow:hidden;
}
.mrd-plie summary{
  list-style:none; cursor:pointer; padding:18px 24px;
  font-family:var(--titre); font-size:13px; letter-spacing:.07em; color:var(--vert);
  display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.mrd-plie summary::-webkit-details-marker{display:none}
.mrd-plie summary em{display:block; font-family:var(--serif); font-size:16px; letter-spacing:0; color:var(--vert-clair); margin-top:4px; text-transform:none}
.mrd-plie summary b{font-size:18px; color:var(--dore); transition:.25s; flex:none}
.mrd-plie[open] summary b{transform:rotate(180deg)}
.mrd-plie .mrd-plie-in{padding:0 24px 24px}
.mrd-plie .mrd-plie-in > :first-child{margin-top:0}

/* -------------------------------------------------------- PIED */
.mrd-pied{
  max-width:880px; margin:0 auto; padding:0 24px clamp(48px,7vw,86px);
  text-align:center; font-size:16px; font-style:italic; color:var(--vert-clair);
}

/* --------------------------------------------------- RESPONSIVE */
@media(max-width:1240px){
  .mrd-corps{grid-template-columns:1fr; gap:0; max-width:940px}
  .mrd-texte{grid-column:1}
  .mrd-somm{display:none}
  .mrd-somm-mob{display:block; margin:0 0 32px}
}
@media(max-width:1000px){
  .mrd-grille{grid-template-columns:repeat(2,1fr)}
  .mrd-somm-mob{display:block; margin:0 0 32px}
  .mrd-somm-mob details{background:linear-gradient(165deg,#fffdf8,var(--parchemin-fonce)); border:1px solid var(--bordure); border-radius:12px; overflow:hidden}
  .mrd-somm-mob summary{
    list-style:none; cursor:pointer; padding:16px 20px; display:flex; justify-content:space-between; align-items:center;
    font-family:var(--titre); font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--vert);
  }
  .mrd-somm-mob summary::-webkit-details-marker{display:none}
  .mrd-somm-mob ol{list-style:none; margin:0; padding:0 14px 16px; counter-reset:mrdsom}
  .mrd-somm-mob li{counter-increment:mrdsom}
  .mrd-somm-mob a{display:flex; gap:9px; text-decoration:none; color:var(--vert); padding:5px 6px; font-size:17px}
  .mrd-somm-mob a::before{content:counter(mrdsom); font-family:var(--titre); font-size:10px; color:var(--dore); min-width:16px; padding-top:5px}
}
@media(max-width:560px){
  .mrd-liv{font-size:18px}
  .mrd-grille{grid-template-columns:1fr 1fr; gap:12px}
  .mrd-tuile{padding:20px 12px}
  .mrd-tuile b{font-size:42px}
  .mrd-preambule,.mrd-cta{padding:20px 18px}
  .mrd-plie summary,.mrd-plie .mrd-plie-in{padding-left:18px; padding-right:18px}
}/* End custom CSS */