.tirages-main{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
  padding:18px 0 110px;
}

.tirages-hero{
  max-width:980px;
  margin:0 auto 30px;
  text-align:center;
}

.tirage-kicker{
  margin:0 0 6px;
  font-family:var(--brand);
  font-size:clamp(16px, 1.8vw, 22px);
  font-weight:900;
  line-height:1.05;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold-txt);
  text-shadow:0 0 18px var(--gold-shadow);
}

.tirage-title{
  margin:0 0 18px;
  font-family:var(--brand);
  font-size:clamp(32px, 4vw, 48px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:.03em;
  color:var(--gold-txt);
  text-shadow:0 0 18px var(--gold-shadow);
  text-transform:uppercase;
}

.tirage-intro{
  max-width:980px;
  margin:0 auto 30px;
}

.tirage-intro p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:var(--text);
  font-weight:500;
}

.tirage-intro p + p{
  margin-top:14px;
}

.tirages-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:30px;
  align-items:stretch;
}

.tirage-link{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}

.tirage-card{
  height:100%;
  display:flex;
  flex-direction:column;
  padding:18px;
  border-radius:var(--radius-lg);
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.tirage-link:hover .tirage-card{
  transform:translateY(-4px);
  background:var(--card-hover);
  border-color:var(--border-strong);
  box-shadow:var(--shadow-strong);
}

.tirage-img{
  width:100%;
  aspect-ratio:1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 16px;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(24,18,58,.96), rgba(10,10,22,.96));
  border:1px solid rgba(255,216,107,.18);
  overflow:hidden;
}

.tirage-img img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

.tirage-name{
  margin:0 0 6px;
  font-family:var(--ui);
  font-size:24px;
  font-weight:900;
  line-height:1.2;
  color:var(--gold-txt);
  text-align:center;
}

.tirage-sub{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:var(--text);
  font-weight:500;
  text-align:center;
}

.lenormand-main{
  width:min(1120px, calc(100% - 32px));
  margin:0 auto;
  padding:10px 0 110px;
}

.lenormand-hero{
  max-width:900px;
  margin:0 auto 26px;
  text-align:center;
}

.lenormand-kicker{
  margin:0 0 6px;
  font-family:var(--brand);
  font-size:clamp(16px,1.8vw,22px);
  font-weight:900;
  line-height:1.05;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold-txt);
  text-shadow:0 0 18px var(--gold-shadow);
}

.lenormand-title{
  margin:0 0 14px;
  font-family:var(--brand);
  font-size:clamp(32px,4vw,48px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--gold-txt);
  text-shadow:0 0 18px var(--gold-shadow);
}

.lenormand-intro{
  max-width:900px;
  margin:0 auto;
  text-align:center;
  font-size:16px;
  line-height:1.7;
  color:var(--text);
  font-weight:500;
}

.lenormand-sections{
  display:grid;
  gap:24px;
  margin-top:26px;
}

.lenormand-row-top{
  display:grid;
  grid-template-columns:repeat(2, minmax(300px, 340px));
  justify-content:center;
  gap:24px;
}

.lenormand-row-bottom{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
  align-items:stretch;
}

.lenormand-link{
  display:block;
  color:inherit;
  text-decoration:none;
  height:100%;
}

.lenormand-card{
  height:100%;
  display:flex;
  flex-direction:column;
  padding:18px;
  border-radius:var(--radius-lg);
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.lenormand-link:hover .lenormand-card{
  transform:translateY(-4px);
  background:var(--card-hover);
  border-color:var(--border-strong);
  box-shadow:var(--shadow-strong);
}

.schema-box{
  width:100%;
  aspect-ratio:1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  margin:0 0 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(24,18,58,.96), rgba(10,10,22,.96));
  border:1px solid rgba(255,216,107,.18);
  overflow:hidden;
}

.lenormand-row-bottom .schema-box{
  height:372px;
  min-height:372px;
  aspect-ratio:auto;
  flex:1;
}

.schema-box--21,
.schema-box--36,
.schema-box--celtic{
  height:372px;
  min-height:372px;
}

.schema-box--21,
.schema-box--36{
  padding:22px 18px;
}

.schema-box--celtic{
  padding:18px 14px;
}

.schema-inner{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.thumb{
  display:block;
  height:auto;
  background:transparent;
  border:none;
  box-shadow:none;
  border-radius:6px;
  object-fit:contain;
  object-position:center;
}

.schema-box img{
  mix-blend-mode:lighten;
}

.layout-3-line,
.layout-5-line,
.layout-7-line{
  display:flex;
  align-items:center;
  justify-content:center;
}

.layout-3-line{gap:12px}
.layout-3-line .thumb{width:64px}

.layout-5-line{gap:10px}
.layout-5-line .thumb{width:48px}

.layout-5-cross{
  position:relative;
  width:188px;
  height:212px;
  margin:0 auto;
}

.layout-5-cross .thumb{
  position:absolute;
  width:44px;
  height:68px;
}

.layout-5-cross .top{top:0;left:72px}
.layout-5-cross .left{top:72px;left:0}
.layout-5-cross .center{top:72px;left:72px}
.layout-5-cross .right{top:72px;right:0}
.layout-5-cross .bottom{top:144px;left:72px}

.layout-7-line{
  gap:8px;
  flex-wrap:nowrap;
}

.layout-7-line .thumb{width:38px}

.layout-pyramid-10{
  position:relative;
  width:240px;
  height:250px;
  margin:0 auto;
}

.layout-pyramid-10 .thumb{
  position:absolute;
  width:32px;
  height:auto;
}

.layout-pyramid-10 .p1{ left:18px;  bottom:0; }
.layout-pyramid-10 .p2{ left:68px;  bottom:0; }
.layout-pyramid-10 .p3{ left:118px; bottom:0; }
.layout-pyramid-10 .p4{ left:168px; bottom:0; }
.layout-pyramid-10 .p5{ left:43px;  bottom:62px; }
.layout-pyramid-10 .p6{ left:93px;  bottom:62px; }
.layout-pyramid-10 .p7{ left:143px; bottom:62px; }
.layout-pyramid-10 .p8{ left:68px;  bottom:124px; }
.layout-pyramid-10 .p9{ left:118px; bottom:124px; }
.layout-pyramid-10 .p10{ left:93px; bottom:186px; }

.layout-astrology-wheel{
  position:relative;
  width:280px;
  height:280px;
  margin:0 auto;
}

.layout-astrology-wheel .thumb{
  position:absolute;
  width:30px;
  height:auto;
}

.layout-astrology-wheel .pos-1  { top:0; left:125px; }
.layout-astrology-wheel .pos-2  { top:18px; left:187px; }
.layout-astrology-wheel .pos-3  { top:63px; left:230px; }
.layout-astrology-wheel .pos-4  { top:125px; left:250px; }
.layout-astrology-wheel .pos-5  { top:187px; left:230px; }
.layout-astrology-wheel .pos-6  { top:232px; left:187px; }
.layout-astrology-wheel .pos-7  { top:250px; left:125px; }
.layout-astrology-wheel .pos-8  { top:232px; left:63px; }
.layout-astrology-wheel .pos-9  { top:187px; left:20px; }
.layout-astrology-wheel .pos-10 { top:125px; left:0; }
.layout-astrology-wheel .pos-11 { top:63px; left:20px; }
.layout-astrology-wheel .pos-12 { top:18px; left:63px; }

.layout-celtic-cross{
  position:relative;
  width:300px;
  height:280px;
  margin:0 auto;
}

.layout-celtic-cross .thumb{
  position:absolute;
  width:44px;
  height:68px;
}

.layout-celtic-cross .c1{left:78px;top:86px}
.layout-celtic-cross .c2{left:78px;top:86px;transform:rotate(90deg);transform-origin:center}
.layout-celtic-cross .c3{left:78px;top:168px}
.layout-celtic-cross .c4{left:16px;top:86px}
.layout-celtic-cross .c5{left:78px;top:4px}
.layout-celtic-cross .c6{left:140px;top:86px}
.layout-celtic-cross .c7{right:0;bottom:0}
.layout-celtic-cross .c8{right:0;bottom:70px}
.layout-celtic-cross .c9{right:0;bottom:140px}
.layout-celtic-cross .c10{right:0;bottom:210px}

.layout-9,
.layout-9-grid{
  display:grid;
  grid-template-columns:repeat(3, 44px);
  gap:8px;
  justify-content:center;
  align-content:center;
}

.layout-9 .thumb,
.layout-9-grid .thumb{width:44px}

.layout-12-grid{
  display:grid;
  grid-template-columns:repeat(4, 34px);
  gap:8px;
  justify-content:center;
  align-content:center;
}

.layout-12-grid .thumb{width:34px}

.layout-21-grid{
  display:grid;
  grid-template-columns:repeat(7, 28px);
  gap:6px;
  justify-content:center;
  align-content:center;
}

.layout-21-grid .thumb{width:28px}

.layout-36,
.layout-36-grid{
  display:grid;
  grid-template-columns:repeat(6, 34px);
  gap:6px;
  justify-content:center;
  align-content:center;
}

.layout-36 .thumb,
.layout-36-grid .thumb{width:34px}

.lenormand-card-title{
  margin:0 0 10px;
  font-family:var(--ui);
  font-size:24px;
  font-weight:900;
  line-height:1.2;
  color:var(--gold-txt);
  text-align:center;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
}

.lenormand-card-text{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:var(--text);
  font-weight:500;
  text-align:center;
  min-height:110px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

@media (max-width:1100px){
  .tirages-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}

@media (max-width:1024px){
  .lenormand-row-top{grid-template-columns:repeat(2, minmax(260px, 1fr))}
  .lenormand-row-bottom{grid-template-columns:1fr 1fr}
  .lenormand-row-bottom .lenormand-link:last-child{
    grid-column:1 / -1;
    max-width:340px;
    justify-self:center;
  }
}

@media (max-width:760px){
  .tirages-main{
    width:calc(100% - 24px);
    padding:10px 0 104px;
  }

  .tirages-hero{margin-bottom:22px}
  .tirage-title{
    margin-bottom:14px;
    font-size:var(--fs-h1-mobile);
  }

  .tirage-intro p{
    font-size:15px;
  }

  .tirage-intro p + p{margin-top:12px}

  .tirages-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .tirage-card{padding:14px}
  .tirage-img{
    padding:14px;
    margin-bottom:14px;
  }
  .tirage-name{font-size:22px}
  .tirage-sub{font-size:15px}

  .lenormand-main{
    width:calc(100% - 24px);
    padding:8px 0 104px;
  }

  .lenormand-sections{gap:18px}
  .lenormand-row-top,
  .lenormand-row-bottom{
    grid-template-columns:1fr;
    gap:18px;
  }

  .lenormand-row-bottom .lenormand-link:last-child{
    grid-column:auto;
    max-width:none;
    justify-self:auto;
  }

  .lenormand-card{padding:14px}
  .schema-box{padding:14px}

  .lenormand-row-bottom .schema-box,
  .schema-box--21,
  .schema-box--36,
  .schema-box--celtic{
    height:320px;
    min-height:320px;
  }

  .schema-box--21,
  .schema-box--36{padding:16px 14px}
  .schema-box--celtic{padding:16px 10px}

  .layout-3-line .thumb{width:54px}
  .layout-5-line .thumb{width:40px}

  .layout-5-cross{
    width:144px;
    height:164px;
  }

  .layout-5-cross .thumb{
    width:34px;
    height:52px;
  }

  .layout-5-cross .top{top:0;left:55px}
  .layout-5-cross .left{top:56px;left:0}
  .layout-5-cross .center{top:56px;left:55px}
  .layout-5-cross .right{top:56px;right:0}
  .layout-5-cross .bottom{top:112px;left:55px}

  .layout-7-line{gap:6px}
  .layout-7-line .thumb{width:31px}

  .layout-pyramid-10{
    width:200px;
    height:220px;
  }

  .layout-pyramid-10 .thumb{width:28px}
  .layout-pyramid-10 .p1{ left:12px; bottom:0; }
  .layout-pyramid-10 .p2{ left:54px; bottom:0; }
  .layout-pyramid-10 .p3{ left:96px; bottom:0; }
  .layout-pyramid-10 .p4{ left:138px; bottom:0; }
  .layout-pyramid-10 .p5{ left:33px; bottom:54px; }
  .layout-pyramid-10 .p6{ left:75px; bottom:54px; }
  .layout-pyramid-10 .p7{ left:117px; bottom:54px; }
  .layout-pyramid-10 .p8{ left:54px; bottom:108px; }
  .layout-pyramid-10 .p9{ left:96px; bottom:108px; }
  .layout-pyramid-10 .p10{ left:75px; bottom:162px; }

  .layout-astrology-wheel{
    width:220px;
    height:220px;
  }

  .layout-astrology-wheel .thumb{width:24px}
  .layout-astrology-wheel .pos-1  { top:0; left:98px; }
  .layout-astrology-wheel .pos-2  { top:14px; left:147px; }
  .layout-astrology-wheel .pos-3  { top:49px; left:181px; }
  .layout-astrology-wheel .pos-4  { top:98px; left:196px; }
  .layout-astrology-wheel .pos-5  { top:147px; left:181px; }
  .layout-astrology-wheel .pos-6  { top:182px; left:147px; }
  .layout-astrology-wheel .pos-7  { top:196px; left:98px; }
  .layout-astrology-wheel .pos-8  { top:182px; left:49px; }
  .layout-astrology-wheel .pos-9  { top:147px; left:15px; }
  .layout-astrology-wheel .pos-10 { top:98px; left:0; }
  .layout-astrology-wheel .pos-11 { top:49px; left:15px; }
  .layout-astrology-wheel .pos-12 { top:14px; left:49px; }

  .layout-celtic-cross{
    width:250px;
    height:240px;
  }

  .layout-celtic-cross .thumb{
    width:36px;
    height:56px;
  }

  .layout-celtic-cross .c1{left:62px;top:74px}
  .layout-celtic-cross .c2{left:62px;top:74px}
  .layout-celtic-cross .c3{left:62px;top:142px}
  .layout-celtic-cross .c4{left:12px;top:74px}
  .layout-celtic-cross .c5{left:62px;top:6px}
  .layout-celtic-cross .c6{left:112px;top:74px}
  .layout-celtic-cross .c7{right:0;bottom:0}
  .layout-celtic-cross .c8{right:0;bottom:60px}
  .layout-celtic-cross .c9{right:0;bottom:120px}
  .layout-celtic-cross .c10{right:0;bottom:180px}

  .layout-9,
  .layout-9-grid{grid-template-columns:repeat(3, 36px)}
  .layout-9 .thumb,
  .layout-9-grid .thumb{width:36px}

  .layout-12-grid{
    grid-template-columns:repeat(4, 28px);
    gap:6px;
  }

  .layout-12-grid .thumb{width:28px}

  .layout-21-grid{
    grid-template-columns:repeat(7, 23px);
    gap:5px;
  }

  .layout-21-grid .thumb{width:23px}

  .layout-36,
  .layout-36-grid{grid-template-columns:repeat(6, 28px)}

  .layout-36 .thumb,
  .layout-36-grid .thumb{width:28px}

  .lenormand-title{font-size:var(--fs-h1-mobile)}
  .lenormand-intro,
  .lenormand-card-text{font-size:15px}
  .lenormand-card-title{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:22px;
  }
}

#result-layout .st-slot__card-name{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

.tirages-render-area h3{
  font-size:24px;
  line-height:1.3;
  font-weight:800;
}
/* Correctif mobile boutons Premium / Démo — modèle numérologie */
@media (max-width:720px){
  .floating-left,
  .floating-right,
  .floating-stack,
  .fab-stack,
  .status-fabs{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:auto !important;
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin:18px auto 0 !important;
  }

  .btn-demo-float,
  #fab-demo-registered,
  #fab-demo-premium,
  .floating-left .btn,
  .floating-right .btn,
  .floating-right .astro-btn,
  .fab,
  .float-btn,
  .btn-back-float,
  .article-back-float,
  .blog-back{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:auto !important;
    width:auto !important;
    min-width:150px !important;
    max-width:260px !important;
    min-height:42px !important;
    padding:9px 18px !important;
    margin:0 auto !important;
    font-size:12px !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
}