/* Nuh Süt compact mobile grids + minimal footer, 2026-10-07 */
.nuh-footer__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:72px;padding:46px 0 34px}
.nuh-footer__brand img{width:142px;height:82px;margin-left:-6px}
.nuh-footer__brand p{max-width:360px;margin:8px 0 14px;font-size:12px;line-height:1.55}
.nuh-footer__contact-link{font-size:12px}
.nuh-footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 34px;align-content:center}
.nuh-footer__nav a{color:rgba(255,255,255,.72);font-size:12px;font-weight:650;transition:color .2s ease,transform .2s ease}
.nuh-footer__nav a:hover{color:#fff;transform:translateX(2px)}
.nuh-footer__bottom{padding:14px 0 18px}
.nuh-footer__utility{display:flex;align-items:center;gap:18px}
.nuh-footer__utility a{color:rgba(255,255,255,.56);font-size:10px}

@media (max-width:768px){
.nuh-trust-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nuh-trust-item,.nuh-trust-item+.nuh-trust-item,.nuh-trust-item:nth-child(3),.nuh-trust-item:nth-child(4){min-height:138px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px 16px;border:1px solid var(--nuh-line);border-radius:18px;background:#fff}
.nuh-trust-item>span{position:static;margin-bottom:14px;font-size:23px;line-height:1}
.nuh-trust-item strong{font-size:13px;line-height:1.25}
.nuh-trust-item small{margin-top:5px;font-size:10px;line-height:1.35}

.nuh-product-rail{grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:calc((100% - 10px)/2);gap:10px;padding-bottom:8px;scroll-snap-type:x mandatory}
.nuh-product-card{border-radius:17px}
.nuh-product-card__image{padding:10px;aspect-ratio:1/1}
.nuh-product-card__body{min-height:82px;gap:8px;padding:12px}
.nuh-product-card__body h3{font-size:12px}
.nuh-product-card__body p,.nuh-product-card__price{font-size:10px}
.nuh-product-card__cart{width:34px;height:34px;border-radius:10px}

.nuh-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px 0 50px}
.nuh-process li{display:block;min-height:184px;padding:16px 14px;text-align:left;background:#fff;border:1px solid var(--nuh-line);border-radius:18px}
.nuh-process__number{display:none}
.nuh-process__icon{width:50px;height:50px;margin:0 0 14px;border-width:5px}
.nuh-process__icon .nuh-icon{width:22px;height:22px}
.nuh-process h3{margin:0 0 7px;font-size:13px;line-height:1.3}
.nuh-process p{max-width:none;margin:0;font-size:10.5px;line-height:1.45}

.nuh-certificates__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nuh-certificate-card,.nuh-certificates__cards>div{min-height:180px;padding:14px 10px;border-radius:18px}
.nuh-certificate-card img{max-width:86px;height:82px;margin-bottom:10px}
.nuh-certificate-card strong{font-size:11px}
.nuh-certificate-card small{font-size:9px}

.nuh-footer__grid{grid-template-columns:1fr;gap:24px;padding:34px 0 24px}
.nuh-footer__brand{grid-column:auto}
.nuh-footer__brand img{width:118px;height:68px;margin-left:-4px}
.nuh-footer__brand p{max-width:290px;margin:5px 0 12px;font-size:11px}
.nuh-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.11)}
.nuh-footer__nav a{font-size:11px}
.nuh-footer__bottom{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:13px 0 18px}
.nuh-footer__utility{gap:12px}
}

@media (max-width:460px){
.nuh-certificates__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.nuh-footer__grid{grid-template-columns:1fr}
.nuh-product-rail{grid-auto-columns:calc((100% - 8px)/2);gap:8px}
}

/* 21st.dev "Minimal Button" adapted to the Nuh Süt hero. */
.nuh-hero-skip{
position:absolute;
right:22px;
bottom:22px;
z-index:80;
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
min-height:24px;
padding:4px 8px 4px 9px;
overflow:hidden;
isolation:isolate;
border:1px solid rgba(7,85,47,.22);
border-radius:999px;
background:rgba(255,255,255,.88);
color:#07552F;
font-size:8.5px;
font-weight:700;
letter-spacing:.025em;
line-height:1;
box-shadow:0 3px 10px rgba(18,51,38,.10),inset 0 1px 0 rgba(255,255,255,.92);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
cursor:pointer;
touch-action:manipulation;
}
.nuh-hero-skip::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(7,85,47,.035) 5px 6px);
pointer-events:none;
}
.nuh-hero-skip span{position:relative;z-index:1}
.nuh-hero-skip i{
position:relative;
z-index:1;
width:15px;
height:15px;
display:grid;
place-items:center;
border-radius:50%;
background:#07552F;
color:#fff;
font-style:normal;
font-size:8px;
line-height:1;
}
.nuh-hero-skip:hover{background:#fff;border-color:rgba(7,85,47,.34)}
.nuh-hero-edge-mobile{pointer-events:none!important}

/* Footer logo stays legible on the dark brand surface. */
.nuh-footer__logo{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
padding:5px 10px;
background:#fff;
border:1px solid rgba(255,255,255,.16);
border-radius:999px;
box-shadow:0 8px 24px rgba(0,0,0,.10);
}
.nuh-footer__logo img{
width:126px!important;
height:64px!important;
margin:0!important;
object-fit:contain!important;
filter:none!important;
opacity:1!important;
}
.nuh-footer__credit{
color:#fff!important;
font-weight:700;
opacity:.88;
}

@media (max-width:768px){
.nuh-hero-skip{
left:50%;
right:auto;
bottom:-20px;
min-height:22px;
padding:3px 7px 3px 8px;
font-size:8px;
transform:translateX(-50%);
}
.nuh-hero-skip i{width:14px;height:14px;font-size:7px}
.nuh-footer__logo{padding:4px 9px}
.nuh-footer__logo img{width:108px!important;height:56px!important}
.nuh-footer__credit{flex-basis:100%;order:10}
}


/* 2026-10-07 hero interaction hotfix + 21st.dev Minimal Button refinement */
.nuh-about-home__media.nuh-reveal{
	opacity:1!important;
	transform:none!important;
	transition:none!important;
}

.nuh-hero-skip{
	z-index:140!important;
	min-height:22px!important;
	padding:3px 7px 3px 8px!important;
	gap:4px!important;
	border:0!important;
	background:rgba(255,255,255,.94)!important;
	color:#07552F!important;
	font-size:8px!important;
	font-weight:700!important;
	letter-spacing:.02em!important;
	box-shadow:0 8px 24px rgba(18,51,38,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.nuh-hero-skip::before{
	background:repeating-linear-gradient(135deg,rgba(7,85,47,.055) 0 1px,transparent 1px 7px)!important;
	opacity:.65;
}
.nuh-hero-skip i{
	width:13px!important;
	height:13px!important;
	font-size:6.5px!important;
}
[data-hero-skipped="true"] .nuh-hero-skip{display:none!important}

.nuh-footer__logo{
	min-width:148px!important;
	min-height:76px!important;
	padding:3px 8px!important;
}
.nuh-footer__logo img{
	display:block!important;
	visibility:visible!important;
	width:132px!important;
	height:70px!important;
	margin:0!important;
	object-fit:contain!important;
	filter:none!important;
	opacity:1!important;
	transform:none!important;
}
.nuh-footer__credit{
	color:#fff!important;
	font-weight:700!important;
	opacity:.92!important;
}

@media (max-width:768px){
	.nuh-scroll-film__sticky{isolation:auto!important}
	.nuh-hero-skip{
		left:50%!important;
		right:auto!important;
		bottom:10px!important;
		min-height:20px!important;
		padding:2px 6px 2px 7px!important;
		font-size:7.5px!important;
		transform:translateX(-50%)!important;
	}
	.nuh-hero-skip i{width:12px!important;height:12px!important;font-size:6px!important}
	.nuh-footer__logo{min-width:132px!important;min-height:68px!important;padding:2px 7px!important}
	.nuh-footer__logo img{width:116px!important;height:62px!important}
}


/* BTL 2026-10-07 — product carousel polish + semantic quality icons */
.nuh-product-rail[data-carousel="home-products"] {
	display: flex;
	grid-template: none;
	grid-auto-flow: initial;
	grid-auto-columns: initial;
	gap: 18px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding: 6px 4px 18px;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.nuh-product-rail[data-carousel="home-products"]::-webkit-scrollbar {
	display: none;
}

.nuh-product-rail[data-carousel="home-products"] > .nuh-product-card {
	position: relative;
	flex: 0 0 calc((100% - 54px) / 4);
	min-width: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(7,85,47,.20);
	border-radius: 20px;
	box-shadow: 0 12px 30px rgba(18,51,38,.055);
	scroll-snap-align: start;
	transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.nuh-product-rail[data-carousel="home-products"] > .nuh-product-card:hover {
	transform: translateY(-4px);
	border-color: rgba(7,85,47,.38);
	box-shadow: 0 16px 38px rgba(18,51,38,.09);
}

.nuh-product-rail[data-carousel="home-products"] .nuh-product-card__image {
	margin: 10px 10px 0;
	overflow: hidden;
	border: 1px solid rgba(7,85,47,.09);
	border-radius: 10px;
	background: var(--nuh-bg);
}

.nuh-product-rail[data-carousel="home-products"] .nuh-product-card__body {
	padding: 18px 18px 20px;
}

.nuh-product-rail[data-carousel="home-products"] .nuh-product-card__cart {
	border: 1px solid rgba(255,255,255,.32);
	box-shadow: 0 6px 16px rgba(7,85,47,.14);
	transition: transform .2s ease, background-color .2s ease;
}

.nuh-product-rail[data-carousel="home-products"] .nuh-product-card__cart:hover {
	transform: translateY(-2px);
	background: var(--nuh-green-deep);
}

/* Each quality step carries its own process-specific line icon. */
.nuh-process li:nth-child(1) .nuh-icon--check::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8v4l2 3v10H6V10l2-3V3Zm0 5h8M9 13h6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8v4l2 3v10H6V10l2-3V3Zm0 5h8M9 13h6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nuh-process li:nth-child(2) .nuh-icon--check::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6m-1 0v5l4 8a3 3 0 0 1-2.7 4H8.7A3 3 0 0 1 6 16l4-8V3m-2 10h8' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6m-1 0v5l4 8a3 3 0 0 1-2.7 4H8.7A3 3 0 0 1 6 16l4-8V3m-2 10h8' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nuh-process li:nth-child(3) .nuh-icon--check::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10l5 3V9l5 3V6l6 4v10H4Zm3-4h2m3 0h2m3 0h1' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10l5 3V9l5 3V6l6 4v10H4Zm3-4h2m3 0h2m3 0h1' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nuh-process li:nth-child(4) .nuh-icon--check::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 7 8-4 8 4-8 4-8-4Zm0 0v10l8 4 8-4V7M12 11v10' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 7 8-4 8 4-8 4-8-4Zm0 0v10l8 4 8-4V7M12 11v10' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nuh-process li:nth-child(5) .nuh-icon--check::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3Zm-3 9 2 2 4-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3Zm-3 9 2 2 4-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nuh-process li:nth-child(6) .nuh-icon--check::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h11v10H3V6Zm11 4h4l3 4v2h-7v-6ZM5 18a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm10 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h11v10H3V6Zm11 4h4l3 4v2h-7v-6ZM5 18a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm10 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nuh-process__icon {
	background: var(--nuh-accent-soft, #DDE9E1);
	transition: transform .25s ease, box-shadow .25s ease;
}

.nuh-process li:hover .nuh-process__icon {
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px var(--nuh-line), 0 10px 24px rgba(18,51,38,.07);
}

@media (max-width: 768px) {
	.nuh-product-rail[data-carousel="home-products"] {
		gap: 10px;
		padding: 4px 2px 14px;
		scroll-snap-type: x mandatory;
	}

	.nuh-product-rail[data-carousel="home-products"] > .nuh-product-card {
		flex-basis: calc((100% - 10px) / 2);
		border-radius: 20px;
	}

	.nuh-product-rail[data-carousel="home-products"] .nuh-product-card__image {
		margin: 6px 6px 0;
		padding: 10px;
		border-radius: 10px;
		aspect-ratio: 1 / 1;
	}

	.nuh-product-rail[data-carousel="home-products"] .nuh-product-card__body {
		min-height: 82px;
		padding: 12px 12px 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nuh-product-rail[data-carousel="home-products"] {
		scroll-behavior: auto;
	}
	.nuh-product-rail[data-carousel="home-products"] > .nuh-product-card,
	.nuh-process__icon {
		transition: none;
	}
}


/* HOTFIX 2026-10-07: mobile products MUST be one row / two visible columns */
@media (max-width: 768px) {
	.nuh-products-home .nuh-product-rail[data-carousel="home-products"] {
		display: flex !important;
		flex-flow: row nowrap !important;
		grid-template-columns: none !important;
		grid-template-rows: none !important;
		grid-auto-flow: initial !important;
		grid-auto-columns: initial !important;
		align-items: stretch !important;
		gap: 10px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}

	.nuh-products-home .nuh-product-rail[data-carousel="home-products"] > .nuh-product-card {
		flex: 0 0 calc((100% - 10px) / 2) !important;
		width: calc((100% - 10px) / 2) !important;
		max-width: calc((100% - 10px) / 2) !important;
		min-width: calc((100% - 10px) / 2) !important;
		margin: 0 !important;
		align-self: stretch !important;
	}
}

/* mobile-carousel-cache-bust-20261007-1610 */


/* HOTFIX 2026-10-07: skipped hero must release native mobile scrolling completely */
@media (max-width: 768px) {
	.nuh-scroll-film[data-hero-skipped="true"],
	.nuh-scroll-film[data-hero-skipped="true"] .nuh-scroll-film__sticky {
		overscroll-behavior-y: auto !important;
		touch-action: pan-y !important;
	}
}
