/* ==========================================================================
   KIRUR NISIM THEME - css/nisim/dblocks.css                     (owner: home)
   Every dynamic block (view/dblocks/*.tpl). Loaded on every page after
   base.css and shell.css, un-bundled (rel="Stylesheet").

   Blocks: .nis-hero (home_header_slider) | .nis-cats (home_services) |
   .nis-logos (home_customers) | .nis-aboutsec (home_gallery) |
   .nis-prjs (home_projects) | .nis-why (home_categories) |
   .nis-hcontact (home_contact) | 8 = readable fallback of the unused blocks.
   Blocks are printed one after the other in CMS order without a wrapper, so
   each one carries its own ground and padding.

   From base.css: tokens, .nis-vh, .nis-kicker, .nis-sechead, .nis-title,
   .nis-sub, .nis-b, .nis-btn, .nis-iconbtn--float, .nis-rule--hero,
   .nis-diamond, .nis-snow (+ --mark), .nis-stat, .nis-checks--plain,
   .nis-link--line, .nis-rich, .nis-formpanel, the lead form look,
   .nis-contact, .nis-map, .nis-ltr, [data-nis-reveal].

   Keep it minifier-safe (platform spec, chapter 5): one declaration per line,
   single spaces, slash-star comments only, url() relative to this file.

   LEGACY-IMAGE BRIDGES (conventions A.4) are keyed on the current CMS file
   names; a newly uploaded picture has another name and simply shows:
     hero      /media/source/(hero desktop).jpg and (hero mobile)_1.jpg
     category  /media/small/(custom made).png        (photo, not a cut-out)
     logos     /media/small/(4 sheets 11 22 33 44).jpg (1552 x 373, 4 x 2 tiles)
     about     /media/small/(old blue composition).jpg
     why us    /media/small/(4 icon discs).png
   ========================================================================== */

.nis-dbk {
	position: relative;
}
/* a CMS title construct that is printed although its field is empty */
.nis-dbk .nis-title:empty {
	display: none;
}

/* stagger of the shared scroll reveal ([data-nis-reveal] + .is-in, base.css + shell.js) */
.nis-cats__cell:nth-child(3n + 2),
.nis-why__cell:nth-child(2),
.nis-aboutsec__text {
	--nis-reveal-delay: .08s;
}
.nis-cats__cell:nth-child(3n),
.nis-why__cell:nth-child(3),
.nis-aboutsec__stat {
	--nis-reveal-delay: .16s;
}
.nis-why__cell:nth-child(4),
.nis-aboutsec__checks {
	--nis-reveal-delay: .24s;
}


/* ==========================================================================
   1. HERO - home_header_slider
   ========================================================================== */
.nis-hero {
	height: min(620px, 38vw);
	min-height: 520px;
	overflow: hidden;
	background: var(--nis-grad-band);
}
.nis-hero__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
.nis-hero__media--mob {
	visibility: hidden;
}
.nis-hero__slide {
	position: absolute;
	inset: 0;
	transition: opacity 1s ease;
}
.nis-hero__slide + .nis-hero__slide {
	opacity: 0;
}
.nis-hero__media.is-faded .nis-hero__slide {
	opacity: 0;
}
.nis-hero__media.is-faded .nis-hero__slide.is-active {
	opacity: 1;
}
.nis-hero__slide a {
	display: block;
	height: 100%;
}
.nis-hero__slide img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: 20% 50%;
}
/* bridge: the design photo is the wrapper background, the two current CMS files stay in the page, transparent */
.nis-hero__media--desk img[src$="/media/source/מקררים-ומקפיאים-תעשייתיים.jpg"],
.nis-hero__media--mob img[src$="/media/source/מקררים-ומקפיאים-תעשייתיים_1.jpg"] {
	opacity: 0;
}
@media (min-width: 900px) {
	.nis-hero__media--desk {
		background-image: url(../../images/nisim/hero.webp);
		background-position: 12% 50%;
		background-size: 120% auto;
	}
}
@media (min-width: 900px) and (max-width: 1249.98px) {
	.nis-hero__media--desk {
		background-position: 20% 50%;
		background-size: cover;
	}
}
@media (min-width: 600px) and (max-width: 899.98px) {
	.nis-hero__media--desk {
		background-image: url(../../images/nisim/hero-1280.webp);
		background-position: 16% 50%;
		background-size: cover;
	}
}
@media (max-width: 599.98px) {
	.nis-hero__media--mob {
		background-image: url(../../images/nisim/hero-1280.webp);
		background-position: 13% 50%;
		background-size: cover;
	}
}
/* a CMS picture (the design photo) is placed like the design background: 120% wide, 12% / 50%, never shorter than the band */
@media (min-width: 1250px) {
	.nis-hero__media--desk .nis-hero__slide img {
		position: absolute;
		top: 50%;
		left: -2.4%;
		width: 120%;
		height: auto;
		min-height: 100%;
		object-position: 12% 50%;
		transform: translateY(-50%);
	}
}
@media (min-width: 600px) and (max-width: 899.98px) {
	.nis-hero__media--desk .nis-hero__slide img {
		object-position: 16% 50%;
	}
}
@supports selector(:has(*)) {
	/* the owner replaced the picture: do not download the artwork under it */
	.nis-hero__media--desk:has(img:not([src$="/media/source/מקררים-ומקפיאים-תעשייתיים.jpg"])),
	.nis-hero__media--mob:has(img:not([src$="/media/source/מקררים-ומקפיאים-תעשייתיים_1.jpg"])) {
		background-image: none;
	}
}
.nis-hero__wash {
	position: absolute;
	inset: 0;
	background: linear-gradient(270deg, rgba(247, 244, 238, .88) 0%, rgba(247, 244, 238, .74) 34%, rgba(247, 244, 238, .38) 56%, rgba(247, 244, 238, .05) 78%, rgba(247, 244, 238, 0) 100%);
	pointer-events: none;
}
.nis-hero__in {
	position: absolute;
	inset: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: clamp(20px, 3vw, 50px);
	padding: 0 var(--nis-gutter);
	pointer-events: none;
}
.nis-hero__text {
	position: relative;
	z-index: 2;
	min-width: 0;
	text-align: start;
	pointer-events: auto;
}
.nis-hero__kicker {
	font-size: clamp(13px, 1.15vw, 16px);
}
.nis-hero__title {
	margin-top: 26px;
}
.nis-hero__title h1 {
	margin: 0;
	color: var(--nis-navy);
	font-size: var(--nis-fs-hero);
	font-weight: 300;
	line-height: 1.16;
	letter-spacing: var(--nis-ls-title);
	text-wrap: pretty;
}
/* the design's lead sentence lives in the CMS field after the h1 (a p); .nis-hero__lead = the same look for a template copy */
.nis-hero__title p,
.nis-hero__lead {
	max-width: 78%;
	margin: 30px 0 0;
	color: var(--nis-text-strong);
	font-size: clamp(15px, 1.25vw, 20px);
	font-weight: 500;
	line-height: 1.85;
	text-wrap: pretty;
}
.nis-hero__title p + p {
	margin-top: 10px;
}
.nis-hero__title p:empty {
	display: none;
}
.nis-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 42px;
}
.nis-hero__down {
	position: absolute;
	inset-inline: 0;
	bottom: 18px;
	z-index: 3;
	color: var(--nis-navy);
	font-size: 26px;
	text-align: center;
	pointer-events: none;
	animation: nis-hero-bob 2.4s ease-in-out infinite;
}
@keyframes nis-hero-bob {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(8px);
	}
}
/* desktop: the CMS picture (its "source" file) is shown whole - the band takes the picture's own proportions instead of
   a fixed height with the picture zoomed to fill it; the texts stay laid over it */
@media (min-width: 900px) {
	.nis-hero {
		position: relative;
		height: auto;
		min-height: 0;
	}
	.nis-hero__media--desk {
		position: relative;
		inset: auto;
	}
	.nis-hero__media--desk .nis-hero__slide:first-child {
		position: relative;
	}
	.nis-hero__media--desk .nis-hero__slide a {
		height: auto;
	}
	/* never lower than the texts (460px): below about 1330px wide the picture is trimmed at its sides, the fridge
	   (left) kept */
	.nis-hero__media--desk .nis-hero__slide img {
		position: static;
		width: 100%;
		height: auto;
		min-height: 460px;
		object-fit: cover;
		object-position: 0 50%;
		transform: none;
	}
}
@media (max-width: 1099.98px) {
	.nis-hero__title p,
	.nis-hero__lead {
		max-width: 92%;
	}
}
@media (max-width: 899.98px) {
	/* stacked: the photo band, then the text on the band ground (the photo stays crisp, the text stays readable) */
	.nis-hero {
		display: flex;
		flex-direction: column;
		height: auto;
		min-height: 0;
	}
	/* the whole picture, never cropped or zoomed: the band takes the picture's own height */
	.nis-hero__media {
		position: relative;
		inset: auto;
		flex: 0 0 auto;
		height: auto;
		background-position: center;
		background-size: contain;
	}
	.nis-hero__slide:first-child {
		position: relative;
	}
	.nis-hero__slide img,
	.nis-hero__media--desk .nis-hero__slide img {
		height: auto;
		object-fit: contain;
	}
	.nis-hero__media--mob {
		position: absolute;
		top: 0;
		inset-inline: 0;
	}
	.nis-hero__wash {
		display: none;
	}
	.nis-hero__in {
		position: relative;
		inset: auto;
		display: block;
		padding: 40px var(--nis-gutter) 52px;
	}
	.nis-hero__title p,
	.nis-hero__lead {
		max-width: 620px;
		margin-top: 22px;
		font-size: 16px;
	}
	.nis-hero__actions {
		margin-top: 30px;
	}
	.nis-hero__down {
		display: none;
	}
}
@media (max-width: 599.98px) {
	.nis-hero__media--desk {
		position: absolute;
		top: 0;
		inset-inline: 0;
		visibility: hidden;
	}
	/* the CMS phone picture is a 640 x 700 portrait of the fridge: a deeper band keeps the whole cabinet in view */
	.nis-hero__media--mob {
		position: relative;
		order: -1;
		visibility: visible;
	}
	.nis-hero__media--mob .nis-hero__slide img {
		object-position: 50% 40%;
	}
	.nis-hero__in {
		padding: 30px 24px 44px;
	}
	.nis-hero .nis-rule--hero {
		margin-top: 16px;
	}
	.nis-hero__title {
		margin-top: 18px;
	}
	.nis-hero__title p,
	.nis-hero__lead {
		margin-top: 16px;
		line-height: 1.75;
	}
	.nis-hero__actions {
		margin-top: 26px;
	}
	.nis-hero__actions .nis-btn {
		width: 100%;
	}
}

/* ==========================================================================
   2. CATEGORIES - home_services
   ========================================================================== */
.nis-cats {
	padding: clamp(60px, 7vw, 110px) var(--nis-gutter-narrow) clamp(70px, 8vw, 120px);
	background: var(--nis-cream);
}
.nis-cats__head {
	--nis-b-weight: 700;
	margin-bottom: 56px;
}
.nis-cats__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--nis-gap-cards);
}
.nis-cats__cell {
	min-width: 0;
}
/* a card left alone in the last row (10 cards in 3 columns) is centred; the last li is the catalog button */
.nis-cats__cell:nth-child(3n + 1):nth-last-child(2) {
	grid-column: 2;
}
.nis-catcard {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
	align-items: center;
	min-height: 340px;
	overflow: visible;
	border-radius: var(--nis-r-card);
	background: #EDEDEF91;
}

.nis-catcard__link {
	position: absolute;
	inset: 0;
	z-index: 3;
}
.nis-catcard__link:focus-visible {
	outline-offset: -4px;
}
.nis-catcard__media {
	position: relative;
	align-self: stretch;
	min-width: 0;
	height: 100%;
	min-height: 340px;
}
.nis-catcard__shadow {
	position: absolute;
	right: 5%;
	bottom: 22px;
	left: 5%;
	height: 40px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(20, 32, 50, .62) 0%, rgba(20, 32, 50, .34) 40%, rgba(20, 32, 50, 0) 70%);
	filter: blur(9px);
	opacity: 0;
	transform: scaleX(.75);
	transition: opacity .45s ease, transform .45s var(--nis-ease), filter .45s ease;
}
/* the light card itself is the ground of the product photos ("multiply" removes their white); the hover zoom stays
   inside the card */
.nis-catcard__img {
	position: absolute;
	inset: 14px;
	overflow: hidden;
	border-radius: var(--nis-r-card-sm);
}
.nis-catcard__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	filter: brightness(1.04) saturate(1.02);
	transition: transform .45s var(--nis-ease);
}
/* bridge: the current picture of this category is a dark photo, not a product on white: a rounded photo inside the card */
.nis-catcard__img img[src$="/media/small/מקררים_בהתאמה_אישית.png"] {
	object-fit: cover;
	mix-blend-mode: normal;
	filter: none;
	clip-path: inset(48px 30px 36px round 16px);
}
.nis-catcard__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 24px;
	min-width: 0;
	padding: 26px 6px;
	padding-inline-start: clamp(14px, 1.5vw, 26px);
	text-align: center;
}
.nis-catcard__title {
	margin: 0;
	color: var(--nis-navy);
	font-size: clamp(19px, 1.6vw, 26px);
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0;
	text-wrap: balance;
}
.nis-cats__more {
	grid-column: 1 / -1;
	justify-self: center;
	margin-top: calc(48px - var(--nis-gap-cards));
}
.nis-cats__actions {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
/* no z-index on the hovered card: it would make the card a stacking context, and the picture's "multiply" (which
   removes the white of the product photos) would then blend with nothing outside the card - a white box over the gap.
   The lifted picture is above the previous row anyway (later in the DOM). */
@media (hover: hover) {
	.nis-catcard:hover .nis-catcard__img img {
		transform: scale(1.05);
	}
	.nis-catcard:hover .nis-catcard__shadow {
		filter: blur(11px);
		opacity: 1;
		transform: scaleX(1);
	}
}
/* CMS switch "slider" (ServicesSlider = 1): one swipeable scroll-snap row instead of the grid */
.nis-cats__grid--scroll {
	display: flex;
	padding-block: 30px 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.nis-cats__grid--scroll::-webkit-scrollbar {
	display: none;
}
.nis-cats__grid--scroll > .nis-cats__cell {
	flex: 0 0 min(86%, 430px);
	scroll-snap-align: start;
}
.nis-cats__grid--scroll > .nis-cats__more {
	flex: 0 0 auto;
	align-self: center;
	margin-top: 0;
}
@media (max-width: 1249.98px) {
	.nis-cats__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.nis-cats__cell:nth-child(3n + 1):nth-last-child(2) {
		grid-column: auto;
	}
}
@media (max-width: 899.98px) {
	/* vertical card: picture on top, title below */
	.nis-cats__grid {
		gap: 30px 16px;
	}
	.nis-catcard {
		grid-template-columns: minmax(0, 1fr);
		align-content: start;
		height: 100%;
		min-height: 0;
		padding-bottom: 24px;
	}
	.nis-catcard__media {
		height: clamp(170px, 32vw, 250px);
		min-height: 0;
	}
	.nis-catcard__img {
		inset: 10px;
	}
	.nis-catcard__shadow {
		display: none;
	}
	.nis-catcard__img img[src$="/media/small/מקררים_בהתאמה_אישית.png"] {
		clip-path: inset(26px 8px 8px round 14px);
	}
	.nis-catcard__body {
		gap: 14px;
		padding: 16px 12px 0;
	}
	.nis-catcard__title {
		font-size: 19px;
	}
}
@media (max-width: 599.98px) {
	.nis-cats {
		padding: 56px 16px 64px;
	}
	.nis-cats__head {
		margin-bottom: 40px;
	}
	.nis-cats__grid {
		gap: 26px 12px;
	}
	.nis-catcard {
		padding-bottom: 18px;
	}
	.nis-catcard__media {
		height: 150px;
	}
	.nis-catcard__img {
		inset: 8px;
	}
	.nis-catcard__img img[src$="/media/small/מקררים_בהתאמה_אישית.png"] {
		clip-path: inset(22px 4px 6px round 12px);
	}
	.nis-catcard__body {
		padding: 12px 10px 0;
	}
	.nis-catcard__title {
		font-size: 16px;
		font-weight: 500;
		line-height: 1.4;
	}
	.nis-cats__more {
		justify-self: stretch;
		margin-top: 8px;
	}
	.nis-cats__more .nis-btn {
		width: 100%;
		min-height: 54px;
	}
}


/* ==========================================================================
   3. CLIENT LOGOS - home_customers
   Design: single logos in a hairline grid (158px cells) on the mist ground.
   The CMS loop holds the single logos and the 4 legacy sheets of 8 logos
   each (1552 x 373, keyword alts). Next to single logos (more than 4
   pictures in the loop) a sheet stays in the page for crawlers and AT only
   (visually hidden). A loop of up to 4 pictures = the sheets alone
   (production before the CMS update): the sheet wall of the legacy bridge.
   The template prints the loop size (--nN) and each picture URL
   (data-nis-pic); the sheets are keyed on their 4 file names.
   ========================================================================== */
.nis-logos {
	padding: clamp(40px, 4vw, 64px) 0 clamp(44px, 5vw, 72px);
	overflow: hidden;
	background: var(--nis-mist);
}
.nis-logos__head {
	--nis-b-weight: 700;
	margin-bottom: clamp(24px, 2.6vw, 36px);
	padding: 0 clamp(20px, 3vw, 44px);
}
.nis-logos__head > .nis-title {
	margin-bottom: 12px;
	font-size: clamp(30px, 3.2vw, 44px);
	line-height: 1.2;
}
.nis-logos__head > .nis-sub {
	font-size: 17px;
}
.nis-logos__wall {
	position: relative;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	margin: 0 clamp(20px, 3vw, 44px);
	border-top: 1px solid rgba(26, 48, 82, .11);
	border-inline-end: 1px solid rgba(26, 48, 82, .11);
	/* own ground: the multiply blend of the logos needs an opaque layer right behind them */
	background: var(--nis-mist);
}
/* design: the bordered cell is the element that is multiplied onto the mist and grows on hover (borders included);
   z-index 1 keeps the grown cell over its neighbours until it has shrunk back */
.nis-logos__item {
	position: relative;
	z-index: 0;
	min-width: 0;
	height: 158px;
	padding: 30px clamp(18px, 2vw, 34px);
	border-bottom: 1px solid rgba(26, 48, 82, .11);
	border-inline-start: 1px solid rgba(26, 48, 82, .11);
	mix-blend-mode: multiply;
	transition: transform .45s cubic-bezier(.2, .8, .2, 1), z-index 0s .45s;
}
.nis-logos__item a {
	display: block;
	height: 100%;
}
.nis-logos__item img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: contain;
	filter: brightness(1.1);
}
.nis-logos__cells {
	display: none;
}
@media (hover: hover) {
	.nis-logos__item:hover {
		z-index: 1;
		transform: scale(1.07);
		transition: transform .45s cubic-bezier(.2, .8, .2, 1), z-index 0s;
	}
}
/* a legacy sheet next to single logos: in the page, not on screen (= .nis-vh) */
.nis-logos__wall:not(.nis-logos__wall--n1):not(.nis-logos__wall--n2):not(.nis-logos__wall--n3):not(.nis-logos__wall--n4) > .nis-logos__item[data-nis-pic$="/media/small/מקפיא-תעשייתי-לקוחות-קירור-ניסים11.jpg"],
.nis-logos__wall:not(.nis-logos__wall--n1):not(.nis-logos__wall--n2):not(.nis-logos__wall--n3):not(.nis-logos__wall--n4) > .nis-logos__item[data-nis-pic$="/media/small/מקרר-תעשייתי-לקוחות-קירור-ניסים22.jpg"],
.nis-logos__wall:not(.nis-logos__wall--n1):not(.nis-logos__wall--n2):not(.nis-logos__wall--n3):not(.nis-logos__wall--n4) > .nis-logos__item[data-nis-pic$="/media/small/מקפיאים-תעשייתיים-ללקוחות-שלנו33.jpg"],
.nis-logos__wall:not(.nis-logos__wall--n1):not(.nis-logos__wall--n2):not(.nis-logos__wall--n3):not(.nis-logos__wall--n4) > .nis-logos__item[data-nis-pic$="/media/small/מקררים-תעשייתיים-ללקוחות-שלנו44.jpg"] {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}
/* sheet wall (bridge): 2 x 2 sheets; each sheet (tiles 353 x 153, gutters 28 / 19) is cropped to half a gutter around its
   tiles (1526 x 344), which leaves 4 x 2 equal cells, and the hairlines are drawn over the gutters */
.nis-logos__wall.nis-logos__wall--n1,
.nis-logos__wall.nis-logos__wall--n2,
.nis-logos__wall.nis-logos__wall--n3,
.nis-logos__wall.nis-logos__wall--n4 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-color: var(--nis-line-2);
}
.nis-logos__wall.nis-logos__wall--n1 > .nis-logos__item,
.nis-logos__wall.nis-logos__wall--n2 > .nis-logos__item,
.nis-logos__wall.nis-logos__wall--n3 > .nis-logos__item,
.nis-logos__wall.nis-logos__wall--n4 > .nis-logos__item {
	height: auto;
	padding: 0;
	overflow: hidden;
	border-color: var(--nis-line-2);
	transform: none;
}
.nis-logos__wall.nis-logos__wall--n1 > .nis-logos__item img,
.nis-logos__wall.nis-logos__wall--n2 > .nis-logos__item img,
.nis-logos__wall.nis-logos__wall--n3 > .nis-logos__item img,
.nis-logos__wall.nis-logos__wall--n4 > .nis-logos__item img {
	height: auto;
	object-fit: fill;
}
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקפיא-תעשייתי-לקוחות-קירור-ניסים11.jpg"] > img,
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקרר-תעשייתי-לקוחות-קירור-ניסים22.jpg"] > img,
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקפיאים-תעשייתיים-ללקוחות-שלנו33.jpg"] > img,
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקררים-תעשייתיים-ללקוחות-שלנו44.jpg"] > img {
	position: absolute;
	top: -4.797%;
	left: -.983%;
	width: 101.704%;
	height: auto;
	object-fit: fill;
}
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקפיא-תעשייתי-לקוחות-קירור-ניסים11.jpg"] > img + .nis-logos__cells,
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקרר-תעשייתי-לקוחות-קירור-ניסים22.jpg"] > img + .nis-logos__cells,
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקפיאים-תעשייתיים-ללקוחות-שלנו33.jpg"] > img + .nis-logos__cells,
.nis-logos__wall > .nis-logos__item[data-nis-pic$="/media/small/מקררים-תעשייתיים-ללקוחות-שלנו44.jpg"] > img + .nis-logos__cells {
	display: block;
	padding-top: 22.543%;
}
.nis-logos__cells::before,
.nis-logos__cells::after {
	content: "";
}
.nis-logos__cells::before,
.nis-logos__cells::after,
.nis-logos__cells > i {
	position: absolute;
	border: 0 solid var(--nis-line-2);
}
.nis-logos__cells::before {
	top: 0;
	right: 25%;
	bottom: 0;
	left: 25%;
	border-right-width: 1px;
	border-left-width: 1px;
}
.nis-logos__cells::after {
	top: 0;
	bottom: 0;
	left: 50%;
	border-left-width: 1px;
}
.nis-logos__cells > i {
	top: 50%;
	right: 0;
	left: 0;
	border-top-width: 1px;
}
@media (max-width: 1249.98px) {
	/* sheet wall: one sheet per row */
	.nis-logos__wall.nis-logos__wall--n1,
	.nis-logos__wall.nis-logos__wall--n2,
	.nis-logos__wall.nis-logos__wall--n3,
	.nis-logos__wall.nis-logos__wall--n4 {
		grid-template-columns: minmax(0, 1fr);
		width: min(960px, 100% - 2 * clamp(20px, 3vw, 44px));
		margin-inline: auto;
	}
}
@media (max-width: 899.98px) {
	.nis-logos__wall {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	}
	.nis-logos__item {
		height: 128px;
		padding: 24px 20px;
	}
}
@media (max-width: 599.98px) {
	.nis-logos__head {
		padding: 0 20px;
	}
	.nis-logos__wall {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		margin-inline: 16px;
	}
	.nis-logos__item {
		height: 96px;
		padding: 18px 12px;
	}
	/* sheet wall on phones: a two-row wall that is swiped sideways (a full-width sheet would be 80px high) */
	.nis-logos__wall.nis-logos__wall--n1,
	.nis-logos__wall.nis-logos__wall--n2,
	.nis-logos__wall.nis-logos__wall--n3,
	.nis-logos__wall.nis-logos__wall--n4 {
		grid-template-rows: auto auto;
		grid-template-columns: none;
		grid-auto-columns: min(168vw, 700px);
		grid-auto-flow: column;
		width: auto;
		margin-inline: 0;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		border-inline-end: 0;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}
	.nis-logos__wall.nis-logos__wall--n1::-webkit-scrollbar,
	.nis-logos__wall.nis-logos__wall--n2::-webkit-scrollbar,
	.nis-logos__wall.nis-logos__wall--n3::-webkit-scrollbar,
	.nis-logos__wall.nis-logos__wall--n4::-webkit-scrollbar {
		display: none;
	}
	.nis-logos__wall.nis-logos__wall--n1 > .nis-logos__item,
	.nis-logos__wall.nis-logos__wall--n2 > .nis-logos__item,
	.nis-logos__wall.nis-logos__wall--n3 > .nis-logos__item,
	.nis-logos__wall.nis-logos__wall--n4 > .nis-logos__item {
		height: auto;
		padding: 0;
		scroll-snap-align: start;
	}
	.nis-logos__wall.nis-logos__wall--n1 > .nis-logos__item:nth-last-child(-n + 2),
	.nis-logos__wall.nis-logos__wall--n2 > .nis-logos__item:nth-last-child(-n + 2),
	.nis-logos__wall.nis-logos__wall--n3 > .nis-logos__item:nth-last-child(-n + 2),
	.nis-logos__wall.nis-logos__wall--n4 > .nis-logos__item:nth-last-child(-n + 2) {
		border-inline-end: 1px solid var(--nis-line-2);
	}
}


/* ==========================================================================
   4. ABOUT - home_gallery
   __main = the design band (kicker, title, two paragraphs, stat, diamond,
   checks, text link of the CMS button, 360 group). The block's own CMS title
   and text (h3 + wysiwyg with an h4 and a link) follow under the copy
   column in the secondary .nis-seo style (owner decision R3: visible).
   ========================================================================== */
.nis-aboutsec {
	background: var(--nis-white);
}
.nis-aboutsec__main {
	position: relative;
	overflow: hidden;
}
.nis-aboutsec__bg,
.nis-aboutsec__wash,
.nis-aboutsec__fade {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.nis-aboutsec__bg {
	background: url(../../images/nisim/mountains.webp) center 58% / cover no-repeat;
	opacity: .28;
	-webkit-mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .5) 9%, #000 20%, #000 88%, transparent 100%);
	mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .5) 9%, #000 20%, #000 88%, transparent 100%);
}
.nis-aboutsec__wash {
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, .94) 32%, rgba(255, 255, 255, .72) 55%, rgba(255, 255, 255, .34) 78%, rgba(255, 255, 255, 0) 100%);
}
/* the soft grey top edge exists only when the block follows the logos block (any other CMS order: plain white top) */
.nis-aboutsec__fade {
	display: none;
	bottom: auto;
	height: 150px;
	background: linear-gradient(180deg, #EDEFF3 0%, rgba(237, 239, 243, .6) 40%, rgba(255, 255, 255, 0) 100%);
}
.nis-logos + .nis-aboutsec .nis-aboutsec__fade {
	display: block;
}
.nis-aboutsec__grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	align-items: stretch;
	min-height: min(880px, 64vw);
}
.nis-aboutsec__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding-block: clamp(52px, 6vw, 96px);
	padding-inline: clamp(24px, 5vw, 110px) clamp(20px, 3vw, 56px);
}
.nis-aboutsec__head {
	position: relative;
}
.nis-aboutsec__mark {
	position: absolute;
	top: -46px;
	inset-inline-start: -14px;
	z-index: 0;
	color: rgba(26, 48, 82, .045);
	font-size: clamp(120px, 14vw, 210px);
	font-weight: 700;
	line-height: .8;
	letter-spacing: -.02em;
	pointer-events: none;
	user-select: none;
}
.nis-aboutsec__head .nis-kicker,
.nis-aboutsec__head .nis-title {
	position: relative;
	z-index: 1;
}
.nis-aboutsec__head .nis-title {
	--nis-b-weight: 700;
	margin: 26px 0 0;
}
/* like the design title: the bold part is a line of its own */
.nis-aboutsec__head .nis-title .nis-b {
	display: block;
}
.nis-aboutsec__text {
	max-width: 560px;
	margin-top: 34px;
	color: var(--nis-text);
	font-size: 17.5px;
	font-weight: 300;
	line-height: 1.9;
}
.nis-aboutsec__text p {
	margin: 0;
}
.nis-aboutsec__text p + p {
	margin-top: 14px;
}
.nis-aboutsec__stat {
	margin-top: 40px;
}
.nis-aboutsec__more {
	margin-top: 30px;
}
.nis-aboutsec__stage {
	position: relative;
	min-width: 0;
	min-height: 420px;
}
/* the animated product (images/nisim/animation-clear.gif = animation.gif with its white ground made transparent),
   centred in the stage */
.nis-aboutsec__anim {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: auto;
	max-width: none;
	height: min(100%, 860px);
	transform: translate(-50%, -50%);
	pointer-events: none;
}
/* 360 group */
.nis-spin {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.nis-spin i {
	display: block;
}
.nis-spin__glow,
.nis-spin__ring,
.nis-spin__arc,
.nis-spin__dots {
	position: absolute;
	top: 50%;
	left: 50%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.nis-spin__glow {
	width: min(74%, 620px);
	background: radial-gradient(circle at 50% 45%, rgba(214, 230, 247, .95) 0%, rgba(226, 238, 250, .6) 42%, rgba(237, 243, 250, .22) 66%, rgba(255, 255, 255, 0) 78%);
	filter: blur(6px);
	animation: nis-glow-pulse 7s ease-in-out infinite;
}
.nis-spin__ring {
	width: min(66%, 560px);
	border: 1px solid rgba(26, 48, 82, .09);
}
.nis-spin__arc {
	width: min(58%, 500px);
	margin: calc(min(58%, 500px) / -2) 0 0 calc(min(58%, 500px) / -2);
	border: 1px solid transparent;
	border-top-color: rgba(26, 48, 82, .45);
	border-right-color: rgba(26, 48, 82, .14);
	transform: none;
	animation: nis-arc-spin 18s linear infinite;
}
.nis-spin__dots {
	width: min(80%, 660px);
	border-radius: 0;
	background-image: radial-gradient(rgba(26, 48, 82, .13) 1px, transparent 1px);
	background-size: 26px 26px;
	opacity: .5;
	-webkit-mask-image: radial-gradient(circle, #000 22%, transparent 68%);
	mask-image: radial-gradient(circle, #000 22%, transparent 68%);
}
.nis-spin__frames {
	position: absolute;
	inset: 0;
	width: 86%;
	height: 86%;
	margin: auto;
	translate: 3% 0;
}
.nis-spin__floor {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 86%;
	aspect-ratio: 1 / 1;
	transform: translate(-50%, -50%);
	translate: 3% 0;
}
.nis-spin__floor::before {
	content: "";
	position: absolute;
	bottom: 4%;
	left: 50%;
	width: min(48%, 360px);
	height: 26px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(26, 48, 82, .2) 0%, rgba(26, 48, 82, .09) 45%, rgba(26, 48, 82, 0) 74%);
	filter: blur(5px);
	transform: translateX(-50%);
}
.nis-spin__f {
	position: absolute;
	inset: 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	filter: brightness(1.06);
	opacity: 0;
	animation: nis-spin360 5.6s steps(1, end) infinite;
}
.nis-spin__f--1,
.nis-spin__f--8 {
	background-image: url(../../images/nisim/spin-f1.webp);
}
.nis-spin__f--2,
.nis-spin__f--7 {
	background-image: url(../../images/nisim/spin-f2.webp);
}
.nis-spin__f--3,
.nis-spin__f--6 {
	background-image: url(../../images/nisim/spin-f4.webp);
}
.nis-spin__f--4,
.nis-spin__f--5 {
	background-image: url(../../images/nisim/spin-f3.webp);
}
.nis-spin__f--3,
.nis-spin__f--5,
.nis-spin__f--7,
.nis-spin__f--8 {
	transform: scaleX(-1);
}
.nis-spin__f--2 {
	animation-delay: .7s;
}
.nis-spin__f--3 {
	animation-delay: 1.4s;
}
.nis-spin__f--4 {
	animation-delay: 2.1s;
}
.nis-spin__f--5 {
	animation-delay: 2.8s;
}
.nis-spin__f--6 {
	animation-delay: 3.5s;
}
.nis-spin__f--7 {
	animation-delay: 4.2s;
}
.nis-spin__f--8 {
	animation-delay: 4.9s;
}
.nis-spin.is-paused i {
	animation-play-state: paused;
}
@keyframes nis-spin360 {
	0%, 12.5% {
		opacity: 1;
	}
	12.51%, 100% {
		opacity: 0;
	}
}
@keyframes nis-glow-pulse {
	0%, 100% {
		opacity: .55;
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		opacity: .8;
		transform: translate(-50%, -50%) scale(1.04);
	}
}
@keyframes nis-arc-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
/* secondary text style of a block's existing CMS title + text (R3): hairline above, 21px / 500 title, 15.5px / 1.85 text */
.nis-dbk .nis-seo {
	max-width: 62ch;
	padding-top: 26px;
	border-top: 1px solid var(--nis-line-3);
	color: var(--nis-text-muted);
	font-size: 15.5px;
	font-weight: 300;
	line-height: 1.85;
}
.nis-dbk .nis-seo__title {
	margin: 0 0 10px;
	color: var(--nis-navy);
	font-size: 21px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0;
	text-wrap: balance;
}
.nis-dbk .nis-seo__title:empty {
	display: none;
}
.nis-dbk .nis-seo__text {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
.nis-dbk .nis-seo__text p {
	margin: 0 0 12px;
}
.nis-dbk .nis-seo__text strong,
.nis-dbk .nis-seo__text b {
	color: var(--nis-text);
	font-weight: 500;
}
.nis-dbk .nis-seo__text h1,
.nis-dbk .nis-seo__text h2,
.nis-dbk .nis-seo__text h3,
.nis-dbk .nis-seo__text h4,
.nis-dbk .nis-seo__text h5,
.nis-dbk .nis-seo__text h6 {
	margin: 20px 0 4px;
	color: var(--nis-navy);
	font-size: 16.5px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
}
/* the block's CMS title + text in a full-width card (like the band above), the CMS picture takes about two thirds */
.nis-aboutsec__seo {
	padding: 0 var(--nis-gutter-narrow) clamp(56px, 6vw, 96px);
}
.nis-aboutsec__card {
	position: relative;
	display: grid;
	grid-template-areas: "text pics";
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	gap: clamp(28px, 3vw, 56px);
	align-items: center;
	padding: 0 clamp(24px, 3vw, 48px);
}
.nis-dbk .nis-aboutsec__seotext {
	grid-area: text;
	max-width: none;
	padding-top: 0;
	border-top: 0;
	color: var(--nis-text);
	font-size: 17.5px;
	font-weight: 300;
	line-height: 1.9;
}
/* the same type as the band above: its title (.nis-title--xl) and its 17.5px / 1.9 text */
.nis-dbk .nis-aboutsec__seotext .nis-seo__title {
	margin-bottom: 26px;
	font-size: var(--nis-fs-title-xl);
	font-weight: 300;
	line-height: 1.16;
	letter-spacing: var(--nis-ls-title);
}
.nis-dbk .nis-aboutsec__seotext .nis-seo__text h1,
.nis-dbk .nis-aboutsec__seotext .nis-seo__text h2,
.nis-dbk .nis-aboutsec__seotext .nis-seo__text h3,
.nis-dbk .nis-aboutsec__seotext .nis-seo__text h4,
.nis-dbk .nis-aboutsec__seotext .nis-seo__text h5,
.nis-dbk .nis-aboutsec__seotext .nis-seo__text h6 {
	margin-top: 24px;
	font-size: 19px;
}
.nis-dbk .nis-aboutsec__seotext .nis-seo__text p {
	margin-bottom: 14px;
}
.nis-dbk .nis-aboutsec__seotext .nis-seo__title::after {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	margin-top: 16px;
	background: var(--nis-grad-gold-rule);
}
.nis-aboutsec__seotext a {
	color: var(--nis-navy);
	text-decoration: underline;
	text-decoration-color: var(--nis-gold);
	text-underline-offset: 3px;
}
.nis-aboutsec__pics {
	position: relative;
	grid-area: pics;
	aspect-ratio: 1079 / 703;
	overflow: hidden;
}
.nis-aboutsec__pic {
	position: absolute;
	inset: 0;
	transition: opacity 1s ease;
}
.nis-aboutsec__pic + .nis-aboutsec__pic {
	opacity: 0;
}
.nis-aboutsec__pics.is-faded .nis-aboutsec__pic {
	opacity: 0;
}
.nis-aboutsec__pics.is-faded .nis-aboutsec__pic.is-active {
	opacity: 1;
}
.nis-aboutsec__pic img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: contain;
}
@media (max-width: 1249.98px) {
	.nis-aboutsec__copy {
		padding-inline-end: 24px;
	}
	.nis-aboutsec__card {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
	}
}
@media (max-width: 899.98px) {
	.nis-aboutsec__grid {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}
	.nis-aboutsec__stage {
		order: -1;
		width: min(78vw, 400px);
		min-height: 0;
		aspect-ratio: 1 / 1;
		margin: 40px auto 0;
	}
	.nis-aboutsec__copy {
		padding: 34px var(--nis-gutter) 56px;
	}
	.nis-aboutsec__seo {
		padding-bottom: 64px;
	}
	.nis-dbk .nis-aboutsec__seotext {
		font-size: 16.5px;
		line-height: 1.8;
	}
	.nis-aboutsec__card {
		grid-template-areas: "pics" "text";
		grid-template-columns: minmax(0, 1fr);
	}
	.nis-aboutsec__mark {
		top: -30px;
		font-size: 96px;
	}
	.nis-aboutsec__text {
		max-width: 640px;
		margin-top: 24px;
		font-size: 16.5px;
		line-height: 1.8;
	}
	.nis-aboutsec__stat {
		margin-top: 30px;
	}
	.nis-aboutsec__checks {
		gap: 12px 24px;
	}
}
@media (max-width: 599.98px) {
	.nis-aboutsec__stage {
		margin-top: 30px;
	}
	.nis-aboutsec__copy {
		padding: 26px 24px 56px;
	}
	.nis-aboutsec__head .nis-title {
		margin-top: 18px;
	}
	.nis-aboutsec__text {
		font-size: 16px;
	}
	.nis-aboutsec__seo {
		padding-inline: 16px;
		padding-bottom: 56px;
	}
	.nis-aboutsec__card {
		padding: 0 8px;
	}
	.nis-dbk .nis-aboutsec__seotext {
		font-size: 16px;
	}
	.nis-dbk .nis-aboutsec__seotext .nis-seo__title {
		font-size: var(--nis-fs-title-xl);
	}
	.nis-dbk .nis-seo__title {
		font-size: 19px;
	}
}


/* ==========================================================================
   5. PROJECTS - home_projects
   The design carousel: a native scroll-snap track (swipe / wheel / keys),
   4 slides per view at 1440, round arrows (home.js, shown only when the
   track really scrolls). The CMS switch projectsSlider keeps a hook class.
   ========================================================================== */
.nis-prjs {
	padding: clamp(56px, 6vw, 96px) clamp(20px, 3vw, 44px) clamp(60px, 7vw, 104px);
	background: var(--nis-cream);
}
.nis-prjs__head {
	--nis-b-weight: 500;
	margin-bottom: 48px;
}
.nis-prjs__viewport {
	position: relative;
}
/* 8px of room above the slides: a hovered slide rises 6px inside the scroll box */
.nis-prjs__track {
	display: flex;
	gap: 18px;
	margin-top: -8px;
	padding: 8px 0 6px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.nis-prjs__track::-webkit-scrollbar {
	display: none;
}
.nis-slide {
	position: relative;
	flex: 0 0 calc((100% - 54px) / 4);
	min-width: 0;
	scroll-snap-align: start;
	transition: transform .4s ease;
}
.nis-slide__media {
	position: relative;
	display: block;
	height: clamp(360px, 30vw, 470px);
	overflow: hidden;
	border-radius: var(--nis-r-card);
	background: #EFF1F4;
}
/* the whole slide (caption included) is the click area of the existing anchor */
a.nis-slide__media {
	overflow: visible;
}
a.nis-slide__media::after {
	content: "";
	position: absolute;
	inset: 0 0 -46px;
}
a.nis-slide__media:focus-visible {
	outline-offset: 4px;
}
.nis-slide__media img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}
.nis-slide__cap {
	margin-top: 16px;
	color: var(--nis-navy);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}
.nis-prjs__nav {
	position: absolute;
	top: calc(8px + clamp(360px, 30vw, 470px) / 2);
	z-index: 3;
	display: none;
	transform: translateY(-50%);
}
.nis-prjs__viewport.is-ready .nis-prjs__nav {
	display: grid;
}
.nis-prjs__nav--prev {
	right: -10px;
}
.nis-prjs__nav--next {
	left: -10px;
}
.nis-prjs__actions {
	display: flex;
	justify-content: center;
	margin-top: 48px;
}
@media (hover: hover) {
	.nis-slide:hover {
		transform: translateY(-6px);
	}
}
@media (max-width: 1099.98px) {
	.nis-slide {
		flex-basis: calc((100% - 36px) / 3);
	}
}
@media (max-width: 899.98px) {
	.nis-slide {
		flex-basis: calc((100% - 18px) / 2.2);
	}
	.nis-slide__media {
		height: clamp(300px, 56vw, 420px);
	}
	.nis-prjs__nav {
		top: calc(8px + clamp(300px, 56vw, 420px) / 2);
	}
	.nis-prjs__nav--prev {
		right: 6px;
	}
	.nis-prjs__nav--next {
		left: 6px;
	}
}
@media (max-width: 599.98px) {
	.nis-prjs {
		padding-inline: 16px;
	}
	.nis-prjs__head {
		margin-bottom: 34px;
	}
	/* full-bleed swipe row; the first slide starts at the gutter */
	.nis-prjs__track {
		gap: 12px;
		margin-inline: -16px;
		padding-inline: 16px;
		scroll-padding-inline: 16px;
	}
	.nis-slide {
		flex-basis: 78%;
	}
	.nis-slide__media {
		height: min(100vw, 420px);
	}
	.nis-slide__cap {
		margin-top: 12px;
		font-size: 15.5px;
	}
	.nis-prjs__viewport.is-ready .nis-prjs__nav {
		display: none;
	}
	.nis-prjs__actions {
		margin-top: 34px;
	}
	.nis-prjs__actions .nis-btn {
		width: 100%;
		min-height: 54px;
	}
}


/* ==========================================================================
   6. WHY US - home_categories
   ========================================================================== */
.nis-why {
	padding: clamp(44px, 5vw, 76px) var(--nis-gutter-narrow) clamp(70px, 8vw, 120px);
	background: var(--nis-cream);
}
.nis-why__head {
	--nis-b-weight: 500;
	max-width: 660px;
	margin-bottom: 60px;
}
.nis-why__head > .nis-title {
	line-height: 1.18;
}
.nis-why__icon img {
	display: block;
	max-height: 56px;
	margin: 18px auto 0;
}
.nis-why__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.nis-why__grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.nis-why__cell {
	min-width: 0;
}
.nis-feature {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 46px 30px 44px;
	border: 1px solid var(--nis-line-1);
	border-radius: var(--nis-r-box);
	background: var(--nis-white);
	box-shadow: var(--nis-sh-rest);
	text-align: center;
	transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}
/* card text: design title (+ gold rule), description, then the existing h5 when it says something else than the design
   title (R3: visible, secondary look, at the bottom of the card so the descriptions of a row stay aligned) */
.nis-feature__body {
	display: grid;
	flex: 1 1 auto;
	grid-template-rows: auto auto 1fr;
	min-width: 0;
}
.nis-feature__disc {
	position: relative;
	display: grid;
	place-items: center;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid rgba(26, 48, 82, .14);
	border-radius: 50%;
	background: linear-gradient(150deg, #F5F7FA 0%, #EDEFF3 55%, #E2E7EE 100%);
	color: var(--nis-gold-deep);
}
.nis-feature__disc img {
	display: block;
	width: 100%;
	height: 100%;
	padding: 18px;
	object-fit: contain;
}
/* the 4 why-us icons are drawn as inline svg (data URIs below: Phosphor Light line icons) in the site navy: the CMS pictures
   (old blue discs or the uploaded line icons - the CMS has no svg upload) stay in the page for their alt text, transparent */
.nis-feature__glyph {
	display: none;
	width: 38px;
	height: 38px;
	background-color: currentColor;
	-webkit-mask: var(--nis-icon) center / contain no-repeat;
	mask: var(--nis-icon) center / contain no-repeat;
}
.nis-feature__glyph::before {
	content: none;
}
.nis-feature__disc img[src$="/media/small/שרות-אישי-ומקצועי.png"],
.nis-feature__disc img[src$="/media/small/50-שנות-ותק.png"],
.nis-feature__disc img[src$="/media/small/מגוון-רחב-של-פתרונות-קירור-והקפאה.png"],
.nis-feature__disc img[src$="/media/small/אספקה-מהירה-לכל-הארץ.png"],
.nis-feature__disc img[src$="/media/small/אייקון-שרות-אישי-ומקצועי.png"],
.nis-feature__disc img[src$="/media/small/אייקון-50-שנות-ותק.png"],
.nis-feature__disc img[src$="/media/small/אייקון-פתרונות-קירור-והקפאה.png"],
.nis-feature__disc img[src$="/media/small/אייקון-אספקה-לכל-הארץ.png"] {
	position: absolute;
	inset: 0;
	padding: 0;
	opacity: 0;
}
.nis-feature__disc img[src$="/media/small/שרות-אישי-ומקצועי.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/50-שנות-ותק.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/מגוון-רחב-של-פתרונות-קירור-והקפאה.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אספקה-מהירה-לכל-הארץ.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-שרות-אישי-ומקצועי.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-50-שנות-ותק.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-פתרונות-קירור-והקפאה.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-אספקה-לכל-הארץ.png"] + .nis-feature__glyph {
	display: block;
}
.nis-feature__disc img[src$="/media/small/שרות-אישי-ומקצועי.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-שרות-אישי-ומקצועי.png"] + .nis-feature__glyph {
	--nis-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='currentColor'%3E%3Cpath d='M1010 435 908 231Q901 217 887.5 208.5Q874 200 858 200Q851 200 844.5 201.5Q838 203 833 206L731 257L518 201Q517 200 515.5 200.0Q514 200 512 200Q510 200 508.5 200.0Q507 200 506 201L293 257L191 206Q186 203 179.5 201.5Q173 200 166 200Q150 200 136.5 208.5Q123 217 116 231L14 435Q11 441 9.5 447.0Q8 453 8 460Q8 477 16.5 490.0Q25 503 39 510L148 565L370 724Q372 725 374.0 726.0Q376 727 378 727L634 791Q635 792 636.5 792.0Q638 792 640 792Q640 792 640.0 792.0Q640 792 640 792Q645 792 649.5 790.0Q654 788 657 785L878 564L985 510Q999 503 1007.5 490.0Q1016 477 1016 460Q1016 453 1014.5 447.0Q1013 441 1010 435ZM798 576 655 461Q652 459 648.0 457.5Q644 456 640 456Q635 456 630.5 458.0Q626 460 623 463Q567 519 509.5 519.5Q452 520 412 495Q410 494 409.0 492.5Q408 491 408 489Q408 488 408.0 488.0Q408 488 408 488Q408 486 408.5 484.5Q409 483 410 482L586 312H721L835 539ZM56 463Q56 462 56.0 461.5Q56 461 56 460Q56 459 56.0 458.0Q56 457 57 457L159 252Q160 250 162.0 249.0Q164 248 166 248Q166 248 166.0 248.0Q166 248 166 248Q167 248 168.0 248.0Q169 248 170 249L259 293L149 512L60 468Q59 467 58.0 465.5Q57 464 56 463ZM633 741 394 682 191 536 307 303 512 249 571 265Q568 265 565.0 266.5Q562 268 559 271L376 448Q369 456 364.5 466.0Q360 476 360 488Q360 503 367.0 515.0Q374 527 386 535Q447 574 515.5 567.5Q584 561 641 512L764 610ZM968 463Q967 464 966.0 465.5Q965 467 964 467L875 512L765 293L854 249Q855 248 856.0 248.0Q857 248 858 248Q859 248 859.5 248.0Q860 248 860 248Q862 249 863.0 250.0Q864 251 865 252L967 457Q968 457 968.0 458.0Q968 459 968 460Q968 461 968.0 461.5Q968 462 968 463ZM520 870Q518 878 511.5 883.0Q505 888 496 888Q495 888 493.5 888.0Q492 888 490 887L324 846Q321 845 319.0 844.0Q317 843 315 842H316L210 767Q205 763 202.5 758.0Q200 753 200 747Q200 737 207.0 730.0Q214 723 224 723Q228 723 231.5 724.0Q235 725 238 728V727L340 800L502 841Q510 843 515.0 849.0Q520 855 520 864Q520 865 520.0 867.0Q520 869 519 870H520Z'/%3E%3C/svg%3E");
}
.nis-feature__disc img[src$="/media/small/50-שנות-ותק.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-50-שנות-ותק.png"] + .nis-feature__glyph {
	--nis-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='currentColor'%3E%3Cpath d='M856 384Q856 384 856.0 384.0Q856 384 856 384Q856 313 829 250Q802 187 755.5 140.5Q709 94 646 67Q583 40 512 40Q441 40 378 67Q315 94 268.5 140.5Q222 187 195 250Q168 313 168 384Q168 465 202.5 534.5Q237 604 295 651H296V960Q296 966 299.0 971.5Q302 977 307 980Q310 982 313.0 983.0Q316 984 320 984Q320 984 320.0 984.0Q320 984 320 984Q320 984 320.0 984.0Q320 984 320 984Q323 984 325.5 983.5Q328 983 331 981L512 891L693 981Q696 983 698.5 983.5Q701 984 704 984Q714 984 721.0 977.0Q728 970 728 960V651Q787 604 821.5 534.5Q856 465 856 384ZM216 384Q216 323 239 269Q263 215 303.0 175.0Q343 135 397 111Q451 88 512 88Q573 88 627 111Q681 135 721.0 175.0Q761 215 785 269Q808 323 808 384Q808 445 785 499Q761 553 721.0 593.0Q681 633 627 657Q573 680 512 680Q451 680 397 657Q343 633 303.0 593.0Q263 553 239 499Q216 445 216 384ZM680 921 523 843Q520 841 517.5 840.5Q515 840 512 840Q509 840 506.5 840.5Q504 841 501 843L344 921V684Q380 705 423.0 716.5Q466 728 512 728Q558 728 601.0 716.5Q644 705 682 683L680 684ZM512 600Q557 600 596 583Q635 566 664.5 536.5Q694 507 711 468Q728 429 728 384Q728 339 711 300Q694 261 664.5 231.5Q635 202 596 185Q557 168 512 168Q467 168 428 185Q389 202 359.5 231.5Q330 261 313 300Q296 339 296 384Q296 429 313 468Q330 507 359.5 536.5Q389 566 428 583Q467 600 512 600ZM512 216Q582 216 631.0 265.0Q680 314 680 384Q680 454 631.0 503.0Q582 552 512 552Q442 552 393.0 503.0Q344 454 344 384Q344 314 393.0 265.0Q442 216 512 216Z'/%3E%3C/svg%3E");
}
.nis-feature__disc img[src$="/media/small/מגוון-רחב-של-פתרונות-קירור-והקפאה.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-פתרונות-קירור-והקפאה.png"] + .nis-feature__glyph {
	--nis-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='currentColor'%3E%3Cpath d='M920 302Q915 299 908.5 297.5Q902 296 896 296Q883 296 872.5 301.0Q862 306 854 315L711 469L563 137Q556 122 542.5 113.0Q529 104 512 104Q495 104 481.5 113.0Q468 122 461 136V137L313 469L170 315Q162 306 151.5 301.0Q141 296 128 296Q105 296 88.5 312.5Q72 329 72 352Q72 355 72.0 357.5Q72 360 73 362Q73 362 73.0 362.5Q73 363 73 363L164 778Q168 798 183.0 811.0Q198 824 219 824H805Q826 824 841.0 811.0Q856 798 860 779V778L951 363Q951 363 951.0 362.5Q951 362 951 362Q952 360 952.0 357.5Q952 355 952 352Q952 335 943.0 321.5Q934 308 920 302ZM904 353 813 768Q813 769 813.0 769.0Q813 769 813 769Q813 772 810.5 774.0Q808 776 805 776Q805 776 805.0 776.0Q805 776 805 776H219Q219 776 219.0 776.0Q219 776 219 776Q216 776 213.5 774.0Q211 772 211 769Q211 769 211.0 769.0Q211 769 211 768L120 353Q120 353 120.0 352.5Q120 352 120 352Q120 349 121.0 347.5Q122 346 124 345Q125 344 126.0 344.0Q127 344 128 344Q130 344 131.5 345.0Q133 346 134 347L302 528Q306 532 310.5 534.0Q315 536 320 536Q327 536 333.0 532.0Q339 528 342 522L505 157Q506 155 507.5 153.5Q509 152 512 152Q512 152 512.0 152.0Q512 152 512 152Q512 152 512.0 152.0Q512 152 512 152Q515 152 516.5 153.0Q518 154 519 156L682 522Q685 528 691.0 532.0Q697 536 704 536Q709 536 713.5 534.0Q718 532 722 528L890 347Q891 346 892.5 345.0Q894 344 896 344Q897 344 898.0 344.0Q899 344 900 345Q902 346 903.0 347.5Q904 349 904 352Q904 352 904.0 352.5Q904 353 904 353Z'/%3E%3C/svg%3E");
}
.nis-feature__disc img[src$="/media/small/אספקה-מהירה-לכל-הארץ.png"] + .nis-feature__glyph,
.nis-feature__disc img[src$="/media/small/אייקון-אספקה-לכל-הארץ.png"] + .nis-feature__glyph {
	--nis-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='currentColor'%3E%3Cpath d='M1014 471 958 331Q952 316 938.0 306.0Q924 296 906 296Q906 296 906.0 296.0Q906 296 906 296H760V256Q760 246 753.0 239.0Q746 232 736 232H128Q105 232 88.5 248.5Q72 265 72 288V736Q72 759 88.5 775.5Q105 792 128 792H202Q211 833 244.0 860.5Q277 888 320 888Q363 888 396.0 861.0Q429 834 437 793L438 792H650Q659 833 692.0 860.5Q725 888 768 888Q811 888 844.0 861.0Q877 834 885 793L886 792H960Q983 792 999.5 775.5Q1016 759 1016 736V480Q1016 478 1015.5 475.5Q1015 473 1014 471ZM760 344H906Q906 344 906.0 344.0Q906 344 906 344Q909 344 911.0 345.5Q913 347 914 349L957 456H760ZM120 288Q120 285 122.5 282.5Q125 280 128 280H712V552H120ZM320 840Q290 840 269.0 819.0Q248 798 248 768Q248 738 269.0 717.0Q290 696 320 696Q350 696 371.0 717.0Q392 738 392 768Q392 798 371.0 819.0Q350 840 320 840ZM650 744H438Q429 703 396.0 675.5Q363 648 320 648Q277 648 244.0 675.0Q211 702 203 743L202 744H128Q125 744 122.5 741.5Q120 739 120 736V600H712V662Q689 675 672.5 696.0Q656 717 651 743ZM768 840Q738 840 717.0 819.0Q696 798 696 768Q696 738 717.0 717.0Q738 696 768 696Q798 696 819.0 717.0Q840 738 840 768Q840 798 819.0 819.0Q798 840 768 840ZM968 736Q968 739 965.5 741.5Q963 744 960 744H886Q877 703 844.0 675.5Q811 648 768 648Q766 648 764.0 648.0Q762 648 760 648V504H968Z'/%3E%3C/svg%3E");
}
.nis-feature__title {
	margin: 30px 0 0;
	color: var(--nis-navy);
	font-size: 20px;
	font-weight: 600;
	line-height: var(--nis-lh);
	letter-spacing: 0;
}
.nis-feature__title::after {
	content: "";
	display: block;
	width: 46px;
	height: 1px;
	margin: 18px auto 0;
	background: var(--nis-gold);
}
.nis-feature__text {
	margin: 22px 0 0;
	color: var(--nis-text-muted);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.9;
	text-wrap: pretty;
}
.nis-feature__seo {
	grid-row: 3;
	align-self: end;
	margin: 26px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--nis-line-2);
	color: var(--nis-text-soft);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
}
@media (hover: hover) {
	.nis-feature:hover {
		border-color: var(--nis-navy);
		box-shadow: 0 24px 56px rgba(26, 48, 82, .12);
		transform: translateY(-6px);
	}
}
/* CMS switches of the block (all off today) */
.nis-why--mist {
	background: var(--nis-mist);
}
.nis-why--navy {
	background: var(--nis-navy);
}
.nis-why--navy .nis-title,
.nis-why--navy .nis-sub {
	color: var(--nis-on-navy);
}
.nis-why--start .nis-feature {
	text-align: start;
}
.nis-why--start .nis-feature__disc {
	margin-inline: 0;
}
.nis-why--start .nis-feature__title::after {
	margin-inline: 0;
}
@media (max-width: 1249.98px) {
	.nis-feature {
		padding: 40px 22px 38px;
	}
}
@media (max-width: 1099.98px) {
	.nis-why__grid,
	.nis-why__grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 599.98px) {
	.nis-why {
		padding: 44px 20px 60px;
	}
	.nis-why__head {
		margin-bottom: 36px;
	}
	.nis-why__grid,
	.nis-why__grid--4 {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}
	/* horizontal card: disc at the start, texts beside it */
	.nis-feature {
		display: grid;
		grid-template-columns: 58px minmax(0, 1fr);
		align-items: center;
		gap: 18px;
		padding: 20px;
		text-align: start;
	}
	.nis-feature__disc {
		width: 58px;
		height: 58px;
		margin: 0;
	}
	.nis-feature__disc img {
		padding: 13px;
	}
	.nis-feature__glyph {
		font-size: 26px;
	}
	.nis-feature__title {
		margin: 0;
		font-size: 18px;
	}
	.nis-feature__title::after {
		display: none;
	}
	.nis-feature__text {
		margin-top: 4px;
		font-size: 15px;
		line-height: 1.7;
	}
	.nis-feature__seo {
		margin-top: 10px;
		padding-top: 8px;
		font-size: 13.5px;
	}
}


/* ==========================================================================
   7. CONTACT - home_contact
   base.css gives the navy info panel (.nis-contact), the form panel
   (.nis-formpanel), the lead form look and .nis-map.
   ========================================================================== */
.nis-hcontact {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	background: var(--nis-navy);
}
/* DOM order = form, info (kept); the design shows the info first (right) and the form second (left) */
.nis-hcontact__info {
	order: 1;
}
.nis-hcontact__form {
	order: 2;
	display: flex;
	min-width: 0;
	padding: clamp(40px, 4.4vw, 68px) clamp(24px, 5vw, 72px);
}
.nis-hcontact__form > .nis-formpanel {
	flex: 1 1 auto;
}
/* the design sets both titles to 44px at 1440, bold part 500 */
.nis-hcontact .nis-formpanel__title,
.nis-hcontact .nis-contact__title {
	--nis-b-weight: 500;
	font-size: clamp(28px, 3.06vw, 44px);
}
/* the existing CMS form text (R3) right under the design sub-line, in the secondary look; its phone link stays a link.
   The negative top margin takes the sub-line's 44px gap back to 18px (no collapsing in the flex panel) */
.nis-hcontact__cms {
	margin: -26px 0 40px;
	padding-top: 16px;
	border-top: 1px solid var(--nis-line-2);
	color: var(--nis-text-muted);
	font-size: 15.5px;
	font-weight: 300;
	line-height: 1.85;
}
.nis-hcontact__cms:empty {
	display: none;
}
.nis-hcontact__cms a {
	color: var(--nis-navy);
	font-weight: 500;
	white-space: nowrap;
}
/* form.tpl output: 4 fields + submit, each in its own row div; name and phone share the first row (the hidden inputs
   added by the legacy JS are not divs, so :nth-of-type stays stable) */
.nis-hcontact form.home {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nis-hcontact form.home > div:nth-of-type(n + 3) {
	grid-column: 1 / -1;
}
/* design: auto-fit columns of 215px; 180px keeps the two branches side by side down to the stacked layout */
.nis-hcontact .nis-contact__branches {
	grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
	max-width: 540px;
	border-bottom-color: rgba(255, 255, 255, .24);
}
/* DOM order (kept): phone, fax, address. Visual order of the design: address, phone, then the fax */
.nis-hcontact__row--addr {
	order: 1;
}
.nis-hcontact__row--tel {
	order: 2;
}
.nis-hcontact__row--fax {
	order: 3;
}
/* the Beer Sheva e-mail: shown when it differs from the shared e-mail line (home.js hides a repeat of it, .nis-vh) */
.nis-hcontact__row--mail2 {
	order: 4;
}
.nis-hcontact__row--mail2 .infoAddress {
	min-width: 0;
	overflow-wrap: anywhere;
}
@supports selector(:has(*)) {
	.nis-hcontact__row--mail2:has(> .infoAddress:empty) {
		display: none;
	}
}
.nis-hcontact__map {
	order: 5;
	padding-top: 18px;
}
.nis-hcontact__map iframe {
	height: 150px;
}
/* the design's single e-mail line under both branches (the Beer Sheva copy of the same address stays in the page, hidden) */
.nis-hcontact .nis-contact__line {
	max-width: 540px;
	border-bottom-color: rgba(255, 255, 255, .24);
}
.nis-hcontact__row--mail .infoAddress {
	min-width: 0;
	overflow-wrap: anywhere;
}
.nis-hcontact__social:empty {
	display: none;
}
.nis-hcontact__social .nis-iconbtn--social {
	width: 44px;
	height: 44px;
}
/* field captions + the design's hints: home.js prints label.nis-field__label from each field title and puts the
   design hint (data-nis-hint-*) into the placeholder, like the contact page. Submit: the design centres label + arrow
   as one group (12px gap, 19px arrow): the label moves 15.5px towards the start and the shared arrow sits right after
   it; --nis-hc-sub-w = label width, measured by home.js. Without the script the shared look stays. */
@supports selector(:has(*)) {
	.nis-hcontact [data-nis-sub] > input[type="submit"] {
		padding-inline-end: 79px;
	}
	.nis-hcontact [data-nis-sub]::after {
		inset-inline-end: calc(50% - (var(--nis-hc-sub-w) + 31px) / 2);
	}
}
@media (max-width: 1099.98px) {
	.nis-hcontact__info,
	.nis-hcontact__form {
		padding-inline: clamp(20px, 3.4vw, 40px);
	}
}
@media (max-width: 899.98px) {
	/* stacked in DOM order: the form first, then the branches */
	.nis-hcontact {
		grid-template-columns: minmax(0, 1fr);
	}
	.nis-hcontact__form {
		order: 0;
		padding: 48px var(--nis-gutter) 0;
	}
	.nis-hcontact__info {
		order: 0;
		padding: 52px var(--nis-gutter) 68px;
	}
	.nis-hcontact .nis-contact__branches,
	.nis-hcontact .nis-contact__line {
		max-width: none;
	}
}
@media (max-width: 599.98px) {
	.nis-hcontact__form {
		padding: 28px 16px 0;
	}
	/* base gives the sub-line an 18 / 28px margin on phones: 14px gap to the CMS text, 28px to the fields */
	.nis-hcontact__cms {
		margin: -14px 0 28px;
		padding-top: 12px;
		font-size: 15px;
		line-height: 1.75;
	}
	.nis-hcontact form.home {
		grid-template-columns: minmax(0, 1fr);
	}
	.nis-hcontact form.home > div {
		grid-column: 1 / -1;
	}
	.nis-hcontact__info {
		padding: 44px 24px 60px;
	}
	.nis-hcontact .nis-contact__branches {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
	}
	.nis-hcontact .nis-contact__row a,
	.nis-hcontact__row--mail a {
		display: inline-block;
		margin-block: -10px;
		padding-block: 10px;
	}
	.nis-hcontact__map iframe {
		height: 170px;
	}
}


/* ==========================================================================
   8. UNUSED BLOCKS - readable fallback only (no design; none of them is
   switched on today): home_header_text, home_dual_text, home_dual_content,
   home_banner, home_banner_form, home_articles, home_media,
   home_testemonials, home_parallax*, about_text, about_dual_text,
   about_gallery, about_categories, about_team, about_parallax.
   :where() keeps the specificity at zero; a root that carries a nis- class
   (a restyled template) is skipped.
   ========================================================================== */
:where(.Text, .DualText, .DualContentBox, .Banner, .BannerForm, .Articles, .Media, .Testemonials, .Team, .Categories, .TextGallery, .ParallaxContent, .ParallaxInfo, .ParallaxImage):not([class*="nis-"]) {
	display: flow-root;
	padding: var(--nis-sec-y) var(--nis-gutter);
	color: var(--nis-text);
	font-size: var(--nis-fs-body-lg);
	font-weight: 300;
	line-height: 1.9;
}
:where(.Text, .DualText, .DualContentBox, .Banner, .BannerForm, .Articles, .Media, .Testemonials, .Team, .Categories, .TextGallery, .ParallaxContent, .ParallaxInfo):not([class*="nis-"]) *:where(.tag, .title) {
	margin: 0 0 .6em;
	color: var(--nis-navy);
	font-size: var(--nis-fs-title-sm);
	font-weight: 300;
	line-height: 1.22;
	letter-spacing: var(--nis-ls-title);
}
:where(.Text, .DualText, .DualContentBox, .Banner, .BannerForm, .Articles, .Media, .Testemonials, .Team, .Categories, .TextGallery, .ParallaxContent, .ParallaxInfo):not([class*="nis-"]) img {
	max-width: 100%;
	height: auto;
	border-radius: var(--nis-r-card);
}
:where(.Text, .DualText, .DualContentBox, .Banner, .Articles, .Media, .Testemonials, .TextGallery, .ParallaxContent):not([class*="nis-"]) .id_link {
	display: inline-flex;
	margin-top: 22px;
	padding: 16px 38px;
	border: 1px solid var(--nis-navy);
	border-radius: var(--nis-r-pill);
	color: var(--nis-navy);
	font-size: 15px;
	font-weight: 600;
}
/* former owl rows of the unused blocks (their templates print nis-dbx-row instead of the owl classes) */
.nis-dbx-row {
	display: flex;
	gap: var(--nis-gap-cards);
	padding-bottom: 8px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
}
.nis-dbx-row > * {
	flex: 0 0 min(80%, 360px);
	scroll-snap-align: start;
}
/* parallax blocks: the picture is a data attribute read by the legacy JS, the box only needs a ground and a height */
.img-holder {
	min-height: 320px;
	background-color: var(--nis-mist);
	background-position: center;
	background-size: cover;
}


/* ==========================================================================
   9. REDUCED MOTION
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	.nis-spin i,
	.nis-hero__down {
		animation: none;
	}
	.nis-spin__f--1 {
		opacity: 1;
	}
}