.tempo-landing-breadcrumb{padding:20px 0}
.tempo-landing-head{padding:8px 0 28px}
.tempo-landing-head h1{margin:0;font-size:clamp(34px,3vw,48px)}
.tempo-landing-section,.tempo-landing-products{margin:0 0 64px}
.tempo-landing-title{margin:0 0 24px;font-size:clamp(26px,2.2vw,34px);font-weight:600}
.tempo-landing-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:#111;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.tempo-landing-cta:hover{background:var(--main-accent);color:#fff;text-decoration:none}
.tempo-landing-hero{position:relative;height:clamp(560px,37.5vw,720px);margin:0;overflow:hidden;background:#111;color:#fff}
.tempo-landing-hero__media,.tempo-landing-hero__media:after{position:absolute;inset:0}
.tempo-landing-hero__media{overflow:hidden}
.tempo-landing-hero__media:after{content:"";z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.16) 58%,transparent);pointer-events:none}
.tempo-landing-hero__media img,.tempo-landing-hero__poster,.tempo-landing-hero__video{width:100%;height:100%}
.tempo-landing-hero__media img,.tempo-landing-hero__poster img,.tempo-landing-hero__video{object-fit:cover}
.tempo-landing-hero__poster,.tempo-landing-hero__video{position:absolute;inset:0}
.tempo-landing-hero__poster{z-index:0}
.tempo-landing-hero__poster img{display:block;width:100%;height:100%}
.tempo-landing-hero__video{z-index:1;display:block;background:transparent}
.tempo-landing-hero__inner{position:relative;z-index:3;display:flex;align-items:flex-end;height:100%;padding-bottom:64px}
.tempo-landing-hero__content{max-width:650px}
.tempo-landing-hero h1{margin:0 0 14px;color:#fff;font-size:clamp(38px,4vw,64px);line-height:1.02}
.tempo-landing-hero__subtitle{max-width:620px;margin:0 0 24px;font-size:clamp(18px,1.5vw,24px);line-height:1.4}
.tempo-landing-hero--plain{height:auto;background:#f5f5f5;color:#111}
.tempo-landing-hero--plain .tempo-landing-hero__inner{height:auto;padding-top:48px;padding-bottom:48px}
.tempo-landing-hero--plain h1{color:#111}
.tempo-landing-hero--plain .tempo-landing-hero__subtitle{color:var(--color-dark-grey)}
.tempo-landing-tiles__viewport{overflow:visible}
.tempo-landing-tiles__track{display:grid;gap:22px}
.tempo-landing-tiles--3_2 .tempo-landing-tiles__track{grid-template-columns:repeat(6,minmax(0,1fr))}
.tempo-landing-tiles--3_2 .tempo-landing-tile{grid-column:span 2}
.tempo-landing-tiles--3_2 .tempo-landing-tile--wide{grid-column:span 3;aspect-ratio:16/7}
.tempo-landing-tiles--4_equal .tempo-landing-tiles__track{grid-template-columns:repeat(4,minmax(0,1fr))}
.tempo-landing-tiles--3_equal .tempo-landing-tiles__track,.tempo-landing-tiles--3_3 .tempo-landing-tiles__track{grid-template-columns:repeat(3,minmax(0,1fr))}
.tempo-landing-tile{position:relative;min-width:0;aspect-ratio:4/3;overflow:hidden;background:#eee;color:#fff;text-decoration:none}
.tempo-landing-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 62%)}
.tempo-landing-tile picture,.tempo-landing-tile img{display:block;width:100%}
.tempo-landing-tile img{object-fit:cover;transition:transform .35s ease}
.tempo-landing-tile span{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;color:#fff;font-size:clamp(22px,2vw,30px);font-weight:600}
.tempo-landing-tile:hover{color:#fff}
.tempo-landing-tile:hover img{transform:scale(1.03)}
.tempo-landing-tiles--auto{margin-bottom:48px}
.tempo-landing-tiles--auto .tempo-landing-tiles__track{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.tempo-landing-tiles--auto.tempo-landing-tiles--count-1 .tempo-landing-tiles__track{grid-template-columns:repeat(1,minmax(0,1fr))}
.tempo-landing-tiles--auto.tempo-landing-tiles--count-2 .tempo-landing-tiles__track{grid-template-columns:repeat(2,minmax(0,1fr))}
.tempo-landing-tiles--auto.tempo-landing-tiles--count-3 .tempo-landing-tiles__track{grid-template-columns:repeat(3,minmax(0,1fr))}
.tempo-landing-tiles--auto .tempo-landing-tile{display:block;aspect-ratio:auto;overflow:visible;background:transparent;color:#111;text-align:center}
.tempo-landing-tiles--auto .tempo-landing-tile:after{display:none}
.tempo-landing-tiles--auto .tempo-landing-tile picture{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#fff}
.tempo-landing-tiles--auto .tempo-landing-tile img{display:block;width:100%;height:100%;padding:0;box-sizing:border-box;object-fit:contain}
.tempo-landing-tiles--auto .tempo-landing-tile span{position:static;display:block;margin-top:9px;color:#111;font-size:14px;line-height:1.3;font-weight:500}
.tempo-landing-tiles--auto .tempo-landing-tile:hover{color:#111}
.tempo-landing-tiles--auto .tempo-landing-tile:hover img{transform:scale(1.025)}
.tempo-editorial__grid{display:grid;gap:22px}
.tempo-editorial--100 .tempo-editorial__grid{grid-template-columns:1fr;gap:0}
.tempo-editorial--50_50 .tempo-editorial__grid{grid-template-columns:1fr 1fr}
.tempo-editorial--66_33 .tempo-editorial__grid{grid-template-columns:2fr 1fr}
.tempo-editorial--33_66 .tempo-editorial__grid{grid-template-columns:1fr 2fr}
.tempo-editorial__card{position:relative;min-height:360px;overflow:hidden;background:#eee;color:#fff;text-decoration:none}
.tempo-editorial--100 .tempo-editorial__card{min-height:0;aspect-ratio:48/19}
.tempo-editorial__card picture,.tempo-editorial__card img{position:absolute;inset:0;width:100%;height:100%}
.tempo-editorial__card img{object-fit:cover}
.tempo-editorial__card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 70%)}
.tempo-editorial__content{position:absolute;left:28px;right:28px;bottom:28px;z-index:1}
.tempo-editorial--100 .tempo-editorial__content{left:max(28px,calc((100vw - var(--site-container-width,100%))/2 + 12px));right:auto;width:min(650px,calc(100% - 56px))}
.tempo-editorial__content h3{margin:0 0 8px;color:#fff;font-size:clamp(24px,2vw,34px)}
.tempo-editorial__content p{max-width:620px;margin:0 0 18px;font-size:18px;line-height:1.4}
.tempo-editorial__card:hover{color:#fff}
.tempo-landing-brands__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.tempo-landing-brand{display:flex;align-items:center;justify-content:center;min-height:120px;padding:18px;border:1px solid #eee;background:#fff;text-decoration:none}
.tempo-landing-brand img{display:block;max-width:100%;max-height:82px;object-fit:contain}
.tempo-landing-brand span{font-size:18px;font-weight:600}
.tempo-landing-guides__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.tempo-landing-guide{display:block;color:inherit;text-decoration:none}
.tempo-landing-guide img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:16px}
.tempo-landing-guide h3{margin:0 0 8px;font-size:21px}
.tempo-landing-guide p{margin:0;color:var(--color-dark-grey);font-size:15px;line-height:1.45}
.tempo-landing-guide:hover{color:inherit}
.tempo-landing-guide:hover h3{color:var(--main-accent)}
@media(prefers-reduced-motion:reduce){
	.tempo-landing-hero__video{display:none}
}
@media(min-width:992px){
	body.tempo-category-landing-page.has-sticky-header{padding-top:0}
	body.tempo-category-landing-page:not(.is-scrolled) .site-sticky-header{background:transparent;box-shadow:none}
	body.tempo-category-landing-page:not(.is-scrolled) .site-header{padding:12px 0 0;background:transparent}
	body.tempo-category-landing-page:not(.is-scrolled) .header-main{height:var(--tempo-header-height,82px);padding-left:24px;padding-right:24px;background:rgba(255,255,255,.98);border:1px solid rgba(0,0,0,.05);border-radius:4px;box-shadow:0 14px 40px rgba(0,0,0,.10)}
	body.tempo-category-landing-page.is-scrolled .site-header{padding:0;background:#fff}
	body.tempo-category-landing-page.is-scrolled .header-main{padding-left:0;padding-right:0;background:#fff;border:0;border-radius:0;box-shadow:none}
}

.tempo-landing-tiles--compact{margin-bottom:48px}
.tempo-landing-tiles--compact .tempo-landing-tiles__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px}
.tempo-landing-tiles--compact .tempo-landing-tile{display:block;aspect-ratio:auto;overflow:visible;background:transparent;color:#111;text-align:center}
.tempo-landing-tiles--compact .tempo-landing-tile:after{display:none}
.tempo-landing-tiles--compact .tempo-landing-tile picture{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#fff}
.tempo-landing-tiles--compact .tempo-landing-tile__empty-media{display:block;width:100%;aspect-ratio:1/1;background:#fff}
.tempo-landing-tiles--compact .tempo-landing-tile img{display:block;width:100%;height:100%;padding:0;box-sizing:border-box;object-fit:contain}
.tempo-landing-tiles--compact .tempo-landing-tile span{position:static;display:block;margin-top:9px;color:#111;font-size:14px;line-height:1.3;font-weight:500}
.tempo-landing-tiles--compact .tempo-landing-tile:hover{color:#111}
.tempo-landing-tiles--compact .tempo-landing-tile:hover img{transform:scale(1.025)}
@media(min-width:1440px){
	.tempo-landing-tiles--auto .tempo-landing-tiles__track{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}
}
@media(min-width:1200px) and (max-width:1439.98px){
	.tempo-landing-tiles--auto .tempo-landing-tiles__track{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(min-width:992px) and (max-width:1199.98px){
	.tempo-landing-tiles--auto .tempo-landing-tiles__track{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
}
@media(min-width:768px) and (max-width:991.98px){
	.tempo-landing-tiles--auto .tempo-landing-tiles__track{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
@media(max-width:991.98px){
	body.tempo-category-landing-page{padding-top:0!important}
	.tempo-landing-section,.tempo-landing-products{margin-bottom:48px}
	.tempo-landing-brands__track{grid-template-columns:repeat(3,1fr)}
	.tempo-landing-guides__grid{grid-template-columns:repeat(2,1fr)}
	body.tempo-category-landing-page .site-sticky-header{position:fixed;top:0;left:0;right:0;z-index:1040;background:transparent;box-shadow:none;pointer-events:none}
	body.tempo-category-landing-page .site-sticky-header .top-bar,body.tempo-category-landing-page .site-sticky-header .site-header{pointer-events:auto}
	body.tempo-category-landing-page:not(.mobile-header-scrolled) .site-header{padding:12px 12px 0;background:transparent;border-bottom:0}
	body.tempo-category-landing-page:not(.mobile-header-scrolled) .header-main{background:rgba(255,255,255,.98);border:1px solid rgba(0,0,0,.05);border-radius:4px;box-shadow:0 14px 40px rgba(0,0,0,.12)}
	body.tempo-category-landing-page.mobile-header-scrolled .site-sticky-header{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.08)}
	body.tempo-category-landing-page.mobile-header-scrolled .site-header{padding:0;background:#fff;border-bottom:0}
	body.tempo-category-landing-page.mobile-header-scrolled .header-main{background:#fff;border:0;border-radius:0;box-shadow:none}
}
@media(max-width:767px){
	.tempo-landing-breadcrumb{padding:14px 0 30px}
	.tempo-landing-section,.tempo-landing-products{margin-bottom:40px}
	.tempo-landing-title{margin-bottom:18px}
	.tempo-landing-hero{height:clamp(500px,133vw,680px)}
	.tempo-landing-hero__inner{padding-bottom:36px}
	.tempo-landing-hero__media:after{background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.08) 70%)}
	.tempo-landing-hero h1{font-size:38px}
	.tempo-landing-tiles .container{padding-right:0}
	.tempo-landing-tiles__viewport{overflow-x:auto;padding-right:18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.tempo-landing-tiles__viewport::-webkit-scrollbar{display:none}
	.tempo-landing-tiles.is-embla .tempo-landing-tiles__viewport{overflow:hidden}
	.tempo-landing-tiles__track,.tempo-landing-tiles--3_2 .tempo-landing-tiles__track,.tempo-landing-tiles--4_equal .tempo-landing-tiles__track,.tempo-landing-tiles--3_equal .tempo-landing-tiles__track,.tempo-landing-tiles--3_3 .tempo-landing-tiles__track,.tempo-landing-tiles--auto .tempo-landing-tiles__track{display:flex;grid-template-columns:none;gap:14px}
	.tempo-landing-tile,.tempo-landing-tiles--3_2 .tempo-landing-tile,.tempo-landing-tiles--3_2 .tempo-landing-tile--wide{flex:0 0 84%;grid-column:auto;aspect-ratio:4/5;scroll-snap-align:start}
	.tempo-landing-tile span{left:22px;bottom:20px;font-size:30px}
	.tempo-editorial__grid,.tempo-editorial--50_50 .tempo-editorial__grid,.tempo-editorial--66_33 .tempo-editorial__grid,.tempo-editorial--33_66 .tempo-editorial__grid{grid-template-columns:1fr}
	.tempo-editorial__card{min-height:420px}
	.tempo-editorial--100 .tempo-editorial__card{min-height:0;aspect-ratio:9/11}
	.tempo-editorial--100 .tempo-editorial__content{left:28px;right:28px;width:auto}
	.tempo-landing-brands .container{padding-right:0}
	.tempo-landing-brands__track{display:flex;gap:12px;overflow-x:auto;padding:0 18px 8px 0;scrollbar-width:none}
	.tempo-landing-brand{flex:0 0 42%;min-height:105px}
	.tempo-landing-guides__grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
	.tempo-landing-guide{flex:0 0 82%}
	.tempo-landing-tiles--auto,.tempo-landing-tiles--compact{margin-bottom:36px}
	.tempo-landing-tiles--auto .tempo-landing-tiles__track,.tempo-landing-tiles--compact .tempo-landing-tiles__track{gap:12px}
	.tempo-landing-tiles--auto .tempo-landing-tile,.tempo-landing-tiles--auto .tempo-landing-tile--equal,.tempo-landing-tiles--auto .tempo-landing-tile--wide,.tempo-landing-tiles--compact .tempo-landing-tile,.tempo-landing-tiles--compact .tempo-landing-tile--equal,.tempo-landing-tiles--compact .tempo-landing-tile--wide{flex:0 0 132px;aspect-ratio:auto}
	.tempo-landing-tiles--auto .tempo-landing-tile picture,.tempo-landing-tiles--compact .tempo-landing-tile picture{width:132px;height:132px;aspect-ratio:1/1}
	.tempo-landing-tiles--auto .tempo-landing-tile span,.tempo-landing-tiles--compact .tempo-landing-tile span{margin-top:8px;font-size:13px;line-height:1.25}
	.tempo-landing-tiles--auto .tempo-landing-tile img,.tempo-landing-tiles--compact .tempo-landing-tile img{padding:0}
}

/* Tempo Brand Story: native editorial image + copy, compatible with the site design tokens. */
.tempo-brand-story{margin:0 0 64px}
.tempo-brand-story__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4.5vw,76px);align-items:center}
.tempo-brand-story__media{min-width:0;overflow:hidden;background:#f5f5f2;border-radius:4px}
.tempo-brand-story__media picture{display:block;width:100%}
.tempo-brand-story__media img{display:block;width:100%;aspect-ratio:5/4;height:auto;object-fit:cover}
.tempo-brand-story__copy{min-width:0;max-width:650px;padding:12px 0}
.tempo-brand-story__title{margin:0 0 22px;color:var(--color-black);font-size:clamp(26px,2.35vw,38px);line-height:1.12;font-weight:600}
.tempo-brand-story__text{margin:0 0 24px;color:var(--color-dark-grey);font-size:clamp(15px,1.15vw,18px);line-height:1.68;white-space:pre-line}
.tempo-brand-story__text p{margin:0 0 15px}
.tempo-brand-story__text p:last-child{margin-bottom:0}
.tempo-brand-story__layout--text-only{grid-template-columns:minmax(0,900px)}
.tempo-brand-story__layout--text-only .tempo-brand-story__copy{max-width:900px}
@media(min-width:768px){.tempo-brand-story--image-right .tempo-brand-story__media{order:2}.tempo-brand-story--image-right .tempo-brand-story__copy{order:1}}
@media(max-width:767.98px){.tempo-brand-story{margin-bottom:42px}.tempo-brand-story__layout,.tempo-brand-story__layout--text-only{grid-template-columns:minmax(0,1fr);gap:25px}.tempo-brand-story__media img{aspect-ratio:4/3}.tempo-brand-story__copy{max-width:100%;padding:0}.tempo-brand-story__title{margin-bottom:16px;font-size:27px}.tempo-brand-story__text{font-size:16px;line-height:1.6}}

/* Manufacturer hybrid mode: the shared mobile filter drawer needs a visible trigger. */
@media(max-width:991.98px){#product-manufacturer .category-toolbar .category-filter-toggle{display:inline-flex;width:max-content;max-width:100%}}

/* Tempo Category Tiles: readable text-only manual tiles in image-based grids. */
.tempo-landing-tiles:not(.tempo-landing-tiles--compact):not(.tempo-landing-tiles--auto) .tempo-landing-tile--no-image{background:var(--color-black,#111)}

/* v0.2.3 - three equal columns, any configured row count */
.tempo-landing-tiles--3_columns .tempo-landing-tiles__track{grid-template-columns:repeat(3,minmax(0,1fr))}