/* Tnuva — audit fixes (2026-09-16). Loads last, after site/page/archive CSS. */

/* ------------------------------------------------------------------
   1. Bold runs were rendering in a serif.
   The parent theme's style.css carries a global
       b, strong { font-family: Kameron1, "Open Sans", Helvetica, ... }
   so every <strong> on the site fell out of Manrope/Arial. It also made
   heading line boxes 2px taller, which is what pushed the terms page
   272px long.
   ------------------------------------------------------------------ */

body b,
body strong,
body em,
body i {
	font-family: inherit;
}

/* ------------------------------------------------------------------
   2. Contact Form 7 emits cols="40" rows="10"; nothing overrode it, so
   every message box rendered 393px wide instead of filling its column.
   ------------------------------------------------------------------ */

.tnuva-page .tnp-form textarea,
.tnuva-page .wpcf7-form textarea,
.tnuva-page .tnp-textarea {
	width: 100%;
	max-width: 100%;
	height: 100px;
	box-sizing: border-box;
	resize: vertical;
}

.tnuva-page--become-a-partner .tnp-form textarea,
.tnuva-page--become-a-partner .wpcf7-form textarea { height: 100px; }

/* ------------------------------------------------------------------
   3. /kashrut/ — the 166px of cream below the certification image was
   rendering after the navy FAQ block, because the FAQ section lives
   inside .tnp-body and inherited its bottom padding.
   ------------------------------------------------------------------ */

.tnuva-page--kashrut .tnp-body { padding-bottom: 0; }
.tnuva-page--kashrut .tnp-body .tnp-kash-marks { margin-bottom: min(166px,11.8574vw); }

/* ------------------------------------------------------------------
   4. /products/ — the catalogue CTA and the category rail.
   Squarespace: button 400x71 at x1193 y271; rail 220 wide at x253,
   first item y590, ~43.8px pitch.
   ------------------------------------------------------------------ */

.tnuva-archive--product .tna-hero .tna-wrap { position: relative; }

.tnuva-archive--product .tna-hero-cta {
	position: absolute;
	left: min(1192.99px,85.2137vw);
	top: 52px;
	margin: 0;
}

.tnuva-archive--product .tna-hero-cta .tna-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(399.99px,28.571vw);
	min-width: 240px;
	height: min(71px,5.0715vw);
	min-height: 52px;
	background: #E62A00;
	color: #fff;
	border-radius: 0;
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .32px;
	text-decoration: none;
	text-align: center;
}

.tnuva-archive--product .tna-hero-cta .tna-btn:hover { opacity: .88; color: #fff; }

.tnuva-archive--product .tna-listing .tna-wrap { position: relative; }

/* The rail's width as a token: the product grid has to clear this column,
   and when the two were written out separately they drifted apart. */
.tnuva-archive { --tna-rail: max(160px, min(219.99px, 15.7138vw)); --tna-rail-gap: 40px; }

.tnuva-archive--product .tna-cats {
	position: absolute;
	left: var(--tna-gutter);
	top: 86px;
	width: var(--tna-rail);
	margin: 0;
	padding: 0;
	list-style: none;
}

.tnuva-archive--product .tna-cats li { margin: 0; padding: 0; list-style: none; }

.tnuva-archive--product .tna-cats a {
	display: block;
	padding: 3px 0 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(15px, min(17.68px,1.2629vw), 20px);
	line-height: 1.8;
	font-weight: 400;
	color: #08163A;
	text-decoration: none;
}

.tnuva-archive--product .tna-cats li:first-child a { padding-bottom: 3px; }

.tnuva-archive--product .tna-cats a:hover,
.tnuva-archive--product .tna-cats .is-current a { color: #E62A00; }

@media (max-width: 767px) {
	.tnuva-archive--product .tna-hero-cta {
		position: static;
		margin: 24px 0 0;
	}

	.tnuva-archive--product .tna-cats {
		position: static;
		left: auto;
		width: auto;
		margin: 24px 0 0;
		display: flex;
		flex-wrap: wrap;
		gap: 0 24px;
	}
}

/* ------------------------------------------------------------------
   5. /contact/ — the form block started 94px too low. Squarespace puts
   the "Questions, concerns or suggestions?" heading 63px under the hero;
   the body's 4.6vw padding plus the heading's own margin made it 157.
   ------------------------------------------------------------------ */

.tnuva-page--contact .tnp-body {
	padding-top: 63px;
	padding-bottom: 88px;
}

.tnuva-page--contact .tnp-body > .tnp-center { margin-top: 0; }

/* Footer newsletter: honeypot stays out of sight and out of the tab order. */
.tnf-news-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
/* Confirmation sits above the form, left aligned, exactly as Squarespace shows it. */
.tnf-news-msg{margin:0 0 10px;font-size:.833vw;line-height:1.4;color:inherit}
.tnf-news-msg--err{color:#c0392b}
@media (max-width:900px){.tnf-news-msg{font-size:14px}}

/* The store locator page's FAQ block is authored with its own class names and
   plain <details>, so it never picked up the FAQ design the other pages use.
   Squarespace renders this section navy with a centred white heading; these
   rules map that same design onto the markup that is actually there. */
.tnuva-page .tnp-store-faq{background:var(--tnp-navy,#08163a);padding:104px 0 135px;margin:0;max-width:none}
.tnuva-page .tnp-store-faq-inner{width:min(930.01px,66.4293vw);margin:0 auto}
.tnuva-page .tnp-store-faq h2{font-family:var(--tnp-head);font-size:var(--tnp-h2);line-height:1.3104;font-weight:500;color:#fff;text-align:center;margin:0 0 27px}
.tnuva-page .tnp-store-faq details{border-bottom:1px solid rgba(255,255,255,.25)}
.tnuva-page .tnp-store-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:81px;font-family:var(--tnp-body);font-size:var(--tnp-pmd);line-height:1.8;color:#fff;cursor:pointer;list-style:none}
.tnuva-page .tnp-store-faq summary::-webkit-details-marker{display:none}
.tnuva-page .tnp-store-faq summary::after{content:'';flex:0 0 auto;width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}
.tnuva-page .tnp-store-faq details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.tnuva-page .tnp-store-faq details p{margin:0;padding:0 0 28px;font-size:clamp(14px,min(15.74px,1.1246vw),18px);line-height:1.8;color:rgba(255,255,255,.85)}
@media (max-width:767px){.tnuva-page .tnp-store-faq{padding:56px 20px 64px}.tnuva-page .tnp-store-faq-inner{width:auto}}
.tnuva-page .tnp-store-faq details p a{color:#fff;text-decoration:underline}

/* Our Story: the title, both paragraphs and the buttons were absolutely
   positioned with fixed vw tops. The copy column narrows with the viewport, so
   the text wraps to more lines while the next element's top shrinks - below
   ~1500px the two paragraphs collided (-31px at 1440, -45px at 1280). Put them
   back in normal flow with the gaps measured off the 1920px reference, so the
   design is unchanged at 1920 and simply reflows below it. */
@media (min-width:768px){
 .tnuva-page .tns-story-in{padding-top:min(222px,15.8571vw);min-height:min(932.01px,66.5719vw);box-sizing:border-box}
 .tnuva-page .tns-story-in .tns-title,
 .tnuva-page .tns-story-in .tns-p,
 .tnuva-page .tns-story-in .tns-actions{position:static;top:auto;left:auto}
 .tnuva-page .tns-story-in .tns-title{width:min(459px,32.7854vw);margin:0 0 min(42.01px,3.0007vw)}
 .tnuva-page .tns-story-in .tns-p{width:min(518px,36.9998vw)}
 .tnuva-page .tns-story-in .tns-p1{margin:0 0 .833vw}
 .tnuva-page .tns-story-in .tns-p2{margin:0 0 min(90.01px,6.4293vw)}
 .tnuva-page .tns-story-in .tns-actions{margin:0}
}

/* ---------------------------------------------------------------
   Round 8 - container model corrections (measured against
   tnuva-usa.squarespace.com at 1920 / 1648 / 1440 / 1280).
   --------------------------------------------------------------- */

/* Follow Along: the two reel tiles wrap their image in a bare
   <button class="tnh-video-play"> that had no styling anywhere, so the
   button collapsed to the width of its play glyph and the image inside
   rendered 14x0. Two of the four tiles were therefore empty, which is
   the white space either side of the row. */
.tnuva-home .tnh-ig-item .tnh-video-play{
	display:block;position:relative;width:100%;height:100%;
	padding:0;margin:0;border:0;background:none;cursor:pointer;overflow:hidden;
}
.tnuva-home .tnh-ig-item .tnh-video-play img{
	width:100%;height:100%;object-fit:cover;display:block;
	transition:transform .4s ease;
}
.tnuva-home .tnh-ig-item .tnh-video-play:hover img{transform:scale(1.04)}
.tnuva-home .tnh-ig-item .tnh-video-play span{
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	width:64px;height:64px;border-radius:50%;box-sizing:border-box;
	background:rgba(255,255,255,.92);color:#08163a;
	font-size:20px;line-height:64px;text-align:center;padding-left:4px;
	pointer-events:none;
}

/* Our Story: Squarespace shrinks this band from 629px at 1920 to 513px
   at 1280 and lifts the copy with it, so the hills stay clear of the
   text. Freezing the 1920 values pushed the illustration up behind the
   paragraph. Linear fit through the reference measurements. */
@media (min-width:768px){
	.tnuva-home .tnh-story{
		padding-top:calc(3.75vw + 26.6px);
		padding-bottom:0;
	}
}

/* Our Story illustration: this used to re-centre the cover-cropped backdrop
   (object-position 50% 50%), because anchoring it to the bottom pushed the
   hills up behind the paragraph. There is no backdrop any more - the artwork
   runs full width under the copy as .tnh-story-art - so the rule is gone
   rather than left pointing at an element the page no longer renders. */

/* Hero band: like Our Story, the reference scales this illustration with
   the window (861px at 1920 down to 755 at 1440), so it cannot be frozen
   at its 1920 height. Linear fit through the reference measurements; the
   inner bottom padding is dropped so min-height alone sets the band. */
@media (min-width:768px){
	.tnuva-home .tnh-hero{
		min-height:calc(437px + 22.08vw);
		padding-top:calc(17.92vw - 24.6px);
	}
	.tnuva-home .tnh-hero-inner{padding-bottom:calc(32px + 3.542vw)}
}

/* ---------------------------------------------------------------
   Vertical rhythm. Section heights measured on the reference at
   1920 and 1440: hero 861/755, band 198/192, carousel 463/420,
   story 629/543, features 569/517, band 198/192, carousel 454/412,
   follow 758/702. Every band loses height as the window narrows;
   ours matched at 1920 but held its 1920 padding below that, which
   left roughly 120px of extra air down the page at laptop widths.
   Each padding below is the linear fit through those two anchors.
   --------------------------------------------------------------- */
@media (min-width:768px){
	.tnuva-home .tnh-band{padding-top:calc(19px + 1.25vw)}
	.tnuva-home .tnh-band.tnh-cream{padding-top:calc(58px + 1.25vw)}
	.tnuva-home .tnh-carousel-sec{
		padding-top:0px;
		padding-bottom:calc(9px + 2.8125vw);
	}
	.tnuva-home .tnh-features{
		padding-top:calc(24px + 3.125vw);
		padding-bottom:calc(24px + 3.125vw);
	}
	.tnuva-home .tnh-follow{
		padding-top:calc(21px + 2.1875vw);
		padding-bottom:calc(21.3px + 5.355vw);
	}
}

/* The two heading bands are driven by min-height, not padding: the
   reference runs 198px at 1920 down to 192 at 1440. */
@media (min-width:768px){
	.tnuva-home .tnh-band{min-height:calc(174px + 1.25vw)}
}

/* Our Story page band: the reference scales this illustration band with
   the window (932px at 1905 down to ~884 at 1425); it was frozen. */
@media (min-width:768px){
	.tnuva-page .tns-story-in{
		min-height:0;
		padding-top:calc(60.1px + 7.5vw);
	}
}

/* Our Story band internals stay at their reference px values; the band
   itself loses only ~4% between 1905 and 1425, so only its top padding
   scales (fit above). Without this the generic vertical pass shrank the
   copy block far more than the reference does. */
@media (min-width:768px){
	.tnuva-page .tns-story-in .tns-title{margin:0 0 42px}
	.tnuva-page .tns-story-in .tns-p1{margin:0 0 16px}
	.tnuva-page .tns-story-in .tns-p2{margin:0 0 90px}
	.tnuva-page .tns-story-in .tns-actions{margin:0}
}

/* Team portraits. page.css sets `.tnuva-page .tnp-body img{height:auto}`
   (0,2,1), which out-specifies `.tnp-person-media img{height:100%}`
   (0,1,1). The 251x336 wrapper was therefore correct but the image inside
   fell back to its own aspect ratio, so head-shots with square or short
   sources rendered 251x251 / 251x258 and left a cream gap under them.
   Squarespace crops all four to the same portrait box. */
.tnuva-page .tnp-body .tnp-person-media img,
.tnuva-page .tnp-body .tna-card-media img,
.tnuva-page .tnp-body .tns-media img{
	width:100%;height:100%;object-fit:cover;display:block;
}

/* Our Story band height: reference 925px at 1905, 889 at 1425. */
@media (min-width:768px){
	.tnuva-page .tns-story-in{height:calc(773.3px + 8.33vw)}
}

/* The Follow Along handle already carries a real arrow in the markup, and
   home.css adds another via content: ' \\2192' - double-escaped, so the
   literal text "\2192" was printed after it. */
.tnuva-home .tnh-follow-handle a::after{content:none}

/* ---------------- Header parity ----------------
   Reference at 1425 / 1905: header height 71 (fixed), logo 207x34 with its
   left edge at 43 / 245, nav in Arial 14/26.

   Height and side gutter used to be re-stated here four more times, each
   with its own !important, to climb over the copies in style.css, tnuva.css,
   site.css and home.css. They are now one pair of tokens
   (--tnuva-header-h, --tnuva-header-gutter) declared in tnuva.css and
   applied in site.css; only the nav's typeface is a correction. */
#headercontainer .t26-primary-nav .tnuva-nav-list a{
	font-family:Arial,Helvetica,sans-serif;line-height:26px;
}

/* ---------------- Pass 4: type details ----------------
   Reference readings at 1425:
   hero headline  <strong> inside the h1 -> weight 700 (ours was 500)
   IG handle      #dd2a00 on the inner span (ours #e62a00)
   footer blurb   14/26 Arial   (ours 13/20 Manrope)
   footer links   13/18 Arial   (ours 13/20 Manrope)              */
.tnuva-home .tnh-hero-title{font-weight:700}
.tnuva-home .tnh-follow-handle a{color:#dd2a00}
/* The footer's type - newsletter blurb, list links, store line, copyright
   and legal links - was six rules here, each id-scoped to outrank
   tnuva.css's blanket 13px and each carrying its own line-height (18, 26,
   1.5, 1.7). It is now one token scale in site.css, applied there with the
   same id scoping. Nothing is left to correct. */

/* Remaining type deltas measured on the reference at 1425:
   recipe card category  13/18 Arial (ours 13/15) */
.tnuva-home .tnh-card-cat{line-height:18px}

/* Interior FAQ accordion. Reference: the column is 930 wide at 1905 and 879
   at 1425 (ours was frozen at 930), and the question fills the row - 865 of
   the 879 - at line-height normal. Ours shrink-wrapped each question to its
   own text (123-418px) at line-height 32. */
@media (min-width:768px){
	.tnuva-page .tnp-faq-inner{width:calc(727.6px + 10.625vw)}
}
.tnuva-page .tnp-acc-q > *:first-child{flex:1 1 auto;text-align:left;line-height:normal}

/* ---------------- Footer geometry ----------------
   Measured on the reference at 1425 / 1905:
     footer height   973 / 1013      ours 987 frozen
     logo            323x53 / 342x53 ours 342x56 frozen
     logo left       154 / 363       ours 130 / 362
     columns block   975 wide, top 378 / 393   ours 960 wide, top 400 frozen
     newsletter col  545 / 577       ours 577 frozen
   Each value below is the linear fit through those two anchors. */
/* ---------------- Footer geometry ----------------
   This used to hold four unbounded linear fits traced off the Squarespace
   footer - a logo width that grew without limit with `height: 53px`
   stretching the mark, a .tnf-brand indent that went negative past ~1927px,
   a flat 975px .tnf-cols-inner that overflowed the viewport below ~1100px,
   and a bottom padding that collapsed to ~13px on a phone.

   All four are gone. site.css now owns the footer's geometry outright: one
   content width (--tnf-maxw) for every row, and a vertical rhythm roughly
   half the height of the trace. Nothing here needs to override it. */

/* Store-locator FAQ band: reference 521 at 1425 and 567 at 1905; ours was
   frozen at 568 (padding 104/135). Fit split proportionally over the two. */
@media (min-width:768px){
	.tnuva-page .tnp-store-faq{
		padding-top:calc(23px + 4.25vw);
		padding-bottom:calc(29.5px + 5.54vw);
	}
}

/* ---------------- Product grid ----------------
   The rail and the grid were two linear fits through the 1425 and 1905
   reference frames - `42.083vw - 556.6px` and `838.4px + 15.833vw` - and a
   straight line with no floor keeps going below its lower anchor. Measured
   on /product-cat/pastries/:

     viewport   heading L   rail L    grid right edge
       1600        93.0      116.7       131.0
       1440        50.4       49.4        63.6
       1322        46.3       -0.3        14.0
       1200        42.0      -51.6       -37.4
       1025        35.9     -125.2      -111.0

   The rail crosses the left edge of the window at 1322px and is 125px past
   it at 1025; the grid is wider than the room left for it over the same
   band, so the fourth column runs off the right edge at the same time.
   Neither shows up as a scrollbar, because .tnuva-archive is overflow-x:
   clip - which is why only the disappearing rail was visible.

   Both are placed off --tna-gutter now, the page gutter that the "Products"
   heading above them already uses. It is floored at 3.5vw, so as the window
   narrows the rail stops at the gutter and moves inward - right - instead of
   off the edge, and the grid runs from the rail to the opposite gutter
   rather than carrying a width of its own.

   768-1024 is left alone: that band is fully covered by the !important
   tablet rules further down, so these only need to own 1025 and up. */
@media (min-width:1025px){
	.tnuva-archive .tna-grid--product{
		margin-left:calc(var(--tna-gutter) + var(--tna-rail) + var(--tna-rail-gap));
		margin-right:var(--tna-gutter);
		width:auto;
		column-gap:calc(1.78px + 3.896vw);
	}
}

/* ---------------- Recipe grid + Have Questions band ----------------
   Reference recipe grid is fully fluid: left edge 43 / 57, width 1325 / 1776
   (93vw), gap 28 / 39 (2vw), cards 310 / 415. Ours sat at left 58, width
   1309, gap 38.4 fixed, so the cards came out 298 - 12px small at 1440.
   Have Questions band: reference 943 / 984, ours 898 / 986. */
@media (min-width:768px){
	.tnuva-archive .tna-grid--recipe{
		margin-left:3.017vw;width:93vw;column-gap:2vw;
	}
	.tnuva-archive .tna-questions{
		padding-top:calc(162.9px + 1.973vw);
		padding-bottom:calc(116.9px + 1.417vw);
	}
}

/* Category sidebar. The reference puts it on the page gutter - left 43 at
   1425, 245 at 1905, 220 wide, first card 40px past its right edge - which
   is what `left: var(--tna-gutter)` on the rule itself now does at every
   width. The linear fit that used to live here is described above. */

/* ---------------- Single product page ----------------
   Reference at 1425 / 1905:
     left gutter   43 / 245      gallery 596 / 630 (square)
     gap           43 / 57       text column 686 / 713
     right gutter  57 / 260
   Ours held the 1905 numbers at every width: 253px side padding, a 630
   square, and a text column squeezed to 232px. */
@media (min-width:768px){
	.tnuva-single-page .tns-main{
		padding-left:calc(42.083vw - 556.6px);
		padding-right:calc(42.292vw - 545.6px);
		gap:calc(2.917vw + 1.4px);
		grid-template-columns:calc(495.1px + 7.083vw) 1fr;
	}
	.tnuva-single-page .tns-media{
		width:calc(495.1px + 7.083vw);height:calc(495.1px + 7.083vw);
	}
}

/* ---------------- Single recipe page ----------------
   The recipe layout is NOT the product layout. Reference at 1425 / 1905:
     left gutter 43 / 57   gallery 530 / 710 SQUARE   gap 57 / 77
     right gutter 57 / 72  text column 738 / 989
   Ours reused the product geometry and let the image keep its natural
   ratio: 597x397 at 1440 with a 672 text column. */
@media (min-width:768px){
	.tnuva-single-page--recipe .tns-main{
		padding-left:3.017vw;
		padding-right:calc(3.125vw + 12.5px);
		gap:calc(4.167vw - 2.4px);
		grid-template-columns:calc(37.5vw - 4.4px) 1fr;
	}
	.tnuva-single-page--recipe .tns-media{
		width:calc(37.5vw - 4.4px);height:calc(37.5vw - 4.4px);aspect-ratio:1 / 1;overflow:hidden;
	}
	.tnuva-single-page--recipe .tns-media img{width:100%;height:100%;object-fit:cover;display:block}
}

/* ---------------- Contact page ----------------
   Reference at 1425 / 1905: form column 712 / 753 starting at 154 / 363,
   detail column 379 / 400, gap 123 / 128. Ours was frozen at the 1905
   column widths (753 / 400, gap 129) inside a centred 1324 container, so at
   1440 the form ran 41px wide and the detail column sat 60px off. */
@media (min-width:768px){
	.tnuva-page .tnp-contact{
		width:auto;margin-left:0;margin-right:0;
		padding-left:calc(62.4px + 2.917vw);
		grid-template-columns:calc(590.3px + 8.542vw) calc(316.7px + 4.375vw);
		gap:calc(108.2px + 1.042vw);
	}
}

/* Become a Partner: reference title 657 / 694 wide and form 774 / 818,
   both centred. Ours held the 1905 widths (694 / 818) at every width. */
@media (min-width:768px){
	.tnuva-page .tnp-partner .tnp-partner-title,
	.tnuva-page .tnp-partner .tnp-eyebrow{width:calc(574.9px + 6.25vw)}
	.tnuva-page .tnp-partner .tnp-partner-title{margin-top:calc(48px + 0.208vw)}
	.tnuva-page .tnp-partner-form{width:calc(675.1px + 7.5vw)}
	.tnuva-page .tnp-partner .tnp-partner-in{padding-top:calc(32.4px + 9.583vw)}
}

/* Become a Partner: form block position + internal rhythm to match reference */
@media (min-width:768px){
	.tnuva-page .tnp-partner .tnp-partner-form{padding-top:calc(109.2px + 1.458vw)}
}
.tnuva-page .tnp-partner-form form{padding-top:var(--tnuva-space-l)}

/* Become a Partner: space between form and FAQ band + FAQ column width */
@media (min-width:768px){
	.tnuva-page .tnp-partner .tnp-partner-in{padding-bottom:min(348px,calc(80.1px + 13.96vw))}
	.tnuva-page--become-a-partner .tnp-faq-inner{width:calc(767.3px + 8.54vw)}
}

/* FAQ page (/faq/) - matched to the Squarespace reference */
@media (min-width:768px){
	.tnuva-page--faq .tnp-hero{padding-top:calc(71.9px + 6.04vw);padding-bottom:0}
	.tnuva-page--faq .tnp-hero .tnp-title{width:calc(962.6px + 10.625vw);max-width:none;margin-left:auto;margin-right:auto;text-align:center}
	.tnuva-page--faq .tnp-body{padding-top:0;padding-bottom:0}
	.tnuva-page--faq .tnp-faqs{padding-top:calc(62.2px + 1.042vw)}
	.tnuva-page--faq .tnp-faq-inner{width:calc(767.3px + 8.54vw)}
	.tnuva-page--faq .tnp-faqs{padding-bottom:min(224px,calc(103.9px + 6.25vw))}
	.tnuva-page--faq .tnp-faqs h2{margin-bottom:21px}
	.tnuva-page--faq .tnp-faqs .tnp-accordion{margin-bottom:calc(65.5px + 3.333vw)}
	.tnuva-page--faq .tnp-faqs .tnp-accordion:nth-of-type(n+4){margin-bottom:calc(49.8px + 1.979vw)}
	.tnuva-page--faq .tnp-faqs .tnp-accordion:last-of-type{margin-bottom:0}
}

/* Kashrut + legal pages: hero offset, title/content column and text rhythm to match reference */
@media (min-width:768px){
	.tnuva-page--kashrut .tnp-hero,
	.tnuva-page--privacy-policy .tnp-hero,
	.tnuva-page--terms-and-conditions .tnp-hero{padding-top:calc(32.4px + 9.333vw)}
}
.tnuva-page--kashrut .tnp-hero,
.tnuva-page--privacy-policy .tnp-hero,
.tnuva-page--terms-and-conditions .tnp-hero{padding-left:0;padding-right:0}
@media (min-width:768px){
.tnuva-page--kashrut .tnp-hero .tnp-wrap,
.tnuva-page--privacy-policy .tnp-hero .tnp-wrap,
.tnuva-page--terms-and-conditions .tnp-hero .tnp-wrap,
.tnuva-page--kashrut .tnp-body,
.tnuva-page--privacy-policy .tnp-body,
.tnuva-page--terms-and-conditions .tnp-body{padding-left:43px;padding-right:43px}
}
.tnuva-page--kashrut .tnp-hero .tnp-title,
.tnuva-page--privacy-policy .tnp-hero .tnp-title,
.tnuva-page--terms-and-conditions .tnp-hero .tnp-title{width:min(1400px,100%);max-width:none;margin-left:auto;margin-right:auto}
.tnuva-page--kashrut .tnp-body p,
.tnuva-page--privacy-policy .tnp-body p,
.tnuva-page--terms-and-conditions .tnp-body p{width:min(1400px,100%);max-width:none;margin-left:auto;margin-right:auto;margin-bottom:16px}
.tnuva-page--kashrut .tnp-body h3,
.tnuva-page--privacy-policy .tnp-body h3,
.tnuva-page--terms-and-conditions .tnp-body h3{width:min(1400px,100%);max-width:none;margin-left:auto;margin-right:auto;margin-top:32px;margin-bottom:32px}
.tnuva-page--kashrut .tnp-body h3:first-of-type{margin-top:4px}
@media (min-width:768px){.tnuva-page--kashrut .tnp-body img{width:calc(574.9px + 6.25vw);max-width:none;height:auto}}

/* Our Team: header offset, portrait grid size/gap and column position to match reference */
@media (min-width:768px){
	.tnuva-page--team .tnp-hero{padding-top:max(0px,calc(156.1px - 6.04vw))}
	.tnuva-page--team .tnp-body{padding-left:43px;padding-right:43px}
	/* The grid used to carry margin-top:max(0px,calc(263.2px - 12.08vw)) on
	   top of .tnp-body's own padding-top. The vw term is negative, so that
	   gap grew as the window narrowed - 31px at 1920 but 109px at 1280 -
	   which is backwards, and it was pure addition either way. Removed; the
	   body's padding-top is the space above the portraits. */
	.tnuva-page--team .tnp-team{grid-template-columns:repeat(4,calc(207.3px + 2.292vw));column-gap:calc(88.1px + 0.833vw)}
	.tnuva-page--team .tnp-person-media img{width:100%;height:auto}
}
/* The intro paragraph used to be re-fitted here with
   `width:calc(574.9px + 6.25vw); margin-left:calc(6.25vw - 119.06px)`. Both
   terms were linear fits that only come out right at ~1905px: at 1920 the
   margin resolved to 0.94px and the width to within a pixel of what
   interior.css already gives, so on desktop it bought nothing.

   Everywhere else it did damage, because the media query started at 768 and
   the margin is negative below ~1905 (-69px at 800, -39px at 1280). In the
   tablet band interior.css has already dropped this hero out of its absolute
   layout into a stacked, static one, so that negative margin applied to a
   full-width paragraph and dragged it out past the left gutter.

   interior.css now positions both columns as a share of the wrap, which is
   correct at every width, so this correction is removed rather than
   re-scoped. */

/* Contact: hero offset, block rhythm and form-internal spacing to match reference */
@media (min-width:768px){
	.tnuva-page--contact .tnp-hero{padding-top:max(0px,calc(248.8px - 8.01vw))}
	.tnuva-page--contact .tnp-contact{margin-top:calc(51.9px + 0.8125vw)}
	.tnuva-page--contact .tnp-body{padding-top:max(0px,calc(330.9px - 13.75vw))}
	.tnuva-page--contact .tnp-hero .tnp-title{margin-top:max(0px,calc(93.5px - 3.334vw))}
	.tnuva-page--contact .tnp-contact-form{width:calc(622px + 6.875vw)}
}

/* ------------------------------------------------------------------
   Form rhythm - contact, partner and the archive "Have Questions?"
   block.

   These three forms were spaced by cancellation: .tnp-label carries
   line-height 2.04 and .tnp-cap 2.58, so a one-line label occupied a
   36px and a 31px line box, and the apparent gaps were then pulled
   back out with a dozen negative margins - -21px on a heading, -18px
   on a group label, -29px on the submit button, -15px on a checkbox
   row, -7px on a paragraph. Each one was tuned against a single
   measured width, and they are only ever as good as that width: at a
   different font size, a wrapped label or a validation message the
   rows slide into one another.

   The labels now have an ordinary line box and the fields a single
   positive step off the spacing scale, so the rhythm holds whatever
   the content does.
   ------------------------------------------------------------------ */

.tnuva-page .tnp-label,
.tnuva-page .tnp-cap,
.tnuva-archive .tna-legend,
.tnuva-archive .tna-label,
.tnuva-archive .tna-caption{line-height:1.45;margin:0 0 var(--tnuva-space-3xs)}

.tnuva-page .tnp-field,
.tnuva-archive .tna-field,
.tnuva-archive .tna-fieldset{margin:0 0 var(--tnuva-space-s)}

.tnuva-page .tnp-row-2 .tnp-field,
.tnuva-page .tnp-row-3 .tnp-field,
.tnuva-archive .tna-row-2 .tna-field{margin-bottom:0}

.tnuva-page .tnp-row-2,
.tnuva-page .tnp-row-3,
.tnuva-archive .tna-row-2{gap:var(--tnuva-space-s)}

/* Section headings inside a form: clear air above, a short gap below. */
.tnuva-page .tnp-form-head,
.tnuva-page .tnp-group-label{display:block;line-height:1.4;margin:var(--tnuva-space-m) 0 var(--tnuva-space-2xs)}

.tnuva-page .tnp-form-head:first-child,
.tnuva-page .tnp-group-label:first-child{margin-top:0}

.tnuva-page .tnp-help{margin:0 0 var(--tnuva-space-2xs)}
.tnuva-page .tnp-field.tnp-check{margin-top:var(--tnuva-space-2xs)}
.tnuva-page .tnp-check label{line-height:1.5}
.tnuva-page .tnp-check input[type="checkbox"]{margin-top:.35em}

.tnuva-page .tnp-submit,
.tnuva-page .tnp-partner .tnp-submit,
.tnuva-page .tnp-partner input[type="submit"],
.tnuva-archive .tna-submit{margin-top:var(--tnuva-space-s)}

/* Home: hero and story bands are fixed-height in the reference (1020 / 792
   at both widths). This block used to nest a second @media (min-width:768px)
   inside the first - valid only where CSS nesting is supported, and plainly
   not deliberate. Flattened, with the floor merged into the one declaration. */
@media (min-width:768px){
	.tnuva-home .tnh-hero{min-height:max(85vh,749px)}
}

/* Archives: hero top offset (reference h1 at 187 / 219) */
@media (min-width:768px){
	.tnuva-archive .tna-hero{padding-top:calc(92px + 6.667vw)}
}

/* Our Story: top offset (reference h1 text at 194 / 224) */
@media (min-width:768px){
	.tnuva-page--our-story .tnp-body{padding-top:max(0px,calc(48.8px - 1.25vw))}
}

/* Mobile parity pass: reference type scale, gutter and header height (phones) */
@media (max-width:767px){
	html body .tnuva-page .tnp-title,
	html body .tnuva-page .tns-title,
	html body .tnuva-page .tna-title,
	html body .tnuva-archive .tna-title,
	html body .tnuva-page .tnp-partner-title{font-size:48.4px !important;line-height:59.63px !important}
	html body .tnuva-page h2,html body .tnuva-page .tnp-faqs h2,html body .tnuva-home .tnh-h2{font-size:33.28px !important;line-height:43.61px !important}
	html body .tnuva-page h3{font-size:24.64px !important;line-height:33.39px !important}
	html body .tnuva-page .tnp-body p,html body .tnuva-page .tnp-intro,html body .tnuva-page .tns-story-in p{font-size:17.08px !important;line-height:30.744px !important}
	html body .tnuva-page .tns-story-in{display:flex !important;flex-direction:column !important;gap:12px}
	html body .tnuva-page .tns-story-in > *{margin-top:0 !important;margin-bottom:0 !important}
	html body .tnuva-page--team .tnp-person-media img{width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:264/353;object-fit:cover}
	html body .tnuva-page--team .tnp-intro{width:auto !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;font-size:18.03px !important;line-height:28px !important}
	html body .tnuva-page--team .tnp-person h2{font-size:18.03px !important;line-height:24px !important}
	html body .tnuva-page--team .tnp-person .tnp-role,html body .tnuva-page--team .tnp-person .tnp-quote{font-size:14.99px !important;line-height:27px !important}
	/* phone top offsets fitted to the reference h1 positions */
	html body .tnuva-page--kashrut .tnp-hero,html body .tnuva-page--privacy-policy .tnp-hero,html body .tnuva-page--terms-and-conditions .tnp-hero{padding-top:139px !important}
	html body .tnuva-page--contact .tnp-hero{padding-top:calc(197.1px + 12.5vw) !important}
	html body .tnuva-page--faq .tnp-hero{padding-top:112px !important}
	html body .tnuva-page--become-a-partner .tnp-partner-in{padding-top:139px !important}
	html body .tnuva-page--become-a-partner .tnp-eyebrow{display:none !important}
	html body .tnuva-page--become-a-partner .tnp-partner-title{margin-top:0 !important}
	html body .tnuva-archive .tna-hero{padding-top:147px !important}
	html body .tnuva-archive .tna-grid{column-gap:31px !important}
	html body .tnuva-archive .tna-card-media img{width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:1 / 1;object-fit:cover}
	/* single product / recipe on phones: reference stacks to one column */
	html body .tnuva-single-page .tns-main{display:block !important;padding-left:calc(2.3px + 5.71vw) !important;padding-right:calc(2.3px + 5.71vw) !important;padding-top:0 !important}
	html body .tnuva-single-page .tns-media{width:100% !important;height:auto !important}
	html body .tnuva-single-page .tns-media img{width:100% !important;height:auto !important}
	html body .tnuva-single-page .tns-title{width:auto !important;max-width:none !important;margin-top:0 !important;font-size:32.2px !important;line-height:42px !important}
	html body .tnuva-single-page .tns-related-title,html body .tnuva-single-page .tns-related-grid{margin-left:0 !important;margin-right:0 !important}
	html body .tnuva-single-page .tns-related-card{width:auto !important;max-width:none !important}
	html body .tnuva-single-page .tns-related-grid{column-gap:31px !important}
	html body .tnuva-page .tnp-contact{grid-template-columns:1fr !important}
	html body .tnuva-page .tnp-contact-form{width:100% !important;max-width:none !important}
	/* FAQ page on phones.
	   The per-group margins here were 293, 111, 11, 354 and 374px - fixed
	   grid rows traced off the reference, which on a phone added up to well
	   over a thousand pixels of blank navy between five groups of
	   questions, including one 11px gap in the middle of it. The groups now
	   share one step off the spacing scale. */
	html body .tnuva-page--faq .tnp-faqs{padding-top:var(--tnuva-space-xl) !important}
	html body .tnuva-page--faq .tnp-hero{padding-bottom:0 !important}
	html body .tnuva-page--faq .tnp-body{padding-top:0 !important}
	html body .tnuva-page--faq .tnp-faqs h2{margin-bottom:var(--tnuva-space-s) !important}
	html body .tnuva-page--faq .tnp-acc-q{font-size:17.01px !important;line-height:26px !important}
	html body .tnuva-page--faq .tnp-accordion{margin-bottom:var(--tnuva-space-xl) !important}
	html body .tnuva-page--faq .tnp-accordion:last-of-type{margin-bottom:0 !important}
	html body .tnuva-page .tns-story-in .tns-title{order:1}
	html body .tnuva-page .tns-story-in .tns-img:nth-of-type(1){order:2}
	html body .tnuva-page .tns-story-in .tns-p{order:3}
	html body .tnuva-page .tns-story-in .tns-img:nth-of-type(2){order:5}
	html body .tnuva-page .tns-story-in .tns-actions{order:6}
	html body .tnuva-home .tnh-hero-title{font-size:calc(27.5px + 5.04vw) !important;line-height:calc(33.85px + 6.21vw) !important}
	html body .tnuva-home .tnh-hero{min-height:85vh !important;height:auto !important}
	/* The copy bands carry a padding-top only, and their min-height - the
	   thing that gave them their air on desktop - collapses to ~53px on a
	   phone. The result was a heading and a paragraph sitting hard on the
	   bottom edge of the band and on the section below it. */
	html body .tnuva-home .tnh-band{padding-top:var(--tnuva-space-m) !important;padding-bottom:var(--tnuva-space-m) !important}
	/* 172px of empty space under a phone carousel, and 97px under the promo
	   cards, were section heights copied from the desktop reference.
	   --tnh-feat-pb was never declared anywhere, so the features value was
	   a fallback of 0 plus 97 in any case. */
	html body .tnuva-home .tnh-carousel-sec{padding-top:var(--tnuva-space-m) !important;padding-bottom:var(--tnuva-space-xl) !important}
	html body .tnuva-home .tnh-features{padding-top:var(--tnuva-space-xl) !important;padding-bottom:var(--tnuva-space-xl) !important}
	html body .tnuva-home .tnh-follow{padding-top:var(--tnuva-space-xl) !important;padding-bottom:var(--tnuva-space-2xl) !important}
	html body .tnuva-home .tnh-follow-head{margin-bottom:var(--tnuva-space-m) !important}
	html body #tnuva-home .tnh-carousel-track{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;column-gap:4vw !important}
	html body #tnuva-home .tnh-carousel-track .tnh-slide{flex:0 0 42.9vw !important;width:42.9vw !important;padding-left:0 !important;padding-right:1.8vw !important}
	html body #tnuva-home .tnh-carousel-track .tnh-card{width:42.9vw !important;max-width:none !important}
	html body #tnuva-home .tnh-carousel-track .tnh-card-media img{width:100% !important;max-width:100% !important;aspect-ratio:161/121;height:auto !important;object-fit:cover}
	html body .tnuva-page,html body .tnuva-archive{--tnp-gutter:calc(2.3px + 5.71vw)}
	/* Height and gutter come from --tnuva-header-h / --tnuva-header-gutter.
	   The logo is sized by height with a width cap so it keeps its ratio
	   instead of being stretched to a fixed 183x30 box. */
	html body #headercontainer .t26-site-header .t26-logo img{width:auto !important;height:30px !important;max-width:183px !important}
}

/* Tablet band (768-1024): the reference leaves its fixed phone type at 768
   and uses a fluid "16px + k vw" scale up to 1024. Measured at 800 and 1024. */
@media (min-width:768px) and (max-width:1024px){
	html body .tnuva-page,html body .tnuva-archive{--tnp-gutter:3vw}
	html body .tnuva-page .tnp-title,
	html body .tnuva-page .tns-title,
	html body .tnuva-page .tna-title,
	html body .tnuva-archive .tna-title,
	html body .tnuva-page .tnp-partner-title,
	html body .tnuva-home .tnh-hero-title{font-size:calc(16px + 3.6vw) !important;line-height:1.232 !important}
	html body .tnuva-page h2,html body .tnuva-page .tnp-faqs h2,html body .tnuva-home .tnh-h2{font-size:calc(16px + 1.92vw) !important;line-height:1.3104 !important}
	html body .tnuva-page h3{font-size:calc(16px + 0.96vw) !important;line-height:1.3552 !important}
	html body .tnuva-page .tnp-body p,html body .tnuva-page .tnp-intro,html body .tnuva-page .tns-story-in p{font-size:calc(16px + 0.12vw) !important;line-height:1.8 !important}
	/* gutters: the reference uses 3vw in this band */
	html body .tnuva-page .tnp-wrap,html body .tnuva-archive .tna-wrap,html body .tnuva-page .tnp-body,html body .tnuva-page .tnp-partner-in{padding-left:3vw !important;padding-right:3vw !important}
	html body .tnuva-home .tnh-wrap{padding-left:3vw !important;padding-right:3vw !important}
	/* home carousels: the reference shows four cards on the same 4-column grid as the archives */
	html body .tnuva-home .tnh-carousel-sec{height:396px !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
	html body .tnuva-home .tnh-hero + .tnh-band{height:calc(121.4px + 6.696vw) !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
	html body .tnuva-home .tnh-features + .tnh-band{height:calc(44.9px + 10.27vw) !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
	/* features cards: the reference overlays the label on the image at every width */
	html body .tnuva-home .tnh-feature{position:relative}
	html body .tnuva-home .tnh-feature-media{display:block !important;width:calc(46.88vw - 12px) !important;height:calc(219.6px + 8.93vw) !important}
	html body .tnuva-home .tnh-feature-media img{width:100% !important;height:100% !important;max-width:none !important;object-fit:cover}
	html body .tnuva-home .tnh-feature-body{position:absolute !important;left:calc(4.0178vw - 1.1px) !important;top:auto !important;bottom:var(--tnuva-space-s) !important;right:auto !important;width:auto !important;padding:0 !important}
	html body .tnuva-home .tnh-eyebrow{font-size:14.4px !important;line-height:16px !important;margin:0 0 17px 0 !important}
	html body .tnuva-home .tnh-textlink,html body .tnuva-home .tnh-h3{font-size:calc(16px + 0.96vw) !important;line-height:1.3552 !important;margin:0 !important}
	html body .tnuva-home .tnh-features{height:528px !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
	html body .tnuva-home .tnh-follow{height:calc(233.1px + 30.36vw) !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
	html body #tnuva-home .tnh-carousel-track{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;column-gap:2vw !important}
	html body #tnuva-home .tnh-carousel-track .tnh-slide{flex:0 0 calc((100% - 6vw)/4) !important;width:calc((100% - 6vw)/4) !important;padding-left:0 !important;padding-right:0 !important}
	html body #tnuva-home .tnh-carousel-track .tnh-card{width:100% !important;max-width:none !important}
	html body #tnuva-home .tnh-carousel-track .tnh-card-media img{width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:223/167;object-fit:cover}
	html body .tnuva-home .tnh-hero-sub{font-size:calc(16px + 0.24vw) !important;line-height:1.8 !important;margin-top:0 !important;margin-bottom:15px !important;width:calc(54.9vw - 14.2px) !important;max-width:none !important}
	html body .tnuva-home .tnh-hero-title{margin-bottom:15px !important}
	html body .tnuva-home .tnh-hero-cta{margin-top:0 !important;margin-bottom:0 !important}
	html body .tnuva-home .tnh-hero .tnh-hero-inner{padding-bottom:calc(3.125vw - 1px) !important}
	/* title columns, fitted to the reference at 800 and 1024 */
	html body .tnuva-page--kashrut .tnp-hero .tnp-title,
	html body .tnuva-page--privacy-policy .tnp-hero .tnp-title,
	html body .tnuva-page--terms-and-conditions .tnp-hero .tnp-title,
	html body .tnuva-page--our-story .tns-title{width:calc(31.7vw - 15.6px) !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important}
	html body .tnuva-page--team .tnp-title{width:calc(34.8vw - 8.6px) !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important}
	html body .tnuva-archive .tna-title{width:calc(62.5vw - 12px) !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important}
	html body .tnuva-home .tnh-hero-title{width:calc(54.9vw - 14.2px) !important;max-width:none !important}
	html body .tnuva-page--contact .tnp-hero .tnp-title{width:calc(54.9vw - 14.2px) !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important}
	html body .tnuva-page .tnp-partner-title{width:calc(46.9vw - 12px) !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important}
	/* vertical: hero top padding moved onto the wrap and refitted to the reference (800/1024) */
	html body .tnuva-page--kashrut .tnp-hero,html body .tnuva-page--privacy-policy .tnp-hero,html body .tnuva-page--terms-and-conditions .tnp-hero,
	html body .tnuva-page--team .tnp-hero,html body .tnuva-page--contact .tnp-hero{padding-top:0 !important}
	html body .tnuva-page--kashrut .tnp-hero .tnp-wrap,html body .tnuva-page--privacy-policy .tnp-hero .tnp-wrap,html body .tnuva-page--terms-and-conditions .tnp-hero .tnp-wrap{padding-top:calc(112.6px + 2.679vw) !important}
	html body .tnuva-page--team .tnp-hero .tnp-wrap{padding-top:calc(43.3px + 13.84vw) !important}
	html body .tnuva-page--contact .tnp-hero .tnp-wrap{padding-top:calc(77.3px + 10.71vw) !important}
	html body .tnuva-page--contact .tnp-hero .tnp-title{margin-top:0 !important}
	html body .tnuva-page--our-story .tnp-body{padding-top:0 !important}
	html body .tnuva-page .tns-story-in{padding-left:0 !important;padding-right:0 !important;padding-top:calc(95.4px + 6.696vw) !important}
	html body .tnuva-page .tnp-partner-in{padding-top:calc(162.3px + 4.464vw) !important}
	html body .tnuva-page--kashrut .tnp-body img,html body .tnuva-page--privacy-policy .tnp-body img,html body .tnuva-page--terms-and-conditions .tnp-body img{width:calc(46.9vw - 12px) !important;max-width:none !important;height:auto !important}
	html body .tnuva-page .tnp-faq-inner{width:auto !important;max-width:none !important}
	html body .tnuva-page .tnp-faqs{padding-top:max(0px,calc(155.4px - 8.93vw)) !important}
	html body .tnuva-page--team .tnp-team{grid-template-columns:repeat(3,calc(23.66vw - 15.3px)) !important;column-gap:calc(19.6px + 7.37vw) !important;row-gap:20px !important}
	html body .tnuva-page--team .tnp-person h2{font-size:calc(16px + 0.24vw) !important;line-height:1.3104 !important}
	html body .tnuva-page--team .tnp-person .tnp-role,html body .tnuva-page--team .tnp-person .tnp-quote{font-size:14.4px !important;line-height:25.92px !important}
	html body .tnuva-page--team .tnp-contact-band-in{padding-top:calc(45.2px + 14.7vw) !important}
	/* our-story keeps the reference overlap layout in this band; all offsets are % of the container */
	html body .tnuva-page--our-story .tns-story-in{position:relative !important}
	html body .tnuva-page--our-story .tns-title{margin-bottom:11px !important}
	html body .tnuva-page--our-story .tns-p{width:36.65% !important;max-width:none !important;margin-top:0 !important;margin-bottom:16px !important}
	html body .tnuva-page--our-story .tns-img{position:absolute !important;margin:0 !important}
	html body .tnuva-page--our-story .tns-img:nth-of-type(1){left:59.1% !important;width:40.9% !important;top:calc(72.5px + 2.676vw) !important;height:max(240px,calc(1123.9px - 30.36vw)) !important}
	html body .tnuva-page--our-story .tns-img:nth-of-type(2){left:46.45% !important;width:45.1% !important;top:calc(130px + 12.496vw) !important;height:max(200px,calc(1026.3px - 48.66vw)) !important}
	html body .tnuva-page--our-story .tns-img img{width:100% !important;height:100% !important;object-fit:cover !important}
	html body .tnuva-page--our-story .tnp-faqs{padding-top:max(0px,calc(517px - 34.37vw)) !important}
	html body .tnuva-page--become-a-partner .tnp-faqs{padding-top:0 !important;margin-top:max(0px,calc(8.04vw - 86.3px)) !important}
	html body .tnuva-page--contact .tnp-contact{grid-template-columns:68.8% 31.2% !important;column-gap:0 !important}
	html body .tnuva-page--contact .tnp-body{padding-top:calc(33px + 10.36vw) !important}
	html body .tnuva-page--contact .tnp-contact-form{width:100% !important;max-width:none !important}
	html body .tnuva-page--become-a-partner .tnp-partner-form{width:62.25% !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important;margin-top:max(0px,calc(107px - 12.5vw)) !important}
	/* single item pages: reference keeps a two-column hero and a four-up related row */
	html body .tnuva-single-page .tns-main{padding-left:3vw !important;padding-right:3vw !important;padding-top:0 !important}
	html body .tnuva-single-page--product .tns-main{grid-template-columns:45% 51.74% !important;column-gap:3.26% !important;margin-top:max(0px,calc(23.21vw - 351.7px)) !important}
	html body .tnuva-single-page--recipe .tns-main{grid-template-columns:40% 55.7% !important;column-gap:4.3% !important;margin-top:max(0px,calc(5.8vw - 102.4px)) !important}
	html body .tnuva-single-page--recipe .tns-related{margin-top:calc(109.2px + 11.6vw) !important}
	html body .tnuva-single-page .tns-media{width:100% !important}
	html body .tnuva-single-page .tns-media img{width:100% !important;height:auto !important}
	html body .tnuva-single-page .tns-title{width:auto !important;max-width:none !important}
	html body .tnuva-single-page--product .tns-title{margin-top:max(0px,calc(0.89vw - 40.1px)) !important}
	html body .tnuva-single-page .tns-related{padding-left:3vw !important;padding-right:3vw !important}
	html body .tnuva-single-page--product .tns-related{margin-top:max(0px,calc(18.75vw - 188px)) !important}
	html body .tnuva-single-page .tns-related-title,html body .tnuva-single-page .tns-related-grid{margin-left:0 !important;margin-right:0 !important;width:auto !important}
	html body .tnuva-single-page .tns-related-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
	html body .tnuva-single-page--product .tns-related-grid{column-gap:4.35% !important}
	html body .tnuva-single-page--recipe .tns-related-grid{column-gap:2vw !important}
	html body .tnuva-single-page .tns-related-card{width:auto !important;max-width:none !important}
	/* footer, fitted to the reference at 800 and 1024 */
	/* Footer: only the column title size is a tablet correction. The grid,
	   the brand indent, the logo width and the newsletter offset were all
	   re-layout rules fighting the three different content widths the
	   footer used to have; site.css gives every row the same width now. */
	html body #footercontainer .tnf-col-title{font-size:calc(16px + 0.24vw) !important;line-height:1.3104 !important}
	html body .tnuva-page--team .tnp-person-media img{width:100% !important;max-width:none !important;height:auto !important;aspect-ratio:264/353;object-fit:cover}
	html body .tnuva-page--become-a-partner .tnp-eyebrow{display:none !important}
	html body .tnuva-page .tnp-partner-title{margin-top:0 !important}
	html body .tnuva-archive .tna-hero{padding-top:0 !important}
	html body .tnuva-archive .tna-hero .tna-wrap{padding-top:calc(132.9px + 4.018vw) !important}
	/* archive grid: the reference keeps 4 columns and a 260px category rail here */
	html body .tnuva-archive .tna-cats{left:3vw !important}
	/* The rail column plus its gap, from the same two tokens the desktop
	   band uses. It was a flat 260px, which is a ~100px gap against a
	   160px rail here and put a 54px step in the grid's left margin on
	   the 1024/1025 boundary. */
	html body .tnuva-archive .tna-grid--product{margin-left:calc(3vw + var(--tna-rail) + var(--tna-rail-gap)) !important;margin-right:3vw !important;width:auto !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;column-gap:calc(6.12vw - 21.6px) !important}
	html body .tnuva-archive .tna-card{width:auto !important;max-width:none !important}
	html body .tnuva-archive .tna-card-media img{width:100% !important;max-width:100% !important;height:auto !important}
	html body .tnuva-archive .tna-grid--product{row-gap:48px !important;margin-top:max(0px,calc(229.3px - 14.29vw)) !important}
	html body .tnuva-archive .tna-grid--recipe{grid-template-columns:repeat(4,minmax(0,1fr)) !important;column-gap:2vw !important;row-gap:calc(9.7px + 1.79vw) !important;margin-left:3vw !important;margin-right:3vw !important;width:auto !important;margin-top:max(0px,calc(265.4px - 15.18vw)) !important}
}

/* Archive grids: reference row gap is a constant 48px on products and
   calc(10.3px + 1.875vw) on recipes; our earlier fits had 25 and 38.4,
   and both grids started a few px too high. Measured at 800/1024/1425/1905. */
@media (min-width:1025px){
	.tnuva-archive .tna-grid--product{row-gap:48px;margin-top:max(0px,calc(29.9px - 0.417vw))}
	.tnuva-archive .tna-grid--recipe{row-gap:calc(10.3px + 1.875vw);margin-top:max(0px,calc(66.4px - 1.354vw))}
}

@media (min-width:1025px){
	.tnuva-page--contact .tnp-hero .tnp-title{width:calc(637.3px + 9.17vw);max-width:none;margin-left:auto;margin-right:auto;text-align:center}
}

/* ------------------------------------------------------------------
   /contact/ hero illustrations. page.css hides .tnp-hero-art below
   1025, but the reference shows all three down to 768 and two of them
   on phones. Geometry fitted to the reference at 800/1024 and at
   375/415/600/767.
   ------------------------------------------------------------------ */
@media (min-width:1025px){
	html body .tnuva-page--contact .tnp-hero-art-1{left:max(0px,calc(21.46vw - 288.9px)) !important;right:auto !important;top:calc(106.4px + 3.125vw) !important;width:calc(197.3px + 1.667vw) !important}
	html body .tnuva-page--contact .tnp-hero-art-2{left:auto !important;right:max(3vw,(100% - 1400px)/2) !important;top:calc(49.4px + 2.5vw) !important;width:calc(129.3px + 1.875vw) !important}
	html body .tnuva-page--contact .tnp-hero-art-3{left:auto !important;right:max(0px,(100% - 1400px)/2 - 178px) !important;top:max(0px,calc(356.9px - 0.417vw)) !important;width:calc(60.6px + 17.5vw) !important}
}
@media (min-width:768px) and (max-width:1024px){
	html body .tnuva-page--contact .tnp-hero-art{display:block !important;height:auto !important}
	html body .tnuva-page--contact .tnp-hero-art-1{left:0 !important;right:auto !important;top:calc(107.4px + 3.57vw) !important;width:calc(18.3vw - 8.4px) !important}
	html body .tnuva-page--contact .tnp-hero-art-2{left:auto !important;right:3vw !important;top:calc(54.1px + 2.23vw) !important;width:calc(11.61vw - 9.9px) !important}
	html body .tnuva-page--contact .tnp-hero-art-3{left:auto !important;right:0 !important;top:calc(192.3px + 13.84vw) !important;width:calc(22.32vw - 9.6px) !important}
}
@media (max-width:767px){
	html body .tnuva-page--contact .tnp-hero-art-1,html body .tnuva-page--contact .tnp-hero-art-2{display:block !important;height:auto !important}
	html body .tnuva-page--contact .tnp-hero-art-1{left:calc(19.64vw - 53.6px) !important;right:auto !important;top:calc(72px + 11.99vw) !important;width:93px !important}
	html body .tnuva-page--contact .tnp-hero-art-2{left:auto !important;right:max(0px,19.76vw - 91.5px) !important;top:calc(297.7px + 9.94vw) !important;width:min(37.5vw - 6.6px,168px) !important}
	html body .tnuva-page--contact .tnp-hero-art-3{display:none !important}
}

/* ------------------------------------------------------------------
   /store-locator/: match the reference layout. The reference page has no
   h1 and no intro line - its Elfsight widget carries its own title - and
   the widget is a two-column block, panel left and map right, 900px tall.
   Block geometry measured from the reference at 1024 and 1425:
   top 128/165, left 111/154, width 788/1102, columns 388+12+388.
   ------------------------------------------------------------------ */
@media (min-width:768px){
	.tnuva-page--store-locator .tnp-hero{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}
	.tnuva-page--store-locator .tnp-body > p:first-of-type{display:none}
	.tnuva-page--store-locator .tnp-body{padding-top:calc(33.5px + 9.23vw)}
	.tnuva-page--store-locator .tnl{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-rows:900px !important;column-gap:12px !important;align-items:stretch;width:min(calc(78.3vw - 13.9px),1165px) !important;margin-left:auto !important;margin-right:auto !important;margin-top:0 !important;height:900px !important}
	.tnuva-page--store-locator .tnl-panel{grid-column:1 !important;grid-row:1 !important}
	.tnuva-page--store-locator .tnl-map{grid-column:2 !important;grid-row:1 !important}
	.tnuva-page--store-locator .tnl-panel{height:900px !important;min-height:0;display:grid !important;grid-template-rows:auto auto auto minmax(0,1fr) !important}
	.tnuva-page--store-locator .tnl-list{min-height:0 !important;max-height:none !important;height:auto !important;overflow-y:auto !important}
	.tnuva-page--store-locator .tnl-map{height:900px !important;min-height:0}
}

/* store-locator, phones: the reference has no h1 or intro at any width;
   its widget block sits at top 171 and spans the gutter at 375. */
@media (max-width:767px){
	html body .tnuva-page--store-locator .tnp-hero{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}
	html body .tnuva-page--store-locator .tnp-body > p:first-of-type{display:none !important}
	html body .tnuva-page--store-locator .tnl{margin-top:0 !important}
	html body .tnuva-page--store-locator .tnp-body{padding-top:171px !important}
}

/* store-locator panel typography, matched to the reference widget:
   title 32/40 #081538, count 14/18 at 50%, name 16/24, address 13/16 in the
   same navy (ours was link blue), search button 82x33. */
html body .tnuva-page--store-locator .tnp-body .tnl-title{font-size:32px !important;line-height:40px !important;font-weight:700 !important;color:#081538 !important;padding:20px 20px 12px !important}
html body .tnuva-page--store-locator .tnp-body .tnl-search{padding:0 20px !important}
html body .tnuva-page--store-locator .tnp-body .tnl-search input{font-size:14px !important;height:33px !important}
html body .tnuva-page--store-locator .tnp-body .tnl-search button{height:33px !important;padding:0 16px !important;font-size:13px !important;font-weight:400 !important;border-radius:4px !important;background:#111 !important}
html body .tnuva-page--store-locator .tnp-body .tnl-count{font-size:14px !important;line-height:18px !important;color:rgba(8,21,56,.5) !important;padding:14px 20px 10px !important}
html body .tnuva-page--store-locator .tnp-body .tnl-item{padding:10px 20px !important}
html body .tnuva-page--store-locator .tnp-body .tnl-name{font-size:16px !important;line-height:24px !important;font-weight:700 !important;color:#081538 !important;display:block;margin-bottom:8px}
html body .tnuva-page--store-locator .tnp-body .tnl-addr{font-size:13px !important;line-height:16px !important;font-weight:400 !important;color:#081538 !important;text-decoration:none !important}

/* Leaflet z-index containment: the map panes (400) and controls (1000) sit
   in no stacking context of their own, so they painted over the header
   (z 100) and its mega menu. Isolate the map and lift the header. */
.tnuva-page--store-locator .tnl-map{position:relative;z-index:0;isolation:isolate}

/* ------------------------------------------------------------------
   Customizer CSS (Appearance > Customize > Additional CSS) still
   carries the 2017 header:

     #headercontainer        { background-image: url(.../navbar-img-1-1.jpg);
                               background-position: center }
     #headercontainer.shrink { background-image: url(.../tnuva_usa_illustration_strip.png) }

   That block is printed in wp_head at priority 101 - after every
   enqueued stylesheet - and `#headercontainer` scores exactly the
   same as the rule in site.css, so the later one wins and the cream
   bar is painted over with the old navbar photograph. `.shrink` is
   added by the parent theme's scroll handler, so the illustration
   strip can come back on scroll as well.

   The right fix is to delete those two rules from the Customizer;
   nothing in this build uses them. Until that happens these two
   selectors out-specify them - (1,0,2) and (1,1,2) against (1,0,0)
   and (1,1,0) - so no !important is needed, and they stay harmless
   once the Customizer is cleaned up.
   ------------------------------------------------------------------ */
/* style.css also ships `#headercontainer.shrink { height: 110px }`, which
   out-specifies the `height: auto` reset in site.css, so the bar jumped to
   110px the moment the parent theme's scroll handler added the class. The
   bar is one height on this site, scrolled or not. */
html body #headercontainer,
html body #headercontainer.shrink {
	background-color: #F2ECD9;
	background-image: none;
	height: auto;
	min-height: 0;
	border-bottom: 0;
	box-shadow: none;
}