/* ===== Dekel-style header (matches thedekel.com inner pages) ===== */
.dkh{--dk-teal:#006775;--dk-grad:linear-gradient(90deg,#5298a1 0%,#006775 50%,#5298a1 100%);position:relative;z-index:60;font-family:"Assistant","Heebo",system-ui,sans-serif;direction:ltr}
.dkh svg{width:100%;height:100%;display:block}
.dkh .hidden{display:none!important}
.dkh-top{height:51px;background:var(--dk-grad);display:flex;align-items:center;padding:0 30px;gap:14px;color:#fff}
.dkh-logo{display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;line-height:1}
.dkh-logo img{height:24px;width:auto;display:block}
.dkh-palm{width:24px;height:24px;color:#fff}
.dkh-word{display:flex;align-items:baseline;gap:6px}
.dkh-word b{font-size:21px;font-weight:800;letter-spacing:.3px}
.dkh-word small{font-size:15px;font-weight:600;opacity:.9}
.dkh-right{margin-left:auto;display:flex;align-items:center;gap:15px}
.dkh-icons{display:flex;align-items:center;gap:15px}
.dkh .dkh-icons.m,.dkh .dkh-msearch,.dkh .dkh-burger{display:none}
.dkh-ic{display:inline-flex;align-items:center;gap:6px;width:auto;height:20px;color:#fff;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.dkh-ic svg{width:20px;height:20px}
.dkh-uname{font-size:14px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (hover:hover){.dkh-ic:hover{opacity:.8}}
.dkh-lang{position:relative;display:flex;gap:2px;padding:2px;border:1px solid #fff;border-radius:30px;height:31px;align-items:center}
.dkh-lang button{position:relative;z-index:1;height:25px;padding:0 10px;border:0;border-radius:20px;background:transparent;color:#fff;font-size:14px;cursor:pointer;line-height:25px;font-family:inherit}
.dkh-lang button.on{background:#fff;color:#000}
.dkh-lang.dark{border-color:#d7dfe2}
.dkh-lang.dark button{color:#5a6162}
.dkh-lang.dark button.on{background:var(--dk-teal,#006775);color:#fff}
/* row 2: search · menu · category slider */
.dkh-nav{height:43px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;padding:5px 30px;position:relative}
.dkh-search{position:relative;display:flex;align-items:center;width:40px;height:28px;border:1px solid #d7dfe2;border-radius:20px;transition:width .2s;flex:none;background:#fff}
.dkh-search.open{width:280px}
.dkh-sbtn{flex:none;width:38px;border:0;background:none;color:#006775;cursor:pointer;padding:5px 11px}
.dkh-sin{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:#576064;height:26px;padding:0 10px 0 0;display:none}
.dkh-search.open .dkh-sin{display:block}
.dkh-sin::-webkit-search-cancel-button{cursor:pointer}
.dkh-menuwrap{position:relative;flex:none;margin:0 10px}
.dkh-menu{width:40px;height:30px;border:0;background:none;color:#006775;cursor:pointer;padding:5px 10px;border-radius:8px}
.dkh-menu:hover,.dkh-sbtn:hover{background:#f1f6f7}
.dkh-dd{position:absolute;left:0;top:36px;min-width:260px;max-height:70vh;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:10px;z-index:70}
.dkh-mi{display:block;padding:6px 8px;font-size:13px;color:#000;text-decoration:none;border-radius:6px;white-space:nowrap;text-align:left}
.dkh-mi.sub{padding-left:24px;color:#3d4a4e}
.dkh-mi.sub::before{content:"– ";color:#a7b7bd}
.dkh-mi:hover{background:#e2eaec;color:#006775}
.dkh-arr{flex:none;width:28px;height:28px;border:1px solid #fff;border-radius:25px;background:#fff;color:#a7b7bd;cursor:pointer;padding:8px 7px;visibility:hidden}
.dkh-arr:hover{border-color:#d7dfe2;color:#006775}
.dkh.overflow .dkh-arr{visibility:visible}
.dkh-slider{flex:1;min-width:0;margin:0 10px;overflow-x:auto;scrollbar-width:none;height:32px}
.dkh-slider::-webkit-scrollbar{display:none}
.dkh-track{display:flex;gap:10px;justify-content:safe center;padding:2px 0;min-width:100%;width:max-content}
.dkh-cat{display:flex;align-items:center;gap:6px;height:28px;padding:3px 12px;border:1px solid #fff;border-radius:50px;background:#fff;color:#5a6162;font-size:14px;text-decoration:none;white-space:nowrap}
.dkh-cat img{width:20px;height:20px;border-radius:50px}
/* #98 (TheDekel 19/10): category names in the bar at a medium weight, between regular and bold (Inter 400-700 variable for Latin, Assistant 500 for Hebrew) */
.dkh-cat{font-family:Inter,'AssistantH74','Assistant','Heebo',system-ui,sans-serif;font-weight:500}
/* #97 (TheDekel 19/10): the loading screen shows only THE DEKEL, in English */
.boot .dk-boot97{font-family:Inter,system-ui,sans-serif;letter-spacing:.14em;font-weight:600;direction:ltr}
.dkh-cat:hover{border-color:#d7dfe2;color:#006775}
.dkh-cat.on{border-color:#a7b7bd;color:#006775;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.08)}
/* suggestions (header + home search) */
.dkh-sug,.sug{position:absolute;left:0;top:calc(100% + 6px);width:min(420px,92vw);max-height:70vh;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.12);padding:10px;z-index:80;text-align:start}
.sg-h{font-size:11px;font-weight:800;color:#8a979b;letter-spacing:.5px;text-transform:uppercase;padding:6px 5px 3px}
.sg-i{display:flex;align-items:center;gap:9px;padding:5px;border-radius:7px;color:#000;font-size:13px;text-decoration:none}
.sg-i:hover,.sg-i.hi{background:#e2eaec}
.sg-c img{width:20px;height:20px}
.sg-th{width:34px;height:42px;object-fit:cover;border-radius:4px;border:1px solid #e3e8ea;flex:none;background:#f5f7f7;color:#c9a13b;display:grid;place-items:center}
.sg-th.st svg{width:18px;height:18px}
.sg-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-t b{color:#006775}
.sg-d small{color:#8a979b;font-size:12px;white-space:nowrap}
.sg-all{justify-content:center;color:#006775;font-weight:700;border-top:1px solid #eee;margin-top:6px;border-radius:0 0 7px 7px}
.sg-none{padding:10px;color:#5e6b70;font-size:14px}
/* mobile overlay menu */
.dkh-ov{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100}
.dkh-ovp{position:absolute;top:0;bottom:0;left:0;width:min(330px,88vw);background:#fff;overflow:auto;box-shadow:4px 0 20px rgba(0,0,0,.2)}
.dkh-ovh{height:56px;background:var(--dk-grad);display:flex;align-items:center;gap:14px;padding:0 16px;color:#fff}
.dkh-ovx{width:28px;height:28px;border:0;background:none;color:#fff;cursor:pointer;padding:2px}
.dkh-ovicons{display:flex;justify-content:space-around;padding:16px 10px;border-bottom:1px solid #eee}
.dkh-ovicons a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#006775;text-decoration:none;font-size:13px}
.dkh-ovicons svg{width:24px;height:24px}
.dkh-ovl{display:flex;align-items:center;gap:10px;width:100%;padding:13px 18px;border:0;border-bottom:1px solid #f1f3f4;background:none;color:#1f2a2e;font-size:16px;text-decoration:none;cursor:pointer;font-family:inherit;text-align:start}
.dkh-ovl img{width:24px;height:24px}
.dkh-ovl.on{color:#006775;font-weight:700}
.dkh-ovl.sub{padding-inline-start:52px;font-size:15px;background:#fafcfc}
.dkh-chev{width:18px;height:18px;margin-inline-start:auto;transition:transform .2s;color:#8a979b}
.dkh-acc .dkh-accc{display:none}
.dkh-acc.open .dkh-accc{display:block}
.dkh-acc.open .dkh-chev{transform:rotate(180deg)}
body.dkh-lock{overflow:hidden}
@media (max-width:820px){
 .dkh-top{height:58px;padding:0 15px;gap:12px}
 .dkh .dkh-burger{display:block;width:25px;height:24px;border:0;background:none;color:#fff;padding:0;cursor:pointer}
 .dkh-logo img{height:20px}.dkh-palm{width:20px;height:20px}.dkh-word b{font-size:19px}.dkh-word small{font-size:13px}
 .dkh-right{gap:12px}
 .dkh .dkh-msearch{display:inline-flex}
 .dkh .dkh-icons.d{display:none}.dkh .dkh-icons.m{display:flex}
 .dkh-lang{height:29px}.dkh-lang button{height:23px;line-height:23px;padding:0 8px;font-size:13px}
 .dkh-nav{padding:5px 10px;height:44px}
 .dkh-search,.dkh-menuwrap,.dkh-arr{display:none}
 .dkh-slider{margin:0}
 .dkh.msearch .dkh-search{display:flex;position:absolute;left:10px;right:10px;top:7px;width:auto;height:30px;z-index:5}
 .dkh.msearch .dkh-slider{visibility:hidden}
 .dkh-sug{width:100%}
 .dkh-track{justify-content:flex-start}
}
@media (max-width:420px){.dkh-word small{display:none}}

.dkh-track>.dkh-cat+.dkh-cat{position:relative}
.dkh-track>.dkh-cat+.dkh-cat::before{content:"";position:absolute;inset-inline-start:-6px;top:7px;bottom:7px;width:1px;background:#e3e8ea}

.dkh-badge{position:absolute;top:-7px;inset-inline-end:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#e8b04b;color:#1b1b1b;font:700 10px/16px system-ui,sans-serif;text-align:center}
.dkh-badge.hidden{display:none}

/* hover stays inside the rounded search frame (Shimon 9:41) */
.dkh-sbtn{border-radius:999px;height:26px;align-self:center}
.dkh-msearch{border-radius:999px}

/* PARENTHDR: parent heading in the categories menu (not a link) */

/* /PARENTHDR */

/* SRCHMENU: ☰ menu flyout column + search list */
.dkh-mcols{display:flex;align-items:flex-start}
.dkh-dd.flip{left:auto;right:0}.dkh-dd.flip .dkh-mcols{flex-direction:row-reverse}
.dkh-mc1{min-width:240px}
.dkh-mc2{display:none}
.dkh-dd.flyon .dkh-mc2{display:block;min-width:230px;border-left:1px solid #e3e8ea;margin-left:8px;padding-left:8px;align-self:stretch}
.dkh-dd.flip.flyon .dkh-mc2{border-left:0;border-right:1px solid #e3e8ea;margin:0 8px 0 0;padding:0 8px 0 0}
.dkh-mp{display:flex;align-items:center;gap:10px}
.dkh-mp>span:first-child{flex:1}
.dkh-mchev svg{width:13px;height:13px;display:block;color:#8a979b}
.dkh-dd.flip .dkh-mchev svg{transform:scaleX(-1)}
.dkh-mp.open{background:#e2eaec;color:#006775}
.dkh-mi:focus-visible{outline:2px solid #006775;outline-offset:-2px}
.sg-list{max-height:min(60vh,440px)}
.sg-l{padding:7px 6px;font-size:14px}
@media (pointer:coarse){.sg-l{min-height:44px}}
.dispo{border:1px solid #e3e8ea;border-radius:8px;padding:8px 12px;margin:8px 0}.dispo legend{font-weight:700;padding:0 4px}.dispo .chk{display:block;margin:3px 0} /* SRCHMENU */

/* BUGFIX 18/10 (#315, hit area only, looks the same): on phones the menu, search and language buttons were 20-27px targets; each now answers a finger-sized area around it */
@media (max-width:760px){.dkh-burger,.dkh-msearch,.dkh-lang button{position:relative}.dkh-burger::after,.dkh-msearch::after{content:'';position:absolute;inset:-10px}.dkh-lang button::after{content:'';position:absolute;left:0;right:0;top:-10px;bottom:-10px}}