/*
Theme Name: PREMIO
Description: A lightweight standalone theme for PREMIO.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: premio
*/

@font-face {
	font-family: "Poppins Header";
	src: url("assets/fonts/poppins-medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-semibold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("assets/fonts/poppins-extrabold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Preserve desktop alignment when a shorter page no longer needs scrolling. */
	scrollbar-gutter: stable;
	--premio-cyan: #80CFE3;
	--premio-navy: #102033;
	--premio-grey: #808080;
	--premio-light-grey: #E5E5E5;
	--premio-white: #FFFFFF;
	/* Actual sticky header height per breakpoint (mirrors .premio-header-slot's own height further
	   below) — a single shared token so any in-page anchor can offset its scroll target correctly
	   instead of guessing one oversized value. */
	--premio-header-h: 72px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	:root { --premio-header-h: 76px; }
}

@media (min-width: 1200px) {
	:root { --premio-header-h: 99px; }
}

/* Shared foundations. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Poppins", sans-serif;
	line-height: 1.5;
	overflow-wrap: break-word;
}

img,
video {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

/* Desktop header only; all selectors are isolated from the existing hero. */
.premio-header-slot {
	display: none;
}

.premio-header {
	display: none;
	width: 100%;
	max-width: none;
	background: #132738;
	color: var(--premio-white);
}

/* Logo colour-reveal: unscoped (not inside a breakpoint block) since the same overlay/animation
   behaviour applies at every width -- only the logo's own size differs per breakpoint, which this
   doesn't need to know about. Previously lived inside the desktop-only (min-width: 1200px) block,
   which left the two logo images stacked in normal flow (one above the other) below that width. */
.premio-header__brand { position: relative; }

.premio-header__logo--reveal {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
	.premio-header__logo--reveal {
		animation: premio-logo-reveal 1080ms cubic-bezier(0.22, 1, 0.36, 1) 180ms 1 forwards;
	}
}

@media (prefers-reduced-motion: reduce) {
	.premio-header__logo--reveal { display: none; }
}

@keyframes premio-logo-reveal {
	0%, 35% { opacity: 1; }
	100% { opacity: 0; }
}

@media (min-width: 1200px) {
	.premio-header-slot {
		display: block;
		position: sticky;
		top: 0;
		z-index: 1000;
		/* Reserve the expanded height throughout scrolling to prevent content shifts. */
		height: 99px;
		pointer-events: none;
	}

	body.admin-bar .premio-header-slot {
		top: var(--wp-admin--admin-bar--height, 32px);
	}

	.premio-header {
		display: block;
		padding-inline: 48px;
		pointer-events: auto;
	}

	.premio-header__inner {
		display: grid;
		grid-template-columns: 164px minmax(0, 1fr) auto;
		align-items: center;
		column-gap: 24px;
		max-width: 1344px;
		height: 99px;
		margin-inline: auto;
		transition: height 260ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.premio-header__brand {
		display: block;
	}

	.premio-header__logo {
		display: block;
		width: 164px;
		height: auto;
		object-fit: contain;
		transition: width 260ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.premio-header.is-compact .premio-header__inner {
		height: 74px;
	}

	.premio-header.is-compact .premio-header__logo {
		width: 144px;
	}

	.premio-header__nav {
		justify-self: center;
	}

	.premio-header__menu {
		display: flex;
		align-items: center;
		gap: 22px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.premio-header__link {
		display: block;
		padding-block: 12px;
		font-family: "Poppins Header", "Poppins", sans-serif;
		font-size: 12px;
		font-weight: 500;
		line-height: 1;
		color: var(--premio-white);
		text-decoration: none;
		white-space: nowrap;
		transition: color 180ms ease-out;
	}

	.premio-header__cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 32px;
		padding: 11px 17px;
		background: var(--premio-cyan);
		color: var(--premio-navy);
		font-size: 10px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 1px;
		text-decoration: none;
		white-space: nowrap;
		transition: box-shadow 180ms ease-out;
	}

	.premio-header a:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: 4px;
	}

	/* Desktop submenu (e.g. Termička oprema): CSS-only reveal on hover/focus-within, no JS
	   dependency, matching the header's existing colors/typography — no dropdown pattern
	   previously existed in the theme, so this establishes one others can reuse later. */
	.premio-header__item {
		position: relative;
	}

	.premio-header__submenu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 10;
		min-width: 230px;
		margin: 0;
		padding: 10px 0;
		list-style: none;
		background: #132738;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-4px);
		transition: opacity 180ms ease-out, transform 180ms ease-out, visibility 0s linear 180ms;
	}

	.premio-header__item--has-children:hover .premio-header__submenu,
	.premio-header__item--has-children:focus-within .premio-header__submenu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0s;
	}

	.premio-header__submenu-link {
		display: block;
		padding: 10px 20px;
		font-family: "Poppins Header", "Poppins", sans-serif;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.3;
		color: var(--premio-white);
		text-decoration: none;
		white-space: nowrap;
		transition: color 180ms ease-out;
	}
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
	.premio-header__link:hover {
		color: var(--premio-cyan);
	}

	.premio-header__cta:hover {
		box-shadow: inset 0 0 0 1px var(--premio-white);
	}

	.premio-header__submenu-link:hover {
		color: var(--premio-cyan);
	}
}

@media (prefers-reduced-motion: reduce) {
	.premio-header__inner,
	.premio-header__logo,
	.premio-header__link,
	.premio-header__cta,
	.premio-header__submenu,
	.premio-header__submenu-link {
		transition: none;
	}
}

/* Desktop flagship hero. Mobile art direction is intentionally a later pass. */
.premio-landing {
	background: var(--premio-navy);
	color: var(--premio-white);
}

.premio-hero {
	padding: 0 48px 16px;
	background: var(--premio-navy);
	overflow: hidden;
}

.premio-hero__inner {
	max-width: 1344px;
	margin-inline: auto;
}

@media (min-width: 1200px) {
	.premio-hero {
		padding-bottom: 56px;
	}
}

/* Two-column grid (fixed copy width + fluid video column) instead of the old absolute-positioned
   pair hand-tuned around the previous portrait product cutout's exact pixel dimensions. Gives the
   video the entire remaining width/height of the row -- genuinely larger on wide viewports, still
   guaranteed never to overlap the copy column (a real bug the old fixed px math produced once the
   asset changed shape/size), no per-breakpoint pixel arithmetic to maintain. */
.premio-hero__stage {
	position: relative;
	display: grid;
	grid-template-columns: 600px minmax(0, 1fr);
	column-gap: 48px;
	min-height: 570px;
}

.premio-hero__visual {
	position: relative;
	height: 100%;
	overflow: hidden;
	background: var(--premio-navy);
}

.premio-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--premio-navy);
	object-fit: cover;
	object-position: center;
	/* Turns the video's own edge (a baked-in background that doesn't exactly match var(--premio-navy))
	   into a deliberate framed-panel look instead of an accidental-looking color seam -- a muted
	   tone rather than the brand cyan, so it reads as a quiet structural line, not an accent. On the
	   video itself (not .premio-hero__visual) so it always hugs the actual rendered content -- the
	   wrapper is full-width on mobile while the video itself is only 86% of it, which left a gap
	   inside the border there when the border lived on the wrapper instead. */
	border: 1px solid var(--premio-grey);
}

/* Tablet (768-1199px): the copy column doesn't shrink from its desktop width here (see the file
   header comment on the original desktop hero — tablet art direction inherits desktop by design),
   which leaves no safe room beside it for the video at this width without covering the heading.
   Reuses the mobile block's proven stacked treatment instead of hand-tuning another absolute
   position/width pair for a cramped middle tier. */
@media (min-width: 768px) and (max-width: 1199px) {
	.premio-hero__visual {
		order: 2;
		position: relative;
		inset: auto;
		width: 100%;
		overflow: visible;
		z-index: auto;
	}

	.premio-hero__image {
		position: static;
		top: auto;
		right: auto;
		width: 70%;
		max-width: 100%;
		margin-inline: auto;
	}

	.premio-hero__stage {
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
}

.premio-hero__copy {
	position: relative;
	padding-top: 162px;
	width: 600px;
}

.premio-hero__eyebrow {
	margin: 0 0 20px;
	color: var(--premio-cyan);
	font-size: 12.672px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 1.344px;
}

.premio-hero__title {
	margin: 0;
	font-size: 61.44px;
	font-weight: 800;
	line-height: 0.96;
	letter-spacing: -1.92px;
}

.premio-hero__title span {
	display: block;
}

.premio-hero__title .premio-hero__title-middle {
	font-size: 44.16px;
}

.premio-hero__title-accent {
	color: var(--premio-cyan);
}

.premio-hero__description {
	max-width: 442px;
	margin: 20px 0;
	color: var(--premio-light-grey);
	font-size: 17.28px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: -0.346px;
}

.premio-hero__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 180px;
	min-height: 52px;
	padding: 20px 32px;
	background: var(--premio-cyan);
	color: var(--premio-navy);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.96px;
	text-decoration: none;
}

/* Same arrow-nudge treatment as the flagship hero CTA, extended to the other two standalone
   panel CTAs that share its box-shadow hover style (see the grouped :hover rule further down) --
   .premio-header__cta is deliberately excluded, it's a compact persistent nav element, not a
   panel-style CTA moment. */
.premio-induction__cta,
.premio-project-cta__button {
	gap: 10px;
	text-decoration: none;
}

.premio-hero__cta span,
.premio-induction__cta span,
.premio-project-cta__button span {
	display: inline-block;
	transition: translate 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.premio-hero__cta:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.premio-hero__cta:hover span,
.premio-induction__cta:hover span,
.premio-project-cta__button:hover span {
	translate: 3px -3px;
}

@media (prefers-reduced-motion: reduce) {
	.premio-hero__cta span,
	.premio-induction__cta span,
	.premio-project-cta__button span { transition: none; }
}

.premio-hero__cta:focus-visible {
	outline: 2px solid var(--premio-white);
	outline-offset: 5px;
}

.premio-features {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--premio-cyan);
}

.premio-features__item {
	min-width: 0;
	min-height: 133.34px;
	padding: 18px;
	background: var(--premio-navy);
	/* Restrained panel surface using only the existing brand colors. */
	background-image: linear-gradient(
		color-mix(in srgb, var(--premio-cyan) 8%, transparent),
		color-mix(in srgb, var(--premio-cyan) 8%, transparent)
	);
}

.premio-features__title {
	margin: 0 0 8px;
	color: var(--premio-cyan);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.8px;
}

.premio-features__item:first-child .premio-features__title {
	font-size: 11.2px;
}

.premio-features__description {
	margin: 0;
	color: var(--premio-light-grey);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.43;
	letter-spacing: 0.15px;
}

/* Desktop panel interaction; the resting surface and grid stay unchanged. */
@media (min-width: 1200px) {
	.premio-features {
		column-gap: 0;
	}

	.premio-features__item {
		position: relative;
		transition: background-color 200ms ease-out, box-shadow 200ms ease-out, transform 200ms ease-out;
	}

	.premio-features__item:not(:last-child)::after {
		content: "";
		position: absolute;
		inset-block: 0;
		inset-inline-end: 0;
		width: 1px;
		background: var(--premio-cyan);
		opacity: 0.18;
		pointer-events: none;
	}

	.premio-features__item:focus-visible {
		background-color: color-mix(in srgb, var(--premio-cyan) 5%, var(--premio-navy));
		box-shadow: inset 0 1px 0 var(--premio-cyan);
		transform: translateY(-2px);
		outline: 1px solid var(--premio-cyan);
		outline-offset: 2px;
	}
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
	.premio-features {
		/* Keep the existing border space without a static line behind the animation. */
		border-top-color: transparent;
	}

	.premio-features__item {
		position: relative;
	}

	.premio-features__item::before {
		content: "";
		position: absolute;
		top: -1px;
		inset-inline: 0;
		height: 1px;
		background: var(--premio-cyan);
		pointer-events: none;
		transform: scaleX(1);
		transform-origin: left center;
		transition: transform 580ms cubic-bezier(0.22, 1, 0.36, 1) 220ms;
	}

	.premio-features__item:hover {
		background-color: color-mix(in srgb, var(--premio-cyan) 5%, var(--premio-navy));
		transform: translateY(-2px);
	}

	.premio-features__item:hover::before {
		transform: scaleX(0);
		transition-duration: 180ms;
		transition-delay: 0ms;
	}

	/* Keyboard focus keeps a complete accent and the existing visible outline. */
	.premio-features__item:focus-visible::before {
		transform: scaleX(1);
		transition: none;
	}
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
	.premio-features__item {
		transition: none;
	}

	.premio-features__item:is(:hover, :focus-visible) {
		transform: none;
	}

	.premio-features__item::before,
	.premio-features__item:hover::before {
		transform: scaleX(1);
		transition: none;
	}
}

/* Product showcase: desktop only, independent of header and hero styles. */
.premio-categories {
	display: none;
}

@media (min-width: 1200px) {
	.premio-categories {
		display: block;
		padding: 72px 48px;
		background: var(--premio-light-grey);
		color: var(--premio-navy);
	}

	.premio-categories__inner {
		max-width: 1344px;
		margin-inline: auto;
	}

	.premio-categories__intro {
		margin-bottom: 36px;
		text-align: center;
	}

	.premio-categories__heading {
		margin: 0;
		font-size: 44px;
		font-weight: 800;
		line-height: 1.1;
		letter-spacing: -1.2px;
	}

	.premio-categories__description {
		max-width: 820px;
		margin: 16px auto 0;
		color: var(--premio-navy);
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
	}

	.premio-categories__grid {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 8px;
		width: 93%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}

	.premio-categories__item {
		min-width: 0;
	}

	/* Only present when a category's destination page exists; a plain structural wrapper so
	   .premio-category keeps its own exact sizing/hover/focus states, now reachable by keyboard. */
	.premio-categories__item > a {
		display: block;
		color: inherit;
		text-decoration: none;
	}

	.premio-category {
		position: relative;
		height: 330px;
		overflow: hidden;
		isolation: isolate;
	}

	.premio-category__image {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	/* Navy readability treatment follows the reference's image-led cards. */
	.premio-category::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to top, var(--premio-navy), transparent 65%);
		pointer-events: none;
	}

	.premio-category__caption {
		position: absolute;
		inset-inline: 18px;
		bottom: 18px;
		z-index: 1;
	}

	.premio-category__number {
		display: block;
		margin-bottom: 8px;
		color: var(--premio-cyan);
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 1px;
	}

	.premio-category__title {
		min-height: 34.56px;
		margin: 0;
		color: var(--premio-white);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.08;
		letter-spacing: -0.2px;
	}
}

/* One entrance per page load. Backwards fill covers delays without retaining
   animation styles afterward. Individual translate leaves panel hover transforms free. */
@keyframes premio-hero-enter {
	from {
		opacity: 0;
		translate: 0 var(--premio-enter-y);
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

@keyframes premio-refrigerator-enter {
	from {
		opacity: 0;
		transform: translateY(18px) scale(0.97);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* Reduced-motion and smaller viewports retain their immediately visible defaults. */
@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	.premio-hero__eyebrow,
	.premio-hero__title,
	.premio-hero__description,
	.premio-hero__cta,
	.premio-hero .premio-features__item {
		animation: premio-hero-enter var(--premio-enter-duration, 420ms)
			cubic-bezier(0.22, 1, 0.36, 1) var(--premio-enter-delay) 1 backwards;
	}

	.premio-hero__eyebrow {
		--premio-enter-y: 10px;
		--premio-enter-delay: 50ms;
	}

	.premio-hero__title {
		--premio-enter-y: 18px;
		--premio-enter-duration: 500ms;
		--premio-enter-delay: 150ms;
	}

	.premio-hero__description {
		--premio-enter-y: 12px;
		--premio-enter-delay: 300ms;
	}

	.premio-hero__cta {
		--premio-enter-y: 10px;
		--premio-enter-delay: 380ms;
	}

	.premio-hero__image {
		animation: premio-refrigerator-enter 580ms cubic-bezier(0.22, 1, 0.36, 1) 180ms 1 backwards;
	}

	.premio-hero .premio-features__item {
		--premio-enter-y: 6px;
		--premio-enter-duration: 580ms;
		--premio-enter-delay: 360ms;
	}

	.premio-hero .premio-features__item:nth-child(2) { --premio-enter-delay: 450ms; }
	.premio-hero .premio-features__item:nth-child(3) { --premio-enter-delay: 540ms; }
	.premio-hero .premio-features__item:nth-child(4) { --premio-enter-delay: 630ms; }
	.premio-hero .premio-features__item:nth-child(5) { --premio-enter-delay: 720ms; }
	.premio-hero .premio-features__item:nth-child(6) { --premio-enter-delay: 810ms; }
}

/* Category interaction: synchronized image and caption motion for desktop pointers. */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
	.premio-category__image {
		transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.premio-category::after {
		background-color: transparent;
		transition: background-color 420ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.premio-category__number {
		transition: color 420ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.premio-category__caption {
		transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.premio-category:is(:hover, :focus-visible) .premio-category__caption {
		transform: translateY(-5px);
	}

	.premio-category:is(:hover, :focus-visible) .premio-category__image {
		transform: scale(1.04);
	}

	.premio-category:is(:hover, :focus-visible)::after {
		background-color: color-mix(in srgb, var(--premio-navy) 12%, transparent);
	}

	.premio-category:is(:hover, :focus-visible) .premio-category__number {
		color: color-mix(in srgb, var(--premio-cyan) 75%, var(--premio-white));
	}

	.premio-category:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: 3px;
	}
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
	.premio-category__image,
	.premio-category::after,
	.premio-category__caption,
	.premio-category__number {
		transition: none;
	}

	.premio-category:is(:hover, :focus-visible) .premio-category__image,
	.premio-category:is(:hover, :focus-visible) .premio-category__caption {
		transform: none;
	}
}

/* Why PREMIO: static desktop benefits, scoped to this section only. */
.premio-benefits {
	display: none;
}

@media (min-width: 1200px) {
	.premio-benefits {
		display: block;
		padding: 72px 48px 65px;
		background: var(--premio-navy);
		color: var(--premio-white);
	}

	.premio-benefits__inner {
		max-width: 1344px;
		margin-inline: auto;
	}

	.premio-benefits__intro {
		margin-bottom: 36px;
	}

	.premio-benefits__eyebrow {
		margin: 0 0 14px;
		color: var(--premio-cyan);
		font-size: 12px;
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: 1.4px;
	}

	.premio-benefits__heading {
		margin: 0;
		font-size: 44px;
		font-weight: 800;
		line-height: 1.02;
		letter-spacing: -1.2px;
	}

	.premio-benefits__grid {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 18px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.premio-benefits__item {
		min-width: 0;
		padding: 18px 14px;
		border-top: 1px solid color-mix(in srgb, var(--premio-cyan) 18%, transparent);
	}

	.premio-benefits__icon {
		display: block;
		width: 27px;
		height: 27px;
		margin-bottom: 10px;
		color: var(--premio-cyan);
	}

	.premio-benefits__title {
		margin: 0 0 10px;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.15;
		letter-spacing: 0.3px;
	}

	.premio-benefits__description {
		margin: 0;
		color: var(--premio-light-grey);
		font-size: 12px;
		font-weight: 400;
		line-height: 1.55;
	}
}

/* Mobile header and hero only. Tablet (768–1199px) remains untouched. */
.premio-header__mobile-toggle {
	display: none;
}

@media (max-width: 767px) {
	.premio-header-slot {
		display: block;
		height: 72px;
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	body.admin-bar .premio-header-slot {
		top: var(--premio-mobile-admin-offset, var(--wp-admin--admin-bar--height, 46px));
	}

	.premio-header {
		display: block;
		padding-inline: 22px;
	}

	.premio-header__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 72px;
	}

	.premio-header__brand,
	.premio-header__logo {
		display: block;
	}

	.premio-header__logo {
		width: 140px;
		height: auto;
		object-fit: contain;
	}

	.premio-header__nav,
	.premio-header__cta {
		display: none;
	}

	.premio-header__mobile-toggle {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--premio-white);
		opacity: 1;
		-webkit-text-fill-color: currentColor;
	}

	.premio-header__brand:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: 3px;
	}

	.premio-hero {
		padding: 32px 22px 24px;
		overflow: visible;
	}
}

/* Generic tablet header (768–1199px), reusing the same hamburger/mobile-menu pattern already
   proven page-by-page (see the .page-id-7 and .premio-induction-product-page variants of this
   exact block) but made available site-wide so every page — including this one — gets a working
   tablet nav instead of relying on a per-page copy. */
@media (min-width: 768px) and (max-width: 1199px) {
	.premio-header-slot {
		display: block;
		height: 76px;
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	body.admin-bar .premio-header-slot {
		top: var(--wp-admin--admin-bar--height, 32px);
	}

	.premio-header {
		display: block;
		padding-inline: 32px;
	}

	.premio-header__inner {
		display: flex;
		height: 76px;
		align-items: center;
		justify-content: space-between;
	}

	.premio-header__brand,
	.premio-header__logo {
		display: block;
	}

	.premio-header__logo {
		width: 150px;
		height: auto;
	}

	.premio-header__nav,
	.premio-header__cta {
		display: none;
	}

	.premio-header__mobile-toggle {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--premio-white);
		cursor: pointer;
	}
}

@media (max-width: 767px) {
	.premio-hero__stage {
		display: flex;
		flex-direction: column;
		gap: 28px;
		height: auto;
	}

	.premio-hero__copy {
		order: 1;
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
	}

	.premio-hero__eyebrow {
		margin-bottom: 16px;
		font-size: 11px;
		letter-spacing: 1.1px;
	}

	.premio-hero__title {
		font-size: clamp(23px, 7.2vw, 40px);
		line-height: 1.04;
		letter-spacing: -0.8px;
	}

	.premio-hero__title .premio-hero__title-middle {
		font-size: inherit;
	}

	.premio-hero__description {
		max-width: none;
		margin: 20px 0 24px;
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 0;
	}

	.premio-hero__cta {
		min-height: 52px;
		font-size: 12px;
		padding: 20px 28px;
	}

	.premio-hero__visual {
		order: 2;
		position: relative;
		inset: auto;
		/* Breaks out of .premio-hero's 22px side padding so the video panel reaches the screen
		   edges, matching the same full-bleed pattern already used for the induction video. */
		width: calc(100% + 44px);
		margin-inline: -22px;
		overflow: visible;
		z-index: auto;
	}

	.premio-hero__image {
		display: block;
		position: static;
		top: auto;
		right: auto;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin-inline: auto;
		object-fit: contain;
	}

	.premio-features {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		margin-top: 20px;
		border-top: 0;
	}

	.premio-features__item {
		min-height: 0;
		border-top: 1px solid var(--premio-cyan);
	}

	.premio-features__item + .premio-features__item {
		border-top-color: color-mix(in srgb, var(--premio-cyan) 18%, transparent);
	}
}

@keyframes premio-mobile-fridge-enter {
	from { opacity: 0; transform: translateY(6px) scale(0.99); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
	.premio-hero__eyebrow,
	.premio-hero__title,
	.premio-hero__description,
	.premio-hero__cta {
		animation: premio-hero-enter var(--premio-enter-duration, 560ms)
			cubic-bezier(0.25, 0.46, 0.45, 0.94) var(--premio-enter-delay) 1 backwards;
	}

	.premio-hero__eyebrow { --premio-enter-y: 4px; --premio-enter-duration: 520ms; --premio-enter-delay: 30ms; }
	.premio-hero__title { --premio-enter-y: 6px; --premio-enter-duration: 640ms; --premio-enter-delay: 90ms; }
	.premio-hero__description { --premio-enter-y: 4px; --premio-enter-delay: 170ms; }
	.premio-hero__cta { --premio-enter-y: 4px; --premio-enter-delay: 230ms; }
	.premio-hero__image { animation: premio-mobile-fridge-enter 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 180ms 1 backwards; }

	/* Keep the continuous strip and dividers still; reveal only each panel's content. */
	.premio-features__item.is-mobile-reveal-pending > * {
		opacity: 0;
		translate: 0 4px;
	}

	.premio-features__item.is-mobile-revealing > * {
		--premio-enter-y: 4px;
		animation: premio-hero-enter 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
			var(--premio-panel-reveal-delay, 0ms) 1 backwards;
	}
}

/* Mobile press feedback never moves the continuous specification strip. */
@media (max-width: 767px) {
	.premio-features__item {
		transition: background-color 260ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
			box-shadow 260ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
			border-top-color 260ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.premio-features__item:is(.is-mobile-pressed, :focus-visible) {
		background-color: color-mix(in srgb, var(--premio-cyan) 5%, var(--premio-navy));
		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--premio-cyan) 22%, transparent),
			inset 0 0 12px color-mix(in srgb, var(--premio-cyan) 6%, transparent);
		transition-duration: 120ms;
	}

	.premio-features__item + .premio-features__item:is(.is-mobile-pressed, :focus-visible) {
		border-top-color: color-mix(in srgb, var(--premio-cyan) 55%, transparent);
	}

	.premio-features__item:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: -2px;
	}
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.premio-features__item,
	.premio-features__item:is(.is-mobile-pressed, :focus-visible) {
		transition: none;
	}
}

/* One-time desktop benefits entrance; original borders retain their layout space. */
@keyframes premio-benefit-content-enter {
	from { opacity: 0; translate: 0 var(--premio-benefit-y, 8px); }
	to { opacity: 1; translate: 0 0; }
}

@keyframes premio-benefit-line-enter {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	.premio-benefits.has-benefits-entrance .premio-benefits__item {
		position: relative;
		border-top-color: transparent;
		--premio-benefit-step: 0ms;
	}
	.premio-benefits.has-benefits-entrance .premio-benefits__item:nth-child(2) { --premio-benefit-step: 100ms; }
	.premio-benefits.has-benefits-entrance .premio-benefits__item:nth-child(3) { --premio-benefit-step: 200ms; }
	.premio-benefits.has-benefits-entrance .premio-benefits__item:nth-child(4) { --premio-benefit-step: 300ms; }
	.premio-benefits.has-benefits-entrance .premio-benefits__item:nth-child(5) { --premio-benefit-step: 400ms; }

	.premio-benefits.has-benefits-entrance .premio-benefits__item::before {
		content: "";
		position: absolute;
		top: -1px;
		inset-inline: 0;
		height: 1px;
		background: color-mix(in srgb, var(--premio-cyan) 18%, transparent);
		transform-origin: left center;
		pointer-events: none;
	}

	.premio-benefits.is-benefits-pending .premio-benefits__eyebrow,
	.premio-benefits.is-benefits-pending .premio-benefits__heading,
	.premio-benefits.is-benefits-pending .premio-benefits__item > * {
		opacity: 0;
	}
	.premio-benefits.is-benefits-pending .premio-benefits__item::before {
		transform: scaleX(0);
	}

	.premio-benefits.is-benefits-revealing .premio-benefits__eyebrow {
		--premio-benefit-y: 6px;
		animation: premio-benefit-content-enter 400ms cubic-bezier(0.16, 1, 0.3, 1) 0ms 1 backwards;
	}
	.premio-benefits.is-benefits-revealing .premio-benefits__heading {
		--premio-benefit-y: 10px;
		animation: premio-benefit-content-enter 500ms cubic-bezier(0.16, 1, 0.3, 1) 90ms 1 backwards;
	}
	.premio-benefits.is-benefits-revealing .premio-benefits__item::before {
		animation: premio-benefit-line-enter 400ms cubic-bezier(0.16, 1, 0.3, 1)
			calc(180ms + var(--premio-benefit-step)) 1 backwards;
	}
	.premio-benefits.is-benefits-revealing .premio-benefits__item > * {
		animation: premio-benefit-content-enter 520ms cubic-bezier(0.16, 1, 0.3, 1)
			calc(280ms + var(--premio-benefit-step)) 1 backwards;
	}
}

/* Mobile category showcase only; tablet and desktop rules remain independent. */
@media (max-width: 767px) {
	.premio-categories {
		display: block;
		padding: 48px 20px;
		background: var(--premio-light-grey);
		color: var(--premio-navy);
	}

	.premio-categories__inner {
		width: 100%;
		min-width: 0;
		margin-inline: auto;
	}

	.premio-categories__intro {
		margin-bottom: 28px;
		text-align: center;
	}

	.premio-categories__heading {
		margin: 0;
		font-size: clamp(24px, 6.8vw, 32px);
		font-weight: 800;
		line-height: 1.12;
		letter-spacing: -0.6px;
	}

	.premio-categories__description {
		margin: 14px 0 0;
		color: var(--premio-navy);
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
	}

	.premio-categories__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.premio-categories__item {
		min-width: 0;
	}

	.premio-categories__item > a {
		display: block;
		color: inherit;
		text-decoration: none;
	}

	.premio-category {
		position: relative;
		width: 100%;
		aspect-ratio: 1.3 / 1;
		overflow: hidden;
		isolation: isolate;
	}

	.premio-category__image {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.premio-category::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to top, var(--premio-navy), transparent 65%);
		pointer-events: none;
	}

	.premio-category__caption {
		position: absolute;
		inset-inline: 18px;
		bottom: 18px;
		z-index: 1;
	}

	.premio-category__number {
		display: block;
		margin-bottom: 8px;
		color: var(--premio-cyan);
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 1px;
	}

	.premio-category__title {
		min-height: 34.56px;
		margin: 0;
		color: var(--premio-white);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.08;
		letter-spacing: -0.2px;
	}
}

/* Progressive mobile category reveal; reduced motion and other widths stay static. */
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-mobile-category-enter {
		from { opacity: 0; transform: translateY(8px); }
		to { opacity: 1; transform: translateY(0); }
	}

	.premio-category.is-category-pending {
		opacity: 0;
	}

	.premio-category.is-category-entering {
		animation: premio-mobile-category-enter 560ms cubic-bezier(0.22, 1, 0.36, 1)
			var(--premio-category-delay, 0ms) 1 backwards;
	}
}

/* Desktop induction showcase; no tablet or mobile layout yet. */
.premio-induction { display: none; }

@media (min-width: 1200px) {
	.premio-induction {
		display: block;
		padding: 72px 48px;
		background: #0D1B2A;
		color: var(--premio-white);
	}
	.premio-induction__inner {
		display: grid;
		grid-template-columns: minmax(0, 32fr) minmax(0, 64fr);
		gap: 4%;
		align-items: center;
		max-width: 1344px;
		margin-inline: auto;
	}
	.premio-induction__copy { min-width: 0; }
	.premio-induction__eyebrow {
		margin: 0 0 18px;
		color: var(--premio-cyan);
		font-size: 12px;
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: 1.4px;
	}
	.premio-induction__heading {
		margin: 0;
		font-size: 44px;
		font-weight: 800;
		line-height: 1.06;
		letter-spacing: -1.2px;
	}
	.premio-induction__heading span { color: var(--premio-cyan); }
	.premio-induction__description {
		margin: 24px 0 20px;
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 0.15px;
	}
	.premio-induction__benefits {
		display: grid;
		gap: 8px;
		margin: 0 0 24px;
		padding: 0;
		list-style: none;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.55;
		letter-spacing: 0.15px;
	}
	.premio-induction__benefits li {
		display: grid;
		grid-template-columns: 12px minmax(0, 1fr);
		gap: 10px;
	}
	.premio-induction__benefits li::before {
		content: "";
		height: 1px;
		margin-top: 0.775em;
		background: var(--premio-cyan);
	}
	.premio-induction__cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 52px;
		padding: 18px 28px;
		background: var(--premio-cyan);
		color: var(--premio-navy);
		font-size: 11px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: 0.8px;
		text-decoration: none;
	}
	.premio-induction__cta:focus-visible {
		outline: 2px solid var(--premio-white);
		outline-offset: 4px;
	}
	.premio-induction__media {
		min-width: 0;
		border-top: 1px solid var(--premio-cyan);
	}
	.premio-induction__video {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: contain;
		filter: brightness(0.91) contrast(1.03);
	}
}

/* Desktop project enquiry CTA. */
.premio-project-cta { display: none; }

@media (min-width: 1200px) {
	.premio-project-cta {
		display: block;
		padding: 72px 48px;
		background: var(--premio-light-grey);
		color: var(--premio-navy);
		text-align: center;
	}
	.premio-project-cta__inner {
		max-width: 1344px;
		margin-inline: auto;
	}
	.premio-project-cta__eyebrow {
		margin: 0 0 16px;
		color: var(--premio-cyan);
		font-size: 12px;
		font-weight: 700;
		line-height: 1.1;
		letter-spacing: 1.2px;
	}
	.premio-project-cta__heading {
		margin: 0;
		font-size: 44px;
		font-weight: 800;
		line-height: 1.1;
		letter-spacing: -1.2px;
	}
	.premio-project-cta__description {
		margin: 18px 0 28px;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: 0.15px;
	}
	.premio-project-cta__button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 180px;
		min-height: 52px;
		margin: 0;
		padding: 18px 28px;
		border: 0;
		border-radius: 0;
		background: var(--premio-cyan);
		color: var(--premio-navy);
		font-family: inherit;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: 0.8px;
		text-decoration: none;
		cursor: default;
	}
	.premio-project-cta__button:focus-visible {
		outline: 2px solid var(--premio-navy);
		outline-offset: 4px;
	}
	a.premio-project-cta__button {
		cursor: pointer;
	}
}

/* Desktop footer; all styling is scoped to this new component. */
.premio-footer { display: none; }

/* Reopens the Complianz consent banner (button.cmplz-manage-consent is Complianz's own
   click-delegation selector); reset to look identical to the surrounding footer links,
   unscoped so it matches on every page regardless of which footer variant is active. */
.premio-footer__link-button { display: inline; font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-decoration: none; }
.premio-footer__link-button:hover { color: var(--premio-cyan); }
.premio-footer__link-button:focus-visible { outline: 2px solid var(--premio-cyan); outline-offset: 4px; }

@media (min-width: 1200px) {
	.premio-footer {
		display: block;
		padding: 60px 48px 24px;
		position: relative;
		background:
			radial-gradient(ellipse 60% 100% at 50% 0%, rgb(128 207 227 / 3%) 0%, rgb(128 207 227 / 1%) 42%, transparent 78%),
			linear-gradient(to bottom, var(--premio-navy) 0%, var(--premio-navy) 45%, #0D1B2A 100%);
		color: var(--premio-white);
		font-size: 13px;
		line-height: 1.55;
	}
	.premio-footer::before {
		content: "";
		position: absolute;
		inset: 0 0 auto;
		height: 1px;
		background: linear-gradient(to right, transparent, rgb(128 207 227 / 12%) 50%, transparent);
		pointer-events: none;
	}
	.premio-footer__inner { max-width: 1344px; margin-inline: auto; }
	.premio-footer__grid {
		display: grid;
		grid-template-columns: minmax(0, 26fr) minmax(0, 32fr) minmax(0, 16fr) minmax(0, 26fr);
		gap: 32px;
		margin-bottom: 40px;
	}
	.premio-footer__grid > * { min-width: 0; }
	.premio-footer__logo { display: block; width: 164px; height: auto; }
	.premio-footer__description { margin: 18px 0 0; }
	.premio-footer__heading {
		margin: 0 0 14px;
		color: var(--premio-cyan);
		font-size: 12px;
		font-weight: 700;
		line-height: 1.1;
		letter-spacing: 1.2px;
	}
	.premio-footer__list,
	.premio-footer__contact {
		display: grid;
		gap: 8px;
		margin: 0;
		padding: 0;
		list-style: none;
		font-style: normal;
	}
	.premio-footer a { color: inherit; text-decoration: none; }
	.premio-footer a[href]:hover { color: var(--premio-cyan); }
	.premio-footer a:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: 4px;
	}
	.premio-footer a[aria-disabled="true"] { cursor: default; }
	.premio-footer__bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		padding-top: 18px;
		border-top: 1px solid rgb(128 207 227 / 18%);
		border-image: linear-gradient(to right, transparent, rgb(128 207 227 / 18%) 50%, transparent) 1;
		font-size: 11px;
		line-height: 1.5;
	}
	.premio-footer__bottom p { margin: 0; color: var(--premio-grey); }
	.premio-footer__legal {
		display: flex;
		gap: 24px;
		margin: 0;
		padding: 0;
		list-style: none;
		color: var(--premio-light-grey);
	}
	.premio-footer__partners {
		margin-bottom: 28px;
		padding-top: 28px;
		border-top: 1px solid rgb(128 207 227 / 18%);
		border-image: linear-gradient(to right, transparent, rgb(128 207 227 / 18%) 50%, transparent) 1;
	}
	.premio-footer__partners-heading { margin-bottom: 18px; }
	.premio-footer__partners-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
	}
	.premio-footer__partner-label {
		margin: 0 0 6px;
		color: var(--premio-grey);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .6px;
		text-transform: uppercase;
	}
	.premio-footer__partner-name { margin: 0 0 4px; color: var(--premio-white); font-size: 14px; font-weight: 700; }
	.premio-footer__partner-address { margin: 0 0 8px; color: var(--premio-light-grey); }
	.premio-footer__partner-line { margin: 0 0 2px; }
	.premio-footer__partner-line a[href]:hover { color: var(--premio-cyan); }
}

/* Generic footer visibility/layout below the 1200px breakpoint for any page that doesn't
   already carry its own page-specific footer rules (see .home / .page-id-7 above and the
   per-product-family stylesheets) — additive fallback only, never overrides those. */
@media (max-width: 1199px) {
	.premio-footer {
		display: block;
		padding: 44px 24px 24px;
		background: var(--premio-navy);
		color: var(--premio-white);
		font-size: 13px;
		line-height: 1.55;
	}
	.premio-footer__inner { max-width: 100%; }
	.premio-footer__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; margin-bottom: 34px; }
	.premio-footer__logo { display: block; width: 150px; height: auto; }
	.premio-footer__description { margin: 16px 0 0; }
	.premio-footer__heading { margin: 0 0 12px; color: var(--premio-cyan); font-size: 12px; font-weight: 700; letter-spacing: 1px; }
	.premio-footer__list, .premio-footer__contact { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; font-style: normal; }
	.premio-footer a { color: inherit; text-decoration: none; }
	.premio-footer a[href]:hover { color: var(--premio-cyan); }
	.premio-footer a[aria-disabled="true"] { cursor: default; }
	.premio-footer__partners { margin-bottom: 26px; padding-top: 24px; border-top: 1px solid rgb(128 207 227 / 18%); }
	.premio-footer__partners-heading { margin-bottom: 16px; }
	.premio-footer__partners-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.premio-footer__partner-label { margin: 0 0 6px; color: var(--premio-grey); font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
	.premio-footer__partner-name { margin: 0 0 4px; color: var(--premio-white); font-size: 14px; font-weight: 700; }
	.premio-footer__partner-address { margin: 0 0 8px; color: var(--premio-light-grey); }
	.premio-footer__partner-line { margin: 0 0 2px; }
	.premio-footer__bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 18px; border-top: 1px solid rgb(128 207 227 / 18%); font-size: 11px; line-height: 1.5; }
	.premio-footer__bottom p { margin: 0; color: var(--premio-grey); }
	.premio-footer__legal { display: flex; flex-wrap: wrap; gap: 18px; margin: 0; padding: 0; list-style: none; color: var(--premio-light-grey); }
}

@media (max-width: 480px) {
	.premio-footer__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Focused desktop alignment and primary-action polish. */
@media (min-width: 1200px) {
	.premio-benefits__title { min-height: 2lh; }
	.premio-category__title { min-height: var(--premio-category-title-height, 5.4em); }

	.premio-project-cta__eyebrow {
		position: relative;
		width: fit-content;
		margin-inline: auto;
		color: var(--premio-navy);
	}
	.premio-project-cta__eyebrow::before {
		content: "";
		position: absolute;
		right: calc(100% + 10px);
		top: 50%;
		width: 16px;
		height: 2px;
		background: var(--premio-cyan);
		transform: translateY(-50%);
	}
	.premio-footer__bottom p {
		font-size: 12px;
		line-height: 16.5px;
		color: var(--premio-light-grey);
	}

	.premio-header__cta,
	.premio-hero__cta,
	.premio-induction__cta,
	.premio-project-cta__button {
		transition: box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1);
	}
	.premio-header__cta:focus-visible,
	.premio-hero__cta:focus-visible,
	.premio-induction__cta:focus-visible,
	.premio-project-cta__button:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: 4px;
		box-shadow: inset 0 0 0 1px var(--premio-navy);
	}
	.premio-project-cta__button:focus-visible { outline-color: var(--premio-navy); }
	.premio-hero__cta:hover { text-decoration: none; }
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
	.premio-header__cta:hover,
	.premio-hero__cta:hover,
	.premio-induction__cta:hover,
	.premio-project-cta__button:hover {
		box-shadow: inset 0 0 0 1px rgb(16 32 51 / 45%);
	}
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
	.premio-header__cta,
	.premio-hero__cta,
	.premio-induction__cta,
	.premio-project-cta__button { transition: none; }
}

/* Mobile benefits: one integrated vertical list using the existing markup. */
@media (max-width: 767px) {
	.premio-benefits {
		display: block;
		padding: 44px 20px;
		background: var(--premio-navy);
		color: var(--premio-white);
	}
	.premio-benefits__inner { width: 100%; min-width: 0; margin-inline: auto; }
	.premio-benefits__intro { margin-bottom: 28px; }
	.premio-benefits__eyebrow {
		margin: 0 0 12px;
		color: var(--premio-cyan);
		font-size: 12px;
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: 1.4px;
	}
	.premio-benefits__heading {
		margin: 0;
		font-size: clamp(28px, 7.5vw, 32px);
		font-weight: 800;
		line-height: 1.12;
		letter-spacing: -0.6px;
	}
	.premio-benefits__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.premio-benefits__item {
		position: relative;
		min-width: 0;
		padding: 18px 0 0;
		border-top: 1px solid rgb(128 207 227 / 18%);
	}
	.premio-benefits__icon {
		display: block;
		width: 27px;
		height: 27px;
		margin-bottom: 10px;
		color: var(--premio-cyan);
	}
	.premio-benefits__title {
		margin: 0 0 8px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.25;
		letter-spacing: 0.3px;
	}
	.premio-benefits__description {
		margin: 0;
		color: var(--premio-light-grey);
		font-size: 15px;
		line-height: 1.55;
	}
}

@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
	.premio-benefits__intro.is-mobile-benefit-pending > *,
	.premio-benefits__item.is-mobile-benefit-pending > * { opacity: 0; }
	.premio-benefits__item:is(.is-mobile-benefit-pending, .is-mobile-benefit-entering) {
		border-top-color: transparent;
	}
	.premio-benefits__item:is(.is-mobile-benefit-pending, .is-mobile-benefit-entering)::before {
		content: "";
		position: absolute;
		top: -1px;
		inset-inline: 0;
		height: 1px;
		background: rgb(128 207 227 / 18%);
		transform-origin: left center;
		pointer-events: none;
	}
	.premio-benefits__item.is-mobile-benefit-pending::before { transform: scaleX(0); }
	.premio-benefits__intro.is-mobile-benefit-entering .premio-benefits__eyebrow {
		--premio-benefit-y: 3px;
		animation: premio-benefit-content-enter 400ms cubic-bezier(0.16, 1, 0.3, 1) 0ms backwards;
	}
	.premio-benefits__intro.is-mobile-benefit-entering .premio-benefits__heading {
		--premio-benefit-y: 5px;
		animation: premio-benefit-content-enter 500ms cubic-bezier(0.16, 1, 0.3, 1) 90ms backwards;
	}
	.premio-benefits__item.is-mobile-benefit-entering::before {
		animation: premio-benefit-line-enter 400ms cubic-bezier(0.16, 1, 0.3, 1)
			var(--premio-mobile-benefit-delay, 0ms) backwards;
	}
	.premio-benefits__item.is-mobile-benefit-entering > * {
		--premio-benefit-y: 6px;
		animation: premio-benefit-content-enter 520ms cubic-bezier(0.16, 1, 0.3, 1)
			calc(100ms + var(--premio-mobile-benefit-delay, 0ms)) backwards;
	}
}

/* Mobile + tablet navigation disclosure, independent of desktop navigation. Shared by both
   breakpoints (≤767px and 768–1199px) so the panel, its submenu accordion (e.g. Termička
   oprema), and the toggle icon only need to be styled once. */
.premio-mobile-menu { display: none; }
@media (max-width: 1199px) {
	html.premio-menu-open { overflow: hidden; }
	.premio-mobile-menu {
		display: block;
		position: fixed;
		inset-inline: 0;
		top: var(--premio-menu-top, 72px);
		height: calc(100dvh - var(--premio-menu-top, 72px));
		padding: 28px 22px max(28px, env(safe-area-inset-bottom));
		overflow-y: auto;
		overscroll-behavior: contain;
		background: #132738;
		color: var(--premio-white);
		visibility: hidden;
		opacity: 0;
		transform: translateY(-6px);
		pointer-events: none;
		transition: opacity 220ms ease-out, transform 220ms ease-out, visibility 0s linear 220ms;
	}
	.premio-header.is-mobile-menu-open .premio-mobile-menu {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
		transition-delay: 0s;
	}
	.premio-mobile-menu__links {
		display: grid;
		gap: 24px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.premio-mobile-menu__links a {
		display: block;
		color: var(--premio-white);
		font-size: clamp(23px, 6.4vw, 28px);
		font-weight: 700;
		line-height: 1.25;
		letter-spacing: -0.4px;
		text-decoration: none;
		overflow-wrap: normal;
	}
	/* Accordion parent (e.g. Termička oprema): a button styled identically to the plain
	   links above, so it stays visually consistent while behaving as a disclosure toggle. */
	.premio-mobile-menu__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		color: var(--premio-white);
		font: 700 clamp(23px, 6.4vw, 28px)/1.25 "Poppins Header", "Poppins", sans-serif;
		letter-spacing: -0.4px;
		text-align: left;
		cursor: pointer;
	}
	.premio-mobile-menu__chevron {
		flex-shrink: 0;
		transition: transform 200ms ease-out;
	}
	.premio-mobile-menu__toggle[aria-expanded="true"] .premio-mobile-menu__chevron {
		transform: rotate(180deg);
	}
	/* Collapsed by default via max-height + opacity (not the native [hidden] attribute — an
	   author `display` rule here would always beat the UA's `[hidden]{display:none}` at equal
	   specificity, which silently defeats the toggle). JS mirrors this with the `is-open` class
	   and sets `inert` to keep collapsed links out of the tab order, consistent with the outer
	   panel's own inert usage. */
	.premio-mobile-menu__submenu {
		display: grid;
		gap: 0;
		margin: 0;
		padding: 0 0 0 20px;
		list-style: none;
		border-left: 1px solid rgb(128 207 227 / 30%);
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms ease-out, margin-top 260ms cubic-bezier(0.22, 1, 0.36, 1);
	}
	.premio-mobile-menu__submenu.is-open {
		gap: 16px;
		margin-top: 18px;
		max-height: 320px;
		opacity: 1;
	}
	.premio-mobile-menu__submenu a {
		display: block;
		color: var(--premio-white);
		font-size: 17px;
		font-weight: 500;
		line-height: 1.3;
		text-decoration: none;
		overflow-wrap: normal;
	}
	.premio-mobile-menu__submenu a:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: 4px;
	}
	.premio-mobile-menu__cta {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 56px;
		margin-top: 32px;
		padding: 18px 16px;
		background: var(--premio-cyan);
		color: var(--premio-navy);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1px;
		text-decoration: none;
	}
	.premio-header__mobile-toggle { position: relative; cursor: pointer; }
	.premio-header__mobile-toggle[aria-expanded="true"] { color: var(--premio-cyan); }
	.premio-header__mobile-toggle[aria-expanded="true"] svg { visibility: hidden; }
	.premio-header__mobile-toggle[aria-expanded="true"]::before,
	.premio-header__mobile-toggle[aria-expanded="true"]::after {
		content: "";
		position: absolute;
		width: 24px;
		height: 2px;
		background: currentColor;
		transform: rotate(45deg);
	}
	.premio-header__mobile-toggle[aria-expanded="true"]::after { transform: rotate(-45deg); }
	.premio-header__mobile-toggle:focus-visible,
	.premio-mobile-menu a:focus-visible,
	.premio-mobile-menu__toggle:focus-visible { outline: 2px solid var(--premio-cyan); outline-offset: 4px; }
	.premio-mobile-menu__cta:focus-visible { outline-color: var(--premio-white); }
}
@media (max-width: 1199px) and (prefers-reduced-motion: reduce) {
	.premio-mobile-menu { transition: none; transform: none; }
	.premio-mobile-menu__chevron,
	.premio-mobile-menu__submenu { transition: none; }
}

/* Desktop benefit hover feedback; entrance transforms and timing stay independent. */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
	.premio-benefits__item {
		transition: border-top-color 300ms cubic-bezier(0.16, 1, 0.3, 1);
	}
	.premio-benefits__icon {
		transition: filter 300ms cubic-bezier(0.16, 1, 0.3, 1);
	}
	.premio-benefits__title {
		transition: text-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1);
	}
	.premio-benefits__item:hover .premio-benefits__icon {
		filter: brightness(1.08) drop-shadow(0 0 4px rgb(128 207 227 / 32%));
	}
	/* Titles are already white: a faint edge light adds presence without recoloring. */
	.premio-benefits__item:hover .premio-benefits__title {
		text-shadow: 0 0 3px rgb(255 255 255 / 18%);
	}
	.premio-benefits:not(.has-benefits-entrance) .premio-benefits__item:hover {
		border-top-color: rgb(128 207 227 / 55%);
	}
	.premio-benefits.has-benefits-entrance .premio-benefits__item::before {
		transition: background-color 300ms cubic-bezier(0.16, 1, 0.3, 1);
	}
	.premio-benefits.has-benefits-entrance .premio-benefits__item:hover::before {
		background-color: rgb(128 207 227 / 55%);
	}
}
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
	.premio-benefits__item,
	.premio-benefits__icon,
	.premio-benefits__title,
	.premio-benefits.has-benefits-entrance .premio-benefits__item::before { transition: none; }
}

/* Desktop CTA watermark uses the existing logo alpha without altering the asset. */
@media (min-width: 1200px) {
	.premio-project-cta {
		position: relative;
		isolation: isolate;
	}
	.premio-project-cta::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background: var(--premio-navy);
		opacity: 0.020412;
		-webkit-mask: url("assets/images/premio-white.png") center / min(1100px, 88%) auto no-repeat;
		mask: url("assets/images/premio-white.png") center / min(1100px, 88%) auto no-repeat;
	}
}

/* One-time desktop induction entrance, isolated from layout and video treatment. */
@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-induction-text-enter {
		from { opacity: 0; translate: 0 18px; }
		to { opacity: 1; translate: 0 0; }
	}
	@keyframes premio-induction-media-enter {
		from { opacity: 0; scale: 0.985; }
		to { opacity: 1; scale: 1; }
	}
	.premio-induction.is-induction-pending .premio-induction__copy > *,
	.premio-induction.is-induction-pending .premio-induction__media { opacity: 0; }
	.premio-induction.is-induction-entering .premio-induction__eyebrow {
		animation: premio-induction-text-enter 420ms cubic-bezier(0.16, 1, 0.3, 1) 0ms backwards;
	}
	.premio-induction.is-induction-entering .premio-induction__heading {
		animation: premio-induction-text-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) 100ms backwards;
	}
	/* Identical timing keeps the remaining content together without a new wrapper. */
	.premio-induction.is-induction-entering .premio-induction__description,
	.premio-induction.is-induction-entering .premio-induction__benefits,
	.premio-induction.is-induction-entering .premio-induction__cta {
		animation: premio-induction-text-enter 560ms cubic-bezier(0.16, 1, 0.3, 1) 260ms backwards;
	}
	.premio-induction.is-induction-entering .premio-induction__media {
		animation: premio-induction-media-enter 680ms cubic-bezier(0.16, 1, 0.3, 1) 100ms backwards;
	}
}

/* Desktop media frame: retain the existing top-border space and video geometry. */
@media (min-width: 1200px) {
	.premio-induction__media {
		position: relative;
		overflow: hidden;
		border-top-color: rgb(128 207 227 / 22%);
	}
	.premio-induction__media::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		border: 1px solid rgb(128 207 227 / 22%);
		border-top: 0;
		pointer-events: none;
	}
}
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
	.premio-induction__video {
		transform-origin: center center;
		transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
	}
	.premio-induction__media,
	.premio-induction__media::after {
		transition: border-color 500ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 500ms cubic-bezier(0.22, 1, 0.36, 1);
	}
	.premio-induction__media:hover .premio-induction__video { transform: scale(1.028); }
	.premio-induction__media:hover,
	.premio-induction__media:hover::after { border-color: rgb(128 207 227 / 52%); }
	.premio-induction__media:hover { box-shadow: 0 0 7px rgb(128 207 227 / 14%); }
}
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
	.premio-induction__video,
	.premio-induction__media,
	.premio-induction__media::after { transition: none; }
	.premio-induction__media:hover .premio-induction__video { transform: none; }
}

/* Mobile induction: existing content and media, stacked without desktop overrides. */
@media (max-width: 767px) {
	.premio-induction { display: block; padding: 44px 20px; background: #0D1B2A; color: var(--premio-white); }
	.premio-induction__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; width: 100%; margin-inline: auto; }
	.premio-induction__copy { min-width: 0; }
	.premio-induction__eyebrow { margin: 0 0 14px; color: var(--premio-cyan); font-size: 12px; font-weight: 600; line-height: 1.1; letter-spacing: 1.4px; }
	.premio-induction__heading { margin: 0; font-size: clamp(24px, 6.7vw, 30px); font-weight: 800; line-height: 1.1; letter-spacing: -0.6px; }
	.premio-induction__heading span { color: var(--premio-cyan); }
	.premio-induction__description { margin: 18px 0; font-size: 16px; line-height: 1.55; letter-spacing: 0.15px; }
	.premio-induction__benefits { display: grid; gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: 0.15px; }
	.premio-induction__benefits li { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 10px; }
	.premio-induction__benefits li::before { content: ""; height: 1px; margin-top: 0.75em; background: var(--premio-cyan); }
	.premio-induction__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; max-width: 100%; padding: 18px 24px; background: var(--premio-cyan); color: var(--premio-navy); font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: 0.8px; text-decoration: none; }
	.premio-induction__cta:focus-visible { outline: 2px solid var(--premio-cyan); outline-offset: 4px; }
	/* Full-bleed: breaks out of the section's 20px side padding so the video reaches the screen
	   edges, while the text above it stays inset -- the video is the one element on this panel
	   meant to feel immersive rather than read as a block of content. */
	.premio-induction__media { min-width: 0; width: calc(100% + 40px); margin-inline: -20px; overflow: hidden; border-top: 1px solid rgb(128 207 227 / 22%); }
	.premio-induction__video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; filter: brightness(0.91) contrast(1.03); }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-mobile-induction-text {
		from { opacity: 0; translate: 0 14px; }
		to { opacity: 1; translate: 0 0; }
	}
	@keyframes premio-mobile-induction-media {
		from { opacity: 0; scale: 0.985; }
		to { opacity: 1; scale: 1; }
	}
	.premio-induction .is-mobile-induction-pending { opacity: 0; }
	.premio-induction__copy.is-mobile-induction-entering { animation: premio-mobile-induction-text 560ms cubic-bezier(0.16, 1, 0.3, 1) backwards; }
	.premio-induction__media.is-mobile-induction-entering { animation: premio-mobile-induction-media 640ms cubic-bezier(0.16, 1, 0.3, 1) 90ms backwards; }
}

/* "O PREMIO-u" editorial page — restrained long-form layout, isolated to this page. */
.premio-about-working {
	padding: 48px 20px 64px;
	background: var(--premio-white);
	color: var(--premio-navy);
}
.premio-about-working__inner { max-width: 720px; margin-inline: auto; }
.premio-about-working h1 { margin: 0 0 36px; font-size: 34px; font-weight: 800; line-height: 1.15; letter-spacing: -0.5px; }
.premio-about-working p { margin: 0 0 20px; font-size: 17px; line-height: 1.75; }
.premio-about-working section { margin-bottom: 40px; }
.premio-about-working section:last-child { margin-bottom: 0; }

.premio-about__lead { font-size: 20px; line-height: 1.6; }

.premio-about__statement {
	padding-left: 20px;
	border-left: 2px solid var(--premio-cyan);
}
.premio-about__statement p {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.3px;
}

.premio-about__body--tech {
	padding-top: 32px;
	border-top: 1px solid var(--premio-light-grey);
}

.premio-about__turnkey-lead {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.2px;
}

.premio-about__closing {
	padding-top: 36px;
	border-top: 1px solid var(--premio-light-grey);
}
.premio-about__address { color: var(--premio-cyan); }
.premio-about__closing-final { font-weight: 600; }
.premio-about__signature { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 2px; color: var(--premio-grey); }

@media (min-width: 1200px) {
	.premio-about-working { padding: 88px 48px 96px; }
	.premio-about-working h1 { font-size: 44px; margin-bottom: 48px; }
	.premio-about-working section { margin-bottom: 56px; }
	.premio-about__lead { font-size: 22px; }
	.premio-about__statement { padding-left: 28px; }
	.premio-about__statement p { font-size: 28px; }
	.premio-about__turnkey-lead { font-size: 25px; }
	.premio-about__closing { padding-top: 48px; }
}

/* Isolated placeholder for the induction landing page, ready for future sections. */
.premio-induction-working {
	min-height: 50vh;
	padding: 48px 20px;
	background: var(--premio-light-grey);
	color: var(--premio-navy);
}
.premio-induction-working__inner { max-width: 1344px; margin-inline: auto; }
.premio-induction-working h1 { margin: 0 0 16px; font-size: 32px; line-height: 1.2; }
.premio-induction-working p { margin: 0; }
@media (min-width: 1200px) {
	.premio-induction-working { padding: 72px 48px; }
}

/* Dedicated /indukcija/ hero; desktop only until its mobile design is requested. */
.premio-induction-hero { display: none; }
@media (min-width: 1200px) {
	.premio-induction-hero { position: relative; display: block; padding: 48px 48px 56px; overflow: hidden; background: var(--premio-navy); color: var(--premio-white); }
	.premio-induction-hero__inner { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); align-items: center; max-width: 1344px; margin-inline: auto; }
	.premio-induction-hero__copy { position: relative; z-index: 1; min-width: 0; padding-right: 24px; }
	.premio-induction-hero__eyebrow { margin: 0 0 20px; color: var(--premio-cyan); font-size: 12px; font-weight: 600; line-height: 1.1; letter-spacing: 1.4px; }
	.premio-induction-hero__heading { margin: 0; font-size: clamp(32px, 2.8vw, 40px); font-weight: 800; line-height: 1.08; letter-spacing: -1px; }
	.premio-induction-hero__heading span { color: var(--premio-cyan); }
	.premio-induction-hero__description { max-width: 480px; margin: 24px 0 28px; color: var(--premio-light-grey); font-size: 17px; line-height: 1.6; }
	.premio-induction-hero__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 18px 28px; background: var(--premio-cyan); color: var(--premio-navy); font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: 0.8px; text-decoration: none; transition: box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1); }
	.premio-induction-hero__cta:hover { box-shadow: inset 0 0 0 1px rgb(16 32 51 / 45%); }
	.premio-induction-hero__cta:focus-visible { outline: 2px solid var(--premio-cyan); outline-offset: 4px; }
	.premio-induction-hero__visual { position: relative; min-width: 0; height: 640px; isolation: isolate; }
	.premio-induction-hero__visual::before { content: ""; position: absolute; inset: 0 -12%; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 55% 48% at 50% 42%, rgb(128 207 227 / 12%) 0%, rgb(128 207 227 / 5%) 40%, rgb(128 207 227 / 0%) 100%); filter: blur(48px); }
	.premio-induction-hero__image { position: absolute; left: 50.22%; top: 50%; width: 140.98%; max-width: none; height: auto; object-fit: contain; transform: translate(-50%, -50%); }
	.premio-induction-hero__anchor { position: absolute; bottom: 0; scroll-margin-top: 99px; }
}
@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-induction-hero-fade { from { opacity: 0; } to { opacity: 1; } }
	@keyframes premio-induction-hero-rise { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
	@keyframes premio-induction-hero-product { from { opacity: 0; scale: 0.985; } to { opacity: 1; scale: 1; } }
	.premio-induction-hero__eyebrow { animation: premio-induction-hero-fade 420ms cubic-bezier(0.16, 1, 0.3, 1) 50ms backwards; }
	.premio-induction-hero__heading { animation: premio-induction-hero-rise 520ms cubic-bezier(0.16, 1, 0.3, 1) 140ms backwards; }
	.premio-induction-hero__description,
	.premio-induction-hero__cta { animation: premio-induction-hero-rise 520ms cubic-bezier(0.16, 1, 0.3, 1) 260ms backwards; }
	.premio-induction-hero__visual { animation: premio-induction-hero-product 680ms cubic-bezier(0.16, 1, 0.3, 1) 140ms backwards; }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
	.premio-induction-hero__cta { transition: none; }
}

/* /indukcija/ technology advantages: desktop-only editorial grid. */
.premio-induction-page .premio-induction-advantages { display: none; }
@media (min-width: 1200px) {
	.premio-induction-page .premio-induction-advantages { display: block; padding: 72px 48px; background: var(--premio-light-grey); color: var(--premio-navy); }
	.premio-induction-advantages__inner { max-width: 1344px; margin-inline: auto; }
	.premio-induction-advantages__intro { max-width: 1000px; margin-bottom: 40px; }
	.premio-induction-advantages__eyebrow { margin: 0 0 16px; font-size: 12px; font-weight: 700; line-height: 1.1; letter-spacing: 1.4px; }
	.premio-induction-advantages__heading { margin: 0; font-size: 40px; font-weight: 800; line-height: 1.12; letter-spacing: -1px; }
	.premio-induction-advantages__description { max-width: 820px; margin: 20px 0 0; font-size: 16px; line-height: 1.6; letter-spacing: 0.15px; }
	.premio-induction-advantages__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 36px 32px; padding: 0; margin: 0; list-style: none; }
	.premio-induction-advantages__item { min-width: 0; padding-top: 22px; border-top: 1px solid rgb(16 32 51 / 14%); }
	.premio-induction-advantages__number { display: block; margin-bottom: 18px; color: var(--premio-cyan); font-size: 40px; font-weight: 600; line-height: 1; letter-spacing: -1px; }
	.premio-induction-advantages__item h3 { min-height: 2lh; margin: 0 0 12px; font-size: 16px; font-weight: 700; line-height: 1.25; letter-spacing: 0.15px; }
	.premio-induction-advantages__item p { margin: 0; font-size: 15px; line-height: 1.6; }
}
@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-induction-adv-enter { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
	.premio-induction-advantages__intro.is-adv-pending > *,
	.premio-induction-advantages__item.is-adv-pending { opacity: 0; }
	.premio-induction-advantages__intro.is-adv-entering > * { animation: premio-induction-adv-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) backwards; }
	.premio-induction-advantages__intro.is-adv-entering .premio-induction-advantages__description { animation-delay: 120ms; }
	.premio-induction-advantages__item.is-adv-entering { animation: premio-induction-adv-enter 560ms cubic-bezier(0.16, 1, 0.3, 1) var(--premio-adv-delay, 0ms) backwards; }
}

/* /indukcija/ digital control core: desktop only. */
.premio-induction-page .premio-digital-core { display: none; }
@media (min-width: 1200px) {
	.premio-induction-page .premio-digital-core { display: block; padding: 80px 48px; background: var(--premio-navy); color: var(--premio-white); }
	.premio-digital-core__inner { display: grid; grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); align-items: center; gap: 32px; max-width: 1344px; margin-inline: auto; }
	.premio-digital-core__copy { min-width: 0; }
	.premio-digital-core__eyebrow { margin: 0 0 18px; color: var(--premio-cyan); font-size: 12px; font-weight: 600; line-height: 1.1; letter-spacing: 1.4px; }
	.premio-digital-core__heading { margin: 0; font-size: 40px; font-weight: 800; line-height: 1.08; letter-spacing: -1px; }
	.premio-digital-core__description { margin: 24px 0 28px; color: var(--premio-light-grey); font-size: 16px; line-height: 1.6; letter-spacing: 0.15px; }
	.premio-digital-core__points { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }
	.premio-digital-core__points li { padding-top: 16px; border-top: 1px solid rgb(128 207 227 / 18%); }
	.premio-digital-core__points h3 { margin: 0 0 8px; font-size: 13px; font-weight: 700; line-height: 1.25; letter-spacing: 0.5px; }
	.premio-digital-core__points p { margin: 0; color: var(--premio-light-grey); font-size: 14px; line-height: 1.55; }
	.premio-digital-core__media { min-width: 0; }
	.premio-digital-core__media img { display: block; width: 100%; height: auto; object-fit: contain; }
}
@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-core-text-enter { from { opacity: 0; translate: 0 var(--premio-core-y, 12px); } to { opacity: 1; translate: 0 0; } }
	@keyframes premio-core-image-enter { from { opacity: 0; scale: 0.985; } to { opacity: 1; scale: 1; } }
	.premio-digital-core.is-core-pending .premio-digital-core__eyebrow,
	.premio-digital-core.is-core-pending .premio-digital-core__heading,
	.premio-digital-core.is-core-pending .premio-digital-core__description,
	.premio-digital-core.is-core-pending .premio-digital-core__points li,
	.premio-digital-core.is-core-pending .premio-digital-core__media { opacity: 0; }
	.premio-digital-core.is-core-entering .premio-digital-core__eyebrow { --premio-core-y: 0px; animation: premio-core-text-enter 420ms cubic-bezier(0.16, 1, 0.3, 1) backwards; }
	.premio-digital-core.is-core-entering .premio-digital-core__heading { animation: premio-core-text-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) 90ms backwards; }
	.premio-digital-core.is-core-entering .premio-digital-core__description { animation: premio-core-text-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) 180ms backwards; }
	.premio-digital-core.is-core-entering .premio-digital-core__points li { animation: premio-core-text-enter 540ms cubic-bezier(0.16, 1, 0.3, 1) 280ms backwards; }
	.premio-digital-core.is-core-entering .premio-digital-core__points li:nth-child(2) { animation-delay: 370ms; }
	.premio-digital-core.is-core-entering .premio-digital-core__points li:nth-child(3) { animation-delay: 460ms; }
	.premio-digital-core.is-core-entering .premio-digital-core__media { animation: premio-core-image-enter 700ms cubic-bezier(0.16, 1, 0.3, 1) 140ms backwards; }
}

/* Detailed engineering layer within the /indukcija/ desktop digital core. */
@media (min-width: 1200px) {
	.premio-induction-page .premio-core-technologies { max-width: 1344px; margin: 72px auto 0; }
	.premio-induction-page .premio-core-technologies__heading { margin: 0 0 36px; color: var(--premio-white); font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -0.4px; }
	.premio-induction-page .premio-core-technologies__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 28px; margin: 0; padding: 0; list-style: none; }
	.premio-induction-page .premio-core-technologies__grid li { min-width: 0; padding-top: 24px; border-top: 1px solid rgb(128 207 227 / 18%); }
	.premio-induction-page .premio-core-technologies__number { display: block; margin-bottom: 20px; color: var(--premio-cyan); font-size: 40px; font-weight: 600; line-height: 1; letter-spacing: -1px; }
	.premio-induction-page .premio-core-technologies__grid h4 { min-height: 3lh; margin: 0 0 14px; color: var(--premio-white); font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: 0.1px; }
	.premio-induction-page .premio-core-technologies__grid p { margin: 0; color: rgb(255 255 255 / 78%); font-size: 14px; line-height: 1.6; }
}
@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-technologies-enter { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
	.premio-induction-page .premio-core-technologies .is-tech-pending { opacity: 0; }
	.premio-induction-page .premio-core-technologies .is-tech-entering { animation: premio-technologies-enter 560ms cubic-bezier(0.16, 1, 0.3, 1) var(--premio-tech-delay, 0ms) backwards; }
}

/* /indukcija/: desktop efficiency comparison. */
.premio-induction-page .premio-efficiency { display: none; }
@media (min-width: 1200px) {
	.premio-induction-page .premio-efficiency { display: block; padding: 72px 48px; background: var(--premio-white); color: var(--premio-navy); }
	.premio-induction-page .premio-efficiency__inner { max-width: 1344px; margin-inline: auto; }
	.premio-induction-page .premio-efficiency__eyebrow { margin: 0 0 18px; font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: 1.4px; text-align: center; }
	.premio-induction-page .premio-efficiency__heading { margin: 0; font-size: 44px; font-weight: 800; line-height: 1.08; letter-spacing: -1px; text-align: center; }
	.premio-induction-page .premio-efficiency__description { max-width: 680px; margin: 24px auto 0; font-size: 16px; line-height: 1.6; text-align: center; }
	.premio-induction-page .premio-efficiency__comparison { display: grid; gap: 32px; max-width: 1040px; margin: 10px auto 0; padding: 0; list-style: none; }
	.premio-induction-page .premio-efficiency__row-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 32px; margin-bottom: 14px; }
	.premio-induction-page .premio-efficiency__row h3 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.35; letter-spacing: 0.3px; }
	.premio-induction-page .premio-efficiency__result { display: flex; align-items: baseline; margin: 0; font-size: 40px; font-weight: 600; line-height: 1; letter-spacing: -1px; }
	.premio-induction-page .premio-efficiency__label { margin-right: 10px; font-size: 12px; letter-spacing: 0.8px; }
	.premio-induction-page .premio-efficiency__value { display: inline-block; width: 2ch; font-variant-numeric: tabular-nums; text-align: right; }
	.premio-induction-page .premio-efficiency__percent { font-size: 0.6em; }
	.premio-induction-page .premio-efficiency__track { height: 8px; overflow: hidden; background: var(--premio-light-grey); }
	.premio-induction-page .premio-efficiency__fill { display: block; height: 100%; background: var(--premio-navy); }
	.premio-induction-page .premio-efficiency__row--gas { color: var(--premio-grey); }
	.premio-induction-page .premio-efficiency__row--gas .premio-efficiency__fill { background: var(--premio-grey); }
	.premio-induction-page .premio-efficiency__row--premio h3 { font-size: 18px; font-weight: 700; }
	.premio-induction-page .premio-efficiency__row--premio .premio-efficiency__result { color: var(--premio-cyan); font-size: 64px; font-weight: 700; }
	.premio-induction-page .premio-efficiency__row--premio .premio-efficiency__label { color: var(--premio-navy); }
	.premio-induction-page .premio-efficiency__row--premio .premio-efficiency__track { height: 12px; }
	.premio-induction-page .premio-efficiency__row--premio .premio-efficiency__fill { background: var(--premio-cyan); }
}

/* /indukcija/ desktop product family; image bounds compensate for transparent canvas padding. */
.premio-induction-page .premio-induction-family { display: none; }
@media (min-width: 1200px) {
	.premio-induction-page .premio-induction-family { display: block; padding: 72px 48px; background: var(--premio-light-grey); color: var(--premio-navy); text-align: center; overflow: clip; }
	.premio-induction-page .premio-induction-family__inner { max-width: 1344px; margin-inline: auto; }
	.premio-induction-page .premio-induction-family__eyebrow { margin: 0 0 18px; font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: 1.4px; }
	.premio-induction-page .premio-induction-family h2 { margin: 0; font-size: 40px; font-weight: 800; line-height: 1.08; letter-spacing: -1px; }
	.premio-induction-page .premio-induction-family__description { max-width: 720px; margin: 24px auto 0; font-size: 16px; line-height: 1.6; }
	.premio-induction-page .premio-induction-family__stage { position: relative; isolation: isolate; aspect-ratio: 3 / 1; margin: 36px 0 32px; overflow: visible; }
	.premio-induction-page .premio-induction-family__product { position: absolute; width: var(--product-width); left: var(--product-left); bottom: var(--product-bottom, 24px); aspect-ratio: var(--bounds-width) / var(--bounds-height); z-index: var(--product-depth, 1); transform: scale(1.12); transform-origin: center bottom; }
	.premio-induction-page .premio-induction-family__product img { position: absolute; display: block; max-width: none; width: calc(100% * var(--canvas-width) / var(--bounds-width)); height: auto; left: calc(-100% * var(--bounds-x) / var(--bounds-width)); top: calc(-100% * var(--bounds-y) / var(--bounds-height)); }
	.premio-induction-page .product-fryer { --product-width: 22%; --product-left: 0%; --canvas-width: 2184; --bounds-width: 1371; --bounds-height: 1383; --bounds-x: 409; --bounds-y: 478; }
	.premio-induction-page .product-grill { --product-width: 22%; --product-left: 18%; --product-bottom: 18px; --product-depth: 2; --canvas-width: 1459; --bounds-width: 1457; --bounds-height: 1447; --bounds-x: 0; --bounds-y: 6; }
	.premio-induction-page .product-stove { --product-width: 26%; --product-left: 37%; --product-bottom: 4px; --product-depth: 3; --canvas-width: 1511; --bounds-width: 1509; --bounds-height: 1499; --bounds-x: 0; --bounds-y: 6; }
	.premio-induction-page .product-kettle { --product-width: 20%; --product-left: 61%; --product-bottom: 18px; --product-depth: 2; --canvas-width: 1670; --bounds-width: 1419; --bounds-height: 1670; --bounds-x: 125; --bounds-y: 0; }
	.premio-induction-page .product-pasta { --product-width: 22%; --product-left: 78%; --canvas-width: 1590; --bounds-width: 1105; --bounds-height: 1163; --bounds-x: 197; --bounds-y: 325; }
	.premio-induction-page .premio-induction-family__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; background: var(--premio-cyan); color: var(--premio-navy); font-size: 11px; font-weight: 700; letter-spacing: 0.6px; text-decoration: none; }
	.premio-induction-page .premio-induction-family__cta:focus-visible { outline: 2px solid var(--premio-navy); outline-offset: 4px; }
}
@media (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
	@keyframes premio-family-copy-enter { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }
	@keyframes premio-family-products-enter { from { opacity: 0; scale: 0.985; } to { opacity: 1; scale: 1; } }
	.premio-induction-page .premio-induction-family .is-family-pending { opacity: 0; }
	.premio-induction-page .premio-induction-family__intro.is-family-entering { animation: premio-family-copy-enter 560ms cubic-bezier(0.16, 1, 0.3, 1) backwards; }
	.premio-induction-page .premio-induction-family__stage.is-family-entering { animation: premio-family-products-enter 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards; }
}

/* /indukcija/ responsive composition; desktop rules at >=1200px remain unchanged. */
@media (max-width: 1199px) {
 .premio-induction-hero{position:relative;display:block;padding:56px 32px;overflow:hidden;background:var(--premio-navy);color:var(--premio-white)}
 .premio-induction-hero__inner{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center;gap:24px;max-width:960px;margin:auto}
 .premio-induction-hero__copy{position:relative;z-index:1;min-width:0}.premio-induction-hero__eyebrow{margin:0 0 16px;color:var(--premio-cyan);font-size:11px;font-weight:600;letter-spacing:1.3px}.premio-induction-hero__heading{margin:0;font-size:clamp(30px,4vw,38px);line-height:1.08;font-weight:800;letter-spacing:-.8px}.premio-induction-hero__heading span{color:var(--premio-cyan)}.premio-induction-hero__description{margin:20px 0 24px;color:var(--premio-light-grey);font-size:15px;line-height:1.6}.premio-induction-hero__cta,.premio-induction-family__cta{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;background:var(--premio-cyan);color:var(--premio-navy);font-size:11px;font-weight:700;letter-spacing:.7px;text-decoration:none}.premio-induction-hero__visual{position:relative;min-width:0;height:500px;isolation:isolate}.premio-induction-hero__visual:before{content:"";position:absolute;inset:12% -10%;z-index:-1;background:radial-gradient(ellipse 55% 45% at 50% 46%,rgb(128 207 227/.1),transparent 72%);filter:blur(34px)}.premio-induction-hero__image{position:absolute;left:50%;top:50%;width:138%;max-width:none;height:auto;transform:translate(-50%,-50%)}
 .premio-induction-page .premio-induction-advantages{display:block;padding:60px 32px;background:var(--premio-light-grey);color:var(--premio-navy)}.premio-induction-advantages__inner,.premio-digital-core__inner,.premio-core-technologies,.premio-efficiency__inner,.premio-induction-family__inner{max-width:960px;margin:auto}.premio-induction-advantages__intro{max-width:820px;margin-bottom:32px}.premio-induction-advantages__eyebrow,.premio-digital-core__eyebrow,.premio-efficiency__eyebrow,.premio-induction-family__eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:1.3px}.premio-induction-advantages__heading,.premio-digital-core__heading,.premio-efficiency__heading,.premio-induction-family h2{margin:0;font-size:34px;line-height:1.12;font-weight:800}.premio-induction-advantages__description,.premio-digital-core__description,.premio-efficiency__description,.premio-induction-family__description{margin:18px 0 0;font-size:15px;line-height:1.6}.premio-induction-advantages__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none}.premio-induction-advantages__item{padding-top:18px;border-top:1px solid rgb(16 32 51/.14)}.premio-induction-advantages__number,.premio-core-technologies__number{display:block;margin-bottom:14px;color:var(--premio-cyan);font-size:32px;font-weight:600}.premio-induction-advantages__item h3{margin:0 0 10px;font-size:15px}.premio-induction-advantages__item p{margin:0;font-size:14px;line-height:1.58}
 .premio-induction-page .premio-digital-core{display:block;padding:64px 32px;background:var(--premio-navy);color:var(--premio-white)}.premio-digital-core__inner{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:28px;align-items:center}.premio-digital-core__eyebrow{color:var(--premio-cyan)}.premio-digital-core__description{color:var(--premio-light-grey)}.premio-digital-core__points{display:grid;gap:14px;margin:22px 0 0;padding:0;list-style:none}.premio-digital-core__points li{padding-top:13px;border-top:1px solid rgb(128 207 227/.18)}.premio-digital-core__points h3{margin:0 0 6px;font-size:12px}.premio-digital-core__points p{margin:0;color:var(--premio-light-grey);font-size:13px;line-height:1.5}.premio-digital-core__media img{display:block;width:100%;height:auto}.premio-core-technologies{margin-top:52px}.premio-core-technologies__heading{margin:0 0 28px;font-size:25px}.premio-core-technologies__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin:0;padding:0;list-style:none}.premio-core-technologies__grid li{padding-top:18px;border-top:1px solid rgb(128 207 227/.18)}.premio-core-technologies__grid h4{margin:0 0 10px;font-size:14px;line-height:1.35}.premio-core-technologies__grid p{margin:0;color:rgb(255 255 255/.78);font-size:13px;line-height:1.58}
 .premio-induction-page .premio-efficiency{display:block;padding:60px 32px;background:var(--premio-white);color:var(--premio-navy)}.premio-efficiency__eyebrow,.premio-efficiency__heading,.premio-efficiency__description{text-align:center}.premio-efficiency__description{max-width:680px;margin-inline:auto}.premio-efficiency__comparison{display:grid;gap:26px;max-width:780px;margin:32px auto 0;padding:0;list-style:none}.premio-efficiency__row-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px}.premio-efficiency__row h3{margin:0;font-size:14px}.premio-efficiency__result{display:flex;align-items:baseline;margin:0;font-size:34px;font-weight:600}.premio-efficiency__label{margin-right:8px;font-size:11px}.premio-efficiency__value{width:2ch;text-align:right;font-variant-numeric:tabular-nums}.premio-efficiency__percent{font-size:.6em}.premio-efficiency__track{height:8px;overflow:hidden;background:var(--premio-light-grey)}.premio-efficiency__fill{display:block;height:100%;background:var(--premio-navy)}.premio-efficiency__row--gas{color:var(--premio-grey)}.premio-efficiency__row--gas .premio-efficiency__fill{background:var(--premio-grey)}.premio-efficiency__row--premio h3{font-size:16px}.premio-efficiency__row--premio .premio-efficiency__result{color:var(--premio-cyan);font-size:52px;font-weight:700}.premio-efficiency__row--premio .premio-efficiency__label{color:var(--premio-navy)}.premio-efficiency__row--premio .premio-efficiency__track{height:11px}.premio-efficiency__row--premio .premio-efficiency__fill{background:var(--premio-cyan)}
 .premio-induction-page .premio-induction-family{display:block;padding:60px 32px;background:var(--premio-light-grey);color:var(--premio-navy);text-align:center;overflow:clip}.premio-induction-family__description{max-width:680px;margin-inline:auto}.premio-induction-family__stage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:4px;margin:32px 0}.premio-induction-family__product{position:relative;min-width:0;aspect-ratio:var(--bounds-width)/var(--bounds-height)}.premio-induction-family__product img{position:absolute;display:block;max-width:none;width:calc(100% * var(--canvas-width)/var(--bounds-width));height:auto;left:calc(-100% * var(--bounds-x)/var(--bounds-width));top:calc(-100% * var(--bounds-y)/var(--bounds-height))}.product-fryer{--canvas-width:2184;--bounds-width:1371;--bounds-height:1383;--bounds-x:409;--bounds-y:478}.product-grill{--canvas-width:1459;--bounds-width:1457;--bounds-height:1447;--bounds-x:0;--bounds-y:6}.product-stove{--canvas-width:1511;--bounds-width:1509;--bounds-height:1499;--bounds-x:0;--bounds-y:6;transform:scale(1.12);transform-origin:center bottom}.product-kettle{--canvas-width:1670;--bounds-width:1419;--bounds-height:1670;--bounds-x:125;--bounds-y:0}.product-pasta{--canvas-width:1590;--bounds-width:1105;--bounds-height:1163;--bounds-x:197;--bounds-y:325}
}
@media (max-width:767px){
 .premio-induction-hero{padding:38px 20px 44px}.premio-induction-hero__inner{grid-template-columns:1fr}.premio-induction-hero__heading{font-size:clamp(30px,8.5vw,38px)}.premio-induction-hero__description{font-size:15px}.premio-induction-hero__cta{width:100%}.premio-induction-hero__visual{height:min(430px,112vw);margin-top:10px}.premio-induction-hero__image{width:142%}.premio-induction-hero__visual:before{inset:12% -16%;filter:blur(28px)}
 .premio-induction-page .premio-induction-advantages,.premio-induction-page .premio-digital-core,.premio-induction-page .premio-efficiency,.premio-induction-page .premio-induction-family{padding:48px 20px}.premio-induction-advantages__heading,.premio-digital-core__heading,.premio-efficiency__heading,.premio-induction-family h2{font-size:clamp(28px,8vw,34px)}.premio-induction-advantages__grid{grid-template-columns:1fr;gap:22px}.premio-induction-advantages__intro{margin-bottom:26px}.premio-induction-advantages__item h3{min-height:0}.premio-digital-core__inner{grid-template-columns:1fr;gap:26px}.premio-digital-core__media{order:2}.premio-digital-core__media img{max-height:420px;object-fit:contain}.premio-core-technologies{margin-top:42px}.premio-core-technologies__heading{font-size:23px;margin-bottom:24px}.premio-core-technologies__grid{grid-template-columns:1fr;gap:24px}.premio-core-technologies__grid h4{min-height:0}.premio-efficiency__comparison{margin-top:28px;gap:24px}.premio-efficiency__row-heading{align-items:flex-end;gap:12px}.premio-efficiency__row h3{max-width:62%;font-size:12px}.premio-efficiency__result{font-size:30px}.premio-efficiency__row--premio .premio-efficiency__result{font-size:46px}.premio-efficiency__row--premio h3{font-size:13px}.premio-induction-family__stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;align-items:end;margin:30px 0}.premio-induction-family__product{width:82%;justify-self:center}.premio-induction-family__product.product-stove{grid-column:1/-1;grid-row:1;width:52%;transform:scale(1.1)}.premio-induction-family__product.product-fryer{grid-column:1;grid-row:2}.premio-induction-family__product.product-grill{grid-column:2;grid-row:2}.premio-induction-family__product.product-kettle{grid-column:1;grid-row:3}.premio-induction-family__product.product-pasta{grid-column:2;grid-row:3}.premio-induction-family__cta{width:100%}
}

/* Shared chrome made available on /indukcija/ at tablet/mobile widths. */
@media (min-width:768px) and (max-width:1199px){
 .page-id-7 .premio-header-slot{display:block;height:76px;position:sticky;top:0;z-index:1000}.page-id-7.admin-bar .premio-header-slot{top:var(--wp-admin--admin-bar--height,32px)}.page-id-7 .premio-header{display:block;padding-inline:32px}.page-id-7 .premio-header__inner{display:flex;height:76px;align-items:center;justify-content:space-between}.page-id-7 .premio-header__brand,.page-id-7 .premio-header__logo{display:block}.page-id-7 .premio-header__logo{width:150px;height:auto}.page-id-7 .premio-header__nav,.page-id-7 .premio-header__cta{display:none}.page-id-7 .premio-header__mobile-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--premio-white);cursor:pointer}.page-id-7 .premio-mobile-menu{display:block;position:fixed;inset-inline:0;top:76px;height:calc(100dvh - 76px);padding:34px 32px;overflow-y:auto;background:#132738;color:#fff;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity 220ms ease-out,transform 220ms ease-out,visibility 0s linear 220ms}.page-id-7 .premio-header.is-mobile-menu-open .premio-mobile-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}.page-id-7 .premio-mobile-menu__links{display:grid;gap:24px;margin:0;padding:0;list-style:none}.page-id-7 .premio-mobile-menu__links a{color:#fff;font-size:26px;font-weight:700;text-decoration:none}.page-id-7 .premio-mobile-menu__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-top:32px;background:var(--premio-cyan);color:var(--premio-navy);font-size:12px;font-weight:700;text-decoration:none}.page-id-7 .premio-header__mobile-toggle[aria-expanded=true]{position:relative;color:var(--premio-cyan)}.page-id-7 .premio-header__mobile-toggle[aria-expanded=true] svg{visibility:hidden}.page-id-7 .premio-header__mobile-toggle[aria-expanded=true]:before,.page-id-7 .premio-header__mobile-toggle[aria-expanded=true]:after{content:"";position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(45deg)}.page-id-7 .premio-header__mobile-toggle[aria-expanded=true]:after{transform:rotate(-45deg)}
}
@media(max-width:1024px){
 .page-id-7 .premio-footer{display:block;padding:44px 32px 24px;background:var(--premio-navy);color:var(--premio-white);font-size:13px;line-height:1.55}.page-id-7 .premio-footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;margin-bottom:34px}.page-id-7 .premio-footer__logo{display:block;width:150px;height:auto}.page-id-7 .premio-footer__description{margin:16px 0 0}.page-id-7 .premio-footer__heading{margin:0 0 14px;color:var(--premio-cyan);font-size:12px;letter-spacing:1px}.page-id-7 .premio-footer__list,.page-id-7 .premio-footer__contact{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-style:normal}.page-id-7 .premio-footer a{color:inherit;text-decoration:none}.page-id-7 .premio-footer__bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgb(128 207 227/.18);font-size:12px}.page-id-7 .premio-footer__bottom p{margin:0}.page-id-7 .premio-footer__legal{display:flex;gap:18px;margin:0;padding:0;list-style:none}
}
@media(max-width:767px){.page-id-7 .premio-footer{padding:40px 20px 24px}.page-id-7 .premio-footer__grid{grid-template-columns:1fr;gap:28px}.page-id-7 .premio-footer__bottom{flex-direction:column}.page-id-7 .premio-footer__legal{flex-wrap:wrap}}

/* /indukcija/ final CTA responsive treatment; desktop uses the established component unchanged. */
@media(max-width:1024px){
 .page-id-7 .premio-project-cta{position:relative;isolation:isolate;display:block;padding:58px 32px;background:var(--premio-light-grey);color:var(--premio-navy);text-align:center;overflow:hidden}.page-id-7 .premio-project-cta:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--premio-navy);opacity:.018;-webkit-mask:url("assets/images/premio-white.png") center/88% auto no-repeat;mask:url("assets/images/premio-white.png") center/88% auto no-repeat}.page-id-7 .premio-project-cta__inner{max-width:760px;margin:auto}.page-id-7 .premio-project-cta__eyebrow{margin:0 0 14px;color:var(--premio-navy);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:1.2px}.page-id-7 .premio-project-cta__eyebrow:before{content:"";display:inline-block;width:22px;height:2px;margin-right:9px;vertical-align:middle;background:var(--premio-cyan)}.page-id-7 .premio-project-cta__heading{margin:0;font-size:clamp(34px,5vw,42px);font-weight:800;line-height:1.1;letter-spacing:-1px}.page-id-7 .premio-project-cta__description{margin:16px 0 24px;font-size:16px;line-height:1.6}.page-id-7 .premio-project-cta__button{display:inline-flex;min-width:180px;min-height:52px;align-items:center;justify-content:center;padding:16px 26px;border:0;border-radius:0;background:var(--premio-cyan);color:var(--premio-navy);font:700 11px/1.2 Poppins,sans-serif;letter-spacing:.8px}.page-id-7 .premio-project-cta__button:focus-visible{outline:2px solid var(--premio-navy);outline-offset:4px}
}
@media(max-width:767px){
 .page-id-7 .premio-project-cta{padding:46px 20px}.page-id-7 .premio-project-cta:before{opacity:.014;-webkit-mask-size:155% auto;mask-size:155% auto}.page-id-7 .premio-project-cta__heading{font-size:clamp(29px,8.5vw,36px)}.page-id-7 .premio-project-cta__description{font-size:15px}.page-id-7 .premio-project-cta__description br{display:none}.page-id-7 .premio-project-cta__button{width:min(100%,335px)}
}

/* Homepage final CTA and footer at tablet/mobile widths only. */
@media (max-width: 1024px) {
	.home .premio-project-cta {
		position: relative;
		isolation: isolate;
		display: block;
		overflow: hidden;
		padding: 58px 32px;
		background: var(--premio-light-grey);
		color: var(--premio-navy);
		text-align: center;
	}
	.home .premio-project-cta::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		background: var(--premio-navy);
		opacity: 0.018;
		-webkit-mask: url("assets/images/premio-white.png") center / 88% auto no-repeat;
		mask: url("assets/images/premio-white.png") center / 88% auto no-repeat;
	}
	.home .premio-project-cta__inner {
		position: relative;
		z-index: 1;
		max-width: 760px;
		margin-inline: auto;
	}
	.home .premio-project-cta__eyebrow {
		margin: 0 0 14px;
		color: var(--premio-navy);
		font-size: 11px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: 1.2px;
	}
	.home .premio-project-cta__eyebrow::before {
		content: "";
		display: inline-block;
		width: 22px;
		height: 2px;
		margin-right: 9px;
		vertical-align: middle;
		background: var(--premio-cyan);
	}
	.home .premio-project-cta__heading {
		margin: 0;
		font-size: clamp(34px, 5vw, 42px);
		font-weight: 800;
		line-height: 1.1;
		letter-spacing: -1px;
	}
	.home .premio-project-cta__description {
		margin: 16px 0 24px;
		font-size: 16px;
		line-height: 1.6;
	}
	.home .premio-project-cta__button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 180px;
		min-height: 52px;
		padding: 16px 26px;
		border: 0;
		border-radius: 0;
		background: var(--premio-cyan);
		color: var(--premio-navy);
		font: 700 11px/1.2 Poppins, sans-serif;
		letter-spacing: 0.8px;
	}
	.home .premio-project-cta__button:focus-visible {
		outline: 2px solid var(--premio-navy);
		outline-offset: 4px;
	}

	.home .premio-footer {
		display: block;
		position: relative;
		padding: 44px 32px 24px;
		background: var(--premio-navy);
		color: var(--premio-white);
		font-size: 13px;
		line-height: 1.55;
	}
	.home .premio-footer__inner {
		max-width: 960px;
		margin-inline: auto;
	}
	.home .premio-footer__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 28px;
		margin-bottom: 34px;
	}
	.home .premio-footer__grid > * { min-width: 0; }
	.home .premio-footer__logo {
		display: block;
		width: 150px;
		height: auto;
	}
	.home .premio-footer__description { margin: 16px 0 0; }
	.home .premio-footer__heading {
		margin: 0 0 14px;
		color: var(--premio-cyan);
		font-size: 12px;
		font-weight: 700;
		line-height: 1.1;
		letter-spacing: 1px;
	}
	.home .premio-footer__list,
	.home .premio-footer__contact {
		display: grid;
		gap: 8px;
		margin: 0;
		padding: 0;
		list-style: none;
		font-style: normal;
	}
	.home .premio-footer a {
		color: inherit;
		text-decoration: none;
	}
	.home .premio-footer a:focus-visible {
		outline: 2px solid var(--premio-cyan);
		outline-offset: 4px;
	}
	.home .premio-footer__bottom {
		display: flex;
		justify-content: space-between;
		gap: 20px;
		padding-top: 18px;
		border-top: 1px solid rgb(128 207 227 / 18%);
		font-size: 12px;
		line-height: 1.5;
	}
	.home .premio-footer__bottom p { margin: 0; }
	.home .premio-footer__legal {
		display: flex;
		gap: 18px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
}

@media (max-width: 767px) {
	.home .premio-project-cta { padding: 46px 20px; }
	.home .premio-project-cta::before {
		opacity: 0.014;
		-webkit-mask-size: 155% auto;
		mask-size: 155% auto;
	}
	.home .premio-project-cta__heading { font-size: clamp(29px, 8.5vw, 36px); }
	.home .premio-project-cta__description { font-size: 15px; }
	.home .premio-project-cta__description br {
		display: inline-block;
		width: 0.25em;
		content: "";
	}
	.home .premio-project-cta__button { width: min(100%, 335px); }

	.home .premio-footer { padding: 40px 20px 24px; }
	.home .premio-footer__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
	.home .premio-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}
	.home .premio-footer__legal {
		flex-wrap: wrap;
		gap: 10px 18px;
	}
}