/* H87 (cards #86 + #87, TheDekel 19/10): home "Explore our categories" tiles like the original site (thedekel.com, measured at 1440):
   white card 820px wide, padding 50px 40px, radius 24px; 4 columns of 185px, rows 40px apart, no column gap; icon circle 120px, label 14px under it;
   label 12px semibold (600) with 0.5px letter-spacing, UPPERCASE in English (Hebrew/Yiddish: no case, 13px, no tracking), colour #333.
   No shadow on the icons, no hover lift (no translate/scale) - the hover file swap (simadmin.js + P69HV) is untouched.
   Phone: 3 columns, circles scale to 88px (78px on very narrow screens). Static CSS only (no layout change after load -> no CLS). */
@font-face{font-family:'AssistantH87';font-style:normal;font-weight:600;font-display:swap;src:url(/h87/Assistant-600-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'AssistantH87';font-style:normal;font-weight:600;font-display:swap;src:url(/h87/Assistant-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

html main.home>section.explore>.cgrid{max-width:820px!important;padding:50px 40px!important;border-radius:24px!important;box-shadow:0 2px 20px rgba(0,0,0,.06)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:40px 0!important;box-sizing:border-box}
html main.home>section.explore .ccard{padding:0 4px!important;gap:14px!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;
  transform:none!important;translate:none!important;transition:none!important;justify-content:flex-start}
html main.home>section.explore .ccard:hover,html main.home>section.explore .ccard:active,html main.home>section.explore .ccard:focus-visible{transform:none!important;translate:none!important;box-shadow:none!important}
html main.home>section.explore .ccard .ic,html main.home>section.explore .ccard:hover .ic,html main.home>section.explore .ccard:active .ic,html main.home>section.explore .ccard:focus-visible .ic{
  width:120px!important;height:120px!important;flex:0 0 auto;box-shadow:none!important;transform:none!important;translate:none!important;transition:none!important}
html main.home>section.explore .ccard .ic img{width:72px;height:72px}
html main.home>section.explore .ccard .ic img[src*="/icons/orig/"]{width:100%!important;height:100%!important}
html main.home>section.explore .ccard>b{font-family:'AssistantH87','Assistant','Heebo',system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#333;line-height:1.3;text-align:center;max-width:100%;overflow-wrap:normal}
html:not([lang^="en"]) main.home>section.explore .ccard>b{font-size:13px;letter-spacing:0;text-transform:none}
html main.home>section.explore .ccard:focus-visible{outline:2px solid #0f6f78!important;outline-offset:6px;border-radius:14px}
@media (max-width:900px){html main.home>section.explore>.cgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:40px 24px!important}}
@media (max-width:700px){
  html main.home>section.explore>.cgrid{padding:28px 14px!important;gap:24px 0!important;border-radius:20px!important}
  html main.home>section.explore .ccard{gap:10px!important}
  html main.home>section.explore .ccard .ic,html main.home>section.explore .ccard:hover .ic,html main.home>section.explore .ccard:active .ic,html main.home>section.explore .ccard:focus-visible .ic{width:88px!important;height:88px!important}
  html main.home>section.explore .ccard .ic img{width:54px;height:54px}
  html main.home>section.explore .ccard>b{font-size:11px;letter-spacing:.4px}
  html:not([lang^="en"]) main.home>section.explore .ccard>b{font-size:12.5px;letter-spacing:0}
}
@media (max-width:360px){
  html main.home>section.explore .ccard .ic,html main.home>section.explore .ccard:hover .ic,html main.home>section.explore .ccard:active .ic,html main.home>section.explore .ccard:focus-visible .ic{width:78px!important;height:78px!important}
  html main.home>section.explore .ccard .ic img{width:48px;height:48px}
}