/* ==========================================================================
   KIRUR NISIM THEME - css/nisim/shell.css                 (owner: foundation)
   The page shell printed by view/main.tpl, after base.css:
     1. desktop header .nis-hdr (logo, nav + dropdown, search, phone pill)
     2. mobile bar .nis-mbar + drawer nav.nis-drawer (<= 1099.98px)
     3. lead bar .nis-lead (phones, <= 640px), the to-top button .nis-totop,
        the place of the third-party vee accessibility button
     4. footer .nis-ftr
     5. wholesale login modal + Magnific Popup chrome
     6. responsive, print
   Behaviour: js/nisim/shell.js (state classes is-open, is-search-open,
   is-form, is-min, is-visible). Component markup (logo.tpl, menu_link.tpl,
   catalog_search.tpl, CMS footer text) is styled as it is, never renamed.
   Same writing rules as base.css: minifier-safe, check with css-lint.php.
   ========================================================================== */

body > .nis-main {
	display: block;
	min-width: 0;
}
.nis-banners {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	padding: 0 var(--nis-gutter) var(--nis-sec-y-sm);
}
.nis-banners img {
	display: block;
	border-radius: var(--nis-r-thumb);
}
@supports selector(:has(*)) {
	.nis-banners:not(:has(a)) {
		display: none;
	}
}
/* reveal safety net: if shell.js never runs, [data-nis-reveal] content shows after 3 s */
html.nis-js:not(.nis-shell) [data-nis-reveal]:not(.is-in) {
	animation: nisShellShow .01s 3s both;
}
@keyframes nisShellShow {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* ==========================================================================
   1. DESKTOP HEADER
   ========================================================================== */
.nis-hdr {
	position: sticky;
	top: 0;
	z-index: var(--nis-z-header);
	border-bottom: 1px solid var(--nis-line-1);
	background: var(--nis-cream);
	box-shadow: var(--nis-sh-header);
}
.nis-hdr__in {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: clamp(12px, 2vw, 40px);
	width: 100%;
	min-height: 132px;
	padding: 0 var(--nis-gutter-hdr);
}

/* ---------- logo (header + mobile bar): the CMS picture, or the design vector over the old file ---------- */
.nis-hdr__logo,
.nis-mbar__logo {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
}
.nis-hdr__logo a.Logo,
.nis-mbar__logo a.Logo {
	display: block;
	flex: 0 0 auto;
	height: clamp(68px, 6.6vw, 94px);
	aspect-ratio: 1606 / 812;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.nis-hdr__logo a.Logo img,
.nis-mbar__logo a.Logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.nis-hdr__logo .helper,
.nis-mbar__logo .helper {
	display: none;
}
@supports selector(:has(*)) {
	.nis-hdr__logo a.Logo:has(> img[src$="לוגו_חדש_חדש.png"]),
	.nis-mbar__logo a.Logo:has(> img[src$="לוגו_חדש_חדש.png"]) {
		background-image: url(../../images/nisim/logo.svg);
	}
	.nis-hdr__logo a.Logo > img[src$="לוגו_חדש_חדש.png"],
	.nis-mbar__logo a.Logo > img[src$="לוגו_חדש_חדש.png"] {
		opacity: 0;
	}
}

/* ---------- nav (menu #1) ---------- */
.nis-nav .icon {
	display: none;
}
.nis-nav__caret {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}
.nis-nav__caret .ph-light {
	transition: transform .28s var(--nis-ease);
}
.nis-nav li.is-open > .nis-nav__caret .ph-light {
	transform: rotate(180deg);
}
.nis-hdr__nav {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	min-width: 0;
}
.nis-hdr__nav > ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: clamp(10px, 1.6vw, 34px);
}
.nis-hdr__nav > ul > li {
	position: relative;
	display: flex;
	align-items: center;
	color: var(--nis-text-strong);
}
.nis-hdr__nav > ul > li > a {
	display: block;
	padding: 8px 0;
	border-bottom: 2px solid transparent;
	color: var(--nis-text-strong);
	font-size: clamp(14px, 1.2vw, 17px);
	font-weight: 400;
	line-height: var(--nis-lh);
	white-space: nowrap;
	transition: color var(--nis-t-color);
}
/* the item with a sub menu: link + caret share one underline, as in the design */
.nis-hdr__nav > ul > li.has-dropdown {
	gap: 7px;
	padding: 8px 0;
	border-bottom: 2px solid transparent;
	transition: color var(--nis-t-color);
}
.nis-hdr__nav > ul > li.has-dropdown > a {
	padding: 0;
	border-bottom: 0;
}
.nis-hdr__nav .nis-nav__caret .ph-light {
	font-size: 14px;
}
/* invisible 38px hit area around the 14px caret (touch screens >= 1100px) */
.nis-hdr__nav .nis-nav__caret::after {
	content: "";
	position: absolute;
	inset: -12px;
}
.nis-hdr__nav > ul > li.active > a,
.nis-hdr__nav > ul > li > a.on {
	color: var(--nis-navy);
	font-weight: 700;
}
.nis-hdr__nav > ul > li.active:not(.has-dropdown) > a,
.nis-hdr__nav > ul > li.has-dropdown.active {
	border-bottom-color: var(--nis-gold);
}
.nis-hdr__nav > ul > li.has-dropdown.active,
.nis-hdr__nav > ul > li.has-dropdown.is-open {
	color: var(--nis-navy);
}
@media (hover: hover) {
	.nis-hdr__nav > ul > li > a:hover,
	.nis-hdr__nav > ul > li.has-dropdown:hover,
	.nis-hdr__nav > ul > li.has-dropdown:hover > a {
		color: var(--nis-navy);
	}
	.nis-hdr__nav > ul > li:not(.has-dropdown) > a:hover,
	.nis-hdr__nav > ul > li.has-dropdown:hover {
		border-bottom-color: var(--nis-gold);
	}
	.nis-hdr__nav > ul > li.has-dropdown:hover > .nis-nav__caret .ph-light {
		transform: rotate(180deg);
	}
}

/* ---------- dropdown panel ---------- */
.nis-hdr__nav ul.dropdown {
	position: absolute;
	top: calc(100% + 20px);
	right: 50%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	min-width: 290px;
	padding: 12px;
	border: 1px solid var(--nis-line-2);
	border-radius: var(--nis-r-box);
	background: var(--nis-white);
	box-shadow: var(--nis-sh-menu);
	opacity: 0;
	visibility: hidden;
	transform: translateX(50%) translateY(10px);
	transition: opacity .22s ease, transform .28s var(--nis-ease), visibility .22s;
}
/* bridges the gap between the link and the panel, so the pointer can travel */
.nis-hdr__nav ul.dropdown::before {
	content: "";
	position: absolute;
	top: -21px;
	right: 0;
	left: 0;
	height: 21px;
}
.nis-hdr__nav li.has-dropdown:focus-within > ul.dropdown,
.nis-hdr__nav li.has-dropdown.is-open > ul.dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateX(50%) translateY(0);
}
@media (hover: hover) {
	.nis-hdr__nav li.has-dropdown:hover > ul.dropdown {
		opacity: 1;
		visibility: visible;
		transform: translateX(50%) translateY(0);
	}
}
/* Esc closes the panel even while the pointer or the focus is still inside */
.nis-hdr__nav li.has-dropdown.is-closed > ul.dropdown {
	opacity: 0;
	visibility: hidden;
	transform: translateX(50%) translateY(10px);
}
.nis-hdr__nav li.has-dropdown.is-closed > .nis-nav__caret .ph-light {
	transform: none;
}
.nis-hdr__nav ul.dropdown > li > a {
	display: block;
	padding: 13px 18px;
	border-radius: var(--nis-r-item);
	color: var(--nis-navy);
	font-size: 16px;
	font-weight: 400;
	line-height: var(--nis-lh);
	white-space: nowrap;
	transition: background-color var(--nis-t-color), color var(--nis-t-color);
}
.nis-hdr__nav ul.dropdown > li.active > a,
.nis-hdr__nav ul.dropdown > li > a.active {
	background-color: var(--nis-sand);
	color: var(--nis-gold-bronze);
}
@media (hover: hover) {
	.nis-hdr__nav ul.dropdown > li > a:hover {
		background-color: var(--nis-sand);
		color: var(--nis-gold-bronze);
	}
}
.nis-nav ul.dropdownDropDown {
	padding-inline-start: 14px;
}
.nis-nav ul.dropdownDropDown a {
	display: block;
	padding: 8px 18px;
	color: var(--nis-text-strong);
	font-size: 15px;
}

/* ---------- actions: search + phone pill ---------- */
.nis-hdr__actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: clamp(10px, 1.2vw, 18px);
}
.nis-hdr__actions > li {
	position: relative;
	display: flex;
	align-items: center;
}
.nis-hdr__search-toggle .ph-x,
.nis-hdr__search.is-search-open .nis-hdr__search-toggle .ph-magnifying-glass {
	display: none;
}
.nis-hdr__search.is-search-open .nis-hdr__search-toggle .ph-x {
	display: inline-block;
}
.nis-hdr__search.is-search-open .nis-hdr__search-toggle {
	border-color: var(--nis-gold);
	color: var(--nis-gold);
}
/* the field opens to the right of the round button, over the end of the nav (design: left 62px) */
.nis-hdr__search-panel {
	position: absolute;
	top: 50%;
	right: auto;
	left: 62px;
	z-index: 3;
	width: clamp(190px, 20vw, 280px);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
	transition: opacity .28s ease, visibility .28s;
}
.nis-hdr__search.is-search-open .nis-hdr__search-panel {
	opacity: 1;
	visibility: visible;
}
.nis-hdr__search-panel form,
.nis-drawer__search form {
	margin: 0;
}
.nis-hdr__search-panel .CatalogFilter > div,
.nis-drawer__search .CatalogFilter > div {
	position: relative;
}
.nis-hdr__search-panel .search-field,
.nis-drawer__search .search-field {
	display: block;
	width: 100%;
	height: 52px;
	padding: 0 18px;
	border: 1px solid rgba(26, 48, 82, .16);
	border-radius: var(--nis-r-field);
	outline: 0;
	background: var(--nis-white);
	color: var(--nis-navy);
	font-size: 15px;
	font-weight: 300;
	line-height: 1.4;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color var(--nis-t-color), box-shadow var(--nis-t-color);
}
.nis-hdr__search-panel .search-field::placeholder,
.nis-drawer__search .search-field::placeholder {
	color: var(--nis-text-muted);
	opacity: 1;
}
.nis-hdr__search-panel .search-field:focus,
.nis-drawer__search .search-field:focus {
	border-color: var(--nis-gold);
	box-shadow: 0 0 0 3px rgba(26, 48, 82, .16);
}
.nis-hdr__search-panel .search-field::-webkit-search-cancel-button,
.nis-drawer__search .search-field::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}
/* desktop: Enter submits (as in the design); the legacy submit stays in the form, out of sight */
.nis-hdr__search-panel .search_icon {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
/* instant results (shell.js fills it from the results page): design = top 64px, left 62px, 280px, radius 12 */
.nis-hdr__results {
	position: absolute;
	top: 64px;
	right: auto;
	left: 62px;
	z-index: 4;
	width: 280px;
	max-height: 360px;
	overflow: auto;
	overscroll-behavior: contain;
	padding: 8px;
	border: 1px solid rgba(26, 48, 82, .12);
	border-radius: var(--nis-r-field);
	background: var(--nis-white);
	box-shadow: 0 18px 44px rgba(26, 48, 82, .13);
}
.nis-hdr__results[hidden] {
	display: none;
}
.nis-hdr__result {
	display: block;
	padding: 12px 14px;
	border-radius: 8px;
	outline-offset: -2px;
	color: var(--nis-navy);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.36;
	transition: background-color var(--nis-t-color), color var(--nis-t-color);
}
.nis-hdr__result:focus-visible {
	background-color: var(--nis-sand);
	color: var(--nis-gold-bronze);
}
@media (hover: hover) {
	.nis-hdr__result:hover {
		background-color: var(--nis-sand);
		color: var(--nis-gold-bronze);
	}
}
.nis-hdr__noresults {
	padding: 10px;
	color: var(--nis-text-soft);
	font-size: 15px;
	font-weight: 300;
	line-height: 1.36;
}
/* phone pill = .nis-btn.nis-btn--navy.nis-btn--phone (base.css); the number stays a real text node */
.nis-btn__num {
	direction: ltr;
	unicode-bidi: isolate;
}

/* ---------- navy header (like the mobile bar): light links, white logo, beige accents; the dropdown panel stays white ---------- */
.nis-hdr {
	--nis-focus: var(--nis-beige-light);
	border-bottom: 0;
	background: var(--nis-navy);
}
.nis-hdr__logo a.Logo {
	filter: brightness(0) invert(1);
}
.nis-hdr__nav > ul > li,
.nis-hdr__nav > ul > li > a {
	color: var(--nis-on-navy-soft);
}
.nis-hdr__nav > ul > li.active > a,
.nis-hdr__nav > ul > li > a.on,
.nis-hdr__nav > ul > li.has-dropdown.active,
.nis-hdr__nav > ul > li.has-dropdown.is-open {
	color: var(--nis-on-navy);
}
.nis-hdr__nav > ul > li.active:not(.has-dropdown) > a,
.nis-hdr__nav > ul > li.has-dropdown.active {
	border-bottom-color: var(--nis-beige-light);
}
.nis-hdr .nis-hdr__search-toggle {
	border-color: rgba(247, 242, 234, .32);
	color: var(--nis-on-navy);
}
.nis-hdr__search.is-search-open .nis-hdr__search-toggle {
	border-color: var(--nis-beige-light);
	color: var(--nis-beige-light);
}
.nis-hdr .nis-btn--phone {
	--nis-btn-bg: var(--nis-beige-light);
	--nis-btn-bd: var(--nis-beige-light);
	--nis-btn-fg: var(--nis-navy);
	--nis-btn-bg-h: var(--nis-on-navy);
	--nis-btn-bd-h: var(--nis-on-navy);
	--nis-btn-fg-h: var(--nis-navy-deep);
}
@media (hover: hover) {
	.nis-hdr__nav > ul > li > a:hover,
	.nis-hdr__nav > ul > li.has-dropdown:hover,
	.nis-hdr__nav > ul > li.has-dropdown:hover > a {
		color: var(--nis-on-navy);
	}
	.nis-hdr__nav > ul > li:not(.has-dropdown) > a:hover,
	.nis-hdr__nav > ul > li.has-dropdown:hover {
		border-bottom-color: var(--nis-beige-light);
	}
	.nis-hdr .nis-hdr__search-toggle:hover {
		border-color: var(--nis-beige-light);
		color: var(--nis-beige-light);
	}
}

/* ==========================================================================
   2. MOBILE BAR + DRAWER (shown <= 1099.98px, see section 6)
   ========================================================================== */
.nis-mbar {
	display: none;
}
.nis-mbar .nis-iconbtn {
	width: 44px;
	height: 44px;
}
/* the bar is navy: white icons, the logo drawn white (any CMS logo, also a white "logo_mobile" upload) */
.nis-mbar > .nis-mbar__menu > .nis-iconbtn {
	border-color: rgba(247, 242, 234, .32);
	color: var(--nis-on-navy);
}
.nis-mbar__logo a.Logo {
	filter: brightness(0) invert(1);
}
.nis-mbar__logo {
	grid-column: 2;
	justify-content: center;
}
.nis-mbar__logo a.Logo {
	height: 50px;
}
.nis-mbar__actions {
	display: flex;
	grid-column: 3;
	justify-self: end;
	align-items: center;
	gap: 8px;
}
.nis-mbar__menu {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
}
.nis-mbar__toggle .ph-x,
.nis-mbar__toggle[aria-expanded="true"] .ph-list {
	display: none;
}
.nis-mbar__toggle[aria-expanded="true"] .ph-x {
	display: inline-block;
}
.nis-mbar .nis-mbar__toggle[aria-expanded="true"] {
	border-color: var(--nis-beige-light);
	color: var(--nis-beige-light);
}
/* tel #2: the legacy gif keeps its place (alt = the accessible name) under a phone glyph */
.nis-mbar__phone {
	position: relative;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--nis-beige-light);
	color: var(--nis-navy);
	transition: background-color var(--nis-t-btn), color var(--nis-t-btn);
}
.nis-mbar__phone::before {
	content: "\e3b8";
	position: relative;
	z-index: 1;
	font-family: 'Phosphor-Light';
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}
/* like the old site's telgif.gif: the handset stays, three "( )" arc pairs (an svg, centred, symmetric: r 11.5 / 15 / 18.5)
   appear from the inside out and fade again. Only opacity changes - nothing travels - so it also runs under
   reduced motion: the !important values exempt it from the global cut of base.css section 7. */
.nis-mbar__waves {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 1.7;
	pointer-events: none;
}
.nis-mbar__waves path {
	opacity: 0;
	animation: nis-wave 1.6s ease-in-out infinite;
	animation-duration: 1.6s !important;
	animation-delay: 0s !important;
	animation-iteration-count: infinite !important;
}
.nis-mbar__waves path:nth-child(2) {
	animation-delay: .12s !important;
}
.nis-mbar__waves path:nth-child(3) {
	animation-delay: .24s !important;
}
@keyframes nis-wave {
	0%, 70%, 100% {
		opacity: 0;
	}
	12%, 48% {
		opacity: 1;
	}
}
.nis-mbar__phone img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.nis-mbar__phone:active {
	background: var(--nis-on-navy);
	color: var(--nis-navy-deep);
}

/* ---------- drawer: the page's <nav> (search form #2 + menu #2) ---------- */
.nis-drawer__overlay {
	position: fixed;
	inset: 0;
	z-index: 1;
	background: rgba(11, 21, 36, .6);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s;
}
.nis-drawer__overlay.is-open {
	opacity: 1;
	visibility: visible;
}
.nis-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: min(86vw, 360px);
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--nis-cream);
	box-shadow: -24px 0 54px rgba(26, 48, 82, .16);
	visibility: hidden;
	transform: translateX(100%);
	transition: transform .3s var(--nis-ease), visibility .3s;
}
.nis-drawer.is-open {
	visibility: visible;
	transform: none;
}
.nis-drawer__head {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: flex-start;
	min-height: 72px;
	padding: 0 16px;
}
.nis-drawer__search {
	flex: 0 0 auto;
	padding: 0 24px 18px;
}
.nis-drawer__search .search-field {
	padding-inline-end: 52px;
}
.nis-drawer__search .search_icon {
	position: absolute;
	top: 4px;
	left: 4px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	color: var(--nis-navy);
	pointer-events: none;
}
.nis-drawer__search .search_icon::before {
	content: "\e30c";
	font-family: 'Phosphor-Light';
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}
.nis-drawer__search .FilterButton {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: transparent;
	font-size: 0;
	cursor: pointer;
	pointer-events: auto;
	-webkit-appearance: none;
	appearance: none;
}
.nis-drawer__nav {
	flex: 1 0 auto;
	padding-bottom: 32px;
}
.nis-drawer__nav > ul {
	border-top: 1px solid var(--nis-line-1);
}
.nis-drawer__nav > ul > li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 52px;
	align-items: center;
	border-bottom: 1px solid var(--nis-line-1);
}
.nis-drawer__nav > ul > li > a {
	grid-column: 1 / -1;
	display: block;
	min-height: 56px;
	padding: 15px 24px;
	color: var(--nis-navy);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
}
.nis-drawer__nav > ul > li.has-dropdown > a {
	grid-column: 1;
}
.nis-drawer__nav > ul > li.active > a,
.nis-drawer__nav > ul > li > a.on {
	font-weight: 700;
}
.nis-drawer__nav > ul > li.active > a .name,
.nis-drawer__nav > ul > li > a.on .name {
	padding-bottom: 3px;
	border-bottom: 2px solid var(--nis-gold);
}
.nis-drawer__nav .nis-nav__caret {
	grid-column: 2;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	color: var(--nis-navy);
}
.nis-drawer__nav .nis-nav__caret .ph-light {
	font-size: 18px;
}
.nis-drawer__nav ul.dropdown {
	grid-column: 1 / -1;
	display: none;
	padding: 0 0 12px;
}
.nis-drawer__nav li.is-open > ul.dropdown {
	display: block;
}
.nis-drawer__nav ul.dropdown > li > a {
	display: block;
	padding: 11px 24px;
	padding-inline-start: 40px;
	color: var(--nis-text-strong);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	transition: background-color var(--nis-t-color), color var(--nis-t-color);
}
.nis-drawer__nav ul.dropdown > li.active > a,
.nis-drawer__nav ul.dropdown > li > a.active,
.nis-drawer__nav ul.dropdown > li > a:active {
	background-color: var(--nis-sand);
	color: var(--nis-gold-bronze);
}
@media (hover: hover) {
	.nis-drawer__nav ul.dropdown > li > a:hover {
		background-color: var(--nis-sand);
		color: var(--nis-gold-bronze);
	}
}


/* ==========================================================================
   3. LEAD BAR (phones only, <= 640px: section 6) + TO-TOP
   ========================================================================== */
.nis-lead {
	display: none;
}
.nis-lead__min .ph-light {
	font-size: 18px;
	transition: transform .3s var(--nis-ease);
}
.nis-lead__title {
	padding-inline-end: 52px;
	color: var(--nis-navy);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.35;
}
.nis-lead__sub {
	margin-top: 6px;
	color: var(--nis-text-muted);
	font-size: 15px;
	font-weight: 300;
}
.nis-lead__sub a {
	color: var(--nis-navy);
	font-weight: 500;
	white-space: nowrap;
}
.nis-lead__form {
	margin-top: 20px;
}
.nis-totop {
	position: fixed;
	bottom: clamp(16px, 2.4vw, 34px);
	left: clamp(16px, 2.4vw, 34px);
	z-index: var(--nis-z-totop);
	background-color: var(--nis-cream);
	box-shadow: var(--nis-sh-float);
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .3s ease, transform .3s var(--nis-ease), visibility .3s, border-color var(--nis-t-color), color var(--nis-t-color);
}
.nis-totop.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}
/* vee accessibility button (third-party, settings in main.tpl). On tablets and phones (the widget's own breakpoints:
   768-991px and <= 767px) its settings put it at top 100px of the right edge = on the first row of every RTL page
   under the 72px bar (breadcrumbs, kicker). It is moved to the middle of the right edge - its desktop setting - through
   the widget's own css variables; the owner can make the same change in the widget settings. */
body #vplugin-toggler {
	--vp-toggler-position-tablet: center;
	--vp-toggler-position-mobile: center;
	--vp-toggler-offset-top-tablet: 0px;
	--vp-toggler-offset-top-mobile: 0px;
	--vp-toggler-offset-bottom-tablet: 0px;
	--vp-toggler-offset-bottom-mobile: 0px;
}
/* while the drawer or the lead sheet is open, the button sits under their backdrop like the rest of the page */
html.nis-lock body #vplugin {
	z-index: 890;
}


/* ==========================================================================
   4. FOOTER
   ========================================================================== */
.nis-ftr {
	--nis-focus: var(--nis-gold-sand);
	padding: clamp(56px, 6vw, 82px) clamp(20px, 3vw, 40px) 0;
	background: var(--nis-navy-deep);
	color: var(--nis-on-navy-soft);
	font-size: 15px;
	font-weight: 300;
}
.nis-ftr__grid {
	--nis-ftr-gap: clamp(32px, 3.5vw, 48px);
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--nis-ftr-gap);
	padding-bottom: 64px;
}
.nis-ftr__col,
.nis-ftr__brand {
	min-width: 0;
}
.nis-ftr__brand {
	order: -1;
}
.nis-ftr__col--contact {
	grid-column: span 2;
}
/* the design's footer text has the font's normal line height (15px -> 20.4px): rows every 32px (links, gap 12) / 34px
   (branch rows, gap 14) */
.nis-ftr__title {
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--nis-line-gold);
	color: var(--nis-on-navy);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.36;
}
.nis-ftr__links {
	display: flex;
	flex-direction: column;
	gap: 12px;
	line-height: 1.36;
}
.nis-ftr a {
	color: var(--nis-on-navy-soft);
	transition: color var(--nis-t-color), opacity var(--nis-t-color);
}
.nis-ftr__links a {
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.36;
}
@media (hover: hover) {
	.nis-ftr a:hover {
		color: var(--nis-gold-sand);
	}
}
.nis-ftr a:active {
	color: var(--nis-gold-sand);
}
.nis-ftr__text {
	line-height: 1.85;
}

/* ---------- brand: logo chip (design vector over the hard-coded legacy file) + tagline ---------- */
/* the footer's own logo picture (images/logofooter.png), on the navy footer, drawn white like in the header */
.nis-ftr__logo {
	width: 150px;
	height: 76px;
}
.nis-ftr__logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right center;
	filter: brightness(0) invert(1);
}
.nis-ftr__tagline {
	max-width: 300px;
	margin: 26px 0 0;
	font-size: 15.5px;
	font-weight: 300;
	line-height: 1.85;
}

/* ---------- contact: the CMS footer text (two branches) as the design's two branch columns ----------
   Plain layout (no shell.js, or a CMS text that is not two branches - e.g. the lead form of the search page): the text
   flows under "יצירת קשר"; the design titles and e-mail rows of main.tpl stay hidden. */
.nis-ftr__branch,
.nis-ftr__mail {
	display: none;
}
.nis-ftr__contact {
	line-height: 2.45;
}
.nis-ftr__contact p {
	margin: 0;
}
.nis-ftr__contact .infoDiv {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	column-gap: var(--nis-ftr-gap);
}
.nis-ftr__contact .infoDivIn:nth-child(-n + 3) {
	grid-column: 1;
}
.nis-ftr__contact .infoDivIn:nth-child(4) {
	grid-column: 2;
	grid-row: 1 / span 3;
}
.nis-ftr__contact a {
	color: var(--nis-gold-sand);
	white-space: nowrap;
}
@media (hover: hover) {
	.nis-ftr__contact a:hover {
		color: var(--nis-on-navy);
	}
}
@supports selector(:has(*)) {
	.nis-ftr__contact > div:not(.infoDiv):not(:has(a, img, iframe, input)) {
		display: none;
	}
}
/* Branch layout (shell.js: .is-branches; each CMS line in span.nis-ftr__line, the titles and e-mail rows moved next to
   their branch, grid places from --nis-c / --nis-r, or --nis-r1 in one column). One grid for both branches, so the
   rows line up: title | phone | fax | address | e-mail. */
.nis-ftr__col--contact.is-branches {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: start;
	align-items: start;
	gap: 14px var(--nis-ftr-gap);
}
.is-branches .nis-ftr__contact,
.is-branches .infoDiv,
.is-branches .infoDivIn {
	display: contents;
}
.is-branches > .nis-ftr__title--contact {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip-path: inset(50%);
	white-space: nowrap;
}
.is-branches .nis-ftr__branch,
.is-branches .nis-ftr__line,
.is-branches .nis-ftr__mail {
	display: block;
	grid-column: var(--nis-c);
	grid-row: var(--nis-r);
	min-width: 0;
}
.is-branches .nis-ftr__branch {
	margin-bottom: 4px;
}
.is-branches .nis-ftr__line,
.is-branches .nis-ftr__mail {
	line-height: 1.36;
}
.is-branches .nis-ftr__contact > :not(.infoDiv) {
	grid-column: 1 / -1;
}
.nis-ftr__col--contact.is-branches [hidden],
.nis-ftr__col--contact.is-branches .infoDivIn > br {
	display: none;
}

/* ---------- bottom bar: (c) line, the design's legal links, credit ---------- */
.nis-ftr__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 24px;
	padding: 26px 0 34px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	color: var(--nis-on-navy-faint);
	font-size: 13.5px;
	font-weight: 300;
	line-height: var(--nis-lh);
}
/* the end of the bar stays clear of the fixed to-top button */
.nis-ftr__bottom {
	padding-inline-end: 64px;
}
.nis-ftr__copy {
	order: 1;
}
/* the design's legal links (shell.js copies them from the CMS column), then the credit at the far end */
.nis-ftr__legal {
	display: flex;
	flex-wrap: wrap;
	order: 2;
	gap: 8px 24px;
	margin-inline-start: auto;
}
.nis-ftr__legal:empty {
	display: none;
}
.nis-ftr__legal a {
	color: var(--nis-on-navy-faint);
}
.nis-ftr__by {
	display: flex;
	order: 3;
	align-items: center;
	gap: 12px;
}
.nis-ftr__by br {
	display: none;
}
.nis-ftr__by a {
	color: var(--nis-on-navy-faint);
}
.nis-ftr__by img {
	display: block;
	width: auto;
	height: 20px;
	opacity: .6;
	transition: opacity var(--nis-t-color);
}
@media (hover: hover) {
	.nis-ftr__by a:hover img,
	.nis-ftr__by img:hover {
		opacity: 1;
	}
}
/* home only: the SEO menu below the columns (empty today) */
.nis-ftr__grid ~ ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	padding-bottom: 26px;
	font-size: 13.5px;
}
/* search results page: the CMS prints a lead form (form.formFooter) in the contact column */
.nis-ftr form[method="post"] input[type="submit"] {
	background-color: var(--nis-gold-sand);
	color: var(--nis-navy-deep);
}
.nis-ftr form[method="post"] div:has(> input[type="submit"])::after {
	color: var(--nis-navy-deep);
}
@media (hover: hover) {
	.nis-ftr form[method="post"] input[type="submit"]:hover {
		background-color: var(--nis-on-navy);
		color: var(--nis-navy-deep);
	}
}


/* ==========================================================================
   5. WHOLESALE LOGIN MODAL (markup and ids of main.tpl untouched) + MAGNIFIC
   The vendor css is appended at the end of <body>: overrides of its rules
   carry "body" or an id. Page css may skin the gallery further
   (pages/gallery_inner.css: body .mfp-gallery ...).
   ========================================================================== */
.wholesale-login-wrapper {
	position: relative;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--nis-r-card);
	background: var(--nis-cream);
	box-shadow: 0 30px 80px rgba(11, 21, 36, .35);
	color: var(--nis-ink);
	direction: rtl;
	text-align: right;
}
.wholesale-login-form {
	padding: 0;
}
.wholesale-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 30px 32px 0;
}
.wholesale-modal-title {
	margin: 0;
	color: var(--nis-navy);
	font-size: 26px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: var(--nis-ls-title);
}
.wholesale-modal-title::after {
	content: "";
	display: block;
	width: 56px;
	height: 1px;
	margin-top: 14px;
	background: var(--nis-grad-gold-rule);
}
body #wholesale-login-modal .wholesale-modal-close {
	position: static;
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(26, 48, 82, .14);
	border-radius: 50%;
	background: transparent;
	color: var(--nis-navy);
	font-family: var(--nis-font);
	line-height: 1;
	text-align: center;
	opacity: 1;
	transition: border-color var(--nis-t-color), color var(--nis-t-color);
}
body #wholesale-login-modal .close-icon {
	display: block;
	font-size: 26px;
	font-weight: 300;
	line-height: 1;
}
@media (hover: hover) {
	body #wholesale-login-modal .wholesale-modal-close:hover {
		border-color: var(--nis-gold);
		background: transparent;
		color: var(--nis-gold);
	}
}
.wholesale-modal-body {
	padding: 26px 32px 32px;
}
.wholesale-login-form-inner {
	width: 100%;
}
.wholesale-form-group {
	margin-bottom: 20px;
}
.wholesale-form-label {
	display: block;
	margin-bottom: 9px;
	color: var(--nis-navy);
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}
.wholesale-form-input {
	display: block;
	width: 100%;
	height: 52px;
	padding: 0 16px;
	border: 1px solid var(--nis-line-4);
	border-radius: var(--nis-r-field);
	outline: 0;
	background: var(--nis-white);
	color: var(--nis-ink);
	font-size: 16px;
	line-height: 1.5;
	text-align: right;
	direction: rtl;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color var(--nis-t-color), box-shadow var(--nis-t-color);
}
.wholesale-form-input::placeholder {
	color: var(--nis-text-faint);
	opacity: 1;
}
.wholesale-form-input:focus {
	border-color: var(--nis-gold-bronze);
	box-shadow: 0 0 0 3px rgba(26, 48, 82, .16);
}
.wholesale-form-actions {
	margin-top: 28px;
}
.wholesale-btn-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	height: 58px;
	padding: 0 24px;
	border: 0;
	border-radius: var(--nis-r-field);
	background-color: var(--nis-navy);
	color: var(--nis-on-navy);
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color var(--nis-t-btn), color var(--nis-t-btn), opacity var(--nis-t-btn);
}
.wholesale-btn-primary::after {
	content: "\e058";
	font-family: 'Phosphor-Light';
	font-size: 19px;
	font-weight: normal;
	line-height: 1;
}
@media (hover: hover) {
	.wholesale-btn-primary:hover {
		background-color: var(--nis-gold-bronze);
		color: var(--nis-white);
	}
}
.wholesale-btn-primary:active {
	background-color: var(--nis-gold-bronze);
	color: var(--nis-white);
}
.wholesale-btn-primary:disabled {
	opacity: .55;
	cursor: wait;
}
.btn-text {
	display: inline-block;
}
.wholesale-message {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.5;
	text-align: right;
}
.wholesale-message:empty {
	display: none;
}
.wholesale-message .success,
.wholesale-message .error {
	padding: 12px 16px;
	border-radius: var(--nis-r-item);
}
.wholesale-message .success {
	border: 1px solid rgba(46, 125, 50, .25);
	background: #EEF6EE;
	color: #2E6B32;
}
.wholesale-message .error {
	border: 1px solid rgba(179, 55, 44, .25);
	background: var(--nis-danger-soft);
	color: var(--nis-danger);
}

/* ---------- Magnific Popup: overlay, fade, image lightbox chrome ---------- */
body .mfp-bg {
	background: rgb(11, 21, 36);
	opacity: .9;
}
body .mfp-bg.mfp-fade {
	opacity: 0;
	transition: opacity .25s ease;
}
body .mfp-bg.mfp-fade.mfp-ready {
	opacity: .72;
}
body .mfp-bg.mfp-fade.mfp-removing {
	opacity: 0;
}
body .mfp-wrap.mfp-fade .mfp-content {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .25s ease, transform .3s var(--nis-ease);
}
body .mfp-wrap.mfp-fade.mfp-ready .mfp-content {
	opacity: 1;
	transform: none;
}
body .mfp-wrap.mfp-fade.mfp-removing .mfp-content {
	opacity: 0;
	transform: translateY(14px);
}
body .mfp-container {
	padding: 20px;
}
body .mfp-image-holder {
	padding: 0 clamp(16px, 4vw, 56px);
}
body .mfp-image-holder img.mfp-img {
	max-height: 82vh !important;
	padding: 0;
	border-radius: 14px;
}
body .mfp-image-holder .mfp-figure::after {
	display: none;
}
body .mfp-image-holder .mfp-bottom-bar {
	position: fixed;
	top: auto;
	bottom: clamp(18px, 2.4vw, 34px);
	left: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	pointer-events: none;
}
body .mfp-image-holder .mfp-title {
	display: none;
}
body .mfp-image-holder .mfp-bottom-bar > .mfp-counter {
	position: static;
	display: inline-block;
	padding: 9px 18px;
	border: 1px solid rgba(247, 242, 234, .2);
	border-radius: var(--nis-r-pill);
	color: var(--nis-on-navy);
	font-family: var(--nis-font);
	font-size: 13.5px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: .1em;
	direction: rtl;
}
body .mfp-image-holder .mfp-counter .mfp-counter {
	position: static;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
body .mfp-image-holder button.mfp-close,
body .mfp-iframe-holder button.mfp-close,
body .mfp-image-holder button.mfp-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	color: var(--nis-on-navy);
	opacity: 1;
	transition: background-color var(--nis-t-btn), border-color var(--nis-t-btn), color var(--nis-t-btn);
}
body .mfp-image-holder button.mfp-close::before,
body .mfp-iframe-holder button.mfp-close::before,
body .mfp-image-holder button.mfp-arrow::before {
	position: static;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	font-family: 'Phosphor-Light';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	opacity: 1;
}
body .mfp-image-holder button.mfp-arrow::after {
	display: none;
}
body .mfp-image-holder button.mfp-close,
body .mfp-iframe-holder button.mfp-close {
	position: fixed;
	top: clamp(16px, 2.4vw, 34px);
	right: auto;
	left: clamp(16px, 2.4vw, 34px);
	width: 52px;
	height: 52px;
	border: 1px solid rgba(247, 242, 234, .35);
	background: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}
body .mfp-image-holder button.mfp-close::before,
body .mfp-iframe-holder button.mfp-close::before {
	content: "\e4f6";
	font-size: 22px;
}
body .mfp-image-holder button.mfp-arrow {
	top: 50%;
	width: 56px;
	height: 56px;
	border: 1px solid rgba(247, 242, 234, .3);
	background: rgba(18, 35, 59, .4);
	transform: translateY(-50%);
}
body .mfp-image-holder button.mfp-arrow::before {
	font-size: 24px;
}
body .mfp-image-holder button.mfp-arrow-left {
	left: clamp(12px, 2vw, 30px);
}
body .mfp-image-holder button.mfp-arrow-left::before {
	content: "\e138";
}
body .mfp-image-holder button.mfp-arrow-right {
	right: clamp(12px, 2vw, 30px);
}
body .mfp-image-holder button.mfp-arrow-right::before {
	content: "\e13a";
}
@media (hover: hover) {
	body .mfp-image-holder button.mfp-close:hover,
	body .mfp-iframe-holder button.mfp-close:hover,
	body .mfp-image-holder button.mfp-arrow:hover {
		border-color: var(--nis-white);
		background: var(--nis-white);
		color: var(--nis-navy-deep);
	}
}
body .mfp-image-holder button.mfp-close:focus-visible,
body .mfp-iframe-holder button.mfp-close:focus-visible,
body .mfp-image-holder button.mfp-arrow:focus-visible {
	outline: 2px solid var(--nis-gold-sand);
	outline-offset: 3px;
}
body .mfp-preloader {
	color: var(--nis-on-navy-soft);
	font-family: var(--nis-font);
}


/* ==========================================================================
   6. RESPONSIVE + PRINT
   ========================================================================== */
@media (max-width: 1249.98px) {
	.nis-ftr__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.nis-ftr__brand {
		grid-column: 1 / -1;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 16px 32px;
	}
	.nis-ftr__tagline {
		max-width: 420px;
		margin: 0;
	}
}
@media (max-width: 1099.98px) {
	.nis-hdr {
		display: none;
	}
	.nis-mbar {
		position: sticky;
		top: 0;
		z-index: var(--nis-z-header);
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		gap: 8px;
		min-height: 72px;
		padding: 0 16px;
		border-bottom: 0;
		background: var(--nis-navy);
		box-shadow: var(--nis-sh-header);
	}
	/* footer: touch-sized links (44px) */
	.nis-ftr__links {
		gap: 0;
	}
	.nis-ftr__links a {
		padding: 12px 0;
	}
	.nis-ftr__title {
		margin-bottom: 6px;
	}
	.nis-ftr__col--contact:not(.is-branches) .nis-ftr__title {
		margin-bottom: 14px;
	}
	.nis-ftr__contact a,
	.nis-ftr__legal a {
		display: inline-block;
		margin-block: -12px;
		padding-block: 12px;
	}
}
@media (max-width: 899.98px) {
	.nis-ftr__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.nis-ftr__col--contact {
		grid-column: 1 / -1;
	}
}
@media (max-width: 640px) {
	.nis-lead {
		display: block;
	}
	.nis-lead__bar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: var(--nis-z-lead);
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: var(--nis-navy-deep);
		box-shadow: 0 -10px 30px rgba(11, 21, 36, .18);
		transition: transform .35s var(--nis-ease);
	}
	.nis-lead__bar .nis-btn {
		min-width: 0;
		height: 48px;
		padding: 0 12px;
		font-size: 16px;
	}
	/* "חייג עכשיו" white, "השאירו פרטים" in the header navy (outlined, the bar is navy-deep) */
	.nis-lead__bar .nis-lead__call {
		--nis-btn-bg: var(--nis-white);
		--nis-btn-bd: var(--nis-white);
		--nis-btn-fg: var(--nis-navy);
		--nis-btn-bg-h: var(--nis-on-navy);
		--nis-btn-bd-h: var(--nis-on-navy);
		--nis-btn-fg-h: var(--nis-navy-deep);
	}
	.nis-lead__bar .nis-lead__cta {
		--nis-btn-bg: var(--nis-navy);
		--nis-btn-bd: rgba(255, 255, 255, .45);
		--nis-btn-fg: var(--nis-white);
		--nis-btn-bg-h: var(--nis-blue);
		--nis-btn-bd-h: var(--nis-white);
		--nis-btn-fg-h: var(--nis-white);
	}
	.nis-lead__min {
		position: absolute;
		bottom: 100%;
		left: 50%;
		display: grid;
		place-items: center;
		width: 56px;
		height: 28px;
		margin-left: -28px;
		border-radius: 12px 12px 0 0;
		background: var(--nis-navy-deep);
		color: var(--nis-on-navy);
	}
	/* the visible tab is 56 x 28; the hit area grows up and sideways to 72 x 44 (not down, onto the bar's buttons) */
	.nis-lead__min::before {
		content: "";
		position: absolute;
		inset: -16px -8px 0;
	}
	.nis-lead.is-min .nis-lead__bar {
		box-shadow: none;
		transform: translateY(100%);
	}
	.nis-lead.is-min .nis-lead__min .ph-light {
		transform: rotate(180deg);
	}
	.nis-lead.is-form .nis-lead__bar {
		transform: translateY(100%);
	}
	.nis-lead::before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: var(--nis-z-overlay);
		background: rgba(11, 21, 36, .6);
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease, visibility .3s;
	}
	.nis-lead.is-form::before {
		opacity: 1;
		visibility: visible;
	}
	.nis-lead__panel {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: var(--nis-z-drawer);
		max-height: calc(100% - 48px);
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 26px 20px calc(24px + env(safe-area-inset-bottom));
		border-radius: 20px 20px 0 0;
		background: var(--nis-cream);
		box-shadow: 0 -24px 54px rgba(26, 48, 82, .16);
		visibility: hidden;
		transform: translateY(100%);
		transition: transform .35s var(--nis-ease), visibility .35s;
	}
	.nis-lead.is-form .nis-lead__panel {
		visibility: visible;
		transform: none;
	}
	.nis-lead__close {
		position: absolute;
		top: 16px;
		left: 16px;
		width: 44px;
		height: 44px;
	}
	.nis-lead__form form[method="post"] {
		gap: 14px;
	}
	.nis-totop {
		bottom: calc(92px + env(safe-area-inset-bottom));
		left: 16px;
		width: 44px;
		height: 44px;
	}
	.nis-lead.is-min ~ .nis-totop {
		bottom: calc(40px + env(safe-area-inset-bottom));
	}
	.nis-ftr__bottom {
		padding-bottom: calc(34px + 68px + env(safe-area-inset-bottom));
	}
}
@media (max-width: 599.98px) {
	.nis-ftr__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
	}
	.nis-ftr__brand {
		display: block;
	}
	.nis-ftr__tagline {
		margin-top: 22px;
	}
	.nis-ftr__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 20px;
	}
	.nis-ftr__contact .infoDiv {
		grid-template-columns: minmax(0, 1fr);
	}
	.nis-ftr__contact .infoDivIn:nth-child(-n + 3),
	.nis-ftr__contact .infoDivIn:nth-child(4) {
		grid-column: 1;
		grid-row: auto;
	}
	.nis-ftr__contact .infoDivIn:nth-child(4) {
		margin-top: 18px;
	}
	.nis-ftr__contact {
		line-height: 1.95;
	}
	/* branches one under the other: title, phone, fax, address, e-mail, then the next branch */
	.nis-ftr__col--contact.is-branches {
		grid-template-columns: minmax(0, 1fr);
	}
	.is-branches .nis-ftr__branch,
	.is-branches .nis-ftr__line,
	.is-branches .nis-ftr__mail {
		grid-column: 1;
		grid-row: var(--nis-r1);
	}
	.is-branches .nis-ftr__branch ~ .nis-ftr__branch {
		margin-top: 22px;
	}
	.nis-ftr__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
	.nis-ftr__legal {
		margin-inline-start: 0;
	}
	.wholesale-modal-header {
		padding: 24px 22px 0;
	}
	.wholesale-modal-title {
		font-size: 22px;
	}
	.wholesale-modal-body {
		padding: 22px;
	}
	body .mfp-container {
		padding: 12px;
	}
	body .mfp-image-holder {
		padding: 0 12px;
	}
	body .mfp-image-holder img.mfp-img {
		max-height: 72vh !important;
		border-radius: 10px;
	}
	body .mfp-image-holder button.mfp-close,
	body .mfp-iframe-holder button.mfp-close {
		top: 14px;
		left: 14px;
		width: 44px;
		height: 44px;
	}
	body .mfp-image-holder button.mfp-arrow {
		top: auto;
		bottom: 18px;
		width: 44px;
		height: 44px;
		transform: none;
	}
}
/* no JavaScript: the drawer cannot open, so the mobile menu is printed below the bar */
@media (max-width: 1099.98px) {
	html:not(.nis-js) .nis-mbar {
		position: relative;
	}
	html:not(.nis-js) .nis-drawer__nav .nis-nav__caret {
		visibility: hidden;
	}
	html:not(.nis-js) .nis-mbar__menu {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}
	html:not(.nis-js) .nis-mbar__toggle,
	html:not(.nis-js) .nis-drawer__head,
	html:not(.nis-js) .nis-drawer__overlay {
		display: none;
	}
	html:not(.nis-js) .nis-drawer {
		position: static;
		width: auto;
		box-shadow: none;
		visibility: visible;
		transform: none;
	}
	html:not(.nis-js) .nis-drawer__nav ul.dropdown {
		display: block;
	}
}
@media print {
	.nis-hdr,
	.nis-mbar {
		position: static;
	}
	.nis-hdr__actions,
	.nis-mbar__menu,
	.nis-mbar__actions,
	.nis-lead,
	.nis-totop {
		display: none;
	}
}