/* שוק הדגים – new home page */
:root{
  --blue:#0478bb;--blue-d:#03609a;--blue-dd:#0a3f6e;--navy:#0c2c44;--navy-2:#0f3a5a;
  --ink:#10283a;--muted:#5f6f7c;--line:#d5e3ec;
  --sky:#e7f3fb;--sky-2:#d6ebf8;--card:#eaf5fc;--cream:#f7f3ec;--cream-2:#efe8dc;
  --accent:#f07a1f;--white:#fff;
  --r:14px;--r-sm:10px;
  --shadow:0 1px 2px rgba(12,44,68,.06),0 6px 18px rgba(12,44,68,.07);
  --shadow-h:0 2px 4px rgba(12,44,68,.08),0 18px 38px rgba(12,44,68,.16);
  --ease:cubic-bezier(.22,1,.36,1);
  --wrap:1400px;--gut:28px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body.sdh{margin:0;background:#fff;color:var(--ink);font:400 16px/1.55 Heebo,"Assistant",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(.sdh) img{max-width:100%;display:block}
:where(.sdh) a{color:inherit;text-decoration:none}
:where(.sdh) :is(h1,h2,h3,h4,p){margin:0}
:where(.sdh) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.center{display:flex;justify-content:center;margin-top:34px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;z-index:100;background:var(--blue);color:#fff;padding:8px 14px;border-radius:8px}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:3px solid #7cc3f0;outline-offset:2px}

/* icons */
.ic{display:inline-flex;width:22px;height:22px;flex:none}
.ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ic .fill{fill:currentColor;stroke:none}
.ic .bg{fill:#fff}

/* buttons */
.btn{--bg:var(--blue);--fg:#fff;--bd:var(--blue);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 22px;border-radius:10px;border:2px solid var(--bd);background:var(--bg);color:var(--fg)!important;font-weight:700;font-size:16px;line-height:1;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .25s,color .25s,border-color .25s}
.btn .ic{width:16px;height:16px;transition:transform .35s var(--ease)}
.btn .ic svg{stroke-width:2.6}
.btn:hover{transform:translateY(-2px)}
.btn:hover .ic{transform:translateX(-4px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn--primary{box-shadow:0 6px 16px rgba(4,120,187,.22)}
.btn--primary:hover{--bg:var(--blue-d);--bd:var(--blue-d);box-shadow:0 10px 24px rgba(4,120,187,.32)}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(120%);transition:transform .9s var(--ease)}
.btn--primary:hover::after{transform:translateX(-120%)}
.btn--outline{--bg:#fff;--fg:var(--blue);--bd:var(--blue)}
.btn--outline:hover{--bg:var(--blue);--fg:#fff}
.btn--white{--bg:#fff;--fg:var(--blue-dd);--bd:#fff}
.btn--white:hover{--bg:#eaf5fc;--bd:#eaf5fc}
.btn--lg{height:58px;padding:0 44px;font-size:21px;border-radius:12px}
.btn--sm{height:40px;padding:0 20px;font-size:15px}
.btn--block{width:100%}
.lnk{display:inline-flex;align-items:center;gap:6px;color:var(--blue)!important;font-weight:700;font-size:19px}
.lnk .ic{width:18px;height:18px;transition:transform .35s var(--ease)}
.lnk .ic svg{stroke-width:2.6}
.lnk:hover .ic{transform:translateX(-5px)}

/* top bar */
.topbar{background:var(--blue);color:#fff;font-weight:700;font-size:15px;text-align:center;height:38px;display:flex;align-items:center;overflow:hidden}
.topbar .wrap{width:100%}
.topbar__txt{display:inline-block;animation:tb-in .9s var(--ease) both}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #e8eef3;transition:box-shadow .3s}
.hdr.is-stuck{box-shadow:0 6px 24px rgba(12,44,68,.09)}
.hdr__in{display:flex;align-items:center;gap:40px;height:84px;transition:height .3s var(--ease)}
.hdr.is-stuck .hdr__in{height:70px}
.hdr__logo{flex:none;display:block}
.hdr__logo img{height:50px;width:auto;transition:height .3s var(--ease)}
.hdr.is-stuck .hdr__logo img{height:42px}
.hdr__nav{display:flex;gap:34px;font-weight:700;font-size:17px}
.hdr__nav a{position:relative;padding:8px 0}
.hdr__nav a::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transition:transform .35s var(--ease)}
.hdr__nav a:hover{color:var(--blue)}
.hdr__nav a:hover::after{transform:scaleX(1)}
.hdr__search{margin-inline-start:auto;position:relative;width:min(300px,26vw)}
.hdr__search input,.drawer__search input{width:100%;height:44px;border:1.5px solid #cfdbe4;border-radius:10px;background:#fff;padding:0 16px 0 44px;font:inherit;font-size:15px;color:var(--ink);transition:border-color .25s,box-shadow .25s}
.hdr__search input:focus,.drawer__search input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(4,120,187,.12)}
.hdr__search button,.drawer__search button{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;color:var(--ink)}
.hdr__tools{display:flex;align-items:center;gap:6px}
.hdr__tool{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;transition:background-color .25s,color .25s}
.hdr__tool:hover{background:var(--sky);color:var(--blue)}
.hdr__tool .ic{width:25px;height:25px}
.hdr__count{position:absolute;top:3px;inset-inline-end:1px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;animation:pop .5s var(--ease) both}
.hdr__searchbtn,.hdr__burger{display:none}
.drawer{border-top:1px solid #e8eef3;background:#fff;padding:14px var(--gut) 22px}
.drawer nav{display:flex;flex-direction:column}
.drawer nav a{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #edf2f6;font-weight:700;font-size:18px}
.drawer nav a .ic{width:18px;height:18px;color:var(--accent)}
.drawer__search{position:relative;margin-bottom:8px}
.drawer:not([hidden]){animation:drop .4s var(--ease) both}

/* section title with side rules */
.sec{padding:64px 0}
.sec--tight{padding-top:24px}
.sec--sky{background:linear-gradient(180deg,var(--sky) 0%,#eef7fc 100%)}
.sec--cream{background:var(--cream)}
.ttl{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:34px;font-weight:800;font-size:clamp(26px,3vw,44px);line-height:1.15;letter-spacing:-.01em;color:var(--ink);text-align:center}
.ttl::before,.ttl::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--blue) 60%);opacity:.75;transform:scaleX(0);transition:transform 1.1s var(--ease) .15s}
.ttl::before{transform-origin:left;background:linear-gradient(270deg,transparent,var(--blue) 60%)}
.ttl::after{transform-origin:right;background:linear-gradient(90deg,transparent,var(--blue) 60%)}
.ttl::before{max-width:260px}.ttl::after{max-width:260px}
.ttl span{flex:0 1 auto;min-width:0;text-wrap:balance}
.ttl::before,.ttl::after{min-width:24px}
.ttl.in::before,.ttl.in::after{transform:scaleX(1)}

/* hero */
.hero{--hs:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));--hc:calc(var(--hs) + clamp(400px,33vw,620px));position:relative;display:grid;grid-template-columns:var(--hc) 1fr;min-height:clamp(380px,33vw,540px);background:var(--cream);overflow:hidden}
.hero__copy{grid-column:1;grid-row:1;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:40px 0;padding-inline-start:var(--hs);padding-inline-end:clamp(28px,3.4vw,64px)}
.hero__media{grid-column:1 / -1;grid-row:1;position:relative;margin-inline-start:calc(var(--hc) - clamp(40px,5vw,90px));clip-path:polygon(0 0,100% 0,91% 100%,0 100%);overflow:hidden;background:#cfe0ea}
.hero__img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 50%;transform:scale(1.08);animation:kb 14s var(--ease) .1s both}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(247,243,236,.0) 0,rgba(247,243,236,0) 70%,rgba(255,255,255,.08));pointer-events:none}
.hero__title{font-weight:900;font-size:clamp(42px,4.5vw,82px);white-space:nowrap;line-height:1.02;letter-spacing:-.025em;color:var(--ink)}
.hero__title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero__title .ln{animation:rise 1s var(--ease) both}
.hero__title .ln:nth-child(2){animation-delay:.12s}
.hero__sub{margin-top:14px;font-size:clamp(18px,1.6vw,25px);font-weight:500;color:#2c4252;animation:rise 1s var(--ease) .24s both}
.hero__cta{display:flex;align-items:center;gap:30px;margin-top:34px;animation:rise 1s var(--ease) .36s both}

/* usp */
.usp{border-bottom:1px solid #e9eef2;background:#fff}
.usp__in{display:grid;grid-template-columns:repeat(3,1fr);height:96px;align-items:center}
.usp__item{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:700;font-size:19px;position:relative}
.usp__item+.usp__item::before{content:"";position:absolute;inset-inline-start:0;top:50%;height:40px;margin-top:-20px;width:1px;background:#d8e2ea}
.usp__item .ic{width:40px;height:30px;color:var(--ink)}
.usp__item .ic-fish svg{stroke-width:1.6}
.usp__item:hover .ic-fish{animation:swim 1.6s ease-in-out infinite}
.usp__item:hover .ic-snow{animation:spin 3s linear infinite}
.usp__item:hover .ic-truck{animation:drive 1s ease-in-out infinite}
.usp__item .ic-snow{width:32px;height:32px;color:var(--blue)}
.usp__item .ic-truck{width:44px;height:30px}

/* categories */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--cream);box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.cat__media{display:block;aspect-ratio:16/8.6;overflow:hidden;background:var(--sky)}
.cat__media img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.18);transition:transform 1.2s var(--ease)}
.cat__name{display:flex;align-items:center;justify-content:center;gap:8px;height:70px;font-weight:800;font-size:22px}
.cat__name .ic{width:18px;height:18px;color:var(--accent);transition:transform .4s var(--ease)}
.cat__name .ic svg{stroke-width:2.8}
.cat:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.cat:hover img{transform:scale(1.28)}
.cat:hover .cat__name .ic{transform:translateX(-5px)}

/* products */
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.prod{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 16px 18px;border-radius:var(--r);background:linear-gradient(180deg,#e4f1fa 0%,#eef7fc 60%,#f4f9fd 100%);border:1px solid #d9eaf5;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.prod__media{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin-bottom:14px}
.prod__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.45);transition:transform 1.2s var(--ease)}
.prod__name{font-weight:800;font-size:21px;line-height:1.25}
.prod__unit{margin-top:4px;color:var(--muted);font-size:15px;min-height:1.5em}
.prod__price{margin:6px 0 14px;font-weight:800;font-size:28px;line-height:1;display:flex;align-items:baseline;gap:6px;direction:rtl}
.prod__price span{font-size:22px}
.prod__price del,.pack__price del{font-size:16px;font-weight:500;color:#8a98a3}
.prod:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.prod:hover .prod__media img{transform:scale(1.58) rotate(-1.5deg)}

/* packs */
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pack{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 12px 20px;border-radius:var(--r);background:#fff;border:1px solid #d7e8f3;box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pack__media{display:block;width:100%;aspect-ratio:16/8;border-radius:10px;overflow:hidden;background:var(--sky)}
.pack__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform 1.2s var(--ease)}
.pack__name{margin-top:14px;font-weight:800;font-size:22px}
.pack__meta{margin-top:2px;color:var(--muted);font-size:14px;line-height:1.4;max-width:34ch;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pack__price{margin:6px 0 12px;font-size:20px;display:flex;gap:8px;align-items:baseline}
.pack:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.pack:hover img{transform:scale(1.3)}

.weekend{position:relative;display:grid;min-height:150px;margin-top:30px;border-radius:var(--r);overflow:hidden;background:linear-gradient(90deg,#0d6fb4 0 42%,#0b5d9e 72%,#0a3f73 100%);color:#fff;box-shadow:var(--shadow);transition:box-shadow .5s var(--ease),transform .5s var(--ease)}
.weekend__media{grid-row:1;position:relative;overflow:hidden}
.weekend__media img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:30% 50%;transition:transform 1.4s var(--ease)}
.weekend__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,111,180,0) 55%,rgba(13,111,180,.95) 100%)}
.weekend__copy{grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:24px 36px;position:relative;z-index:1}
.weekend{grid-template-columns:1fr 42%}
.weekend__copy{grid-column:1}
.weekend__media{grid-column:2}
.weekend__title{font-weight:800;font-size:clamp(22px,2.4vw,34px);line-height:1.15}
.weekend__sub{font-size:16px;opacity:.9}
.weekend:hover{box-shadow:var(--shadow-h);transform:translateY(-3px)}
.weekend:hover img{transform:scale(1.06)}
.weekend:hover .btn .ic{transform:translateX(-4px)}

/* story */
.story{display:grid;grid-template-columns:54% 46%;background:var(--cream);min-height:clamp(340px,30vw,470px);overflow:hidden}
.story__copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px clamp(24px,5vw,90px);padding-inline-end:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))}
.story__media{grid-column:1;grid-row:1;position:relative;overflow:hidden;background:#dde6ec}
.story__media img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 40%}
.story__title{font-weight:900;font-size:clamp(32px,3.4vw,52px);line-height:1.08;letter-spacing:-.015em}
.story__txt{margin:18px 0 34px;font-size:clamp(17px,1.4vw,21px);color:#4a5b68;line-height:1.6}

/* recipes */
.recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.recipe{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 10px 20px;border-radius:var(--r);background:var(--cream);box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.recipe__media{display:block;width:100%;aspect-ratio:16/9.4;border-radius:10px;overflow:hidden;background:var(--cream-2)}
.recipe__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.recipe__name{margin-top:14px;font-weight:800;font-size:22px}
.recipe__go{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--blue);font-weight:700}
.recipe__go .ic{width:16px;height:16px;color:var(--accent);transition:transform .4s var(--ease)}
.recipe__go .ic svg{stroke-width:2.8}
.recipe:hover{transform:translateY(-6px);box-shadow:var(--shadow-h)}
.recipe:hover img{transform:scale(1.08)}
.recipe:hover .recipe__go .ic{transform:translateX(-5px)}

/* faq + shipping */
.info{display:grid;grid-template-columns:44% 1fr;gap:28px;align-items:stretch}
.ship{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:34px 28px;border-radius:var(--r);color:#fff;background:radial-gradient(120% 140% at 85% 0%,#1590d6 0%,#0b6fb3 45%,#094f86 100%);box-shadow:var(--shadow);overflow:hidden}
.ship::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;inset-inline-end:-120px;bottom:-200px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%)}
.ship .ic-truck{width:64px;height:44px;color:#fff;animation:drive 2.4s ease-in-out infinite}
.ship .ic-truck .bg{fill:#0b6fb3}
.ship .ic-truck svg{stroke-width:1.6}
.ship__title{font-weight:800;font-size:clamp(26px,2.4vw,34px)}
.ship__txt{font-size:17px;opacity:.92;margin-bottom:8px}
.faq{display:flex;flex-direction:column;gap:14px}
.faq__item{background:#fff;border:1.5px solid #d3dfe8;border-radius:var(--r-sm);transition:border-color .3s,box-shadow .3s}
.faq__item[open]{border-color:#9ec9e6;box-shadow:var(--shadow)}
.faq__item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 22px;cursor:pointer;font-weight:700;font-size:18px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary .ic{width:22px;height:22px;color:var(--ink);transition:transform .45s var(--ease)}
.faq__item summary .ic svg{stroke-width:2.4}
.faq__item[open]:not(.closing) summary .ic{transform:rotate(135deg);color:var(--blue)}
.faq__item summary:hover{color:var(--blue)}
.faq__a{overflow:hidden}
.faq__a p{padding:0 22px 20px;color:#44586a;line-height:1.7}
.help{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:28px;min-height:76px;padding:12px 24px;background:#fff;border:1.5px solid #d3dfe8;border-radius:var(--r-sm)}
.help strong{font-weight:800;font-size:clamp(20px,2vw,26px)}
.help::after{content:"";order:1;width:1.5px;height:34px;background:#cdd9e2}
.help strong{order:0}.help .btn{order:2}

/* footer */
.ftr{background:var(--navy);color:#cfdbe5;padding-top:52px}
.ftr__in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding-bottom:40px}
.ftr__brand img{width:220px;height:auto;filter:brightness(0) invert(1)}
.ftr__col{display:flex;flex-direction:column;gap:10px;padding-inline-start:28px;border-inline-start:1px solid rgba(255,255,255,.14)}
.ftr__col h4{color:#fff;font-weight:800;font-size:19px;margin-bottom:4px}
.ftr__col a{font-size:16px;transition:color .25s,transform .25s;width:max-content}
.ftr__col a:hover{color:#fff;transform:translateX(-3px)}
.ftr__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px 22px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#9fb3c3}
.ftr__contact a:hover{color:#fff}

/* whatsapp */
.wa-fab{position:fixed;inset-inline-start:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.2);transition:transform .35s var(--ease);animation:pop .6s var(--ease) 1.2s both}
.wa-fab .ic{width:32px;height:32px}
.wa-fab:hover{transform:scale(1.08)}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:ring 2.6s ease-out 2s infinite}

/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.js [data-reveal="fade"]{opacity:1;transform:none}
.js [data-reveal="fade"] img{clip-path:inset(0 0 0 100%);transform:scale(1.08);transition:clip-path 1.4s var(--ease),transform 2s var(--ease)}
.js [data-reveal="fade"].in img{clip-path:inset(0);transform:none}
.js [data-reveal].in{opacity:1;transform:none}
.js .ttl[data-reveal]{transform:none}

@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes kb{from{transform:scale(1.16)}to{transform:scale(1.04)}}
@keyframes tb-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes swim{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-3px) rotate(-4deg)}75%{transform:translateX(3px) rotate(4deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drive{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .hdr__in{gap:26px}
  .hdr__nav{gap:22px;font-size:16px}
  .hdr__search{width:220px}
}
@media (max-width:1000px){
  :root{--gut:22px}
  .hdr__nav,.hdr__search{display:none}
  .hdr__searchbtn,.hdr__burger{display:grid}
  .hdr__tools{margin-inline-start:auto}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero__media{grid-column:1;grid-row:1;margin:0;aspect-ratio:16/9;clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}
  .hero__copy{grid-row:2;padding:26px var(--gut) 36px}
  .cats,.prods{grid-template-columns:repeat(2,1fr);gap:16px}
  .packs,.recipes{grid-template-columns:repeat(3,1fr);gap:16px}
  .story{grid-template-columns:1fr}
  .story__media{grid-column:1;grid-row:1;aspect-ratio:16/10}
  .story__copy{grid-column:1;grid-row:2;padding:34px var(--gut) 44px}
  .info{grid-template-columns:1fr}
  .ftr__in{grid-template-columns:1fr 1fr 1fr}
  .ftr__brand{grid-column:1 / -1}
}
@media (max-width:760px){
  :root{--gut:16px}
  body.sdh{font-size:15px}
  .topbar{height:34px;font-size:14px}
  .hdr__in{height:64px}
  .hdr.is-stuck .hdr__in{height:58px}
  .hdr__logo img,.hdr.is-stuck .hdr__logo img{height:38px}
  .hdr__tool{width:40px;height:40px}
  .hdr__tool .ic{width:23px;height:23px}
  .hdr__tools{gap:0}
  .hero__title{font-size:clamp(38px,11vw,52px)}
  .hero__cta{gap:20px;margin-top:24px}
  .btn--lg{height:52px;padding:0 30px;font-size:19px}
  .usp__in{height:auto;padding-block:14px}
  .usp__item{flex-direction:column;gap:6px;font-size:14px;text-align:center}
  .usp__item .ic{width:34px;height:26px}
  .sec{padding:44px 0}
  .sec--tight{padding-top:14px}
  .ttl{gap:14px;margin-bottom:22px;font-size:clamp(22px,6.4vw,30px)}
  .ttl::before,.ttl::after{max-width:60px}
  .cats,.prods{gap:12px}
  .cat__name{height:52px;font-size:17px}
  .prod{padding:10px 10px 12px}
  .prod__name{font-size:16px}
  .prod__unit{font-size:13px}
  .prod__price{font-size:22px;margin:4px 0 10px}
  .prod__price span{font-size:17px}
  .prod .btn{height:40px;font-size:14px;padding:0 10px}
  .packs,.recipes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(var(--gut) * -1);padding:4px var(--gut) 14px;scroll-padding-inline:var(--gut);scrollbar-width:none}
  .packs::-webkit-scrollbar,.recipes::-webkit-scrollbar{display:none}
  .pack,.recipe{flex:0 0 80%;scroll-snap-align:start}
  .weekend{grid-template-columns:1fr;min-height:0}
  .weekend__media{grid-column:1;grid-row:1;aspect-ratio:16/8}
  .weekend__media::after{background:linear-gradient(0deg,#0d6fb4 0,rgba(13,111,180,0) 50%)}
  .weekend{background:#0d6fb4}
  .weekend__copy{grid-row:2;padding:6px 20px 22px}
  .story__title{font-size:34px}
  .faq__item summary{min-height:58px;padding:0 16px;font-size:16px}
  .faq__a p{padding:0 16px 16px}
  .help{flex-direction:column;gap:12px;padding:18px}
  .help::after{display:none}
  .ftr{padding-top:36px}
  .ftr__in{grid-template-columns:repeat(3,1fr);gap:26px 10px}
  .ftr__col h4{font-size:16px}
  .ftr__col a{font-size:14px}
  .ftr__col{padding-inline-start:10px}
  .ftr__col:last-child{grid-column:auto}
  .ftr__bottom{justify-content:center;text-align:center}
  .wa-fab{width:48px;height:48px;inset-inline-start:auto;inset-inline-end:12px;bottom:12px}
  .wa-fab .ic{width:27px;height:27px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-reveal]{opacity:1;transform:none;clip-path:none}
}
.weekend{color:#fff}

/* weekend: generated art spans the whole banner, copy sits on its empty blue side */
.weekend{grid-template-columns:1fr 42%;background:#0f3f78}
.weekend__media{grid-column:1 / -1;grid-row:1}
.weekend__media img{object-position:0 50%}
.weekend__media::after{background:linear-gradient(270deg,rgba(10,40,80,.35) 0,rgba(10,40,80,0) 45%)}
.weekend__copy{grid-column:1;grid-row:1}
@media (max-width:760px){
  .weekend{grid-template-columns:1fr}
  .weekend__media{grid-column:1;grid-row:1;aspect-ratio:16/8}
  .weekend__media img{object-position:0 50%}
  .weekend__media::after{background:linear-gradient(0deg,#123f74 0,rgba(18,63,116,0) 45%)}
  .weekend__copy{grid-column:1;grid-row:2}
  .weekend{background:#123f74}
}
.weekend{min-height:clamp(170px,15vw,230px)}

/* delivery card: photo under a deep-blue overlay */
.ship{background:#0a5a99;isolation:isolate}
.ship::after{content:"";position:absolute;inset:0;z-index:-2;background:url(img/delivery.webp?v=2) center 60%/cover no-repeat;transform:scale(1.04);transition:transform 1.6s var(--ease)}
.ship::before{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:0;z-index:-1;background:linear-gradient(200deg,rgba(21,144,214,.66) 0%,rgba(9,95,160,.78) 45%,rgba(7,52,96,.92) 100%)}
.ship:hover::after{transform:scale(1.1)}
.ship .btn{box-shadow:0 8px 20px rgba(0,0,0,.18)}
.ship__title,.ship__txt{text-shadow:0 2px 12px rgba(4,30,60,.45)}

/* ---------- mini cart ---------- */
.mc{position:fixed;inset:0;z-index:90}
.mc[hidden]{display:none}
.mc__veil{position:absolute;inset:0;background:rgba(8,30,48,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .4s var(--ease)}
.mc__panel{position:absolute;top:0;bottom:0;left:0;width:min(420px,92vw);display:flex;flex-direction:column;background:#fff;box-shadow:24px 0 60px rgba(8,30,48,.22);transform:translateX(-104%);transition:transform .45s var(--ease);outline:0}
.mc.is-open .mc__veil{opacity:1}
.mc.is-open .mc__panel{transform:none}
html.mc-lock,html.mc-lock body{overflow:hidden}
.mc__head{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 22px;border-bottom:1px solid #e8eef3;flex:none}
.mc__title{font-weight:800;font-size:22px}
.mc__n{color:var(--muted);font-weight:600;font-size:17px}
.mc__x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:background-color .25s,transform .35s var(--ease)}
.mc__x:hover{background:var(--sky);transform:rotate(90deg)}
.mc__ship{padding:14px 22px 16px;background:var(--sky);flex:none}
.mc__shiptxt{font-size:15px;margin-bottom:9px;color:#23405a}
.mc__shiptxt b{color:var(--blue-dd)}
.mc__bar{height:8px;border-radius:8px;background:#cfe3f1;overflow:hidden}
.mc__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#0478bb,#26a3e6);transition:width .8s var(--ease);margin-inline-start:0}
.mc__ship.is-free .mc__bar i{background:linear-gradient(90deg,#14a06b,#3ccf8e)}
.mc__ship.is-free .mc__shiptxt b{color:#0f8a5b}
.mc__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 22px}
.mc__list{list-style:none;margin:0;padding:0}
.mc__item{position:relative;display:grid;grid-template-columns:84px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #edf2f6;transition:opacity .25s;animation:rise .5s var(--ease) both}
.mc__item.is-busy{opacity:.45;pointer-events:none}
.mc__img{display:block;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--sky)}
.mc__img img{width:100%;height:100%;object-fit:cover}
.mc__info{min-width:0;display:flex;flex-direction:column;gap:3px;padding-inline-end:26px}
.mc__name{font-weight:700;font-size:16px;line-height:1.35}
.mc__name:hover{color:var(--blue)}
.mc__var{font-size:13px;color:var(--muted)}
.mc__row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}
.mc__qty{display:flex;align-items:center;height:34px;border:1.5px solid #cfdbe4;border-radius:9px;overflow:hidden}
.mc__qty button{width:32px;height:100%;font-size:18px;font-weight:700;color:var(--ink);transition:background-color .2s}
.mc__qty button:hover:not(:disabled){background:var(--sky);color:var(--blue)}
.mc__qty button:disabled{opacity:.35;cursor:default}
.mc__qty span{min-width:30px;text-align:center;font-weight:700}
.mc__price{font-size:17px;font-weight:800}
.mc__rm{position:absolute;top:14px;inset-inline-end:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#8a98a3;transition:background-color .2s,color .2s}
.mc__rm svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.mc__rm:hover{background:#fdecec;color:#c33}
.mc__foot{flex:none;padding:16px 22px 20px;border-top:1px solid #e8eef3;display:flex;flex-direction:column;gap:10px;background:#fff}
.mc__sum{display:flex;justify-content:space-between;align-items:baseline;font-size:17px}
.mc__sum b{font-size:22px;font-weight:800}
.mc__min{font-size:14px;color:#a4521a;background:#fff4ea;border-radius:8px;padding:8px 12px}
.mc__go.is-off{opacity:.5;pointer-events:none;box-shadow:none}
.mc__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:56px 10px}
.mc__empty p{color:#44586a;line-height:1.6;max-width:30ch}
.mc__emptyic{width:74px;height:74px;border-radius:50%;background:var(--sky);display:grid;place-items:center;color:var(--blue)}
.mc__emptyic svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mc__loading{display:flex;justify-content:center;gap:8px;padding:60px 0}
.mc__loading i{width:10px;height:10px;border-radius:50%;background:var(--blue);animation:dot 1s ease-in-out infinite}
.mc__loading i:nth-child(2){animation-delay:.15s}.mc__loading i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:none}}
.hdr__count[hidden]{display:none}

/* ---------- mobile header: menu right, logo centre, icons left ---------- */
@media (max-width:1000px){
  .hdr__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0}
  .hdr__burger{grid-column:1;justify-self:start;margin-inline-start:-8px}
  .hdr__logo{grid-column:2;justify-self:center}
  .hdr__tools{grid-column:3;justify-self:end;margin:0;margin-inline-end:-8px}
}
@media (max-width:760px){
  .mc__head{height:62px;padding:0 16px}
  .mc__ship,.mc__body,.mc__foot{padding-inline:16px}
  .mc__panel{width:min(400px,94vw)}
}
.mc [hidden]{display:none!important}
.mc__disc{font-size:15px;color:#0f8a5b}.mc__disc b{font-size:16px}

/* ---------- mobile polish (audit 2026-11-04) ---------- */
@media (max-width:760px){
  /* comfortable tap areas */
  .ftr__col{gap:0}
  .ftr__col a{display:flex;align-items:center;min-height:40px}
  .ftr__col h4{margin-bottom:2px}
  .ftr__contact a{display:inline-flex;align-items:center;min-height:40px;padding-inline:4px}
  .hero .lnk{min-height:44px;padding-inline:4px}
  .prod__name a{display:inline-block;padding-block:6px}
  /* footer bottom: stacked, clear of the WhatsApp button */
  .ftr__bottom{flex-direction:column;align-items:center;gap:2px;padding-bottom:84px}
  .ftr__contact{text-align:center}
}
@media (max-width:420px){
  .hdr__logo img,.hdr.is-stuck .hdr__logo img{height:32px}
  .hdr__tool{width:38px;height:38px}
  .hdr__tool .ic{width:22px;height:22px}
  .hdr__burger{margin-inline-start:-6px}
  .hdr__tools{margin-inline-end:-6px}
}
@media (max-width:1000px){
  .ftr__col{gap:0}
  .ftr__col a{display:flex;align-items:center;min-height:40px}
  .ftr__contact a{display:inline-flex;align-items:center;min-height:40px;padding-inline:4px}
  .hero .lnk{min-height:44px;padding-inline:4px}
  .prod__name a{display:inline-block;padding-block:8px}
}
@media (max-width:380px){
  .hdr .hdr__in{padding-inline:10px}
}
@media (max-width:380px){.hdr__tool{width:36px;height:36px}.hdr__tool .ic{width:21px;height:21px}}
.ftr__credit{color:#cfdbe5;font-weight:600;letter-spacing:.01em;transition:color .2s}
.ftr__credit b{color:#ffc915;font-weight:800}
.ftr__credit:hover{color:#fff}
.ftr__credit{direction:ltr;unicode-bidi:isolate;display:inline-block}
@media (max-width:1000px){.ftr__credit{padding-block:10px}}

/* ---------- header v2: live main menu (with icons + dropdown) and bee1 live search ---------- */
.hdr__in{gap:28px}
.hdr .hdr__search{margin-inline:auto;width:min(620px,46vw);max-width:none;position:relative}
.sdh .bee1-search{--bee1-accent:#0478bb;--bee1-hover:#eaf5fc;--bee1-border:#cfdbe4;--bee1-text:#10283a;--bee1-muted:#5f6f7c;--bee1-radius:12px;font-family:inherit}
.sdh .bee1-search__input{min-height:48px;border-width:1.5px;font-family:inherit;font-size:16px!important;background:#f6f9fb}
.sdh .bee1-search__input:focus{background:#fff;border-color:#0478bb;box-shadow:0 0 0 4px rgba(4,120,187,.12)}
.sdh .bee1-search__submit{color:#10283a;width:48px}
.sdh .bee1-results{border-radius:14px;box-shadow:0 18px 50px rgba(12,44,68,.18);border:1px solid #e2eaf0;overflow:hidden}
.sdh .bee1-item__title{font-weight:700}
.sdh .bee1-item__price{color:#0478bb;font-weight:800}

.hdr__nav{border-top:1px solid #edf2f6;background:#fff}
.hdr__menu{list-style:none;margin:0 auto;display:flex;align-items:stretch;justify-content:center;gap:clamp(10px,2.2vw,34px);height:52px}
.hdr__mi{position:relative;display:flex}
.hdr__mi>a{display:flex;align-items:center;gap:8px;padding:0 6px;font-weight:700;font-size:16.5px;color:var(--ink);white-space:nowrap;position:relative;transition:color .25s}
.hdr__mi>a::after{content:"";position:absolute;inset-inline:6px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue);transform:scaleX(0);transition:transform .35s var(--ease)}
.hdr__mi>a:hover,.hdr__mi:focus-within>a,.hdr__mi.is-current>a{color:var(--blue)}
.hdr__mi>a:hover::after,.hdr__mi:focus-within>a::after,.hdr__mi.is-current>a::after{transform:scaleX(1)}
.hdr__mi-ic{width:22px;height:22px;object-fit:contain;flex:none;transition:transform .35s var(--ease)}
.hdr__mi>a:hover .hdr__mi-ic{transform:translateY(-2px) rotate(-6deg)}
.hdr__caret{width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-inline-start:2px;transition:transform .3s var(--ease)}
.hdr__mi.has-sub:hover .hdr__caret,.hdr__mi.has-sub:focus-within .hdr__caret{transform:rotate(225deg) translateY(-1px)}
.hdr__sub{list-style:none;margin:0;padding:8px;position:absolute;top:100%;inset-inline-start:-8px;min-width:200px;background:#fff;border:1px solid #e2eaf0;border-radius:12px;box-shadow:0 18px 40px rgba(12,44,68,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .3s var(--ease),visibility 0s .3s;z-index:60}
.hdr__mi.has-sub:hover .hdr__sub,.hdr__mi.has-sub:focus-within .hdr__sub{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s var(--ease)}
.hdr__sub a{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:8px;font-weight:600;font-size:15.5px;color:var(--ink)}
.hdr__sub a:hover{background:var(--sky);color:var(--blue)}
.hdr.is-stuck .hdr__menu{height:46px}

/* mobile drawer with the same menu */
.drawer__search{margin-bottom:6px}
.drawer__nav{display:flex;flex-direction:column}
.drawer__nav .drawer__link,.drawer__group>summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;border-bottom:1px solid #edf2f6;font-weight:700;font-size:18px;cursor:pointer;list-style:none;color:var(--ink)}
.drawer__group>summary::-webkit-details-marker{display:none}
.drawer__label{display:inline-flex;align-items:center;gap:10px}
.drawer__label .hdr__mi-ic{width:24px;height:24px}
.drawer__link.is-current{color:var(--blue)}
.drawer__nav .drawer__link .ic{width:18px;height:18px;color:var(--accent)}
.drawer__plus{position:relative;width:16px;height:16px}
.drawer__plus::before,.drawer__plus::after{content:"";position:absolute;inset:7px 0 auto;height:2px;border-radius:2px;background:var(--accent);transition:transform .3s var(--ease)}
.drawer__plus::after{transform:rotate(90deg)}
.drawer__group[open] .drawer__plus::after{transform:rotate(0)}
.drawer__group[open]>summary{color:var(--blue)}
.drawer__sublink{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-inline-start:34px;border-bottom:1px solid #f2f5f8;font-weight:600;font-size:16px;color:#35495a;background:#fafcfd}
.drawer__sublink .ic{width:16px;height:16px;color:var(--accent)}

@media (max-width:1180px){.hdr__mi>a{font-size:15.5px}.hdr__menu{gap:14px}}
@media (max-width:1000px){
  .hdr__nav{display:none}
  .hdr .hdr__search{display:none}
}

/* ---------- top bar v2: same details as the live top bar ---------- */
.topbar{height:40px}
.topbar__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:100%}
.topbar__txt{grid-column:2;text-align:center}
.topbar__side{display:flex;align-items:center;gap:4px;font-weight:600;font-size:14px}
.topbar__side--start{grid-column:1;justify-self:start}
.topbar__side--end{grid-column:3;justify-self:end}
.topbar__link{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:40px;color:#fff!important;opacity:.92;transition:opacity .2s}
.topbar__link:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.topbar__side--end .topbar__link+.topbar__link{border-inline-start:1px solid rgba(255,255,255,.28);height:16px}
.topbar__link .ic{width:16px;height:16px}
.topbar__link .ic svg{stroke-width:2}
@media (max-width:1000px){.topbar__side{display:none}.topbar__in{grid-template-columns:1fr}.topbar__txt{grid-column:1}}

/* dropdown caret: physical borders so it always points DOWN (RTL flips inline-end) */
.hdr__caret{border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}

/* live-search results: never truncate a product name to "דג ל…" — wrap the name, price on its own line on phones */
.sdh .bee1-item__title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
@media (max-width:760px){
  .sdh .bee1-item{flex-wrap:wrap;row-gap:2px}
  .sdh .bee1-item__body{flex:1 1 calc(100% - 60px)}
  .sdh .bee1-item__price{flex:1 1 100%;padding-inline-start:56px;white-space:normal;font-size:15px!important}
}

/* ---------- live front page: cookie notice + admin bar offset ---------- */
.sdh-cookies{position:fixed;z-index:85;inset-inline:16px;bottom:16px;max-width:620px;margin-inline:auto;display:flex;align-items:center;gap:16px;padding:16px 18px;background:#0c2c44;color:#e6eef4;border-radius:14px;box-shadow:0 18px 50px rgba(8,30,48,.3);font-size:14px;line-height:1.6;opacity:0;transform:translateY(16px);transition:opacity .35s,transform .45s var(--ease)}
.sdh-cookies.is-in{opacity:1;transform:none}
.sdh-cookies[hidden]{display:none}
.sdh-cookies p{flex:1}
.sdh-cookies .btn{flex:none}
@media (max-width:760px){.sdh-cookies{flex-direction:column;align-items:stretch;text-align:center;bottom:76px}}
@media (min-width:783px){.admin-bar .hdr{top:32px}}
@media (max-width:782px) and (min-width:601px){.admin-bar .hdr{top:46px}}
/* one WhatsApp button only: the site's own chat button (printed by wp_footer on the live front page) wins */
body:has(.simple-chat-button--button) .wa-fab{display:none!important}