/* HIT Latest Posts v2: isolated styles, no theme/header/footer spacing overrides. */
.hitlp, .hitlp *, .hitlp *::before, .hitlp *::after { box-sizing: border-box; }
.hitlp {
  --hitlp-wine:#4c2d33; --hitlp-ink:#302127; --hitlp-mute:#6b5c61;
  --hitlp-gold:#c69a40; --hitlp-paper:#fffdf9; --hitlp-stroke:rgba(76,45,51,.17);
  width:100%; min-width:0; margin:0!important; padding:0!important;
  color:var(--hitlp-ink); font-family:Heebo,Arial,sans-serif; direction:rtl;
  isolation:isolate;
}
.hitlp [hidden] { display:none!important; }
.hitlp:not(.hitlp--ready) .hitlp__update-label { display:none; }
.hitlp__header {
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;
  gap:8px 24px; position:relative; padding:0 0 17px!important; margin:0 0 22px!important;
  border-bottom:1px solid var(--hitlp-stroke);
}
.hitlp__header::after { content:""; position:absolute; right:0; bottom:-2px; width:72px; height:3px; background:var(--hitlp-wine); border-radius:5px; }
.hitlp__heading-group { min-width:0; }
.hitlp__heading { font:900 clamp(1.55rem,2.6vw,2.3rem)/1.25 Heebo,Arial,sans-serif!important; margin:0!important; padding:0!important; letter-spacing:-.024em; color:var(--hitlp-ink)!important; }
.hitlp__eyebrow { color:var(--hitlp-mute); font-size:.84rem; line-height:1.6; margin:5px 0 0!important; padding:0!important; }
.hitlp__update-label { display:inline-flex; align-items:center; gap:8px; font-size:.79rem; font-weight:700; color:var(--hitlp-mute); white-space:nowrap; margin-bottom:5px; }
.hitlp__pulse { display:inline-block; width:7px; height:7px; border-radius:50%; background:#50775a; box-shadow:0 0 0 3px rgba(80,119,90,.13); }
.hitlp__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,22px); align-items:stretch; margin:0!important; padding:0!important; }
.hitlp__item { position:relative; min-width:0; min-height:100%; margin:0!important; padding:0!important; }
.hitlp__link {
  display:flex; flex-direction:column; height:100%; min-width:0; overflow:hidden;
  background:var(--hitlp-paper); color:var(--hitlp-ink)!important;
  border:1px solid var(--hitlp-stroke); border-radius:15px;
  text-decoration:none!important; box-shadow:0 4px 16px rgba(47,27,32,.065);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.hitlp__link:hover { color:var(--hitlp-ink)!important; text-decoration:none!important; }
.hitlp__link:focus-visible, .hitlp__motion:focus-visible, .hitlp__more:focus-visible {
  outline:3px solid var(--hitlp-gold)!important; outline-offset:4px!important;
}
.hitlp__media { position:relative; width:100%; min-height:0; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(140deg,#59353d,#2f1b20); }
.hitlp__image, .hitlp__video { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; border:0; }
.hitlp__image { transition:transform .3s ease; }
.hitlp__video { opacity:0; pointer-events:none; transition:opacity .16s ease,transform .3s ease; }
.hitlp__video--playing { opacity:1; }
.hitlp__image-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; width:100%; color:#f2e7df; font-size:clamp(.95rem,2vw,1.55rem); letter-spacing:.17em; font-weight:900; }
.hitlp__image-placeholder small { font-size:.56em; letter-spacing:.4em; margin-top:4px; }
.hitlp__category { position:absolute; right:10px; top:10px; z-index:2; max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(76,45,51,.96); color:#fffdf8; padding:6px 10px; border-radius:6px; border:1px solid rgba(255,255,255,.28); font-size:.72rem; line-height:1.3; font-weight:800; }
.hitlp__body { display:flex; flex:1; flex-direction:column; min-width:0; padding:clamp(14px,1.5vw,22px); }
.hitlp__date { color:var(--hitlp-mute); font-size:.77rem; line-height:1.5; margin:0 0 8px; font-weight:650; }
.hitlp__date::before { display:inline-block; width:3px; height:9px; content:""; margin-inline-end:7px; background:var(--hitlp-gold); vertical-align:middle; }
.hitlp__card-title { color:var(--hitlp-ink)!important; font-size:clamp(1.08rem,1.35vw,1.3rem)!important; line-height:1.44!important; font-weight:900!important; letter-spacing:0; margin:0 0 10px!important; padding:0!important; overflow-wrap:anywhere; }
.hitlp__excerpt { color:var(--hitlp-mute)!important; font-size:.87rem; line-height:1.68; margin:0 0 15px!important; padding:0!important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.hitlp__read-more { display:inline-flex; align-items:center; gap:7px; margin-top:auto; width:fit-content; padding-top:6px; color:var(--hitlp-wine)!important; font-size:.85rem; font-weight:900; }
.hitlp__read-more span { font-size:1.12em; transition:transform .18s ease; }
.hitlp__motion {
  position:absolute; left:9px; top:9px; z-index:5; border:1px solid rgba(255,255,255,.64);
  background:rgba(47,27,32,.88); color:#fff!important; padding:6px 10px; min-width:64px;
  border-radius:7px; font-family:inherit; font-size:.76rem; line-height:1.3; font-weight:750; cursor:pointer;
}
.hitlp__motion span { display:inline-block; margin-right:4px; }
.hitlp__motion:hover { background:#4c2d33; }
.hitlp__empty { grid-column:1/-1; padding:22px!important; margin:0!important; background:var(--hitlp-paper); border-radius:12px; color:var(--hitlp-mute); }
.hitlp__footer { display:flex; justify-content:center; padding:0; margin:clamp(22px,2.8vw,34px) 0 0; }
.hitlp__more { display:inline-flex; justify-content:center; align-items:center; gap:12px; border:1.5px solid var(--hitlp-wine); border-radius:10px; background:var(--hitlp-wine); padding:10px 24px; min-height:46px; font-size:.93rem; line-height:1.5; font-weight:850; color:#fffdf9!important; text-decoration:none!important; transition:background .18s ease,color .18s ease; }
.hitlp__more:hover { background:transparent; color:var(--hitlp-wine)!important; text-decoration:none!important; }
.hitlp__sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (hover:hover) and (pointer:fine) {
  .hitlp__link:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(47,27,32,.12); border-color:rgba(76,45,51,.35); }
  .hitlp__link:hover .hitlp__image, .hitlp__link:hover .hitlp__video { transform:scale(1.025); }
  .hitlp__link:hover .hitlp__read-more span { transform:translateX(-3px); }
}
@media (max-width:1100px) { .hitlp__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) {
  .hitlp__header { align-items:flex-start; gap:8px; padding-bottom:13px!important; margin-bottom:13px!important; }
  .hitlp__heading { font-size:clamp(1.35rem,5vw,1.8rem)!important; }
  .hitlp__eyebrow { font-size:.73rem; }
  .hitlp__update-label { font-size:.69rem; }
  .hitlp__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .hitlp__item:nth-child(n+7) { display:none!important; }
  .hitlp__link { border-radius:12px; }
  .hitlp__category { top:6px; right:6px; padding:4px 6px; font-size:.68rem; }
  .hitlp__body { padding:10px 10px 12px; }
  .hitlp__date { font-size:.70rem; margin-bottom:6px; }
  .hitlp__card-title { font-size:clamp(.92rem,3.1vw,1.06rem)!important; line-height:1.42!important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:0!important; }
  .hitlp__excerpt,.hitlp__read-more { display:none; }
  .hitlp__motion { left:5px; top:5px; padding:4px 6px; font-size:.59rem; min-width:0; }
  .hitlp__footer { margin-top:21px; }
}
@media (max-width:360px) { .hitlp__grid { gap:8px; } .hitlp__body { padding:8px; } .hitlp__category { font-size:.64rem; } .hitlp__motion { font-size:.55rem; } }
@media (prefers-reduced-motion:reduce) {
  .hitlp *, .hitlp *::after, .hitlp *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .hitlp__link:hover, .hitlp__link:hover .hitlp__image { transform:none!important; }
}
@media (forced-colors:active) {
  .hitlp__link,.hitlp__more,.hitlp__motion,.hitlp__category { forced-color-adjust:auto; border-color:CanvasText; }
  .hitlp__link:focus-visible,.hitlp__more:focus-visible,.hitlp__motion:focus-visible { outline-color:Highlight!important; }
}
