/* hn2-home-recprod.css — "המוצרים של הנמל במתכונים האלה" row under the home
   recipe grid. Markup injected by novamira-public/hn2-home-recprod.php. */

.hn2h .hn2rp-row{margin-top:34px;padding-top:26px;border-top:1px dashed #D9D4C4;}
.hn2h .hn2rp-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin-bottom:14px;}
.hn2h .hn2rp-h{margin:0;font-size:19px;font-weight:800;color:#22346A;line-height:1.3;}

.hn2h .hn2rp-prods{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px;
}
.hn2h .hn2rp-pc{
  display:grid;grid-template-rows:auto 1fr;gap:8px;min-width:0;
  background:#fff;border:1px solid #E4E6EC;border-radius:14px;padding:10px 10px 12px;
  text-decoration:none;color:inherit;
  transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1),border-color .25s,opacity .25s;
}
.hn2h .hn2rp-ph{display:grid;place-items:center;aspect-ratio:1;background:#fff;border-radius:10px;overflow:hidden;}
.hn2h .hn2rp-ph img{width:88%;height:88%;object-fit:contain;display:block;margin:0;transition:transform .45s cubic-bezier(.23,1,.32,1);}
.hn2h .hn2rp-b{display:grid;gap:2px;align-content:start;}
.hn2h .hn2rp-nm{font-size:13.5px;font-weight:700;color:#22346A;line-height:1.3;}
.hn2h .hn2rp-in{font-size:12px;color:#6B717D;line-height:1.35;}
.hn2h .hn2rp-pc:focus-visible{outline:2px solid #D71F36;outline-offset:2px;}

@media (hover:hover) and (pointer:fine){
  .hn2h .hn2rp-pc:hover{transform:translateY(-4px);box-shadow:0 16px 28px -18px rgba(20,30,60,.45);border-color:#DCDFE7;}
  .hn2h .hn2rp-pc:hover img{transform:scale(1.06);}

  /* two-way link: hover a product -> its recipe lights up, and back */
  .hn2h .hn2h-rec__grid .hn2h-rc{transition:opacity .25s ease,outline-color .25s ease;outline:2px solid transparent;outline-offset:0;}
  .hn2h .hn2h-rec__grid.hn2rp-dim .hn2h-rc{opacity:.55;}
  .hn2h .hn2h-rec__grid.hn2rp-dim .hn2h-rc.hn2rp-on{opacity:1;outline-color:#D71F36;}
  .hn2h .hn2rp-prods.hn2rp-dim .hn2rp-pc{opacity:.45;}
  .hn2h .hn2rp-prods.hn2rp-dim .hn2rp-pc.hn2rp-on{opacity:1;border-color:#D71F36;box-shadow:0 0 0 1px #D71F36;}
}

/* tablets: one swipeable row instead of a tall grid */
@media (max-width:1020px){
  .hn2h .hn2rp-prods{
    grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:148px;
    overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;overscroll-behavior-x:contain;
  }
  .hn2h .hn2rp-pc{scroll-snap-align:start;}
}

/* phones: hidden (Gilad 28.09.2026). CSS-only, so the links stay in the HTML
   for crawlers and the lazy thumbnails never download on the phone. */
@media (max-width:767px){
  .hn2h .hn2rp-row{display:none;}
}

@media (prefers-reduced-motion: reduce){
  .hn2h .hn2rp-pc,.hn2h .hn2rp-ph img,.hn2h .hn2h-rec__grid .hn2h-rc{transition:none;}
  .hn2h .hn2rp-pc:hover{transform:none;}
  .hn2h .hn2rp-pc:hover img{transform:none;}
}