/* Nature's Lines — catalog (archive-product): grid, card, facets sidebar/shutter,
   toolbar, chips, pagination. Tokens (--nl-*) come from header.css :root. */

.nl-archive { --nl-gutter: clamp(18px, 4vw, 40px); }
.nl-catalog {
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(20px, 4vw, 40px) var(--nl-gutter);
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	color: var(--nl-ink, #222222);
}

/* ---- P2: archive head (breadcrumb + H1 + description) ---- */
.nl-catalog__head { margin-bottom: 20px; }
/* nav wave 4: unified breadcrumbs (shared spec with single.css .nl-crumbs) */
.nl-crumbs { display: flex; flex-wrap: wrap; align-items: center; font-size: 12.5px; color: var(--nl-mute, #6e6e6e); margin-bottom: 12px; }
.nl-crumbs__sep { margin: 0 6px; color: var(--nl-sage, #abc8bf); }
.nl-crumbs__link { color: var(--nl-mute, #6e6e6e); text-decoration: none; }
.nl-crumbs__link:hover { color: var(--nl-gold, #1c1c1c); }
.nl-crumbs__cur { color: var(--nl-ink, #222222); font-weight: 600; }
.nl-catalog__title {
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	font-weight: 300; font-size: 24px; line-height: 1.15; color: var(--nl-ink, #222222); margin: 0 0 8px;
}
.nl-catalog__desc { font-size: 13.5px; line-height: 1.55; color: var(--nl-mute, #6e6e6e); max-width: 560px; margin: 0; }
/* term_description() may carry author inline styles (centered, heading font-size/weight).
   Words are content (C3, untouched); presentation is ours — normalize children into a
   uniform, left-aligned mute block. !important beats the baked-in inline styles. */
.nl-catalog__desc > * { margin: 0 0 4px; padding: 0 !important; text-align: left !important; font: inherit !important; color: inherit; }
.nl-catalog__desc > :last-child { margin-bottom: 0; }
.nl-catalog__desc strong { font-weight: 600; color: var(--nl-ink, #222222); }
@media (min-width: 768px)  { .nl-catalog__title { font-size: 30px; } .nl-catalog__desc { font-size: 14px; } }
@media (min-width: 1024px) { .nl-catalog__title { font-size: 32px; } }

/* ---- toolbar ---- */
.nl-catalog__bar {
	display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
	padding-bottom: 14px; border-bottom: 1px solid var(--nl-line, #e6e3dc);
}
/* K2b: строка «Результатов: N» снята из шаблонов (inc/catalog.php, inc/search.php),
   поэтому эти два правила сейчас ни на что не ложатся. Оставлены НАМЕРЕННО как точка
   восстановления: если владелец захочет счётчик обратно, вернуть надо будет только
   вывод, а вид не придётся собирать заново. Скрывать элемент через display:none было
   бы неправильно, он не скрыт, его просто нет в разметке. */
.nl-catalog__count { font-size: 13px; color: var(--nl-mute, #6e6e6e); }
.nl-catalog__count .nl-num { color: var(--nl-ink, #222222); font-weight: 600; font-feature-settings: "tnum"; }
.nl-catalog__bar .nl-sort { margin-left: auto; }

.nl-filter-toggle {
	display: inline-flex; align-items: center; gap: 7px; min-height: 40px;
	padding: 8px 16px; border: 1px solid var(--nl-line, #e6e3dc); border-radius:  0;
	background: var(--nl-canvas, #fff); color: var(--nl-ink, #222222);
	font-size: 13px; font-weight: 600; cursor: pointer;
}
/* P10: gold counter badge — number of active facets, next to "Filtrid". Only rendered
   when count > 0, and only here on the mobile/tablet trigger (hidden on desktop where
   the filter is a permanent sidebar). Per Natureslines.dc.html L205. */
.nl-filter-toggle__count {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 17px; height: 17px; padding: 0 4px; box-sizing: border-box;
	border-radius:  0; background: var(--nl-gold, #1c1c1c); color: #fff;
	font: 700 10px/17px var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	font-feature-settings: "tnum";
}

/* ---- sort ---- */
.nl-sort { display: inline-flex; align-items: center; gap: 8px; }
.nl-sort__label { font-size: 12px; color: var(--nl-mute, #6e6e6e); }
.nl-sort__select {
	min-height: 40px; padding: 6px 30px 6px 12px; border: 1px solid var(--nl-line, #e6e3dc);
	border-radius:  0; background: var(--nl-canvas, #fff); color: var(--nl-ink, #222222); font-size: 13px;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, var(--nl-mute) 50%), linear-gradient(135deg, var(--nl-mute) 50%, transparent 50%);
	background-position: right 14px center, right 9px center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
}
.nl-sort__go { min-height: 40px; padding: 6px 12px; border: 1px solid var(--nl-line, #e6e3dc); border-radius:  0; background: var(--nl-surface, #f7f5f1); font-size: 13px; cursor: pointer; }
.js .nl-sort__go { display: none; } /* JS auto-submits on change */

/* ---- chip (canonical spec, nav wave 1) ----
   One base pill used by facet option pills (size/price) and the active-filter row.
   Base = canvas + line border; .is-on = ink (selected pill); .nl-chip--active = the
   surface variant in the "Valitud:" row. Numbers mirror .nl-cz__flchip so the two
   chip families read identically across catalog and product card. */
.nl-chip {
	display: inline-flex; align-items: center; gap: 7px; min-height: 32px;
	padding: 8px 14px; border-radius:  0;
	border: 1.4px solid var(--nl-line, #e6e3dc); background: var(--nl-canvas, #fff);
	color: var(--nl-ink, #222222); font-size: 12.5px; font-weight: 600; line-height: 1;
	text-decoration: none; cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.nl-chip:hover { border-color: var(--nl-sage, #abc8bf); }
.nl-chip.is-on { background: var(--nl-ink, #222222); border-color: var(--nl-ink, #222222); color: #fff; }
.nl-chip__x { color: var(--nl-mute, #6e6e6e); font-size: 14px; line-height: 1; opacity: .75; }
.nl-chip--active { background: var(--nl-surface, #f7f5f1); border-color: var(--nl-surface, #f7f5f1); }
.nl-chip--active:hover { border-color: var(--nl-sage, #abc8bf); }

/* active-filter row: muted "Valitud:" lead + chips + gold text reset link */
.nl-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 0 0; }
.nl-chips__lead { font-size: 12px; color: var(--nl-mute, #6e6e6e); }
.nl-chips__reset {
	margin-left: 4px; font-size: 12.5px; font-weight: 600; color: var(--nl-gold, #1c1c1c);
	text-decoration: underline; text-underline-offset: 3px;
}
.nl-chips__reset:hover { color: var(--nl-ink, #222222); }

/* ---- body layout: sidebar + main ---- */
.nl-catalog__body { display: block; padding-top: 18px; }
.nl-catalog__main { min-width: 0; }

/* ---- grid ---- */
.nl-grid {
	display: grid; grid-template-columns: repeat(2, 1fr);
	gap: clamp(13px, 2vw, 20px);
}
@media (min-width: 768px) { .nl-grid { grid-template-columns: repeat(3, 1fr); } }

/* ---- card (reusable component) ---- */
/* P1: cream frame — surface fill + line border + inset padding, per Natureslines.dc.html.
   Desktop/tablet radius 18 / pad 12; mobile (<=600) radius 16 / pad 9 (see media query). */
.nl-card {
	min-width: 0;
	background: var(--nl-surface, #f7f5f1);
	border: 1px solid var(--nl-line, #e6e3dc);
	border-radius:  0;
	padding: 12px;
}
.nl-card__link { display: block; text-decoration: none; color: inherit; }
.nl-card__media {
	/* P1 fix: no border on the media — the card frame is the only contour, image sits
	   in the cream mat via padding (matches maket; removes double outline). */
	position: relative; aspect-ratio: 4 / 5; overflow: hidden;
	border-radius:  0; background: var(--nl-surface, #f7f5f1);
}
.nl-card__media .nl-card__img, .nl-card__media img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .4s ease;
}
.nl-card__link:hover .nl-card__img { transform: scale(1.03); }
.nl-card__ph { position: absolute; inset: 0; }
.nl-card__title {
	margin: 10px 0 4px; font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	font-weight: 300; font-size: 16px; line-height: 1.3; color: var(--nl-ink, #222222);
}
/* P4: gold sum (--gold), weight 600, 13px desktop / 12px mobile. The "alates" prefix
   and the price-on-request state stay mute (gold discipline: gold = CTA + price only). */
.nl-card__price { font-size: 13px; font-feature-settings: "tnum"; }
.nl-price__val { font-weight: 600; color: var(--nl-gold, #1c1c1c); }
.nl-price__prefix { color: var(--nl-mute, #6e6e6e); font-weight: 400; }
.nl-price--na { color: var(--nl-mute, #6e6e6e); }
.nl-card__price .amount { font-weight: 600; }

/* P1/P4: mobile card overrides (<=600) — placed AFTER the base card rules so equal-
   specificity declarations win the cascade. Maket: radius 16, pad 9, title 14, price 12. */
@media (max-width: 600px) {
	.nl-card { border-radius:  0; padding: 9px; }
	.nl-card__title { font-size: 14px; }
	.nl-card__price { font-size: 12px; }
}

/* ---- W1: две плитки свадебного раздела (inc/wedding.php) ----
   Эталон 2.1: нулевые углы, рамка line, Open Sans, подпись и одна строка пояснения,
   ссылкой служит вся плитка. Мобильный колонкой, от 768 две в ряд. Плитка без фото
   закрывается тем же способом, что карточка товара без фото: пустая подложка
   surface внутри медиа. */
.nl-wedtiles {
	display: grid; grid-template-columns: 1fr;
	gap: clamp(13px, 2vw, 20px); margin: 0 0 clamp(18px, 2.4vw, 26px);
}
@media (min-width: 768px) { .nl-wedtiles { grid-template-columns: repeat(2, 1fr); } }

.nl-wedtile {
	display: block; min-width: 0; text-decoration: none; color: inherit;
	background: var(--nl-surface, #f7f5f1);
	border: 1px solid var(--nl-line, #e6e3dc);
	border-radius: 0; padding: 12px;
}
.nl-wedtile__media {
	position: relative; display: block; overflow: hidden;
	aspect-ratio: 3 / 2; border-radius: 0; background: var(--nl-surface, #f7f5f1);
}
.nl-wedtile__media img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .4s ease;
}
.nl-wedtile:hover .nl-wedtile__img { transform: scale(1.03); }
.nl-wedtile__ph { position: absolute; inset: 0; }
.nl-wedtile__title {
	display: block; margin: 12px 0 0;
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	font-weight: 600; font-size: 15.5px; line-height: 1.3; color: var(--nl-ink, #222222);
}
.nl-wedtile__note {
	display: block; margin: 7px 0 0;
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	font-weight: 400; font-size: 12.5px; line-height: 1.6; color: var(--nl-mute, #6e6e6e);
}
.nl-wedtile:focus-visible { outline: 2px solid var(--nl-ink, #222222); outline-offset: 2px; }

@media (max-width: 600px) {
	.nl-wedtile { padding: 9px; }
	.nl-wedtile__title { font-size: 14.5px; }
	.nl-wedtile__note { font-size: 12px; }
}

/* ---- empty state ---- */
.nl-empty { text-align: center; padding: 60px 20px; }
.nl-empty__title { font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif); font-size: 20px; margin: 0 0 6px; }
.nl-empty__sub { color: var(--nl-mute, #6e6e6e); font-size: 13.5px; margin: 0 0 18px; }
.nl-btn {
	display: inline-block; padding: 12px 24px; border-radius:  0;
	background: var(--nl-ink, #222222); color: #fff; text-decoration: none; font-size: 13px; font-weight: 600;
}

/* ---- facets (accordion: header button + collapsible body) ---- */
.nl-facet { padding: 0; border-bottom: 1px solid var(--nl-line, #e6e3dc); }
.nl-facet:last-child { border-bottom: 0; }

/* axis header = full-width toggle button (uppercase label, gold dot when active, chevron) */
.nl-facet__title { margin: 0; }
.nl-facet__toggle {
	display: flex; align-items: center; gap: 8px; width: 100%;
	padding: 14px 0; border: 0; background: none; cursor: pointer; font-family: inherit;
	font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
	color: var(--nl-ink, #222222);
}
.nl-facet__toggle-text { flex: 1; text-align: left; }
.nl-facet__dot { display: none; flex: 0 0 auto; width: 7px; height: 7px; border-radius:  0; background: var(--nl-gold, #1c1c1c); }
.nl-facet.has-active .nl-facet__dot { display: inline-block; }
.nl-facet__chevron {
	flex: 0 0 auto; width: 8px; height: 8px; margin-bottom: 2px;
	border-right: 1.6px solid var(--nl-mute, #6e6e6e); border-bottom: 1.6px solid var(--nl-mute, #6e6e6e);
	transform: rotate(45deg); transition: transform .2s ease;
}
.nl-facet.is-collapsed .nl-facet__chevron { transform: rotate(-45deg); margin-bottom: -2px; }
.nl-facet.is-collapsed .nl-facet__body { display: none; }
.nl-facet__body { padding-bottom: 14px; }

/* pills row (size / price) */
.nl-facet__pills { display: flex; flex-wrap: wrap; gap: 8px; }

/* checkbox options (povod / flower / category) */
.nl-facet__list { list-style: none; margin: 0; padding: 0; }
.nl-facet__opt {
	display: flex; align-items: center; gap: 10px; min-height: 44px; /* tap target on the shutter */
	text-decoration: none; color: var(--nl-ink, #222222); font-size: 14px;
}
.nl-facet__box {
	position: relative; width: 18px; height: 18px; flex: 0 0 auto;
	border: 1.6px solid var(--nl-sage, #abc8bf); border-radius:  0; background: var(--nl-canvas, #fff);
	transition: border-color .15s ease, background-color .15s ease;
}
.nl-facet__opt:hover .nl-facet__box { border-color: var(--nl-ink, #222222); }
.nl-facet__opt.is-on .nl-facet__box { background: var(--nl-ink, #222222); border-color: var(--nl-ink, #222222); }
.nl-facet__opt.is-on .nl-facet__box::after {
	content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 9px;
	border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.nl-facet__label { flex: 1; }
.nl-facet__count { margin-left: auto; padding-left: 8px; color: var(--nl-mute, #6e6e6e); font-size: 12px; font-feature-settings: "tnum"; }
.nl-facet__opt.is-on .nl-facet__label { font-weight: 600; }

/* option limit toggle (JS reveals it, hides the extras) */
.nl-facet__body.is-limited .nl-facet__opt-li--extra { display: none; }
.nl-facet__body.is-limited.is-expanded .nl-facet__opt-li--extra { display: block; }
.nl-facet__more {
	display: inline-block; margin-top: 6px; padding: 4px 0; border: 0; background: none; cursor: pointer; font-family: inherit;
	font-size: 12.5px; font-weight: 600; color: var(--nl-gold, #1c1c1c);
}
.nl-facet__more:hover { color: var(--nl-ink, #222222); }

/* ---- pagination + load-more ---- */
.nl-pagination { margin-top: 28px; text-align: center; }
.nl-pagination__list { display: inline-flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.nl-page {
	display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px;
	border: 1px solid var(--nl-line, #e6e3dc); border-radius:  0; text-decoration: none; color: var(--nl-ink, #222222); font-size: 13px;
}
.nl-page.is-current { background: var(--nl-ink, #222222); color: #fff; border-color: var(--nl-ink, #222222); }
.nl-loadmore {
	display: none; margin: 18px auto 0; padding: 13px 28px; width: max-content;
	border: 1px solid var(--nl-line, #e6e3dc); border-radius:  0; background: var(--nl-canvas, #fff);
	color: var(--nl-ink, #222222); font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer;
}
.js .nl-loadmore { display: block; }          /* JS present: load-more primary */
.js .nl-pagination__list { display: none; }    /* ... numbered pagination becomes the no-JS fallback */

/* Wave 2: bottom-sheet-only chrome. Hidden by default so the desktop sidebar (wave 1)
   is untouched; the <=1023 block below reveals them. */
.nl-filter__handle, .nl-filter__cta { display: none; }

/* ---- desktop: static 250px sidebar (nav wave 1 reskin) ---- */
@media (min-width: 1024px) {
	.nl-filter-toggle { display: none; }
	.nl-catalog__body { display: grid; grid-template-columns: 250px 1fr; gap: 36px; align-items: start; }
	/* K2b: выдача поиска пользуется той же обёрткой .nl-catalog__body, но сайдбара
	   фасетов у неё НЕТ, элемента aside в разметке нет вовсе. В сетке выше это
	   означало, что единственный ребёнок, .nl-catalog__main, падал в ПЕРВУЮ колонку
	   шириной 250px, а вторая оставалась пустой: карточки товаров сжимались до 70px
	   и названия рвались по буквам. Поиску сетка не нужна, он занимает всю ширину.
	   Правило адресное, класс .nl-search стоит только на обёртке этой страницы,
	   поэтому раскладка обычных архивов остаётся ровно прежней. */
	.nl-search .nl-catalog__body { display: block; }
	.nl-filter {
		position: static; transform: none; width: auto; height: auto; box-shadow: none;
		background: transparent; padding: 0 28px 0 0; overflow: visible;
		border-right: 1px solid var(--nl-line, #e6e3dc);
	}
	.nl-filter[aria-hidden="true"] { display: block; }
	.nl-filter__head { display: none; }
	.nl-filter-overlay { display: none !important; }
	/* denser option rows on the static sidebar; the mobile shutter keeps 44px tap targets */
	.nl-filter .nl-facet__opt { min-height: 32px; padding: 7px 0; font-size: 13.5px; }
}

/* ---- mobile + tablet: bottom sheet (nav wave 2) ---- */
@media (max-width: 1023px) {
	.nl-filter {
		position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 41;
		width: auto; max-width: none; max-height: 86vh;
		background: var(--nl-canvas, #fff); border-radius:  0;
		box-shadow: 0 -14px 46px rgba(0, 0, 0, .20);
		transform: translateY(105%); transition: transform .3s cubic-bezier(.3, .8, .3, 1);
		display: flex; flex-direction: column; overflow: hidden; overscroll-behavior: contain;
	}
	.nl-filter__handle {
		display: block; flex: 0 0 auto; width: 40px; height: 4px; border-radius:  0;
		background: var(--nl-line, #e6e3dc); margin: 10px auto 4px; cursor: grab;
	}
	.nl-filter__head {
		flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px;
		padding: 6px 16px 12px; border-bottom: 1px solid var(--nl-line, #e6e3dc);
	}
	.nl-filter__title {
		font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
		font-weight: 300; font-size: 19px; color: var(--nl-ink, #222222);
	}
	.nl-filter__head-actions { display: inline-flex; align-items: center; gap: 12px; }
	.nl-filter__clear { font-size: 13px; font-weight: 600; color: var(--nl-gold, #1c1c1c); text-decoration: underline; text-underline-offset: 3px; }
	.nl-filter__clear:hover { color: var(--nl-ink, #222222); }
	.nl-filter__close { width: 40px; height: 40px; margin: -6px -8px -6px 0; border: 0; background: none; font-size: 24px; line-height: 1; color: var(--nl-ink, #222222); cursor: pointer; }
	.nl-filter__body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 4px 16px 16px; }

	.nl-filter__cta {
		display: block; flex: 0 0 auto; background: var(--nl-canvas, #fff);
		border-top: 1px solid var(--nl-line, #e6e3dc);
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	}
	.nl-filter__apply {
		display: block; width: 100%; box-sizing: border-box; text-align: center;
		padding: 15px; border-radius:  0; background: var(--nl-gold, #1c1c1c); color: #fff;
		font: 700 14px/1 var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif); text-decoration: none;
	}
	.nl-filter__apply.is-loading { opacity: .8; }

	.nl-filter-overlay { position: fixed; inset: 0; z-index: 40; background: rgba(0, 0, 0, .45); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
	html.nl-filter-open { overflow: hidden; }
	html.nl-filter-open .nl-filter-overlay { opacity: 1; pointer-events: auto; }
	html.nl-filter-open .nl-filter { transform: translateY(0); }

	/* active-filter chips as a single horizontal lane (edge-to-edge, hidden scrollbar) */
	.nl-chips {
		flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none;
		margin: 0 calc(-1 * var(--nl-gutter)); padding: 14px var(--nl-gutter) 0; -webkit-overflow-scrolling: touch;
	}
	.nl-chips::-webkit-scrollbar { display: none; }
	.nl-chips > * { flex: 0 0 auto; }
}

/* focus */
.nl-catalog a:focus-visible, .nl-catalog button:focus-visible, .nl-catalog select:focus-visible {
	outline: 2px solid var(--nl-gold, #1c1c1c); outline-offset: 2px; border-radius:  0;
}

/* ---- Z1a: выдача поиска ---- */
.nl-search__bar { gap: 14px; }
.nl-search__form { display: flex; gap: 8px; margin-left: auto; min-width: 0; }
.nl-search__input {
	min-height: 40px; padding: 8px 14px; min-width: 0; width: min(280px, 46vw);
	border: 1px solid var(--nl-line, #e6e3dc); border-radius:  0;
	background: var(--nl-canvas, #fff); color: var(--nl-ink, #222222); font-size: 13px;
}
.nl-search__go {
	min-height: 40px; padding: 8px 16px; border: 1px solid var(--nl-ink, #222222); border-radius:  0;
	background: var(--nl-ink, #222222); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer;
}
.nl-sresults { list-style: none; margin: 22px 0 0; padding: 0; }
.nl-sresult { padding: 16px 0; border-bottom: 1px solid var(--nl-line, #e6e3dc); }
.nl-sresult:last-child { border-bottom: 0; }
.nl-sresult__title {
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	font-size: 16px; font-weight: 600; color: var(--nl-ink, #222222); text-decoration: none;
}
.nl-sresult__title:hover { text-decoration: underline; }
.nl-sresult__type {
	display: inline-block; margin-left: 10px; padding: 2px 8px;
	border: 1px solid var(--nl-line, #e6e3dc); font-size: 11px; color: var(--nl-mute, #6e6e6e);
}
.nl-sresult__ex { margin: 6px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--nl-mute, #6e6e6e); }
@media (max-width: 599px) {
	.nl-search__form { width: 100%; margin-left: 0; }
	.nl-search__input { width: 100%; }
}