.elementor-162 .elementor-element.elementor-element-ee96474{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-ee96474 *//* =========================================================
   O’BAR@20 — BOISSONS CHAUDES
   VERSION CLAIRE PREMIUM (lisible, chic)
   ========================================================= */

.elementor-162 .elementor-element.elementor-element-ee96474{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ============ Section ============ */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot{
  --bg: #f6f5f2;           /* fond clair chaud */
  --panel: #ffffff;       /* cartes blanches */
  --ink: #1e1f24;         /* texte principal */
  --muted: #555861;
  --line: rgba(0,0,0,.08);

  --gold:#b48a3a;
  --wine:#7c2a36;

  --r: 22px;
  --shadow: 0 22px 60px rgba(0,0,0,.10);
  --shadow2: 0 12px 32px rgba(0,0,0,.08);

  position: relative;
  color: var(--ink);
  padding: clamp(48px, 5vw, 84px) 0;
  overflow: hidden;
}

/* Fond pleine largeur */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot::before{
  content:"";
  position:absolute;
  inset:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(180,138,58,.10), transparent 60%),
    radial-gradient(900px 420px at 88% 10%, rgba(124,42,54,.08), transparent 60%),
    linear-gradient(180deg, #ffffff, var(--bg));
  border-top: 1px solid rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.05);
  z-index:0;
}

/* Wrap */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__wrap{
  width: min(1100px, calc(100% - 40px));
  margin: 0 auto;
  position: relative;
  z-index:1;
}

/* Head */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__head{
  max-width: 72ch;
  display: grid;
  gap: 10px;
  margin-bottom: 26px;
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__kicker{
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--wine);
  background: rgba(124,42,54,.08);
  border: 1px solid rgba(124,42,54,.20);
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__title{
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__lead{
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

/* Grid */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
}

/* ============ Cartes ============ */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__card{
  position: relative;
  border-radius: var(--r);
  background: var(--panel);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: var(--shadow2);
  padding: 22px 22px 20px;
}

/* Liseré premium */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__card::before{
  content:"";
  position:absolute;
  left: 22px;
  top: 18px;
  width: 64px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gold), var(--wine));
}

/* Card head */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__cardHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 10px 0 16px;
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__cardTitle{
  margin: 0;
  font-size: 17px;
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__pill{
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--wine);
  background: rgba(124,42,54,.08);
  border: 1px solid rgba(124,42,54,.25);
}

/* List */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__item{
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: baseline;
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__name{
  font-weight: 700;
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__dots{
  height: 1px;
  align-self: center;
  background: linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,.03));
}

.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__price{
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  color: #1e1f24;
}

/* Note */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__item--note .obar-hot__name{
  color: #666;
  font-weight: 600;
}

/* Footnote */
.elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__footnote{
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  font-size: 12.5px;
  color: #777;
}

/* Responsive */
@media (max-width: 980px){
  .elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__grid{ grid-template-columns: 1fr; gap: 16px; }
  .elementor-162 .elementor-element.elementor-element-ee96474 .obar-hot__wrap{ width: min(900px, calc(100% - 28px)); }
}/* End custom CSS */