/* Hebemys Catalog Strip v1.5.0. Only .hebcat-strip and descendants are styled. */
.hebcat-strip, .hebcat-strip * { box-sizing: border-box; }
.hebcat-strip.hebcat-strip {
  --hebcat-h: 162px;
  --hebcat-pl: max(36px, calc((100vw - 1380px)/2));
  --hebcat-navy: #005486;
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 0 var(--hebcat-pl);
  color: #fff;
  background-color: var(--hebcat-bg, #0B5385);
  transition: background-color 2.4s cubic-bezier(.45,0,.25,1);
  overflow: hidden;
  isolation: isolate;
  font-family: inherit;
}
.hebcat-strip.hebcat-strip::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(140deg,rgba(255,255,255,.10),rgba(255,255,255,0) 42%), linear-gradient(120deg,rgba(0,0,0,.10),rgba(0,0,0,0) 55%);
  pointer-events:none;
  z-index:0;
}
.hebcat-strip__inner { position:relative; z-index:1; }
.hebcat-strip__inner {
  display:flex;
  flex-direction:row-reverse;
  width:100%;
  align-items:stretch;
  height:var(--hebcat-h);
  min-height:0;
}
.hebcat-strip__showcase {
  position:relative;
  flex:0 0 calc(600px + var(--hebcat-pl));
  width:calc(600px + var(--hebcat-pl));
  min-width:0;
  height:100%;
  overflow:hidden;
  background:transparent;
  color:#fff;
}
.hebcat-strip__slide {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  gap:12px;
  direction:ltr;
  padding:10px calc(var(--hebcat-pl) + 26px) 12px 26px;
  background:transparent;
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .7s ease, visibility 0s linear .7s, transform .7s ease;
  z-index:1;
}
.hebcat-strip__slide.is-active {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition:opacity .9s ease .6s, visibility 0s linear .6s, transform .9s ease .6s;
  z-index:3;
}
.hebcat-strip__product {
  min-width:0;
  flex:1 1 58%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
  direction:rtl;
  text-align:right;
  position:relative;
  z-index:3;
  padding-block:5px;
}
.hebcat-strip__product-title { font-size:clamp(15px,1.35vw,21px); font-weight:780; line-height:1.35; max-width:100%; }
.hebcat-strip__product-en { max-width:100%; font:600 11px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.05em; text-align:right; overflow-wrap:anywhere; opacity:.98; }
.hebcat-strip__meta { font-size:12px; line-height:1.45; font-weight:700; opacity:.96; }
.hebcat-strip__detail, .hebcat-strip__notes { font-size:11px; line-height:1.5; max-width:100%; font-weight:500; opacity:.95; }
.hebcat-strip__notes { opacity:.84; }
.hebcat-strip__product-link { font-size:11px; color:#fff!important; text-decoration:underline!important; text-underline-offset:3px; }
.hebcat-strip__art {
  flex:0 1 40%;
  width:36%;
  min-width:108px;
  max-width:230px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:3;
  overflow:visible;
}
.hebcat-strip__map-frame {
  width:72%;
  height:66%;
  max-width:170px;
  max-height:104px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  position:relative;
}
.hebcat-strip__map {
  display:block;
  width:100%;
  max-width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.09));
  border:0;
  transform:scale(var(--hebcat-map-scale,0.84));
  transform-origin:center center;
}
.hebcat-strip__pack {
  position:absolute;
  height:74%;
  width:31%;
  bottom:2px;
  left:3%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.14));
}
.hebcat-strip__intro {
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  padding:0 34px 0 28px;
  text-align:right;
  direction:rtl;
  background:transparent;
  position:relative;
}
.hebcat-strip__identity { flex:0 1 auto; min-width:0; max-width:100%; }
.hebcat-strip__heading { font-size:clamp(18px,1.75vw,28px); font-weight:800; line-height:1.35; color:#fff!important; text-shadow:0 1px 3px rgba(0,0,0,.18); margin:0 0 3px!important; padding:0!important; border:0; }
.hebcat-strip__subheading { font-size:13px; line-height:1.7; color:rgba(255,255,255,.88)!important; text-shadow:0 1px 2px rgba(0,0,0,.15); margin:0!important; padding:0!important; }
.hebcat-strip__cta, .hebcat-strip__cta:visited {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none!important;
  color:#fff!important;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  border-radius:6px;
  padding:11px 16px;
  min-height:42px;
  font-size:14px;
  font-weight:780;
  line-height:1.5;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.hebcat-strip__cta:hover { color:#fff!important; background:rgba(255,255,255,.30); transform:translateY(-2px); box-shadow:0 11px 26px rgba(0,0,0,.16); }
.hebcat-strip__cta:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.hebcat-strip__cta svg { display:block; flex-shrink:0; }
@media(max-width:1280px) {
  .hebcat-strip__showcase { flex-basis:calc(495px + var(--hebcat-pl)); width:calc(495px + var(--hebcat-pl)); }
  .hebcat-strip__slide { padding-right:calc(var(--hebcat-pl) + 22px); }
  .hebcat-strip__intro { padding-right:24px; padding-left:20px; }
}
@media(max-width:1080px) {
  .hebcat-strip__showcase { flex-basis:calc(418px + var(--hebcat-pl)); width:calc(418px + var(--hebcat-pl)); }
  .hebcat-strip__heading { font-size:20px; }
  .hebcat-strip__subheading { font-size:12px; }
  .hebcat-strip__cta { padding:10px 13px; gap:8px; font-size:12px; }
  .hebcat-strip__art { min-width:90px; }
  .hebcat-strip__detail,.hebcat-strip__notes { font-size:10px; }
}
@media(max-width:860px) {
  .hebcat-strip__showcase { flex-basis:58%; width:58%; }
  .hebcat-strip__slide { gap:8px; padding:8px 16px 9px 18px; }
  .hebcat-strip__intro { gap:6px; padding:0 14px 0 10px; }
  .hebcat-strip__product-title { font-size:15px; }
  .hebcat-strip__art { width:31%; min-width:76px; }
  .hebcat-strip__detail, .hebcat-strip__notes { display:none; }
  .hebcat-strip__heading { font-size:16px; margin:0!important; }
  .hebcat-strip__subheading { font-size:11px; }
  .hebcat-strip__cta { padding:7px 10px; min-height:31px; font-size:11px; }
  .hebcat-strip__cta svg { height:15px; width:15px; }
}
@media(max-width:640px) {
  .hebcat-strip.hebcat-strip { --hebcat-h:82px; }
  .hebcat-strip__showcase { flex-basis:62%; width:62%; }
  .hebcat-strip__slide { gap:3px; padding:5px 10px 6px 14px; }
  .hebcat-strip__product { gap:1px; padding:0; }
  .hebcat-strip__product-title { font-size:12px; line-height:1.28; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .hebcat-strip__product-en { font-size:8px; letter-spacing:0; line-height:1.15; }
  .hebcat-strip__meta { font-size:9px; line-height:1.2; }
  .hebcat-strip__art { flex:0 1 35%; min-width:58px; max-width:94px; }
  .hebcat-strip__map-frame { width:85%; height:74%; }
  .hebcat-strip__pack { height:63%; }
  .hebcat-strip__intro { padding:4px 10px 4px 4px; gap:3px; }
  .hebcat-strip__heading { font-size:12px; line-height:1.35; }
  .hebcat-strip__subheading { display:none; }
  .hebcat-strip__cta { font-size:10px; min-height:27px; padding:4px 7px; gap:5px; white-space:normal; line-height:1.25; max-width:100%; box-shadow:none; }
  .hebcat-strip__cta svg { height:13px; width:13px; }
}
@media(max-width:370px) {
 .hebcat-strip__showcase { flex-basis:63%; width:63%; }
 .hebcat-strip__art { min-width:50px; }
 .hebcat-strip__product-title { font-size:11px; }
 .hebcat-strip__product-en { font-size:7px; }
 .hebcat-strip__heading { font-size:11px; }
 .hebcat-strip__cta { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .hebcat-strip.hebcat-strip { transition-duration:.01s; }
  .hebcat-strip__slide, .hebcat-strip__cta { transition:none!important; }
}

/* ===== v1.3.0: uniform map size + CTA beside heading ===== */
.hebcat-strip.hebcat-strip { --hebcat-k: 1; }
.hebcat-strip__art { flex:0 0 auto; width:calc(204px * var(--hebcat-k)); min-width:0; max-width:none; }
.hebcat-strip__map-frame {
  width:calc(var(--hebcat-map-w, 150) * 1px * var(--hebcat-k));
  height:calc(var(--hebcat-map-h, 60) * 1px * var(--hebcat-k));
  max-width:none; max-height:none;
}
.hebcat-strip__map { width:100%; height:100%; transform:none; }
.hebcat-strip__intro { flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:12px 22px; }
@media(max-width:1280px) { .hebcat-strip.hebcat-strip { --hebcat-k:.86; } }
@media(max-width:1080px) { .hebcat-strip.hebcat-strip { --hebcat-k:.74; } .hebcat-strip__art { min-width:0; } }
@media(max-width:860px)  { .hebcat-strip.hebcat-strip { --hebcat-k:.6; } .hebcat-strip__art { width:calc(204px * var(--hebcat-k)); min-width:0; } }
@media(max-width:640px)  {
  .hebcat-strip.hebcat-strip { --hebcat-k:.42; }
  .hebcat-strip__art { flex:0 0 auto; width:calc(204px * var(--hebcat-k)); min-width:0; max-width:none; }
  .hebcat-strip__map-frame { width:calc(var(--hebcat-map-w, 150) * 1px * var(--hebcat-k)); height:calc(var(--hebcat-map-h, 60) * 1px * var(--hebcat-k)); }
  .hebcat-strip__intro { flex-direction:column; flex-wrap:nowrap; align-items:flex-end; justify-content:center; gap:3px; }
}
@media(max-width:370px)  { .hebcat-strip.hebcat-strip { --hebcat-k:.36; } .hebcat-strip__art { min-width:0; } }

/* ===== v1.3.1: centered composition (two equal halves, content centered in each) ===== */
.hebcat-strip.hebcat-strip { padding:0; }
.hebcat-strip__showcase { flex:1 1 50%; width:auto; min-width:0; }
.hebcat-strip__intro {
  flex:1 1 50%; width:auto;
  justify-content:center; align-items:center;
  text-align:right; padding:0 28px;
  gap:12px 26px;
}
.hebcat-strip__slide { justify-content:center; gap:30px; padding:10px 24px 12px; }
.hebcat-strip__product { flex:0 1 auto; max-width:56%; }
.hebcat-strip__art { flex:0 0 auto; }
@media(max-width:860px) {
  .hebcat-strip__showcase { flex:1 1 56%; }
  .hebcat-strip__intro { flex:1 1 44%; padding:0 14px; gap:8px 14px; }
  .hebcat-strip__slide { gap:16px; padding:8px 12px 9px; }
}
@media(max-width:640px) {
  .hebcat-strip__showcase { flex:0 0 62%; }
  .hebcat-strip__intro { flex:1 1 38%; padding:4px 10px; align-items:center; text-align:center; }
  .hebcat-strip__identity { text-align:center; }
  .hebcat-strip__slide { gap:8px; padding:5px 8px 6px; }
  .hebcat-strip__product { max-width:62%; }
}

/* ===== v1.4.0: three-zone layout — line info (left) | button (exact center) | heading (right) ===== */
.hebcat-strip__inner {
  display:grid;
  direction:ltr;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;
  flex-direction:initial;
}
.hebcat-strip__showcase { grid-column:1; grid-row:1; flex:none; width:auto; }
.hebcat-strip__intro { display:contents; }
.hebcat-strip__cta { grid-column:2; grid-row:1; justify-self:center; align-self:center; margin:0 28px; }
.hebcat-strip__identity { grid-column:3; grid-row:1; justify-self:center; align-self:center; text-align:center; direction:rtl; padding:0 20px; }
@media(max-width:860px) {
  .hebcat-strip__cta { margin:0 16px; }
  .hebcat-strip__identity { padding:0 10px; }
}
@media(max-width:640px) {
  .hebcat-strip__inner { grid-template-columns:62% minmax(0,1fr); grid-template-rows:1fr auto 1fr; }
  .hebcat-strip__showcase { grid-column:1; grid-row:1 / 4; }
  .hebcat-strip__identity { grid-column:2; grid-row:1; align-self:end; padding:0 6px 3px; }
  .hebcat-strip__cta { grid-column:2; grid-row:2; align-self:start; margin:0; }
}

/* ===== v1.5.0: button beside heading + lively motion ===== */
/* layout: line info | heading + button (both centered in their half) */
.hebcat-strip__inner { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.hebcat-strip__showcase { grid-column:1; grid-row:1; }
.hebcat-strip__intro {
  display:flex; grid-column:2; grid-row:1;
  flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:12px 26px; padding:0 24px; direction:rtl; position:relative; z-index:1;
}
.hebcat-strip__identity { grid-column:auto; grid-row:auto; justify-self:auto; align-self:auto; text-align:right; padding:0; }
.hebcat-strip__cta { grid-column:auto; grid-row:auto; justify-self:auto; align-self:auto; margin:0; position:relative; overflow:hidden; }

/* drifting light behind everything */
.hebcat-strip.hebcat-strip::after {
  content:""; position:absolute; inset:-30%; z-index:0; pointer-events:none;
  background:
    radial-gradient(circle at 18% 35%, rgba(255,255,255,.20), rgba(255,255,255,0) 34%),
    radial-gradient(circle at 78% 70%, rgba(255,255,255,.14), rgba(255,255,255,0) 38%),
    radial-gradient(circle at 55% 15%, rgba(0,0,0,.10), rgba(0,0,0,0) 40%);
  animation:hebcat-drift 16s ease-in-out infinite alternate;
}
@keyframes hebcat-drift { from { transform:translate3d(-3%,-2%,0) scale(1); } to { transform:translate3d(3%,2%,0) scale(1.08); } }

/* staggered text entrance */
.hebcat-strip__slide.is-active .hebcat-strip__product > * { animation:hebcat-rise .8s cubic-bezier(.2,.7,.2,1) both; }
.hebcat-strip__slide.is-active .hebcat-strip__product > :nth-child(1) { animation-delay:.70s; }
.hebcat-strip__slide.is-active .hebcat-strip__product > :nth-child(2) { animation-delay:.80s; }
.hebcat-strip__slide.is-active .hebcat-strip__product > :nth-child(3) { animation-delay:.90s; }
.hebcat-strip__slide.is-active .hebcat-strip__product > :nth-child(4) { animation-delay:1.00s; }
.hebcat-strip__slide.is-active .hebcat-strip__product > :nth-child(5) { animation-delay:1.10s; }
@keyframes hebcat-rise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }

/* map: pops in, then floats gently; follows the pointer a little */
.hebcat-strip__art { transform:translate(calc(var(--hebcat-mx,0) * -9px), calc(var(--hebcat-my,0) * -5px)); transition:transform .5s ease-out; }
.hebcat-strip__slide.is-active .hebcat-strip__map-frame { animation:hebcat-pop 1s cubic-bezier(.2,.8,.2,1) .65s both; }
.hebcat-strip__slide.is-active .hebcat-strip__map { animation:hebcat-float 6s ease-in-out 1.7s infinite; }
@keyframes hebcat-pop { from { opacity:0; transform:scale(.82) rotate(-3deg); } to { opacity:1; transform:none; } }
@keyframes hebcat-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }


/* button: shimmer + nudging icon */
.hebcat-strip__cta::after {
  content:""; position:absolute; top:0; bottom:0; width:42%; left:-60%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));
  transform:skewX(-18deg); animation:hebcat-shine 5.5s ease-in-out 2s infinite; pointer-events:none;
}
@keyframes hebcat-shine { 0% { left:-60%; } 28%,100% { left:130%; } }
.hebcat-strip__cta svg { transition:transform .25s ease; }
.hebcat-strip__cta:hover svg { transform:translateY(-2px) rotate(-8deg) scale(1.1); }

/* progress */
.hebcat-strip__progress {
  position:absolute; z-index:4; left:0; bottom:0; height:3px; width:100%;
  background:rgba(255,255,255,.55); transform:scaleX(0); transform-origin:left center; pointer-events:none;
}
.hebcat-strip__progress.is-running { animation:hebcat-progress 5s linear forwards; }
@keyframes hebcat-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.hebcat-strip.is-paused .hebcat-strip__progress { animation-play-state:paused; }

@media(max-width:860px) {
  .hebcat-strip__intro { gap:8px 14px; padding:0 12px; }
}
@media(max-width:640px) {
  .hebcat-strip__inner { grid-template-columns:62% minmax(0,1fr); grid-template-rows:none; }
  .hebcat-strip__showcase { grid-column:1; grid-row:1; }
  .hebcat-strip__intro { grid-column:2; grid-row:1; flex-direction:column; flex-wrap:nowrap; gap:3px; padding:4px 8px; text-align:center; }
  .hebcat-strip__identity { text-align:center; }
  .hebcat-strip__cta { align-self:center; }
}
@media(prefers-reduced-motion:reduce) {
  .hebcat-strip.hebcat-strip::after, .hebcat-strip__cta::after,
  .hebcat-strip__slide.is-active .hebcat-strip__product > *,
  .hebcat-strip__slide.is-active .hebcat-strip__map-frame,
  .hebcat-strip__slide.is-active .hebcat-strip__map,
  .hebcat-strip__progress.is-running { animation:none!important; }
  .hebcat-strip__art { transition:none; transform:none; }
}

/* v1.5.1: clean look — no number, no dots */
.hebcat-strip__num, .hebcat-strip__dots { display:none!important; }

/* ===== v1.6.0: vertical divider after heading, text-only button ===== */
.hebcat-strip .hebcat-strip__identity {
  border-left:1px solid rgba(255,255,255,.6);
  padding-left:26px;
}
.hebcat-strip .hebcat-strip__intro { gap:12px 26px; }
.hebcat-strip .hebcat-strip__cta,
.hebcat-strip .hebcat-strip__cta:visited {
  background:none!important; border:0!important; border-radius:0;
  box-shadow:none!important; -webkit-backdrop-filter:none; backdrop-filter:none;
  padding:0!important; min-height:0; gap:9px;
  font-size:15px; font-weight:800; color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.18);
  overflow:visible;
}
.hebcat-strip .hebcat-strip__cta::after { display:none; }
.hebcat-strip .hebcat-strip__cta-text {
  background:linear-gradient(currentColor,currentColor) no-repeat right bottom / 0 1.5px;
  padding-bottom:3px; transition:background-size .3s ease;
}
.hebcat-strip .hebcat-strip__cta:hover { background:none!important; transform:none; box-shadow:none!important; }
.hebcat-strip .hebcat-strip__cta:hover .hebcat-strip__cta-text { background-size:100% 1.5px; }
.hebcat-strip .hebcat-strip__cta svg { width:20px; height:20px; }
@media(max-width:860px) { .hebcat-strip .hebcat-strip__identity { padding-left:14px; } .hebcat-strip .hebcat-strip__cta { font-size:13px; } }
@media(max-width:640px) {
  .hebcat-strip .hebcat-strip__identity { border-left:0; padding-left:0; }
  .hebcat-strip .hebcat-strip__cta { font-size:11px; }
  .hebcat-strip .hebcat-strip__cta svg { width:14px; height:14px; }
}