:root{--red:#c00037;--ink:#171c23;--muted:#606a74;--line:#e5e9ee}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:15px}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.ref-shell{max-width:1320px;margin:auto;padding-left:28px;padding-right:28px}.ref-header{position:sticky;top:0;background:white;z-index:40;box-shadow:0 2px 14px #14233812}.ref-headerin{min-height:76px;display:flex;align-items:center;gap:22px}.ref-logo{display:flex;align-items:center;gap:14px;min-width:295px}.ref-logo img{width:180px;height:auto}.ref-logo span{font-size:12px;border-left:1px solid #cdd0d5;padding-left:15px;white-space:nowrap}.ref-nav{display:flex;justify-content:center;gap:17px;align-items:center;flex:1}.ref-nav a{font-size:12px;font-weight:750;white-space:nowrap;padding:28px 0 24px;border-bottom:3px solid transparent}.ref-nav a.active,.ref-nav a:hover{border-color:var(--red)}.ref-shop,.ref-button{background:var(--red);color:white!important;border:0;padding:14px 20px;border-radius:3px;font-size:13px;font-weight:800;display:inline-block;white-space:nowrap}.ref-menu{display:none}.ref-slider{max-width:1600px;height:400px;position:relative;margin:auto;overflow:hidden;background:#edf2f6}.ref-slides,.ref-slide{height:100%}.ref-slide{display:none;grid-template-columns:47% 53%;align-items:center}.ref-slide.is-active{display:grid}.ref-slide-copy{padding:25px max(40px,calc((100vw - 1230px)/2));padding-right:20px;z-index:2}.ref-slide-copy h1{font-size:clamp(29px,3vw,49px);line-height:1.08;margin:14px 0}.ref-slide-copy p{font-size:16px;line-height:1.5;margin-bottom:22px}.ref-hero-photo{height:100%;border-radius:0}.ref-hero-photo:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#edf2f6,transparent 26%)}.ref-picture{position:relative;overflow:hidden;background:#f0f3f6;border-radius:5px;min-height:130px}.ref-picture img{display:block;width:100%;height:100%;object-fit:cover}.ref-ai{position:absolute;bottom:5px;right:6px;font-size:8px;line-height:1;color:#6b727a;background:#ffffffb7;padding:3px 5px;border-radius:2px;z-index:3}.ref-prev,.ref-next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#ffffffec;width:40px;height:40px;border-radius:50%;box-shadow:0 3px 14px #0002;font-size:30px}.ref-prev{left:12px}.ref-next{right:12px}.ref-dots{position:absolute;bottom:12px;left:50%;display:flex;gap:8px}.ref-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:2px solid #fff;background:#b3b8bf}.ref-dots button.is-active{background:var(--red)}.ref-kicker{display:block;color:#1a2027;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.ref-kicker:before{content:"";display:inline-block;width:28px;height:3px;background:var(--red);vertical-align:middle;margin-right:8px}.ref-home{padding-bottom:34px}.ref-company-tease{display:grid;grid-template-columns:45% 55%;gap:30px;margin:24px 0 30px}.ref-company-tease>.ref-picture{height:250px}.ref-company-tease h2{font-size:30px;line-height:1.12;margin:12px 0}.ref-company-tease p{line-height:1.58}.ref-stats{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.ref-stats span{border-right:1px solid #ddd;padding:4px 17px 4px 0;font-size:12px}.ref-stats b{display:block;font-size:20px}.ref-textlink{color:var(--red);font-weight:800}.ref-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 14px}.ref-section-head h2{font-size:23px;margin:0}.ref-section-head h2:before{content:"";display:inline-block;width:30px;height:3px;background:var(--red);vertical-align:middle;margin-right:9px}.ref-section-head>a{font-size:12px;color:var(--red);font-weight:800}.ref-home-columns{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;align-items:start}.ref-news-grid,.ref-category-tiles,.ref-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ref-feature,.ref-product,.ref-catalog{box-shadow:0 2px 13px #29364518;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.ref-feature-image{height:145px;border-radius:0}.ref-feature-copy,.ref-product>div:last-child{padding:13px}.ref-feature-copy small,.ref-product small{color:var(--red);font-weight:800;font-size:10px}.ref-feature h3,.ref-product h3{font-size:16px;margin:5px 0}.ref-feature p,.ref-product p{font-size:12px;line-height:1.5;color:#4c5660;margin:5px 0 10px}.ref-feature a,.ref-detail{border:0;background:none;padding:0;font-size:12px;color:var(--red);font-weight:850}.ref-catalog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-catalog-cover{width:100%;height:150px;position:relative;overflow:hidden;background:#f4f6f9;padding:15px;display:flex;flex-direction:column;justify-content:flex-start;gap:9px;box-shadow:inset 0 0 0 1px #e2e6ec}.ref-catalog-cover>strong{color:var(--red);font-size:11px}.ref-catalog-cover>b{font-size:15px;z-index:1}.ref-catalog-cover>small{font-size:9px;z-index:1}.ref-diagonal{position:absolute;width:200%;height:40%;left:-45%;top:70%;transform:rotate(-23deg);background:linear-gradient(90deg,#aebfc9 30%,var(--red) 30%,var(--red) 41%,#e7ecef 41%)}.ref-catalog-details{padding:10px}.ref-catalog-details h3{font-size:12px;margin:3px 0}.ref-catalog-details p{font-size:10px;color:var(--muted)}.ref-catalog-details a{font-size:11px;color:var(--red);font-weight:800}.ref-category-tiles .ref-feature{display:grid;grid-template-columns:42% 58%;min-height:150px}.ref-category-tiles .ref-feature-image{height:100%}.ref-sinter-banner{margin:35px 0 0;padding:25px;background:#edf2f5;display:grid;grid-template-columns:55% 45%;gap:12px;align-items:center;border-radius:7px}.ref-sinter-banner h2{font-size:30px;line-height:1.12}.ref-sinter-banner em,.ref-sinter-hero em{font-style:normal;color:var(--red)}.ref-sinter-banner>.ref-picture{height:260px}.ref-pagehero{margin:24px 0;min-height:170px;padding:30px;background:#f3f6f9}.ref-pagehero h1{font-size:clamp(30px,3.2vw,43px);line-height:1.13;margin:10px 0}.ref-pagehero p{line-height:1.58;max-width:620px}.ref-split-hero{display:grid;grid-template-columns:46% 54%;padding:0;align-items:center;min-height:260px}.ref-split-hero>div:first-child{padding:30px}.ref-split-hero>.ref-picture{height:300px}.ref-company-main{display:grid;grid-template-columns:26% 38% 1fr;gap:22px;margin:28px 0}.ref-timeline{border-left:2px solid var(--red);margin-left:12px;padding-left:16px}.ref-timeline>div{position:relative;display:grid;grid-template-columns:66px 1fr;gap:8px;margin:0 0 14px;font-size:12px}.ref-timeline>div:before{content:"";position:absolute;left:-23px;top:4px;width:11px;height:11px;border:2px solid var(--red);background:#fff;border-radius:50%}.ref-timeline b{color:var(--red)}.ref-youtube{position:relative;aspect-ratio:16/9;background:#17202a;overflow:hidden;border-radius:6px}.ref-youtube>.ref-picture{height:100%;border-radius:0}.ref-video-consent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#d40030;color:white;border:0;border-radius:6px;padding:13px 17px;font-weight:800;font-size:13px;white-space:nowrap}.ref-youtube iframe{width:100%;height:100%;border:0}.ref-caption{color:#7b8288;font-size:11px}.ref-company-main>div:nth-child(3) h2{font-size:23px}.ref-company-main>div:nth-child(3) p{line-height:1.65;font-size:14px}.ref-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0 50px}.ref-pillars article{padding:18px;border-top:3px solid var(--red);background:#f7f9fa}.ref-pillars b{color:var(--red)}.ref-pillars h3{margin:8px 0}.ref-pillars p{font-size:12px;line-height:1.5}.ref-prod-hero>.ref-picture img{object-fit:contain;padding:15px}.ref-cattabs{display:flex;gap:9px;margin:16px 0}.ref-cattabs button{border:1px solid #e5e8ec;background:#f3f4f5;padding:13px 18px;font-weight:750;flex:1;border-radius:5px}.ref-cattabs button.active{background:var(--red);color:#fff}.ref-products-layout{display:grid;grid-template-columns:245px 1fr;gap:25px;margin:22px 0 55px}.ref-filter{border-right:1px solid var(--line);padding-right:15px}.ref-filter h3{margin-top:0}.ref-filter input[type=search]{margin:10px 0;width:100%;padding:10px;border:1px solid #cdd5de;border-radius:4px}.ref-filter p{font-weight:750}.ref-filter-options label{display:block;margin:12px 0;font-size:13px}.ref-product-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ref-product-toolbar select{padding:8px;border:1px solid #ddd}.ref-product .ref-picture{height:190px}.ref-product .ref-picture img{object-fit:contain;padding:10px}.ref-sinter-hero{display:grid;grid-template-columns:43% 57%;gap:18px;align-items:start;margin-bottom:50px}.ref-sinter-hero h2{font-size:20px;margin-top:25px}.ref-technology-link{display:block;background:#ffedf2;color:var(--red);padding:16px;font-weight:850;border-radius:5px;overflow-wrap:anywhere}.ref-sinter-video{width:100%}.ref-catalog-full{margin:22px 0 40px}.ref-catalog-full .ref-catalog-cover{height:270px}.ref-catalog-full .ref-catalog-details{padding:17px}.ref-catalog-full .ref-catalog-details h3{font-size:18px}.ref-catalog-full .ref-catalog-details a{display:inline-block;padding:10px 12px;color:#fff;background:var(--red)}.ref-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 80px}.ref-contact-grid article{padding:25px;border:1px solid var(--line)}.ref-contact-grid a{color:var(--red)}.ref-footer{background:#20262c;color:#e5e8ed;margin-top:50px}.ref-footerinner{padding-top:33px;padding-bottom:38px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.ref-footbrand img{max-width:170px;filter:grayscale(1) brightness(2)}.ref-footerinner>div{display:flex;flex-direction:column;gap:9px}.ref-footerinner b{font-size:13px}.ref-footerinner a,.ref-footerinner small{font-size:12px;color:#cad2d8}dialog{border:0;border-radius:10px;max-width:470px;padding:32px;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#18202b88}.ref-dialog-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:24px}.ref-hidden{display:none!important}
@media(max-width:1100px){.ref-headerin{gap:12px}.ref-logo{min-width:auto}.ref-logo img{width:130px}.ref-logo span{display:none}.ref-nav{gap:9px}.ref-nav a{font-size:11px}.ref-shop{padding:12px}.ref-company-main{grid-template-columns:1fr 1fr}.ref-company-main>div:nth-child(3){grid-column:1/-1}.ref-home-columns{grid-template-columns:1fr}.ref-catalog-cover{height:180px}}@media(max-width:760px){.ref-shell{padding-left:16px;padding-right:16px}.ref-headerin{min-height:62px;flex-wrap:wrap}.ref-menu{display:block;background:none;border:0;margin-left:auto;font-size:25px}.ref-nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch}.ref-nav.is-open{display:flex}.ref-nav a{padding:9px 0}.ref-shop{font-size:11px}.ref-slider{height:540px}.ref-slide,.ref-slide.is-active{display:none;grid-template-columns:1fr;grid-template-rows:1fr 47%}.ref-slide.is-active{display:grid}.ref-slide-copy{padding:28px 45px}.ref-slide-copy h1{font-size:29px}.ref-slide-copy p{font-size:13px}.ref-hero-photo{height:100%}.ref-hero-photo:before{display:none}.ref-company-tease,.ref-home-columns,.ref-sinter-banner,.ref-split-hero,.ref-sinter-hero,.ref-products-layout,.ref-contact-grid{grid-template-columns:1fr}.ref-company-tease>.ref-picture{height:185px}.ref-news-grid,.ref-category-tiles,.ref-product-grid,.ref-catalog-list{grid-template-columns:1fr 1fr}.ref-company-main{grid-template-columns:1fr}.ref-company-main>div:nth-child(3){grid-column:auto}.ref-pillars{grid-template-columns:1fr 1fr}.ref-split-hero>.ref-picture{height:220px}.ref-cattabs{flex-wrap:wrap}.ref-cattabs button{min-width:45%}.ref-filter{border:0}.ref-footerinner{grid-template-columns:1fr 1fr}.ref-sinter-banner>.ref-picture{height:230px}}@media(max-width:480px){.ref-news-grid,.ref-category-tiles,.ref-product-grid,.ref-catalog-list{grid-template-columns:1fr}.ref-category-tiles .ref-feature{grid-template-columns:40% 60%}.ref-footerinner{grid-template-columns:1fr}.ref-shop{padding:9px}.ref-catalog-cover{height:160px}}

/* MESTRA 2026 approved visual-reference refinements */
:root{--red:#c50039;--ink:#171c24;--line:#e8e8eb}
body{font-family:Arial,"Helvetica Neue",sans-serif;background:linear-gradient(#fff,#fff)}
.ref-shell{max-width:1480px}.ref-headerin{min-height:68px}.ref-logo img{width:175px}.ref-nav a{padding-top:25px;padding-bottom:21px}.ref-shop{border-radius:4px;box-shadow:0 4px 12px #c500391b}
.ref-slider{max-width:1920px;height:355px;background:#eaf1f5}.ref-slide{grid-template-columns:48% 52%;position:relative}.ref-slide-copy{padding-left:max(85px,calc((100vw - 1180px)/2));padding-right:16px}.ref-slide-copy h1{font-size:clamp(28px,2.6vw,42px);max-width:625px;line-height:1.08;letter-spacing:-.035em}.ref-slide-copy p{max-width:520px}.ref-hero-photo:before{background:linear-gradient(90deg,#eaf1f5,transparent 30%)}
.ref-company-tease{grid-template-columns:51% 49%;gap:26px;margin:20px 0}.ref-company-tease>.ref-picture{height:205px}.ref-company-tease h2{font-size:27px;line-height:1.13;margin:7px 0}.ref-company-tease p{font-size:13px;line-height:1.4;margin:8px 0}.ref-company-tease .ref-textlink{font-size:12px}.ref-trust{display:grid;grid-template-columns:repeat(4,1fr);margin:11px 0;gap:0}.ref-trust div{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid #d5d9df;padding:0 5px}.ref-trust div:last-child{border:0}.ref-trust span{font-size:25px;color:var(--red)}.ref-trust b{font-size:11px}
.ref-home-columns{grid-template-columns:1.55fr 1fr;gap:22px}.ref-section-head{margin:15px 0 10px}.ref-section-head h2{font-size:21px;letter-spacing:-.035em}.ref-feature-image{height:130px}.ref-feature-copy{padding:10px}.ref-feature h3{font-size:13px}.ref-feature p{font-size:11px}.ref-news-grid{gap:10px}.ref-catalog-list{gap:9px}.ref-catalog-cover{height:137px;padding:11px}.ref-catalog-cover>b{font-size:12px}.ref-catalog-details{padding:7px}.ref-catalog-details p{font-size:10px;margin:4px 0}.ref-category-tiles .ref-feature{min-height:106px}.ref-category-tiles .ref-feature-image{height:110px}.ref-category-tiles .ref-feature-copy{padding:10px}.ref-category-tiles .ref-feature h3{font-size:14px}.ref-sinter-banner{margin-top:20px;grid-template-columns:44% 56%;padding:18px 24px;min-height:175px}.ref-sinter-banner h2{font-size:28px;margin:9px 0}.ref-sinter-banner p{font-size:12px;line-height:1.5;margin:8px 0}.ref-sinter-banner>.ref-picture{height:198px}.ref-sinter-checks{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;font-weight:700;margin:9px 0}.ref-sinter-checks span{color:#36404b}.ref-footer{margin-top:0}.ref-footerinner{padding-top:20px;padding-bottom:22px}
.ref-pagehero{border-radius:5px}.ref-split-hero{min-height:250px}.ref-split-hero>.ref-picture{height:265px}.ref-pagehero h1{letter-spacing:-.04em}.ref-pillars article{border-top:2px solid var(--red);border-radius:5px}.ref-pillars h3{font-size:15px}.ref-catalog-cover{box-shadow:0 5px 13px #171c231b}
.ref-picture img[src*="mock-"]{object-position:center}.ref-slide .ref-picture img[src*="mock-hero"]{object-position:center}.ref-company-tease .ref-picture img[src*="mock-building"]{object-fit:cover}
@media(max-width:1100px){.ref-slide-copy{padding-left:55px}.ref-company-tease{grid-template-columns:1fr 1fr}.ref-home-columns{grid-template-columns:1fr}.ref-catalog-cover{height:170px}}
@media(max-width:760px){.ref-slider{height:550px}.ref-slide-copy{padding-left:42px;padding-right:42px}.ref-slide-copy h1{font-size:29px}.ref-company-tease,.ref-sinter-banner{grid-template-columns:1fr}.ref-company-tease>.ref-picture{height:230px}.ref-trust{grid-template-columns:repeat(2,1fr);row-gap:12px}.ref-sinter-banner>.ref-picture{height:260px}.ref-category-tiles .ref-feature-image{height:100%}}

/* Reference-faithful four page update */
.r4-hero{display:grid;grid-template-columns:44% 56%;min-height:295px;background:#f2f5f8;overflow:hidden;border-radius:5px;align-items:stretch;margin:12px 0 22px}.r4-hero-copy{padding:42px 30px 35px;position:relative;z-index:2}.r4-hero h1,.r4-sinter-grid h1{font-size:clamp(29px,3vw,43px);line-height:1.08;letter-spacing:-.045em;margin:11px 0}.r4-hero p,.r4-sinter-grid p{line-height:1.5}.r4-image{position:relative;overflow:hidden;min-height:100%}.r4-image img{width:100%;height:100%;object-fit:cover;display:block}.r4-image small{position:absolute;bottom:8px;right:9px;background:#ffffffbc;font-size:8px;padding:2px 4px;color:#56606a;border-radius:3px}.r4-button{display:inline-flex;align-items:center;gap:6px;background:#bd003b;color:white!important;padding:11px 16px;border-radius:3px;text-decoration:none;font-weight:750;font-size:13px;margin-top:10px}.r4-company-layout{display:grid;grid-template-columns:26% 43% 31%;gap:18px;align-items:start;padding:17px 0}.r4-company-layout h2{font-size:24px;margin:2px 0 20px;letter-spacing:-.035em}.r4-steps{border-left:2px solid #cf003c;margin-left:11px}.r4-steps>div{position:relative;margin:0 0 14px;padding-left:19px;display:grid;gap:2px;font-size:12px}.r4-steps>div:before{content:'';position:absolute;width:10px;height:10px;background:white;border:2px solid #c90040;border-radius:50%;left:-7px;top:3px}.r4-steps b{color:#c80040;font-size:14px}.r4-company-film .ref-youtube,.r4-sinter-media .ref-youtube{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#20262a}.r4-company-film .ref-youtube>img,.r4-sinter-media .ref-youtube .r4-image{width:100%;height:100%;object-fit:cover}.r4-company-film .ref-video-consent,.r4-sinter-media .ref-video-consent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:48px;border-radius:13px;background:#df0038;border:0;color:#fff;font-size:26px;cursor:pointer}.r4-company-film small,.r4-sinter-media>small{font-size:10px;color:#67717f}.r4-about p{font-size:13px;line-height:1.6}.r4-textlink{font-weight:700;color:#bd003b}.r4-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #eceef0;padding:16px 0 30px;text-align:center}.r4-pillars>div{padding:8px;display:grid;justify-items:center;gap:5px;border-right:1px solid #ddd}.r4-pillars>div:last-child{border:0}.r4-pillars i,.r4-tech-link i{display:block;width:31px;height:31px;color:#c90040}.r4-pillars b{font-size:14px}.r4-pillars small{max-width:165px;font-size:11px;color:#555}.r4-depth{padding:24px 10px 35px;border-top:1px solid #ddd}.r4-depth p{max-width:850px;line-height:1.7}.r4-sinter-grid{display:grid;grid-template-columns:43% 57%;gap:25px;padding:42px 0 60px}.r4-sinter-grid h1 em{color:#c60040;font-style:normal}.r4-sinter-content h2{margin:30px 0 12px;font-size:22px}.r4-checks{list-style:none;padding:0;display:grid;gap:12px}.r4-checks li{position:relative;padding-left:29px;font-size:14px}.r4-checks li:before{content:'✓';position:absolute;left:0;top:0;background:#c50040;color:white;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;font-weight:bold}.r4-tech-link{display:flex;align-items:center;gap:12px;background:#fff0f3;padding:20px;margin-top:23px;border-radius:10px;color:#bd003b;text-decoration:none}.r4-tech-link strong{display:block;font-size:20px}.r4-tech-link>span:last-child{margin-left:auto}.r4-catalog-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px 0 20px}.r4-catalog-item{display:flex;gap:16px;align-items:center;min-width:0}.r4-catalog-cover{position:relative;flex:0 0 42%;height:245px;background:#f6f8fa;box-shadow:0 7px 15px #14202b27;overflow:hidden;display:flex;flex-direction:column;padding:13px;gap:12px}.r4-catalog-cover img{position:absolute;bottom:0;left:0;width:100%;height:48%;object-fit:cover}.r4-catalog-cover strong,.r4-catalog-cover b,.r4-catalog-cover small{position:relative;z-index:1}.r4-catalog-cover strong{color:#c70039}.r4-catalog-cover b{font-size:16px}.r4-catalog-cover small{color:#555}.r4-catalog-desc h3{font-size:16px;margin:0}.r4-catalog-desc p{font-size:12px}.r4-catalog-desc .r4-button{font-size:11px;padding:9px}.r4-note{font-size:12px;color:#64707a;margin-bottom:50px}.r4-product-hero{min-height:260px}.r4-product-hero .r4-hero-copy{padding-top:43px}@media(max-width:900px){.r4-company-layout{grid-template-columns:1fr 1fr}.r4-about{grid-column:1/-1}.r4-catalog-row{grid-template-columns:1fr}.r4-catalog-item{max-width:620px}.r4-catalog-cover{flex-basis:180px}}@media(max-width:650px){.r4-hero,.r4-sinter-grid{grid-template-columns:1fr}.r4-hero .r4-image{height:220px}.r4-company-layout{grid-template-columns:1fr}.r4-about{grid-column:auto}.r4-pillars{grid-template-columns:repeat(2,1fr)}.r4-sinter-grid{padding-top:20px}.r4-catalog-cover{flex-basis:40%;height:210px}}

/* Fidelity adjustments based on the user-approved four-panel mockup */
.ref-shell{max-width:1320px}
.r4-company-layout{grid-template-columns:27% 42% 31%;column-gap:14px}
.r4-hero{border-radius:0;min-height:290px;background:linear-gradient(90deg,#fafcfe,#edf3f7)}
.r4-hero h1{font-weight:850;letter-spacing:-.042em}
.r4-company-hero .r4-image img{object-position:center}
.r4-pillars{max-width:790px;margin-left:auto;transform:translateY(-15px);border-top:0}
.r4-pillars i{color:#d00041}
.ref-cattabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ref-cattabs [data-cat="Alle"]{display:none}
.ref-cattabs [data-cat]{display:flex;align-items:center;justify-content:center;gap:10px;background:#f6f7f9;border:1px solid #e5e6e8;border-radius:5px;font-weight:750;padding:13px 10px}
.ref-cattabs [data-cat].active{background:#bd003b;color:white;border-color:#bd003b}
.ref-tabicon{font-size:22px;color:#c5003a;line-height:1}.ref-cattabs [data-cat].active .ref-tabicon{color:white}
.ref-products-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:24px;margin-top:18px}
.ref-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ref-product{border:1px solid #e0e4e8;border-radius:6px;overflow:hidden;box-shadow:0 4px 10px #25334511}
.ref-product .ref-picture{aspect-ratio:1.5;background:#f0f3f6}
.ref-product .ref-picture img{object-fit:cover}
.ref-filter{border-right:1px solid #e2e5e8;padding-right:18px}
.r4-sinter-grid{grid-template-columns:42% 56%;column-gap:2%;align-items:start}
.r4-sinter-grid h1{font-size:clamp(29px,3.2vw,42px)}
.r4-sinter-media .ref-youtube{aspect-ratio:16/9}
.r4-tech-link{background:#fae9ed;min-height:82px}
.r4-tech-link strong{font-size:clamp(15px,1.55vw,22px)}
.r4-catalog-hero{min-height:250px}
.r4-catalog-row{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));}
.r4-catalog-item{display:grid;grid-template-columns:46% 54%;gap:8px;align-items:center}
.r4-catalog-precise{width:100%;height:245px;display:block;padding:0;background:white;box-shadow:0 5px 13px #122b4333}
.r4-catalog-precise img{position:static;height:100%;width:100%;object-fit:fill}
.r4-catalog-desc h3{font-size:15px}.r4-catalog-desc .r4-button{font-size:11px;white-space:nowrap}
@media(max-width:1024px){.r4-catalog-row{grid-template-columns:1fr}.r4-catalog-item{grid-template-columns:150px 1fr;max-width:610px}.r4-catalog-precise{height:225px}.r4-pillars{max-width:none;transform:none}}
@media(max-width:720px){.ref-products-layout{grid-template-columns:1fr}.ref-filter{border-right:0}.ref-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-cattabs [data-cat]{font-size:12px}.r4-company-layout{grid-template-columns:1fr}}
@media(max-width:460px){.ref-product-grid{grid-template-columns:1fr}.ref-cattabs{grid-template-columns:1fr}.r4-catalog-item{grid-template-columns:42% 58%}}

.dl-section{margin:32px 0 64px;padding:28px 30px;background:#fff;border:1px solid #e8eaed;border-radius:16px;box-shadow:0 9px 28px #17212c0a}.dl-heading h2{font-size:clamp(23px,2.6vw,34px);line-height:1.16;margin:12px 0 6px;color:#17202c}.dl-heading p{color:#67727e;margin:0 0 20px}.dl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}.dl-stats>div{background:#f7f8fa;border:1px solid #ebedf0;border-radius:11px;padding:15px 18px;display:flex;gap:12px;align-items:center}.dl-stats strong{font-size:26px;color:#c60037}.dl-stats span{font-size:13px;font-weight:650}.dl-toolbar{display:flex;align-items:end;gap:18px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #e8e8e8;padding-bottom:17px}.dl-search-label{flex:1;min-width:240px;font-size:12px;font-weight:700;color:#525c65}.dl-search-label input{display:block;width:100%;border:1px solid #cfd6dc;border-radius:7px;background:#fff;padding:12px;margin-top:6px;font-size:14px;box-sizing:border-box}.dl-tabs{display:flex;gap:5px;flex-wrap:wrap}.dl-tabs button{border:1px solid #e2e4e7;background:#fff;color:#34404b;border-radius:7px;font-weight:700;padding:11px 12px;cursor:pointer}.dl-tabs button.active{background:#c60037;color:#fff;border-color:#c60037}.dl-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:19px}.dl-item{border:1px solid #e6e9ed;border-radius:10px;padding:15px;display:flex;gap:13px;align-items:start}.dl-ico{height:39px;width:39px;background:#fceaf0;color:#bb0033;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:21px}.dl-item>div:nth-child(2){min-width:0;flex:1}.dl-item small{color:#9c243e;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.dl-item h3{font-size:14px;line-height:1.3;margin:5px 0;color:#202a34}.dl-item p{margin:0 0 9px;font-size:12px;color:#65717b}.dl-item a{color:#bf0038;font-weight:800;font-size:12px;text-decoration:none}.dl-note{margin:20px 0 11px;color:#637080;font-size:12px}.dl-folders{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dl-folders a{border:1px solid #eee;background:#f8f9fb;color:#222;text-decoration:none;padding:15px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750}.dl-folders b{color:#c60037;font-size:19px}.dl-empty{grid-column:1/-1;padding:32px;text-align:center;color:#6f7884;background:#f8f9fb;border-radius:10px}@media(max-width:800px){.dl-results,.dl-stats{grid-template-columns:1fr}.dl-folders{grid-template-columns:1fr}.dl-section{padding:18px}.dl-tabs button{font-size:12px;padding:9px 10px}}


/* PDF thumbnail download cards */
.dl-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:19px}
.dl-item{border:1px solid #e6e9ed;border-radius:12px;padding:12px;display:flex;gap:12px;align-items:flex-start;background:#fff;box-shadow:0 2px 10px rgba(23,33,44,.04)}
.dl-thumb{width:84px;min-width:84px;aspect-ratio:0.74;border:1px solid #e2e6ea;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#fff,#f2f4f7);position:relative}
.dl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dl-thumb.is-fallback::before{content:"PDF";position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:#c60037;background:linear-gradient(180deg,#fff,#f7f8fa)}
.dl-meta{min-width:0;flex:1}
.dl-item>div:nth-child(2){min-width:0;flex:1}
@media(max-width:1100px){.dl-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.dl-results{grid-template-columns:1fr}.dl-thumb{width:72px;min-width:72px}}

.dl-catalog-original{width:100%;height:100%;min-height:215px;border:0;display:block;background:#f3f3f3}.r4-catalog-cover{overflow:hidden}

.dl-thumb{width:83px;min-width:83px;height:113px;display:block;overflow:hidden;border:1px solid #e6e9ed;border-radius:7px;background:#f5f6f7}.dl-thumb img{width:100%;height:100%;object-fit:cover}.dl-item{align-items:flex-start}

/* PDF first-page thumbnails instead of scrollable PDF embeds */
.ref-pdf-thumb{padding:0;background:#eef2f5;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 1px #dde3e9}
.ref-pdf-thumb canvas,.ref-pdf-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ref-pdf-thumb-fallback{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:14px;background:linear-gradient(180deg,#f8fafc,#edf1f5);color:#c00037}
.ref-pdf-thumb-fallback strong{font-size:12px;letter-spacing:.08em}.ref-pdf-thumb-fallback b{font-size:15px}.ref-pdf-thumb-fallback small{font-size:10px;color:#67727c}
.ref-catalog-full .ref-pdf-thumb-fallback b{font-size:22px}.ref-catalog-full .ref-pdf-thumb-fallback small{font-size:12px}

.ref-catalog-static{padding:0!important;background:#f4f6f8!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden;}
.ref-catalog-static img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.ref-catalog-full .ref-catalog-static img{object-fit:contain;}

.r4-catalog-cover .dl-catalog-cover-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f5f6f8}

/* Produktdokumente: vier Kacheln nebeneinander auf Desktop. */
.dl-section .dl-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dl-section .dl-item{min-width:0}
.dl-section .dl-meta{overflow-wrap:anywhere}
@media(max-width:1250px){.dl-section .dl-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.dl-section .dl-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dl-section .dl-results{grid-template-columns:1fr}}


/* Unternehmen: detailgetreue Komposition nach dem verbindlichen Vier-Seiten-Mockup. */
.mestra-ref-embedded .r4-company-hero,.r4-company-hero{display:grid;grid-template-columns:44% 56%;height:345px;min-height:345px;margin:0 0 20px;border-radius:0;background:#eff3f6;position:relative;overflow:hidden}
.r4-company-hero .r4-hero-copy{padding:34px 0 26px 32px;z-index:3;position:relative;align-self:center}
.r4-company-hero .r4-hero-copy:after{content:"";position:absolute;z-index:-1;top:-45px;bottom:-45px;left:0;right:-95px;background:linear-gradient(90deg,#f8fafc 0%,#f8fafc 72%,#f8fafc00 100%);pointer-events:none}
.r4-company-hero h1{max-width:560px;font-size:clamp(31px,2.9vw,43px);line-height:1.06;letter-spacing:-.042em;font-weight:850;margin:12px 0 11px}
.r4-company-hero p{max-width:445px;font-size:15px;line-height:1.39;margin:0 0 10px}
.r4-company-hero .r4-button{margin-top:5px;padding:12px 16px;font-size:13px}
.r4-company-hero .r4-image{height:100%}.r4-company-hero .r4-image img{object-fit:cover;object-position:center}
.r4-company-layout{display:grid;grid-template-columns:minmax(0,31%) minmax(0,43%) minmax(0,26%);gap:0;align-items:start;padding:0 0 20px}
.r4-history{padding:0 20px 0 8px}.r4-company-layout h2{font-size:24px;font-weight:850;line-height:1.08;margin:5px 0 18px;letter-spacing:-.035em}
.r4-history h2:before{content:"";display:inline-block;background:#d1003c;width:32px;height:3px;vertical-align:middle;margin-right:10px}
.r4-steps{border-left:3px solid #d20040;margin-left:13px}.r4-steps>div{padding-left:21px;gap:1px;margin-bottom:9px;font-size:12px;line-height:1.2}.r4-steps>div:before{width:10px;height:10px;left:-7px;top:3px;background:#fff;border:2px solid #d10040}
.r4-steps b{font-size:14px;font-weight:850}
.r4-company-film{padding:7px 15px 0 0;min-width:0}.r4-company-film .ref-youtube{aspect-ratio:16/9;border-radius:8px;box-shadow:0 4px 12px #1018201c}.r4-company-film .ref-youtube>img{object-fit:cover}
.r4-company-film .ref-video-consent{width:74px;height:51px;border-radius:12px;background:#f10023;font-size:30px}
.r4-about{padding:0 0 0 5px}.r4-about h2{font-size:24px;line-height:1.05;margin-bottom:13px}.r4-about p{font-size:13px;line-height:1.43;margin:0}.r4-about-rule{display:block;width:42px;height:3px;background:#cc0037;margin-top:17px}
.r4-company-film .r4-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;width:calc(100% + 265px);margin:12px 0 0 -2px;padding:0;transform:none;border:0;gap:0;text-align:center;position:relative}
.r4-company-film .r4-pillars>div{padding:4px 9px;gap:2px;border-right:1px solid #d7dce1;align-content:start}
.r4-company-film .r4-pillars i{width:38px;height:38px}.r4-company-film .r4-pillars b{font-size:15px;font-weight:850}.r4-company-film .r4-pillars small{font-size:11px;line-height:1.3;color:#272d33}
.r4-depth{margin-top:24px}
@media(max-width:1100px){.r4-company-film .r4-pillars{width:calc(100% + 170px)}.r4-company-layout h2{font-size:21px}}
@media(max-width:850px){.r4-company-layout{grid-template-columns:42% 58%;row-gap:22px}.r4-about{grid-column:1/-1;padding:0 12px}.r4-company-film .r4-pillars{width:100%;margin:16px 0 0}.r4-company-hero{height:auto;min-height:300px}.r4-company-hero h1{font-size:30px}}
@media(max-width:650px){.r4-company-hero{grid-template-columns:1fr;height:auto}.r4-company-hero .r4-hero-copy{padding:28px 22px}.r4-company-hero .r4-hero-copy:after{display:none}.r4-company-hero .r4-image{height:230px}.r4-company-layout{grid-template-columns:1fr}.r4-history{padding:0 7px}.r4-company-film{padding:0}.r4-about{grid-column:auto}.r4-company-film .r4-pillars{grid-template-columns:repeat(2,1fr);gap:12px}.r4-company-film .r4-pillars>div:nth-child(2){border:0}}

.r4-company-film .r4-pillars svg{width:40px;height:40px;display:block;margin:0 auto 3px;overflow:visible;flex:none}.r4-company-film .r4-pillars>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}

/* MESTRA 5.5 – Mikrowellen-Sintern, vierseitige Designvorlage */
.r5-microwave-page{padding-top:22px;padding-bottom:30px}
.r5-microwave-page .r4-sinter-grid{display:grid;grid-template-columns:minmax(0,42%) minmax(0,56%);gap:2%;align-items:start}
.r5-microwave-page .r4-sinter-content{padding:4px 18px 0 10px}
.r5-microwave-page .ref-kicker{font-size:11px;font-weight:850}
.r5-microwave-page h1{font-size:clamp(33px,3.2vw,46px);line-height:1.06;letter-spacing:-.048em;font-weight:850;margin:17px 0 11px}
.r5-microwave-page h1 em{color:#d1003c;font-style:normal}
.r5-microwave-page .r4-sinter-content>p{font-size:16px;line-height:1.38;margin:0;max-width:460px}
.r5-sinter-divider{width:100%;max-width:455px;border-top:1px solid #e8eaef;margin:25px 0 15px}
.r5-microwave-page h2{display:flex;align-items:center;gap:10px;font-size:21px;line-height:1.15;margin:0 0 17px;font-weight:850}
.r5-title-line{width:30px;min-width:30px;height:3px;background:#d1003c;display:inline-block}
.r5-microwave-page .r4-checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.r5-microwave-page .r4-checks li{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.24}
.r5-microwave-page .r4-checks li::before{content:"✓";display:grid;place-items:center;flex:0 0 21px;height:21px;border-radius:50%;background:#db003e;color:white;font-size:13px;font-weight:900}
.r5-microwave-page .r4-sinter-media .ref-youtube{aspect-ratio:16/9;border-radius:9px;box-shadow:0 4px 16px #1a26351d}
.r5-microwave-page .r4-sinter-media .r4-image{height:100%}
.r5-microwave-page .r4-sinter-media .r4-image img{width:100%;height:100%;object-fit:cover}
.r5-microwave-page .r4-sinter-media .ref-video-consent{width:74px;height:52px;border-radius:12px;background:#f00029;color:#fff;font-size:33px;box-shadow:0 6px 20px #0004}
.r5-microwave-page .r4-tech-link{margin-top:20px;display:flex;align-items:center;gap:16px;min-height:89px;padding:18px 23px;background:#fdebf0;border-radius:9px;color:#ca003a;text-decoration:none}
.r5-microwave-page .r4-tech-link .r5-globe{width:48px;height:48px;flex:none}
.r5-microwave-page .r4-tech-link span{font-size:14px;line-height:1.35;color:#20252b;font-weight:700;flex:1;min-width:0}
.r5-microwave-page .r4-tech-link strong{display:block;font-size:clamp(16px,1.65vw,22px);line-height:1.17;color:#d1003c;font-weight:850;overflow-wrap:anywhere}
.r5-microwave-page .r4-tech-link .r5-chevron{width:24px;height:24px;flex:none}
@media(max-width:850px){.r5-microwave-page .r4-sinter-grid{grid-template-columns:1fr;gap:24px}.r5-microwave-page .r4-sinter-content{padding:0}.r5-microwave-page h1{font-size:36px}}
@media(max-width:520px){.r5-microwave-page h1{font-size:31px}.r5-microwave-page .r4-tech-link{padding:14px;gap:10px}.r5-microwave-page .r4-tech-link .r5-globe{width:36px;height:36px}.r5-microwave-page .r4-tech-link strong{font-size:16px}}

.r5-microwave-page .r4-sinter-media .r56-video-hit{position:absolute;inset:0;transform:none;width:100%;height:100%;background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;padding:0}.r5-microwave-page .r4-sinter-media .r56-video-hit:hover{background:#00000012}

/* 5.7: WAVESINTER II uploaded video cover */
.r5-microwave-page .r4-sinter-media .r4-image{background:#fff}.r5-microwave-page .r4-sinter-media .r4-image img[src*="wavesinter-video-original"]{object-fit:contain;object-position:center;background:#fff}

/* MESTRA Kontakt 5.8 – professional mockup system */
.ref-shell .contact-hero{margin-top:24px;margin-bottom:26px;padding:27px 32px;border-radius:5px;background:#f3f6f8;border-bottom:3px solid #e7eaf0}
.contact-hero h1{font-size:clamp(32px,3vw,44px);font-weight:850;letter-spacing:-.04em;margin:12px 0}
.contact-hero p{max-width:790px;margin-bottom:0;color:#505963;font-size:15px;line-height:1.55}
.mestra-contact-2026{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 18px}
.mestra-contact-card{background:#fff;border:1px solid #e2e6ec;border-radius:9px;box-shadow:0 4px 18px #15253613;padding:30px 32px 27px;min-width:0;border-top:3px solid #c7003b}
.mestra-contact-topline{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.mestra-contact-icon{width:41px;height:41px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:#fff1f5;color:#cf003b}
.mestra-contact-icon svg,.mestra-contact-lines svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mestra-contact-overline{text-transform:uppercase;font-size:11px;line-height:1.3;letter-spacing:.05em;font-weight:800;color:#c7003b}
.mestra-contact-card h2{font-size:clamp(23px,2.2vw,30px);line-height:1.14;letter-spacing:-.025em;margin:0 0 7px;font-weight:850}
.mestra-contact-role{font-size:14px;color:#626a75;margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid #e8ebee}
.mestra-contact-lines{display:flex;flex-direction:column;gap:17px;min-height:145px}
.mestra-contact-lines>a,.mestra-contact-lines>div{display:flex;align-items:flex-start;gap:13px;font-size:15px;line-height:1.5;color:#262e36;overflow-wrap:anywhere}
.mestra-contact-lines svg{width:20px;height:20px;flex:0 0 20px;color:#ce003a;margin-top:1px}
.mestra-contact-lines>a:hover{color:#ce003a}
.mestra-contact-button{display:inline-flex;align-items:center;gap:12px;margin-top:23px;padding:13px 20px;border-radius:5px;background:#c7003b;color:white!important;font-size:13px;font-weight:800}
.mestra-contact-button:hover{background:#a80031}
.mestra-contact-footnote{margin:0 0 45px;display:flex;align-items:start;gap:11px;color:#5d6773;font-size:13px;line-height:1.5}
.mestra-contact-footnote>span{font-size:17px;color:#c7003b}.mestra-contact-footnote p{margin:1px 0}
@media(max-width:760px){.mestra-contact-2026{grid-template-columns:1fr}.mestra-contact-card{padding:24px}.mestra-contact-lines{min-height:0}.ref-shell .contact-hero{padding:22px}}

/* 5.9 Einheitlicher Video-Startbutton: sichtbares YouTube-Piktogramm */
.mestra-ref-embedded .ref-youtube,.ref-youtube{position:relative;overflow:hidden}
.mestra-ref-embedded .ref-youtube .ref-video-consent,.ref-youtube .ref-video-consent{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:80px;height:56px;min-width:80px;min-height:56px;background:#e60032;color:#fff;border:0;border-radius:13px;box-shadow:0 6px 22px #0005;cursor:pointer;padding:0;line-height:1;transition:background .15s ease,box-shadow .15s ease,scale .15s ease}
.mestra-ref-embedded .ref-youtube .ref-video-consent:hover,.ref-youtube .ref-video-consent:hover{background:#c50031;box-shadow:0 8px 24px #0006;scale:1.055}
.mestra-ref-embedded .ref-youtube .ref-video-consent:focus-visible,.ref-youtube .ref-video-consent:focus-visible{outline:3px solid #141923;outline-offset:4px}
.mestra-ref-embedded .ref-youtube .ref-video-consent .mestra-video-triangle,.ref-youtube .ref-video-consent .mestra-video-triangle{display:block;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid #fff;margin-left:5px}
.mestra-ref-embedded .r5-microwave-page .r4-sinter-media .r56-video-hit,.r5-microwave-page .r4-sinter-media .r56-video-hit{inset:auto;top:50%;left:50%;width:80px;height:56px;min-width:80px;min-height:56px;transform:translate(-50%,-50%);background:#e60032;border-radius:13px;box-shadow:0 6px 22px #0005}
.mestra-ref-embedded .r5-microwave-page .r4-sinter-media .r56-video-hit:hover,.r5-microwave-page .r4-sinter-media .r56-video-hit:hover{background:#c50031}
@media(max-width:600px){.mestra-ref-embedded .ref-youtube .ref-video-consent,.ref-youtube .ref-video-consent,.mestra-ref-embedded .r5-microwave-page .r4-sinter-media .r56-video-hit{width:68px;height:48px;min-width:68px;min-height:48px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){.ref-youtube .ref-video-consent{transition:none}}

/* 6.0 Kontaktverzeichnis */
.mestra-contact-new{padding-bottom:52px}.contact-intro{padding:34px 0 26px;border-bottom:1px solid #e7e9ed}.contact-intro h1{margin:9px 0;font-size:clamp(30px,3vw,42px);letter-spacing:-.035em}.contact-intro p{font-size:15px;color:#64717e}
.contact-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0 45px}.contact-vcard{min-width:0;border:1px solid #e1e4e9;border-radius:9px;background:#fff;box-shadow:0 6px 22px #14202c0b;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.contact-vcard.contact-featured{border-top:4px solid #cb003a}.contact-vcard-top{display:flex;align-items:center;gap:10px;color:#ba0036;font-weight:800;font-size:11px;letter-spacing:.04em;min-height:36px}.contact-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#fff0f4;color:#cd003a;font-size:24px;font-weight:600;flex:none}.contact-vcard h2{font-size:clamp(18px,1.7vw,24px);line-height:1.12;letter-spacing:-.025em;margin:17px 0 4px}.contact-muted{font-size:13px;color:#67747f;line-height:1.45;margin:0 0 17px}.contact-address{font-size:14px;line-height:1.6;margin:6px 0 13px}.contact-links{display:flex;flex-direction:column;gap:10px;font-size:13px;overflow-wrap:anywhere}.contact-links a{color:#b90034;text-decoration:none;font-weight:650}.contact-action{background:#c60038;color:white!important;padding:11px 17px;border-radius:5px;margin-top:24px;font-weight:800;font-size:13px}.contact-zpp{width:100%;display:grid;gap:9px;margin-top:4px}.contact-mini{display:grid;grid-template-columns:1fr 66px;gap:10px;align-items:center;border:1px solid #eceef2;padding:10px;border-radius:6px}.contact-mini>div:last-child{grid-column:1;grid-row:1}.contact-mini strong{font-size:13px;display:block}.contact-mini small{color:#73808a;font-size:11px;display:block;margin-top:5px}.contact-mini .contact-photo{grid-column:2;grid-row:1;display:grid;place-items:center;border-radius:5px;background:#e8edf1;color:#7e8992;height:64px;font-size:11px}.contact-directory-section{margin-top:34px}.contact-section-title{display:flex;gap:15px;align-items:center}.contact-section-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:10px;background:#fcecf0;color:#c60038;font-size:31px}.contact-section-title h2{font-size:clamp(22px,2vw,28px);margin:4px 0;letter-spacing:-.03em}.contact-section-description{font-size:14px;color:#66717c;margin:12px 0 20px}.contact-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-empty{padding:24px;border:1px dashed #cbd0d7;border-radius:7px;background:#f7f8fa;font-size:14px;color:#67717c;grid-column:1/-1}.contact-partners{border-top:1px solid #edf0f3;padding-top:30px}.contact-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-partner-grid>.contact-directory{display:contents}.contact-partner h3{font-size:19px;margin:15px 0}.contact-directory-card h3{font-size:18px;margin:10px 0}.contact-directory-card p{font-size:13px;color:#6c7680}
@media(max-width:1050px){.contact-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-top-grid>.contact-vcard:last-child{grid-column:1/-1}.contact-directory,.contact-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.contact-top-grid,.contact-directory,.contact-partner-grid{grid-template-columns:1fr}.contact-top-grid>.contact-vcard:last-child{grid-column:auto}.contact-vcard{padding:20px}}

/* Kontaktseite 6.1 */
.mestra-contact-v61 .contact-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.mestra-contact-v61 .contact-top-grid>.contact-vcard{min-width:0;overflow:hidden}
.mestra-contact-v61 .contact-top-grid .contact-vcard-top{font-size:11px;letter-spacing:.06em;font-weight:800;color:#bc0037;margin-bottom:15px}
.mestra-contact-v61 .contact-person-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;align-items:start}
.mestra-contact-v61 .contact-person-photo{width:112px;height:132px;object-fit:cover;object-position:center top;border-radius:9px;background:#f1f3f5;border:1px solid #dee3e8;display:block}
.mestra-contact-v61 .contact-person-card h3{font-size:20px;margin:0 0 5px}
.mestra-contact-v61 .contact-region{font-weight:700;font-size:13px;color:#a80035}
.mestra-contact-v61 .contact-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.mestra-contact-v61 .contact-people-grid .contact-person-card{padding:22px;border:1px solid #e5e8ed;border-radius:11px;background:#fff;box-shadow:0 4px 15px #1a26350a;grid-template-columns:minmax(0,1fr) 128px}
.mestra-contact-v61 .contact-people-grid .contact-person-photo{width:128px;height:148px}
.mestra-contact-v61 .contact-partner-logo{height:76px;max-width:240px;margin-bottom:14px;display:flex;align-items:center}
.mestra-contact-v61 .contact-partner-logo img{max-width:100%;max-height:100%;object-fit:contain}
.mestra-contact-v61 .contact-links a,.mestra-contact-v61 .contact-links span{overflow-wrap:anywhere}
@media(max-width:1000px){.mestra-contact-v61 .contact-top-grid{grid-template-columns:1fr 1fr}.mestra-contact-v61 .contact-top-grid>.contact-vcard:last-child{grid-column:1/-1}}
@media(max-width:720px){.mestra-contact-v61 .contact-top-grid,.mestra-contact-v61 .contact-people-grid{grid-template-columns:1fr}.mestra-contact-v61 .contact-top-grid>.contact-vcard:last-child{grid-column:auto}.mestra-contact-v61 .contact-people-grid .contact-person-card{grid-template-columns:minmax(0,1fr) 102px}.mestra-contact-v61 .contact-people-grid .contact-person-photo{width:102px;height:128px}}

/* v6.2: contact hierarchy — manufacturer + D-A-CH, German regions, German retail, Austria */
.mestra-contact-v62 .contact-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:40px}
.mestra-contact-v62 .contact-austria-layout{display:grid;grid-template-columns:minmax(255px,.9fr) minmax(0,1.65fr);gap:20px;align-items:stretch;margin-top:20px}
.mestra-contact-v62 .contact-austria-layout .contact-people-grid{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mestra-contact-v62 .contact-austria-company{height:100%;border-top:4px solid #c80039}
.mestra-contact-v62 .contact-austria-layout .contact-person-card{grid-template-columns:minmax(0,1fr) 98px;gap:12px}
.mestra-contact-v62 .contact-austria-layout .contact-person-photo{width:98px;height:120px}
.mestra-contact-v62 .contact-partners{margin-top:35px}
.mestra-contact-v62 .contact-directory-section:last-of-type{margin-bottom:46px;border-top:1px solid #edf0f3;padding-top:32px}
@media(max-width:1070px){.mestra-contact-v62 .contact-austria-layout{grid-template-columns:1fr}.mestra-contact-v62 .contact-austria-layout .contact-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mestra-contact-v62 .contact-top-grid,.mestra-contact-v62 .contact-austria-layout .contact-people-grid{grid-template-columns:1fr}.mestra-contact-v62 .contact-austria-layout .contact-person-card{grid-template-columns:minmax(0,1fr) 102px}}

/* MESTRA contact version 6.3 */
.mestra-contact-v63 .contact-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mestra-contact-v63 .contact-top-grid>.contact-vcard:last-child{grid-column:auto}
.mestra-contact-v63 .contact-factory-photo{width:100%;height:178px;object-fit:cover;object-position:center 48%;border-radius:7px;margin-top:auto;padding-top:14px;box-sizing:content-box}
.mestra-contact-v63 .contact-directory-section{margin-top:38px}
.mestra-contact-v63 .contact-section-title h2{font-size:clamp(18px,1.7vw,24px)}
.mestra-contact-v63 .contact-region-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.mestra-contact-v63 .contact-region-three .contact-person-card{min-width:0;padding:17px;grid-template-columns:minmax(0,1fr) 94px;box-shadow:none;border-radius:8px}
.mestra-contact-v63 .contact-region-three .contact-person-photo{height:112px;width:94px}
.mestra-contact-v63 .contact-region-three .contact-person-text h3{font-size:17px}
.mestra-contact-v63 .contact-region-three .contact-person-text p{font-size:12px;margin:5px 0}
.mestra-contact-v63 .contact-slot{border:1px dashed #d9dde4;border-radius:8px;min-height:175px;background:#fafafb;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px;text-align:center;color:#7f8893;gap:9px;font-size:13px}
.mestra-contact-v63 .contact-slot small{font-size:11px;color:#a2a9b2}.mestra-contact-v63 .contact-slot-icon{font-size:23px;border:1px solid #dedfe3;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#a5adb8}
.mestra-contact-v63 .contact-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mestra-contact-v63 .contact-partner-grid>.contact-directory{display:contents}
.mestra-contact-v63 .contact-partner-grid .contact-vcard{box-shadow:none}
.mestra-contact-v63 .contact-apply{background:#fff6f8;border:1px solid #f0cdd7;border-radius:9px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:275px}
.mestra-contact-v63 .contact-apply-symbol{color:#bf0037;font-size:27px;font-weight:500;border:1px solid #f4c8d5;width:42px;height:42px;display:grid;place-items:center;border-radius:9px}
.mestra-contact-v63 .contact-apply h3{font-size:19px;line-height:1.3;margin:19px 0 10px}.mestra-contact-v63 .contact-apply p{font-size:13px;color:#69747d;line-height:1.6}.mestra-contact-v63 .contact-apply a{margin-top:auto;font-size:13px;font-weight:700;color:#b60033;text-decoration:none}
.mestra-contact-v63 .contact-austria-three{display:block;margin-top:15px}.mestra-contact-v63 .contact-austria-three>.contact-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.mestra-contact-v63 .contact-austria-three .contact-austria-company{height:100%;min-width:0;box-sizing:border-box;border-top:3px solid #c80039;padding:19px}
.mestra-contact-v63 .contact-austria-three .contact-austria-company h2{font-size:19px}
.mestra-contact-v63 .contact-austria-three .contact-person-card{grid-template-columns:minmax(0,1fr) 78px;gap:10px;align-self:stretch;padding:18px;box-shadow:none}
.mestra-contact-v63 .contact-austria-three .contact-person-photo{height:96px;width:78px}
.mestra-contact-v63 .contact-austria-three .contact-person-text h3{font-size:18px}
.mestra-contact-v63 .contact-austria-three .contact-person-text .contact-links{font-size:12px}
@media(max-width:980px){.mestra-contact-v63 .contact-region-three,.mestra-contact-v63 .contact-partner-grid,.mestra-contact-v63 .contact-austria-three>.contact-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mestra-contact-v63 .contact-top-grid,.mestra-contact-v63 .contact-region-three,.mestra-contact-v63 .contact-partner-grid,.mestra-contact-v63 .contact-austria-three>.contact-people-grid{grid-template-columns:1fr}.mestra-contact-v63 .contact-top-grid>.contact-vcard:last-child{grid-column:auto}.mestra-contact-v63 .contact-factory-photo{height:150px}}

/* Version 6.4 – full-width two-column lead and retail, restrained three-column regions */
.mestra-contact-v64 .contact-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;margin:26px 0 34px}
.mestra-contact-v64 .contact-top-grid>.contact-vcard{grid-column:auto;min-width:0;box-sizing:border-box}
.mestra-contact-v64 .contact-region-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
.mestra-contact-v64 .contact-region-three>.contact-person-card,.mestra-contact-v64 .contact-region-three>.contact-slot{min-width:0;box-sizing:border-box}
.mestra-contact-v64 .contact-partner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%}
.mestra-contact-v64 .contact-partner-grid>.contact-vcard,.mestra-contact-v64 .contact-partner-grid>.contact-apply{min-width:0;box-sizing:border-box;height:100%}
.mestra-contact-v64 .contact-partners .contact-section-title{margin-bottom:14px}
.mestra-contact-v64 .contact-austria-three>.contact-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.mestra-contact-v64 .contact-region-three,.mestra-contact-v64 .contact-austria-three>.contact-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mestra-contact-v64 .contact-top-grid,.mestra-contact-v64 .contact-region-three,.mestra-contact-v64 .contact-partner-grid,.mestra-contact-v64 .contact-austria-three>.contact-people-grid{grid-template-columns:minmax(0,1fr)}}

/* 6.5 – Kontaktkarten: durchgängige 2-/3-Spalten-Maße und gleichmäßige Innenabstände */
.mestra-contact-v64 .contact-top-grid,.mestra-contact-v64 .contact-partner-grid,.mestra-contact-v64 .contact-region-three,.mestra-contact-v64 .contact-austria-three>.contact-people-grid{width:100%;min-width:0;align-items:stretch}
.mestra-contact-v64 .contact-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mestra-contact-v64 .contact-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mestra-contact-v64 .contact-region-three,.mestra-contact-v64 .contact-austria-three>.contact-people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mestra-contact-v64 .contact-region-three>.contact-person-card,.mestra-contact-v64 .contact-region-three>.contact-slot,.mestra-contact-v64 .contact-austria-three .contact-person-card,.mestra-contact-v64 .contact-austria-three .contact-austria-company{width:100%;height:100%;min-width:0;box-sizing:border-box}
.mestra-contact-v64 .contact-top-grid>.contact-vcard{min-height:370px;display:flex;flex-direction:column;padding:26px}
.mestra-contact-v64 .contact-region-three>.contact-person-card,.mestra-contact-v64 .contact-region-three>.contact-slot{min-height:210px}
.mestra-contact-v64 .contact-partner-grid>.contact-vcard,.mestra-contact-v64 .contact-partner-grid>.contact-apply{min-height:285px;padding:24px}
.mestra-contact-v64 .contact-austria-three .contact-austria-company,.mestra-contact-v64 .contact-austria-three .contact-person-card{min-height:285px}
.mestra-contact-v64 .contact-factory-photo{height:170px;box-sizing:border-box;padding-top:0;margin-top:18px;object-fit:cover}
.mestra-contact-v64 .contact-partner-logo{width:100%;max-width:none;height:72px;justify-content:flex-start}
.mestra-contact-v64 .contact-partner-logo img{width:auto;max-width:min(100%,280px);max-height:72px;object-fit:contain;object-position:left center}
.mestra-contact-v64 .contact-austria-three .contact-partner-logo img{max-width:195px}
@media(max-width:950px){.mestra-contact-v64 .contact-region-three,.mestra-contact-v64 .contact-austria-three>.contact-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mestra-contact-v64 .contact-top-grid,.mestra-contact-v64 .contact-region-three,.mestra-contact-v64 .contact-partner-grid,.mestra-contact-v64 .contact-austria-three>.contact-people-grid{grid-template-columns:minmax(0,1fr)}.mestra-contact-v64 .contact-top-grid>.contact-vcard{min-height:0}.mestra-contact-v64 .contact-region-three>.contact-person-card,.mestra-contact-v64 .contact-region-three>.contact-slot,.mestra-contact-v64 .contact-partner-grid>.contact-vcard,.mestra-contact-v64 .contact-partner-grid>.contact-apply{min-height:0}}

/* 6.6 – proportionen: 50/50 D-A-CH/Hersteller, 33% regionale Betreuung, 50/25/25 ZPP */
.mestra-contact-v64 .contact-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%}
.mestra-contact-v64 .contact-top-grid>.contact-vcard{grid-column:auto!important;width:100%;min-width:0;box-sizing:border-box}
.mestra-contact-v64 .contact-region-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;align-items:stretch}
.mestra-contact-v64 .contact-region-three>.contact-person-card{grid-column:span 1!important;width:100%;min-width:0;box-sizing:border-box}
.mestra-contact-v64 .contact-austria-three>.contact-people-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:18px;width:100%;align-items:stretch}
.mestra-contact-v64 .contact-austria-three>.contact-people-grid>*{width:100%;min-width:0;box-sizing:border-box}
.mestra-contact-v64 .contact-austria-three .contact-person-card{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px}
.mestra-contact-v64 .contact-austria-three .contact-person-photo{width:76px;height:92px;object-fit:cover;justify-self:start}
@media(max-width:950px) and (min-width:701px){.mestra-contact-v64 .contact-region-three{grid-template-columns:repeat(3,minmax(0,1fr))}.mestra-contact-v64 .contact-austria-three>.contact-people-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px}.mestra-contact-v64 .contact-austria-three .contact-person-card{padding:14px}.mestra-contact-v64 .contact-austria-three .contact-links a{overflow-wrap:anywhere}}
@media(max-width:700px){.mestra-contact-v64 .contact-top-grid,.mestra-contact-v64 .contact-region-three,.mestra-contact-v64 .contact-austria-three>.contact-people-grid{grid-template-columns:minmax(0,1fr)}}


/* Kontakt 6.7: Grid-Fix auch nach dem zuletzt geladenen design-final.css.
   Die Elterncontainer bestimmen die Breite, nicht ältere v61-Regeln. */
@media (min-width:701px) {
  main.mestra-contact-v64 .contact-top-grid {
    display:grid;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
  main.mestra-contact-v64 .contact-top-grid > .contact-vcard {
    grid-column:auto;
    width:100%;
    min-width:0;
  }
  main.mestra-contact-v64 .contact-region-three {
    display:grid;
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  main.mestra-contact-v64 .contact-region-three > .contact-person-card {
    grid-column:1 / span 1;
    min-width:0;
    width:100%;
  }
}
@media (max-width:700px) {
  main.mestra-contact-v64 .contact-top-grid,
  main.mestra-contact-v64 .contact-region-three {grid-template-columns:minmax(0,1fr);}
}


/* MESTRA 6.9 – Frank-Andrée-Bild links in der D-A-CH-Kachel */
.mestra-contact-v64 .contact-person-card-left,
main.mestra-contact-v64 .contact-person-card-left{
  grid-template-columns:112px minmax(0,1fr) !important;
  align-items:start;
}
.mestra-contact-v64 .contact-person-card-left .contact-person-photo,
main.mestra-contact-v64 .contact-person-card-left .contact-person-photo{
  grid-column:1 !important;
  grid-row:1 !important;
}
.mestra-contact-v64 .contact-person-card-left .contact-person-text,
main.mestra-contact-v64 .contact-person-card-left .contact-person-text{
  grid-column:2 !important;
  grid-row:1 !important;
}
@media (max-width:720px){
  .mestra-contact-v64 .contact-person-card-left,
  main.mestra-contact-v64 .contact-person-card-left{grid-template-columns:102px minmax(0,1fr) !important;}
}


/* 7.0: Real image and precise 1:2 inner columns for Frank Andrée. */
.mestra-contact-v64 .contact-top-grid .contact-person-card.contact-person-card-left {
 display:grid !important;
 grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important;
 gap:20px;
 align-items:start;
 width:100%;
}
.mestra-contact-v64 .contact-top-grid .contact-person-card.contact-person-card-left > img.contact-person-photo {
 grid-column:1 !important;grid-row:1 !important;
 width:100% !important;height:auto !important;
 aspect-ratio:1 / 1;object-fit:cover;object-position:center;
 border-radius:9px;display:block;
}
.mestra-contact-v64 .contact-top-grid .contact-person-card.contact-person-card-left > .contact-person-text {
 grid-column:2 !important;grid-row:1 !important;min-width:0;
}
@media(max-width:380px){.mestra-contact-v64 .contact-top-grid .contact-person-card.contact-person-card-left{gap:12px;}}


/* MESTRA 7.1 — Produktfilter nach dem Original-Mockup */
.mestra-ref-embedded .ref-products-layout,.ref-products-layout{display:grid;grid-template-columns:minmax(0,26%) minmax(0,1fr);gap:22px;align-items:start}
.ref-products-layout .ref-filter{border:0;box-shadow:none;background:#fff;padding:0;min-width:0}
.ref-products-layout .ref-filter h3{font-size:19px;font-weight:800;margin:0 0 14px}
.ref-products-layout .mestra-filter-group{border-top:1px solid #e7e7e7;padding:0}
.ref-products-layout .mestra-filter-group:last-child{border-bottom:1px solid #e7e7e7}
.ref-products-layout .mestra-filter-group>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 4px 14px 0;font-weight:750;font-size:13px;color:#202027}
.ref-products-layout .mestra-filter-group>summary::-webkit-details-marker{display:none}
.ref-products-layout .mestra-filter-group>summary:after{content:'›';font-size:23px;font-weight:400;line-height:13px;color:#cb003c;transform:rotate(0);transition:transform .16s}
.ref-products-layout .mestra-filter-group[open]>summary:after{transform:rotate(90deg)}
.ref-products-layout .mestra-filter-options{display:grid;gap:10px;padding:2px 0 16px}
.ref-products-layout .mestra-filter-options label{font-size:12px;display:flex;align-items:flex-start;gap:7px;cursor:pointer;color:#27313b;line-height:1.3}
.ref-products-layout .mestra-filter-options input{accent-color:#ca0038;margin:1px 0 0;flex:none;width:15px;height:15px}
.ref-cattabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0 24px}
.ref-cattabs button{min-width:0;display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 10px;border:0;border-radius:6px;background:#f3f4f5;color:#1a222b;font-size:15px;font-weight:800}
.ref-cattabs button.active{background:#cd003b;color:white}
.ref-tabicon-svg{width:25px;height:25px;flex:none}
.ref-products-layout .ref-product-toolbar{display:flex;flex-direction:column-reverse;align-items:stretch;gap:14px;margin:0 0 14px}
.ref-products-layout .ref-product-toolbar>b{font-size:13px;font-weight:650}
.ref-products-layout .mestra-product-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ref-products-layout .mestra-product-search{border:1px solid #bfc7d0;border-radius:5px;display:flex;align-items:center;gap:6px;padding:0 10px;background:white;width:min(100%,390px);min-width:0}
.ref-products-layout .mestra-product-search input{width:100%;border:0;box-shadow:none;outline:none;padding:12px 4px;background:transparent;font-size:13px}
.ref-products-layout .mestra-search-icon{font-size:24px;line-height:1;color:#586471}
.ref-products-layout .mestra-sort-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;white-space:nowrap}
.ref-products-layout .mestra-sort-label select{background:#fff;border:1px solid #cbd0d8;border-radius:5px;padding:10px 28px 10px 10px;font-size:12px}
.ref-products-layout .ref-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ref-products-layout .ref-product{min-width:0}
.ref-products-layout .ref-product .ref-picture{position:relative}
.ref-products-layout .mestra-product-badge{position:absolute;left:8px;top:8px;z-index:2;background:#cb003b;color:#fff;padding:5px 8px;border-radius:3px;font-size:10px;font-weight:800}
.mestra-product-empty{padding:30px 18px;border:1px solid #e3e6e9;border-radius:5px;color:#53606c;font-size:14px}
@media(max-width:1020px){.ref-products-layout .ref-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-products-layout .mestra-product-actions{flex-wrap:wrap}}
@media(max-width:700px){.ref-products-layout{grid-template-columns:minmax(0,1fr)!important}.ref-cattabs{gap:5px}.ref-cattabs button{font-size:11px;padding:12px 5px;gap:4px;flex-direction:column}.ref-tabicon-svg{width:22px;height:22px}.ref-products-layout .ref-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.ref-products-layout .ref-product-grid{grid-template-columns:1fr}}

/* 7.3 – Produktsuche nutzt die volle verfügbare Breite des Produktbereichs */
.ref-products-layout .mestra-product-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0;}
.ref-products-layout .mestra-product-search{box-sizing:border-box;width:100%;max-width:none;min-width:0;}
.ref-products-layout .mestra-product-search input{box-sizing:border-box;flex:1 1 auto;min-width:0;width:100%;}
.ref-products-layout .mestra-sort-label{justify-self:end;}


/* MESTRA 7.4 – Produkt-Detailansicht, abgestimmt auf das MESTRA-Raster */
.mestra-detail-modal{box-sizing:border-box;width:min(920px,calc(100vw - 28px));max-width:920px;max-height:min(88vh,950px);overflow:auto;padding:0;border:0;border-radius:12px;box-shadow:0 24px 90px #10172066;color:#19212a;background:#fff}
.mestra-detail-modal::backdrop{background:rgba(20,27,36,.69)}
.mestra-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ebee;padding:18px 28px}
.mestra-detail-modal .ref-dialog-close{position:static;display:grid;place-items:center;border:0;border-radius:50%;background:#f2f3f5;color:#26313a;width:38px;height:38px;font-size:29px;line-height:1}
.mestra-modal-summary{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:0;border-bottom:1px solid #e7e9ec}
.mestra-modal-image{display:grid;place-items:center;background:#f6f7f8;min-height:310px;padding:25px}
.mestra-modal-image img{max-width:100%;max-height:330px;object-fit:contain}
.mestra-modal-intro{padding:36px 35px}
.mestra-modal-category{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;color:#bd0036}
.mestra-modal-intro h2{font-size:clamp(24px,3vw,34px);line-height:1.16;margin:11px 0}
.mestra-modal-intro p{font-size:14px;line-height:1.65;color:#4b5661}
#mestra-modal-number{font-size:12px;font-weight:750;color:#77818a}
#mestra-modal-source{color:#bd0036;display:inline-block;font-size:13px;font-weight:750;margin-top:20px}
#mestra-modal-source[hidden]{display:none}
.mestra-modal-tabs{display:flex;gap:4px;padding:0 28px;border-bottom:1px solid #e6e8eb;overflow-x:auto}
.mestra-modal-tabs button{font-size:13px;color:#4c5661;background:none;border:0;border-bottom:3px solid transparent;padding:17px 18px;white-space:nowrap;font-weight:750}
.mestra-modal-tabs button[aria-selected=true]{color:#c40036;border-bottom-color:#c40036}
.mestra-modal-panel{padding:25px 36px 35px;line-height:1.7;font-size:14px;min-height:125px}
.mestra-modal-panel[hidden]{display:none}
.mestra-modal-panel li{padding:3px 0}
.mestra-modal-panel a{display:block;color:#bd0036;font-weight:700;margin:7px 0;text-decoration:underline}
.mestra-modal-footer{padding:0 28px 24px;display:flex;justify-content:flex-end}
.mestra-modal-dismiss{padding:10px 22px;background:#c40036;color:#fff;border:0;border-radius:5px;font-size:13px;font-weight:700}
.ref-product .ref-picture{cursor:pointer}
@media(max-width:650px){.mestra-modal-summary{grid-template-columns:1fr}.mestra-modal-image{min-height:180px;max-height:230px}.mestra-modal-image img{max-height:205px}.mestra-modal-intro{padding:22px}.mestra-modal-tabs{padding:0 10px}.mestra-modal-tabs button{padding:14px 10px;font-size:12px}.mestra-modal-panel{padding:22px}.mestra-modal-header{padding:12px 16px}}

/* MESTRA 7.5 – Popup sharing actions */
.mestra-modal-share{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 24px;border-top:1px solid #e8ebee;background:#fafbfc}
.mestra-modal-share a,.mestra-modal-share button{box-sizing:border-box;border:1px solid #c5003a;border-radius:6px;padding:11px 16px;font:700 13px/1.3 inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:43px}
.mestra-modal-share .mestra-share-whatsapp{background:#c5003a;color:white}
.mestra-modal-share .mestra-share-copy{background:white;color:#b20035;font-family:inherit;font-size:13px;font-weight:700}
.mestra-modal-share a:hover,.mestra-modal-share button:hover{filter:brightness(.93)}
.mestra-modal-share a:focus-visible,.mestra-modal-share button:focus-visible{outline:3px solid #222;outline-offset:3px}
.mestra-modal-share .mestra-share-status{color:#52606d;font-size:12px;min-height:1em}
@media(max-width:600px){.mestra-modal-share{padding:14px 16px}.mestra-modal-share a,.mestra-modal-share button{flex:1 1 auto}}

/* 7.7 – Regionalbezeichnung im Header und Footer */
.ref-logo span,.ref-footbrand span{white-space:normal;}