/* ==========================================================================
   Alpna — Home page styles (Bootstrap 5 companion stylesheet)
   Font family, sizes, weights and spacing preserved from the original page.
   ========================================================================== */

:root {
--alpna-light: #f9fafc;
  --alpna-main: #fdba01;
  --alpna-dark: #1a1a1a;
  --alpna-gray-50: #f9fafb;
  --alpna-gray-100: #f3f4f6;
  --alpna-gray-200: #e5e7eb;
  --alpna-gray-400: #9ca3af;
  --alpna-gray-500: #6b7280;
  --alpna-gray-600: #4b5563;
  --alpna-gray-900: #111827;
}
	.bg-white{
		background:#fff!important;
	}
* { 
  box-sizing: border-box;
 }



body {
  font-family: 'Inter', sans-serif;
  background: #fff;
  color: var(--alpna-gray-900);
  overflow-x: hidden;
}

a { text-decoration: none; color: inherit; }
a:hover { color: var(--alpna-main); }
img { max-width: 100%; }

.container {
      max-width: 1350px !important;
    padding: 0px 10px;
    width: 100%;
    margin: auto;
}

.hero-controls-arrow{
  display: none !important;
}

.text-alpna { color: var(--alpna-main); }
.bg-alpna { background-color: var(--alpna-main); }
.bg-alpna-dark { background-color: var(--alpna-dark); }
.bg-gray-50 { background-color: var(--alpna-gray-50); }
.section { padding: 60px 0; }
.custom-shadow { box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .1); }

/* ---------- Shared typography ---------- */
.eyebrow {
  font-size: 12px;
  font-weight: 900;
  color: var(--alpna-main);
  text-transform: uppercase;
  letter-spacing: .4em;
  margin-bottom: 16px;
}
.section-title {
  font-size: 47px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1.1;
  margin: 0;
  color: var(--alpna-gray-900);
}
.uv-curing-home {
    padding-left: 40px;
    padding-top: 40px;
}
.section-title .light { font-weight: 300; font-style: normal; color: var(--alpna-gray-400); }
.lead-copy { font-size: 16px; color: var(--alpna-gray-500); font-style: italic; line-height: 1.7; }

/* ---------- Top info bar ---------- */
.topbar {
  background: #f3f4f6;
  color: #9a9da3;
  font-size: 11px;
  font-weight: 500;
  padding: 10px 0;
}

.header-text {
       color: #95979b;
    font-size: 11.3px;
    font-weight: 700;
}
.topbar .header-text i{
  color: var(--alpna-main);
}
.topbar i {  color: #95979b; }
.topbar .social a { color: #9a9da3; margin-left: 9px; }
.topbar .social a:hover {  color: #95979b; }

/* ---------- Navigation ---------- */
.navbar-alpna {
  background: var(--alpna-main);
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 1030;
}
.brand-lockup {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #fff;
    padding: 6px 11px;
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
    line-height: 1;
    width: 165px;
    height: 70px;
    padding-right: 11px;
    border-radius: 8px;
}
.brand-lockup .brand-sub { font-size: 9px; font-weight: 700; font-style: normal; letter-spacing: .12em; margin-right: 6px; text-transform: lowercase; }
.brand-lockup .brand-name { color: var(--alpna-main); }

.alpna-nav { display: flex; align-items: center; gap: 30px; }
.alpna-nav a {
      font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--alpna-dark);
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}


.pd-product-card{
  overflow: hidden;
}

.alpna-nav .nav-phone i{
  color: #ffffff;
}
.alpna-nav a.active { border-bottom: 2px solid var(--alpna-dark); }
.alpna-nav a:hover { color: #fff; }
.nav-phone {
  width: 34px; height: 34px;
  border-radius: 50%;
  background: var(--alpna-dark);
  color: var(--alpna-main);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px;
}
.nav-toggle { background: none; border: 0; font-size: 22px; color: var(--alpna-dark); }

/* Mobile slide-out (right) */
.offcanvas.alpna-offcanvas { background: var(--alpna-dark); color: #fff; width: 300px; }
.alpna-offcanvas .offcanvas-header { border-bottom: 1px solid #2c2e31; }
.alpna-offcanvas .btn-close { filter: invert(1) grayscale(1) brightness(2); }
.alpna-offcanvas nav { display: flex; flex-direction: column; }
.alpna-offcanvas nav a {
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em;
  color: #d3d6da; padding: 16px 0; border-bottom: 1px solid #2c2e31;
}
.alpna-offcanvas nav a:hover, .alpna-offcanvas nav a.active { color: var(--alpna-main); }

/* ---------- Hero ---------- */
.hero { position: relative;
  padding: 50px 0px;
   overflow: hidden; display: flex; align-items: center;
  padding-bottom: 100px; }
.hero-media { position: absolute; inset: 0; z-index: 0; }
.hero-media video, .hero-media img { width: 100%; height: 100%; object-fit: cover; }
.hero-media .hero-yt {
  position: absolute; top: 50%; left: 50%;
  width: 100vw; height: 56.25vw; min-height: 100%; min-width: 177.78vh;
  transform: translate(-50%, -50%) scale(1.05);
  border: 0; pointer-events: none;
}
.hero-media .veil { position: absolute; inset: 0; background: rgba(0, 0, 0, .4); }
.hero-media .gradient {
  position: absolute; inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,.8) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,0) 100%);
}
.hero-inner { position: relative; z-index: 2; color: #fff; max-width: 900px; }
.hero-eyebrow { color: var(--alpna-main); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .4em; margin-bottom: 16px; display: block; }
.hero h1 {
  font-size: 96px; font-weight: 900; text-transform: uppercase;
  letter-spacing: -.04em; line-height: .9; margin-bottom: 32px;
}
.hero h1 .accent { color: var(--alpna-main); font-style: italic; }
.hero p { font-size: 24px; font-weight: 300; color: #e5e7eb; line-height: 1.6; max-width: 672px; margin-bottom: 40px; }
.btn-alpna {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: var(--alpna-main);
    color: #fff;
    padding: 20px 38px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em;
    transition: all .3s;
}
.btn-alpna:hover { background: #eab308; color: #fff; }
.hero-watermark {
  position: absolute; right: 0; bottom: 40px; z-index: 1;
  font-size: 10vw; font-weight: 900; color: rgba(255,255,255,.05);
  text-transform: uppercase; user-select: none; pointer-events: none;
}



.hero-controls button {
    padding: 10px;
      width: 46px;
    height: 24px;
    background-image: url(../images/right-arrow.png) !important;
    right: -50px;
    transform: rotate(180deg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* padding: 10px; */
}


.hero-controls button:nth-child(2) {
    transform: rotate(0);
}




.applications-section-main button{
    padding: 10px;
      width: 46px;
    height: 24px;
    background-image: url(../images/right-arrow.png) !important;
    right: -50px;
    transform: rotate(180deg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* padding: 10px; */
    font-size: 0 !important;
}


.applications-section-main button:nth-child(2) {
    transform: rotate(0);
}

.custom-shadow-mid .stat-icon{
color: #ee813a;
}
.custom-shadow-mid{
border-bottom-color: #ee813a !important;
}
.hero-controls {     position: absolute;
    right: 205px;
    bottom: 185px;
    z-index: 3;
    display: flex;
    gap: 18px; }
.hero-controls button { background: none; border: 0; color: #fff; font-size: 0px; opacity: .8; }
.hero-controls button:hover { color: var(--alpna-main); opacity: 1; }
.hero-videonote {
  position: absolute; right: 40px; bottom: 24px; z-index: 3;
  font-size: 9px; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; color: var(--alpna-main);
}

.product-categories-main .btn-alpna{
 display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 18px 40px;
    background: #F5B400;
    color: #111;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 4%;
    font-size: 12px;
    transform: skewX(-18deg);
    transition: .3s ease;
}
.product-categories-main .btn-alpna span{
   transform:skewX(18deg);
}

.product-categories-main .btn-alpna span,
.product-categories-main .btn-alpna i{
    transform:skewX(18deg);
}

.product-categories-main .btn-alpna:hover{
    background:#111;
    color:#fff;
}

.product-categories-main .btn-alpna:hover i{
    transform:skewX(18deg) translateX(5px);
}

/* ---------- Achievements ---------- */
.stat-card {
  background: var(--alpna-gray-50);
  border-bottom: 4px solid var(--alpna-main);
  padding: 40px;
  text-align: center;
  transition: all .3s ease;
  height: 100%;
}
.stat-card:hover { transform: translateY(-5px); }
.stat-icon {
  width: 80px; height: 80px; border-radius: 50%; background: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 30px; color: var(--alpna-main); margin: 0 auto 24px;
  border: 1px solid var(--alpna-gray-100); box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.stat-value { font-size: 48px; font-weight: 900; letter-spacing: -.03em; margin-bottom: 8px; }
.stat-value span { font-size: 24px; }
.stat-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: var(--alpna-gray-500); }

/* ---------- Product categories ---------- */
.cat-card { background: #fff; overflow: hidden;     min-height: 385px; height: 100%; }
.cat-card h4 { font-size: 22px; font-weight: 900; text-transform: uppercase; letter-spacing: -.03em; margin-bottom: 16px; }
.cat-card p { font-size: 14px; color: var(--alpna-gray-500); line-height: 1.4; margin-bottom: 32px; }
.cat-card .rule { width: 48px; height: 4px; background: var(--alpna-main); transition: width .5s; }
.cat-card:hover .rule { width: 100%; }
.cat-media {  overflow: hidden; display: flex; align-items: center; justify-content: center; }
.cat-media img {    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px 16px;
    transition: transform .7s; }
.cat-card:hover .cat-media img { transform: scale(1.05); }
.coating-solutions-right-home{
  position: relative;
}
.coating-solutions-right-home .cat-media{
  position: absolute;
}

.coating-solutions-left-home{
  
}
/* ---------- Why Choose Us ---------- */
.why-visual { margin: 0 auto 48px; max-width: 1200px; }
.why-visual img { width: 100%; height: auto; object-fit: contain; }
.why-item { padding-left: 16px; height: 100%;}
.why-item h4::after{
  position: absolute;
  left: 0;

  top: 0;
  width: 3px;
  height: 100%;
  content: "";
  background-color: var(--alpna-main);
}
.why-item h4 {     padding-left: 15px;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
       letter-spacing: .05em;
    margin-bottom: 12px;
    color: var(--alpna-gray-900);
    position: relative;}
.why-item p {     font-size: 12px;
    font-style: italic;
    color: var(--alpna-gray-500);
    line-height: 16px;
    margin: 0;
    font-weight: 500;
}


/* ---------- Applications ---------- */

.app-card {    position: relative;
    height: 350px;
    overflow: hidden;
    margin-top: 54px;
  }
    .app-card::after{
      width: 100%;
      left: 0;
      bottom: 0;
      height: 65px;
      content: "";
      background-color: #000;
      position: absolute;
          z-index: 1;
    }

       .app-card.raised::after{
      width: 100%;
      left: 0;
      bottom: 0;
      height: 110px;
      content: "";
      background-color: #000;
      position: absolute;
      z-index: 1;
    }
    .app-card .overlay span{
      position: relative;
      z-index: 2;
    }
.app-card.raised { height: 450px; margin-top: -48px; }
.app-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.app-card:hover img { transform: scale(1.1); }
.app-card .overlay {
  position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 32px;
  background: linear-gradient(to top, rgba(0,0,0,.8) 0%, transparent 100%);
}
.app-card .overlay span { font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: -.03em; color: #fff; }
.app-controls { display: flex; gap: 18px; }
.app-controls button { background: none; border: 0; color: #fff; font-size: 18px; }
.app-controls button:hover { color: var(--alpna-main); }

/* ---------- Featured products ---------- */
.slider-nav {
  width: 48px; height: 48px; border: 1px solid var(--alpna-gray-200);
  background: #fff; display: flex; align-items: center; justify-content: center; transition: all .3s;
}
.slider-nav:hover { background: var(--alpna-main); color: #fff; border-color: var(--alpna-main); }
.product-item { padding: 0 32px; position: relative; height: 100%; text-align: center; }
.product-item + .product-item::before {
  content: ""; position: absolute; left: 0; top: 8px; bottom: 40px; width: 8px; background: var(--alpna-main);
}
.product-media { height: 350px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; }
.product-media img { max-height: 100%; width: auto; max-width: 100%; object-fit: contain; transition: transform .5s; }
.product-item:hover .product-media img { transform: scale(1.05); }
.product-item h3 { font-size: 24px; font-weight: 900; text-transform: uppercase; letter-spacing: -.03em; margin-bottom: 8px; }
.product-item .sub { font-size: 10px; font-weight: 700; font-style: italic; text-transform: uppercase; color: var(--alpna-gray-400); margin-bottom: 24px; }
.product-link { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: var(--alpna-main); }
.product-link:hover { gap: 16px; color: var(--alpna-main); }

/* ---------- Top quality components ---------- */
.components {
  position: relative; background: #f9fafc; padding: 96px 0; 
}
.components .corner { position: absolute; top: -20px; width: 190px; height: 123px; background: var(--alpna-main); }
.components .corner.left { left: 0; clip-path: polygon(0 0, 100% 0, 72% 100%, 0 100%); }
.components .corner.right { right: 0; clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%); }
.components h2 {
  font-size: 40px; font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: -.03em; line-height: 1.15; margin: 0 0 20px; text-align: center;
}
.components h2 .accent { color: var(--alpna-main); }
.components .intro { max-width: 520px; margin: 0 auto 56px; text-align: center; font-size: 13px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.8; }
.logo-grid { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 32px; align-items: center; }
.logo-col { display: flex; flex-direction: column; gap: 63px; }
.logo-mark {
 display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 12px;
    font-weight: 800;
    font-size: 22px;
    letter-spacing: -.02em;
    text-align: center;
}
.logo-mark small { font-size: 9px; font-weight: 700; letter-spacing: .04em; }
.logo-map { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.logo-map img { width: 100%; max-width: 520px; height: auto; }
.logo-map .row-marks { display: flex; align-items: center; justify-content: center; gap: 72px; flex-wrap: wrap; }
.lm-lapp { color: #e2001a; font-style: italic; }
.lm-merlin { background: #e2001a; color: #fff; padding: 4px 10px; font-size: 15px; }
.lm-omron { color: #0064b4; }
.lm-phoenix { color: #003468; font-size: 17px; line-height: 1; }
.lm-square { background: #111; color: #fff; padding: 6px 12px; font-size: 17px; }
.lm-delta { color: #003c78; }
.lm-tresu { background: #0071b9; color: #fff; padding: 8px 12px; font-size: 15px; }
.lm-elesa { color: #b31017; }
.lm-elesa em { color: #111; font-style: normal; }
.lm-unilam { color: #0057a8; }
.lm-roto { color: #6b7280; font-size: 19px; }

/* ---------- Testimonials ---------- */
.t-card {
	clip-path: polygon(7% 0%, 100% 0, 93% 100%, 0 109%);
  position: relative; background: #f4f5f7;  padding: 23px 40px 29px 51px;
 height: 100%; 
}
.t-card p.quote { font-size: 13px; color: var(--alpna-gray-600); font-style: italic; line-height: 1.9; margin-bottom: 32px; position: relative; z-index: 2; }
.t-card .name, .t-card .role { padding-right: 96px; }
.t-card .name { font-size: 12px; font-weight: 700; text-transform: uppercase;  color: var(--alpna-gray-900); }
.t-card .role { font-size: 10px; font-style: italic; color: var(--alpna-gray-400); }
.t-card .glyph {
 right: 74px;
    bottom: -25px;
    font-size: 84px;
    line-height: 1;
    font-weight: 900;
    color: var(--alpna-main);
    font-family: Georgia, serif;
}
.t-controls { display: flex; justify-content: center; gap: 28px; margin-top: 20px; }
.t-controls button { background: none; border: 0; font-size: 20px; color: var(--alpna-gray-900); }
.t-controls button:hover { color: var(--alpna-main); }

/* ---------- Keep production running ---------- */
.production { position: relative; background: var(--alpna-dark); color: #fff; padding: 50px 0 50px; overflow: hidden; }
.production .wedge-left {     position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 166px;
    background: var(--alpna-main);
    clip-path: polygon(0 0, 49% 0, 0% 100%, 0 100%); }
.production .wedge-right { position: absolute;
    right: 0;
    top: 148px;
    bottom: -318px;
    width: 34%;
    background: var(--alpna-main);
    clip-path: polygon(26% 0, 100% 0, 100% 62%, 0 62%); }
.production .production-copy { padding-left: 56px; }
.production h2 { font-size: 72px; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.04em; line-height: .95; margin-bottom: 32px; }
.production .tagline { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; border-left: 4px solid #000; padding-left: 24px; margin-bottom: 48px; }
.production .stat-num { font-size: 36px; font-weight: 900; }
.production .stat-cap { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: #9a9da3; }
.production .divider { border-bottom: 1px solid rgb(94 86 86 / 12%); padding-bottom: 48px; margin-bottom: 48px; }
.btn-dark-alpna {
  display: inline-block; background: #111; color: #fff; padding: 20px 48px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; transition: all .3s;
}
.btn-dark-alpna:hover { background: #000; color: var(--alpna-main); }

/* ---------- Global footprint ---------- */
.footprint h3 { font-size: 44px; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.03em; line-height: 1.15; margin: 0; }
.footprint h3 .accent { color: var(--alpna-main); }
.footprint h3 .big { font-size: 80px; }
.footprint-map { position: relative; max-width: 1200px; margin: 0 auto; }
.footprint-map img { width: 100%; height: auto; }
.map-dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--alpna-main); }

/* ---------- Footer ---------- */
.site-footer { background: var(--alpna-dark); color: #fff; padding: 60px 0 25px; border-top: 6px solid var(--alpna-main); }
.site-footer h4 { font-size: 12px; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: .15em; color: var(--alpna-main); margin-bottom: 32px; }
.site-footer .about { font-size: 12px; font-weight: 300; font-style: italic; text-transform: uppercase; color: var(--alpna-gray-500); line-height: 1.8; max-width: 320px; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer ul li { margin-bottom: 12px; }
.site-footer ul a, .site-footer .meta { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: var(--alpna-gray-400); }
.site-footer ul a:hover { color: #fff; }
.site-footer .block-label { font-size: 10px; text-transform: uppercase; letter-spacing: .15em; color: #fff; margin-bottom: 8px; }
.site-footer .block-body { font-size: 10px; font-weight: 300; font-style: italic; text-transform: uppercase; letter-spacing: .15em; color: var(--alpna-gray-400); line-height: 1.8; }
.social-round {
  width: 32px; height: 32px; border-radius: 50%; border: 1px solid #2f3134;
  display: flex; align-items: center; justify-content: center; color: var(--alpna-gray-400); font-size: 12px;
}
.social-round:hover { background: var(--alpna-main); border-color: var(--alpna-main); color: #fff; }
.footer-bottom {
    margin-top: 50px;
    padding-top: 25px;
    border-top: 1px solid #2f3134;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: #6b7280;
}
.footer-bottom a:hover { color: #fff; }
.footer-brand {
  display: inline-flex; align-items: center; color: #111;
 font-size: 22px; font-weight: 900; font-style: italic; line-height: 1; margin-bottom: 32px;
}
.footer-brand .brand-sub { font-size: 9px; font-weight: 700; font-style: normal; letter-spacing: .12em; margin-right: 6px; }
.footer-brand .brand-name { color: var(--alpna-main); }

.footer-brand img{
  width: 125px;
}
/* ==========================================================================
   About page
   ========================================================================== */
.page-banner .banner-sub { font-size: 15px; font-weight: 300; color: #c9ccd1; line-height: 1.7; max-width: 560px; margin: 24px 0 0; }
.body-copy { font-size: 16px; color: var(--alpna-gray-600); line-height: 1.9; margin-bottom: 20px; }

.stat-strip { border-top: 1px solid var(--alpna-gray-200); }
.stat-strip .s-num { font-size: 34px; font-weight: 900; letter-spacing: -.03em; line-height: 1; margin-top: 24px; }
.stat-strip .s-cap { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: var(--alpna-gray-400); margin-top: 8px; }
.stat-strip .s-rule { width: 34px; height: 3px; background: var(--alpna-main); margin-top: 14px; }

.framed-media { position: relative; padding: 24px 24px 0 0; }
.framed-media .block { position: absolute; right: 0; top: 0; width: 110px; height: 110px; background: var(--alpna-main); }
.framed-media img {
    border-radius: 12px;
    padding: 27px;
    background: #ffffff;
    position: relative;
    width: 100%;
    height: auto;
}
.framed-media.reverse { padding: 0 0 24px 24px; }
.framed-media.reverse .block { right: auto; top: auto; left: 0; bottom: 0; }

.journey-card { background: #fff; border-top: 4px solid var(--alpna-main); padding: 40px; height: 100%; }
.journey-card.dark { background: var(--alpna-dark); }
.journey-card.dark .body-copy { color: #d3d6da; }

.do-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--alpna-gray-200); }
.do-cell {
  background: #fff; padding: 32px 28px; min-height: 200px;
  display: flex; flex-direction: column; justify-content: space-between; transition: all .3s;
}
.do-cell .do-num { font-size: 14px; font-weight: 900; color: var(--alpna-main); }
.do-cell h4 { font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: -.02em; line-height: 1.35; margin: 24px 0 0; }
.do-cell:hover { background: var(--alpna-dark); color: #fff; }
.do-cell.cta { background: var(--alpna-main); color: #111; }
.do-cell.cta .do-num { color: #111; }
.do-cell.cta h4 { font-style: italic; }
.do-cell.cta:hover { background: #111; color: var(--alpna-main); }
.do-cell.cta:hover .do-num { color: var(--alpna-main); }

.vision-section { background: var(--alpna-dark); color: #fff; padding: 60px 0; }
.vision-copy { font-size: 28px; font-weight: 800; text-transform: none; line-height: 1.35; letter-spacing: -.02em; margin: 0; }
.vision-rule { width: 80px; height: 4px; background: var(--alpna-main); margin-top: 32px; }
.mission-list { list-style: none; padding: 0; margin: 0; }
.mission-list li {
  position: relative; padding: 20px 0 20px 30px; border-bottom: 1px solid #2c2e31;
  font-size: 15px; color: #d3d6da; line-height: 1.7;
}
.mission-list li:last-child { border-bottom: 0; }
.mission-list li::before {
  content: ""; position: absolute; left: 0; top: 27px;
  width: 10px; height: 10px; background: var(--alpna-main);
}

.title-rule { flex: 1; max-width: 280px; height: 4px; background: var(--alpna-main); }
.production .cta-copy { font-size: 15px; color: #c9ccd1; line-height: 1.8; max-width: 620px; margin-bottom: 34px; }
.btn-outline-alpna {
  display: inline-flex; align-items: center;
  border: 1px solid #4a4d52; color: #fff; padding: 20px 32px;
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; transition: all .3s;
}
.btn-outline-alpna:hover { border-color: var(--alpna-main); color: var(--alpna-main); }



.featured-products-contant-main  button {
    background: none;
    border: 0;
    color: #fff;
    font-size: 18px;
}
.featured-products-contant-main  button {
    padding: 10px;
    width: 46px;
    height: 24px;
    background-image: url(../images/right.png) !important;
    right: -50px;
    transform: rotate(0deg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* padding: 10px; */
    font-size: 0 !important;
}

.featured-products-contant-main button:last-child{
 transform: rotate(180deg);
}

.state-art-main{
    height: 400px;
    margin: 0;


}
.state-art-main img{
  height: 100%;
      object-fit: contain;
}

/* .drying-system-img-main{

} */

.production-media-mcure-technology.production-media img{
  top: 35px;
}
.drying-system-img-main img{
  width: 100%;
  /* height: 100%;
  object-fit: cover; */
}

@media (max-width: 1199.98px) {
  .do-grid { grid-template-columns: repeat(3, 1fr); }
  .vision-copy { font-size: 24px; }
}

@media (max-width: 991.98px) {
  .state-art-main{
    height: inherit;
    margin: inherit;
  }
  .vision-section { padding: 64px 0; }
  .do-grid { grid-template-columns: repeat(2, 1fr); }
  .framed-media, .framed-media.reverse { padding: 20px 20px 0 0; }
  .framed-media .block { width: 80px; height: 80px; }
  .framed-media.reverse .block { left: auto; right: 0; bottom: auto; top: 0; }
  .journey-card { padding: 32px; }
  .title-rule { display: none; }
}

@media (max-width: 767.98px) {
  .do-grid { grid-template-columns: 1fr; }
  .do-cell { min-height: 0; padding: 26px 24px; }
  .do-cell h4 { font-size: 17px; margin-top: 16px; }
  .stat-strip .s-num { font-size: 26px; }
  .stat-strip .s-cap { font-size: 9px; letter-spacing: .1em; }
  .vision-copy { font-size: 20px; }
  .body-copy { font-size: 15px; }
  .page-banner .banner-sub { font-size: 14px; }
  .btn-outline-alpna, .production .btn-alpna { padding: 16px 24px; font-size: 11px; }
}

/* ==========================================================================
   M-Cure pages
   ========================================================================== */
.nav-has-sub { position: relative; }
.nav-has-sub > a i { font-size: 8px; margin-left: 4px; }
.nav-sub {
  position: absolute; top: 100%; left: -16px; min-width: 260px;
  background: var(--alpna-dark); padding: 8px 0; margin-top: 14px;
  opacity: 0; visibility: hidden; transform: translateY(6px); transition: all .25s; z-index: 60;
}
.nav-has-sub:hover .nav-sub { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-sub a {
    line-height: 16px;
	
  display: block; padding: 12px 20px; color: #d3d6da;
  font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; border-bottom: 0;
}
.nav-sub a:hover, .nav-sub a.active { color: var(--alpna-main); background: #000; }
.alpna-offcanvas nav a.sub { padding-left: 20px; font-size: 10.5px; color: #9a9da3; }
.alpna-offcanvas nav a.sub::before { content: "\2014"; margin-right: 8px; color: var(--alpna-main); }

/* Product lockup — banner (dark) and light-section variants */
.mc-badge {
  display: inline-block; background: var(--alpna-main); color: #111;
  padding: 10px 16px 8px; margin-bottom: 28px;
  font-size: 22px; font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: -.03em; line-height: 1;
}
.mc-badge small {
  display: block; font-size: 9px; font-weight: 700; font-style: normal;
  letter-spacing: .18em; text-transform: uppercase; margin-top: 5px;
}

/* Banner callout — sits beside the page title */
.mc-callout {
  background: #0f1011; color: #d3d6da; padding: 32px 36px;
  border-left: 4px solid var(--alpna-main);
  font-size: 15px; font-weight: 400; line-height: 1.75;
}

.mc-pills { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.mc-pills span {
  border: 1px solid #4a4d52; color: #fff; padding: 12px 20px;
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em;
}
.mc-pills span:first-child { background: var(--alpna-main); border-color: var(--alpna-main); color: #111; }

/* Shared bits reused across the three M-Cure pages */
.mc-subtitle {
  font-size: 24px; font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: -.03em; line-height: 1.1; margin: 0 0 20px; color: var(--alpna-gray-900);
}
.mc-subtitle .light { font-weight: 300; font-style: normal; color: var(--alpna-gray-400); }
.mc-note { font-size: 14px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.8; margin: 12px 0 0; }
.mc-diagram { background: var(--alpna-gray-50); padding: 32px; border-bottom: 4px solid var(--alpna-main); }
.mc-diagram img { display: block; width: 100%; height: auto; }

.mc-list { list-style: none; padding: 0; margin: 0; }
.mc-list li {
  position: relative; padding: 0 0 16px 26px;
  font-size: 14px; color: var(--alpna-gray-600); line-height: 1.7;
}
.mc-list li::before {
  content: ""; position: absolute; left: 6px; top: 8px;
  width: 9px; height: 9px; background: var(--alpna-main);
}
.mc-list-tight li { padding-bottom: 10px; font-size: 13px; }
.mc-list-light li { color: #d3d6da; }

/* Feature chips — same vocabulary as the home page stat cards */
.mc-chip {
  display: flex; align-items: center; gap: 16px; height: 100%;
  background: var(--alpna-gray-50); border-bottom: 4px solid var(--alpna-main);
  padding: 22px 24px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em;
  color: var(--alpna-gray-900); transition: all .3s ease;
}
.mc-chip:hover { transform: translateY(-5px); }
.mc-chip .ic {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%;
  background: #fff; border: 1px solid var(--alpna-gray-100);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 800; color: var(--alpna-main);
}
.mc-chip .ic.txt { font-size: 11px; letter-spacing: 0; }

/* Benefit cards — journey-card treatment from the About page */
.mc-benefit { background: #fff; border-top: 4px solid var(--alpna-main); padding: 36px 32px; height: 100%; }
.mc-benefit h4 { font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: -.03em; margin-bottom: 16px; color: var(--alpna-gray-900); }
.mc-benefit p { font-size: 14px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.8; margin: 0; }

.mc-table-frame { background: var(--alpna-gray-50); padding: 24px; border-bottom: 4px solid var(--alpna-main); }
.mc-panel { background: var(--alpna-gray-50); padding: 32px; }
.mc-panel img { display: block; width: auto; max-width: 100%; height: auto; margin-inline: auto; }
.mc-panel-title { font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: -.03em; margin-bottom: 18px; color: var(--alpna-gray-900); }
.mc-panel-rule { border: 0; border-top: 1px solid var(--alpna-gray-200); margin: 0 0 24px; }
.mc-logos { max-width: 300px; width: 100%; height: auto; }

/* Component cards */
.mc-card { background: #fff; border-bottom: 4px solid var(--alpna-main); height: 100%; transition: all .3s ease; }
.mc-card:hover { transform: translateY(-5px); }
.mc-card-media { background: var(--alpna-gray-50); padding: 28px; text-align: center; }
.mc-card-media img { max-width: 100%; height: auto; }
.mc-card-body { padding: 32px; }
.mc-card h4 { font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: -.03em; line-height: 1.15; margin-bottom: 16px; color: var(--alpna-gray-900); }
.mc-card p { font-size: 13px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.8; margin-bottom: 20px; }
.mc-icon-grid { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--alpna-gray-500); line-height: 1.5; }
.mc-icon-grid > div { display: flex; align-items: center; gap: 12px; }
.mc-icon-grid .ic {
  flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
  background: var(--alpna-gray-50); border: 1px solid var(--alpna-gray-100);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; color: var(--alpna-main);
}
.mc-hash { font-size: 28px; font-weight: 900; font-style: italic; letter-spacing: -.03em; color: var(--alpna-gray-900); }

/* Safety — dark band, same as the About page vision section */
.mc-safety { background: var(--alpna-dark); color: #fff; padding: 60px 0; }
.mc-tag {
  display: inline-block; background: var(--alpna-main); color: #111; padding: 9px 18px;
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em;
}
.mc-safety-title {
  font-size: 52px; font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: -.04em; line-height: .95; margin: 28px 0 24px;
}
.mc-safety-copy { font-size: 14px; font-style: italic; color: #9ca3af; line-height: 1.9; margin: 0; }
.mc-safety .mc-list { border-left: 4px solid var(--alpna-main); padding-left: 32px; }
.mc-gallery { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin-top: 56px; }
.mc-gallery img { width: 100%; height: 170px; object-fit: cover; display: block; }

@media (max-width: 1199.98px) {
  .mc-safety-title { font-size: 40px; }
  .mc-subtitle { font-size: 21px; }
}

@media (max-width: 991.98px) {
  .mc-callout { font-size: 14px; padding: 26px 28px; }
  .mc-safety { padding: 64px 0; }
  .mc-safety .mc-list { border-left: 0; padding-left: 0; margin-top: 8px; }
  .mc-gallery { grid-template-columns: repeat(3, 1fr); }
  .mc-gallery img { height: 140px; }
  .mc-card-body, .mc-panel { padding: 26px; }
}

@media (max-width: 767.98px) {
  .mc-badge { font-size: 18px; margin-bottom: 22px; }
  .mc-diagram { padding: 16px; }
  .mc-safety-title { font-size: 30px; }
  .mc-gallery { grid-template-columns: repeat(2, 1fr); }
  .mc-gallery img { height: 120px; }
  .mc-hash { font-size: 21px; }
  .mc-list li { font-size: 13px; padding-left: 22px; }
  .mc-benefit { padding: 28px 24px; }
  .mc-benefit h4, .mc-card h4 { font-size: 18px; }
  .mc-chip { padding: 18px 20px; font-size: 11px; }
  .mc-chip .ic { width: 40px; height: 40px; }
}

/* ==========================================================================
   M-Cure pages — creative redesign pass
   (adds texture/motion on top of the existing M-Cure vocabulary above;
   font family, sizes, weights and colors are untouched)
   ========================================================================== */

/* ---------- Banner texture: line pattern + watermark + wedge stay dark ---------- */
.banner-lines {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 56px);
}
.banner-watermark {
  position: absolute; right: 0; bottom: -14px; z-index: 0;
  font-size: 9vw; font-weight: 900; letter-spacing: -.03em; line-height: 1;
  text-transform: uppercase; color: rgba(255,255,255,.045);
  pointer-events: none; user-select: none;
}
.page-banner .container { position: relative; z-index: 2; }

/* Floating callout that breaks out of the banner's bottom edge */
.mc-callout.float-card {
  position: relative; margin-bottom: -110px; z-index: 3;
  box-shadow: 0 34px 60px -18px rgba(0,0,0,.55);
}
@media (max-width: 991.98px) {
  .mc-callout.float-card { margin-bottom: 0; margin-top: 32px; }
}
.banner-spacer { padding-bottom: 96px; }
@media (max-width: 991.98px) { .banner-spacer { padding-bottom: 0; } }

/* Generic corner-tab bookend, reusable on any relative/overflow-hidden section */
.deco-section { position: relative; overflow: hidden; padding-top: 90px; }
.deco-corner { position: absolute; top: 0; width: 170px; height: 60px; background: var(--alpna-main); z-index: 1; }
.deco-corner.left { left: 0; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }
.deco-corner.right { right: 0; clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%); }
@media (max-width: 767.98px) { .deco-corner { width: 96px; height: 38px; } }

/* Icon-forward feature cell — achievements language, adapted for qualitative copy */
.mc-feature { background: var(--alpna-gray-50); border-bottom: 4px solid var(--alpna-main); padding: 40px 30px; height: 100%; text-align: center; transition: all .3s ease; }
.mc-feature:hover { transform: translateY(-6px); }
.mc-feature .mf-icon {
  width: 72px; height: 72px; border-radius: 50%; background: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 24px; color: var(--alpna-main); margin: 0 auto 22px;
  border: 1px solid var(--alpna-gray-100); box-shadow: 0 1px 2px rgba(0,0,0,.05);
  transition: all .3s ease;
}
.mc-feature:hover .mf-icon { background: var(--alpna-dark); color: var(--alpna-main); }
.mc-feature h4 { font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: -.02em; margin-bottom: 12px; color: var(--alpna-gray-900); }
.mc-feature p { font-size: 13px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.7; margin: 0; }

/* Checkerboard icon grid — do-grid language, own namespace for the M-Cure pages */
.icon-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--alpna-gray-200); }
.icon-cell {
  background: #fff; padding: 34px 22px; min-height: 148px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  text-align: center; transition: all .3s ease;
}
.icon-cell .ic-circle {
  width: 50px; height: 50px; border-radius: 50%; background: var(--alpna-gray-50);
  border: 1px solid var(--alpna-gray-100); display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: var(--alpna-main); transition: all .3s ease;
}
.icon-cell .label { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--alpna-gray-900); }
.icon-cell:hover { background: var(--alpna-dark); }
.icon-cell:hover .ic-circle { background: var(--alpna-main); color: #111; }
.icon-cell:hover .label { color: #fff; }
@media (max-width: 767.98px) { .icon-grid { grid-template-columns: repeat(2, 1fr); } }

/* Numbered index list — premium catalogue feel for parameter lists */
.num-list { list-style: none; padding: 0; margin: 0; }
.num-list li { position: relative; padding: 14px 0 14px 46px; font-size: 13.5px; color: var(--alpna-gray-600); line-height: 1.6; border-bottom: 1px solid var(--alpna-gray-200); }
.num-list li:last-child { border-bottom: 0; }
.num-list li span.n {
  position: absolute; left: 0; top: 12px; width: 28px; height: 28px; border-radius: 50%;
  background: var(--alpna-dark); color: var(--alpna-main); font-size: 10px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
}

/* Zig-zag split panel — cat-card visual language reused for editorial copy blocks */
.split-panel { background: #fff; overflow: hidden; }
/* .split-panel .split-media { height: 420px; overflow: hidden; } */
.split-panel .split-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.split-panel:hover .split-media img { transform: scale(1.05); }
@media (max-width: 991.98px) { .split-panel .split-media { height: 320px; } }
@media (max-width: 767.98px) { .split-panel .split-media { height: 240px; } }

/* Component card media — subtle zoom on hover, matches home's product treatment */
.mc-card-media img { transition: transform .5s ease; height:300px; }
.mc-card:hover .mc-card-media img { transform: scale(1.06); }

/* Safety gallery — zoom + brighten on hover instead of a flat grid */
.mc-gallery { overflow: hidden; }
.mc-gallery img { transition: transform .5s ease, filter .4s ease; }
.mc-gallery img:hover { transform: scale(1.08); filter: brightness(1.06); }

/* Hash-tag chip treatment */
.mc-hash-chip { display: inline-flex; align-items: center; gap: 10px; padding: 12px 26px; border: 1px solid var(--alpna-gray-200); }

/* Vertical divider between stacked list columns */
.col-divider { border-left: 1px solid var(--alpna-gray-200); }
@media (max-width: 767.98px) {
  .col-divider { border-left: 0; border-top: 1px solid var(--alpna-gray-200); padding-top: 20px; margin-top: 20px; }
}

/* Section eyebrow paired with a rule, used to open a few sections with more drama */
.eyebrow-rule { display: flex; align-items: center; gap: 20px; }
.eyebrow-rule .line { flex: 1; height: 1px; background: var(--alpna-gray-200); }

/* ==========================================================================
   Contact page
   ========================================================================== */
.page-banner {
  position: relative; background: var(--alpna-dark); color: #fff;
  padding: 80px 0 80px; overflow: hidden;
}
.page-banner .wedge {
 opacity: 0.4;
    background-attachment: fixed;
  position: absolute; right: 0; top: 0; width: 26%; height: 100%;
  background: var(--alpna-main); clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
}


.coating-solutions-box{
  height: 100%;
}


.page-banner h1 {
  font-size: 68px; font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: -.04em; line-height: .95; margin: 0;
}

.contact-card {
  background: var(--alpna-gray-50); border-bottom: 4px solid var(--alpna-main);
  padding: 40px; height: 100%;
}
.contact-card .c-icon {
  width: 60px; height: 60px; background: #fff; border: 1px solid var(--alpna-gray-100);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; color: var(--alpna-main); margin-bottom: 28px;
}
.contact-card h3 { font-size: 24px; font-weight: 900; text-transform: uppercase; letter-spacing: -.03em; margin-bottom: 6px; }
.contact-card .c-role { font-size: 10px; font-weight: 700; font-style: italic; text-transform: uppercase; letter-spacing: .15em; color: var(--alpna-gray-400); margin-bottom: 24px; }
.contact-card .c-line {
  display: flex; align-items: center; gap: 12px; padding: 12px 0;
  border-top: 1px solid var(--alpna-gray-200);
  font-size: 13px; font-weight: 600; color: var(--alpna-gray-600);
}
.contact-card .c-line i { color: var(--alpna-main); font-size: 12px; }
.contact-card .c-line:hover { color: var(--alpna-main); }

.address-card { background: #fff; border-left: 6px solid var(--alpna-main); padding: 36px 40px; height: 100%; }
.address-card .a-city { font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 12px; }
.address-card .a-body { font-size: 14px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.8; margin: 0; }

.contact-form-section { position: relative; background: var(--alpna-dark); color: #fff; padding: 100px 0 60px; overflow: hidden; }
.contact-form-section .wedge-left {
  position: absolute; left: 0; top: 0; width: 90px; height: 90px;
  background: var(--alpna-main); clip-path: polygon(0 0, 100% 0, 55% 100%, 0 100%);
}
.form-title { font-size: 52px; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.04em; line-height: .95; margin: 0 0 24px; }
.form-title .accent { color: var(--alpna-main); }
.form-note { font-size: 13px; font-style: italic; color: #9ca3af; line-height: 1.8; max-width: 320px; }
.form-label-alpna { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; color: var(--alpna-main); margin-bottom: 10px; display: block; }
.form-control-alpna {
  width: 100%; background: transparent; border: 0; border-bottom: 1px solid #3a3c40;
  color: #fff; font-size: 15px; padding: 10px 0; font-family: inherit;
}
.form-control-alpna:focus { outline: none; border-bottom-color: var(--alpna-main); }
textarea.form-control-alpna { resize: vertical; }
.alpna-form .btn-alpna { color: #111; margin-top: 12px; }
.alpna-form .btn-alpna:hover { color: #111; }

@media (max-width: 991.98px) {
  .page-banner { padding: 90px 0 64px; }
  .page-banner h1 { font-size: 52px; }
  .page-banner .wedge { width: 30%; }
  .contact-form-section { padding: 120px 0 64px; }
  .form-title { font-size: 40px; }
}

@media (max-width: 767.98px) {
  .page-banner h1 { font-size: 36px; }
  .contact-card, .address-card { padding: 28px; }
  .contact-card h3 { font-size: 20px; }
  .form-title { font-size: 30px; }
}

@media (max-width: 1199.98px) {
  .hero h1 { font-size: 68px; }
  
  .hero p { font-size: 20px; }
  .section-title { font-size: 40px; }
  .production h2 { font-size: 56px; }
  .footprint h3 { font-size: 36px; }
  .footprint h3 .big { font-size: 60px; }
  .cat-media { height: 320px; }
}

@media (max-width: 991.98px) {
  .section, .components { padding: 64px 0; }
  .production { padding: 120px 0 64px; }
  .hero { height: 620px; }
  .hero h1 { font-size: 52px; }
  .hero p { font-size: 17px; margin-bottom: 28px; }
  .hero-eyebrow { font-size: 12px; letter-spacing: .3em; }
  .hero-controls, .hero-videonote { right: 24px; }
  .app-card, .app-card.raised { height: 320px; margin-top: 0; }
  .logo-grid { grid-template-columns: 1fr; gap: 40px; }
  .logo-col { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 40px; }
  .logo-map { order: -1; }
  .product-item { padding: 0 16px; }
  .product-item + .product-item::before { display: none; }
  .components .corner { height: 52px; width: 140px; }
  /* Below lg the copy column spans full width, so the yellow field moves behind the machine image only */
  .production .wedge-right { display: none; }
  .production .production-media {
    position: relative;
    background: linear-gradient(to bottom, transparent 0 14%, var(--alpna-main) 14% 100%);
    padding-top: 24px;
  }
  .production h2 { font-size: 44px; }
  .production .production-copy { padding-left: 36px; }
  .site-footer { padding: 64px 0 40px; }
  .footer-bottom { margin-top: 48px; padding-top: 32px; letter-spacing: .2em; }

  div#testimonialsCarousel {
    width: 100% !important;
}
}

@media (max-width: 767.98px) {
  .container { padding-left: 18px; padding-right: 18px; }
  .hero { height: 560px; }
  .hero h1 { font-size: 32px; margin-bottom: 18px; }
  .hero-watermark { display: none; }
  .section-title, .components h2 { font-size: 30px; }
  .stat-card { padding: 32px 24px; }
  .stat-value { font-size: 38px; }
  .cat-media { height: 240px; }
  .product-media { height: 260px; }
  .production h2 { font-size: 34px; }
  .production .production-copy { padding-left: 26px; }
  .production .stat-num { font-size: 28px; }
  .footprint h3 { font-size: 26px; }
  .footprint h3 .big { font-size: 44px; }
  .t-card { padding: 28px 64px 64px; }
  .components .corner { height: 40px; width: 110px; }
  .production .wedge-left { width: 64px; height: 64px; }
  .section-title{
    font-size: 32px !important;
  }
  .app-card .overlay{
    padding: 10px !important;
  }

  .app-card .overlay span {
    font-size: 14px;
}
}



/* ==========================================================================
   New code — Product pages (L-Cure, X-Cure, C-Cure, Lab Cure,
   Off-line Coating, Rhino Dexa, Smart Coat, Eagle Roller Coater)
   ========================================================================== */

/* Product banner: reuses .page-banner from the About page, adds the product lockup */
.pd-logo { max-height: 59px; width: auto; margin-bottom: 26px; }
.page-banner .pd-tagline {
  font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em;
  color: var(--alpna-main); margin: 0 0 18px;
}
.pd-banner-media { position: relative; }
.pd-banner-media img { width: 100%; height: auto; display: block; }
.pd-banner-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }

/* Section intro paragraph under a section title */
.pd-intro { font-size: 16px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.8; margin: 0 0 32px; max-width: 760px; }

/* Sub-heading inside a section, e.g. "Drying & Conveying Features" */
.pd-subhead {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em;
  color: var(--alpna-gray-900); padding-bottom: 14px; margin-bottom: 24px;
  border-bottom: 1px solid var(--alpna-gray-200);
}

/* Icon cards — image icon above a short caption */
.pd-icon-card {
  background: #fff; border-bottom: 4px solid var(--alpna-main);
  padding: 32px 26px; height: 100%; text-align: center; transition: all .3s ease;
}
.pd-icon-card:hover { transform: translateY(-5px); }
.pd-icon-card img { height: 60px; width: auto; object-fit: contain; margin-bottom: 22px; }
.pd-icon-card p {
  font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  color: var(--alpna-gray-600); line-height: 1.6; margin: 0;
}
.bg-gray-50 .pd-icon-card, .bg-white .pd-icon-card { background: var(--alpna-gray-50); }
.bg-gray-50 .pd-icon-card { background: #fff; }

/* Application tiles — same overlay treatment as the home Applications slider */
.pd-tile { position: relative; height: 300px; overflow: hidden; display: block; }
.pd-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.pd-tile:hover img { transform: scale(1.08); }
.pd-tile .cap {
  position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 28px;
  background: linear-gradient(to top, rgba(0,0,0,.85) 0%, transparent 100%);
}
.pd-tile .cap span {
  font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: -.02em;
  color: #fff; line-height: 1.2;
}

/* Spec / configuration blocks */
.pd-spec { background: var(--alpna-gray-50); border-left: 4px solid var(--alpna-main); padding: 26px 28px; height: 100%; }
.pd-spec .k { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; color: var(--alpna-gray-400); margin-bottom: 10px; }
.pd-spec .v { font-size: 17px; font-weight: 800; letter-spacing: -.02em; color: var(--alpna-gray-900); line-height: 1.35; }

.pd-table { width: 100%; border-collapse: collapse; background: #fff; }
.pd-table th, .pd-table td { padding: 16px 18px; border-bottom: 1px solid var(--alpna-gray-200); text-align: left; }
.pd-table thead th {
  background: var(--alpna-dark); color: #fff; border-bottom: 0;
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em;
}
.pd-table tbody th { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.pd-table td { font-size: 13.5px; color: var(--alpna-gray-600); }
.pd-table-wrap { overflow-x: auto; }

/* Dark feature band, e.g. safety / performance benefits */
.pd-band { background: var(--alpna-dark); color: #fff; padding: 60px 0; }
.pd-band .section-title { color: #fff; }
.pd-band .pd-intro { color: #9ca3af; }
.pd-band .pd-subhead { color: #fff; border-bottom-color: #2f3134; }
.pd-band .mc-list li { color: #d3d6da; }
.pd-band img { width: 100%; height: auto; }

/* FAQs */
.pd-faq .accordion-item { border: 0; border-bottom: 1px solid var(--alpna-gray-200); background: transparent; }
.pd-faq .accordion-button {
  background: transparent; box-shadow: none; padding: 24px 0;
  font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 800;
  text-transform: uppercase; letter-spacing: -.01em; color: var(--alpna-gray-900);
}
.pd-faq .accordion-button:not(.collapsed) { color: var(--alpna-main); background: transparent; }
.pd-faq .accordion-button::after {
  background: none; content: "+"; font-size: 22px; font-weight: 400; line-height: 1;
  width: auto; height: auto; color: var(--alpna-main); transform: none;
}
.pd-faq .accordion-button:not(.collapsed)::after { content: "\2013"; }
.pd-faq .accordion-body { padding: 0 0 26px; font-size: 14.5px; color: var(--alpna-gray-600); line-height: 1.85; }
.pd-faq .accordion-body ul { margin: 12px 0 0; padding-left: 20px; }
.pd-faq .accordion-body li { margin-bottom: 8px; }

/* Product index cards (Off-line Coating landing) */
.pd-product-card { background: #fff; border-bottom: 4px solid var(--alpna-main); height: 100%; transition: all .3s ease; }
.pd-product-card:hover { transform: translateY(-5px); }
.pd-product-card .media { background: var(--alpna-gray-50); padding: 28px; text-align: center; }
.pd-product-card .media img {
width: auto !important;
    max-width: none;
    height: 251px;
}

.pd-product-card .body { padding: 32px; }
.pd-product-card h3 { font-size: 26px; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.03em; margin-bottom: 8px; }
.pd-product-card .kicker { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; color: var(--alpna-main); margin-bottom: 18px; }
.pd-product-card p { font-size: 14px; font-style: italic; color: var(--alpna-gray-500); line-height: 1.8; margin-bottom: 24px; }

@media (max-width: 1199.98px) {
  .pd-tile { height: 260px; }
}

@media (max-width: 991.98px) {
  .pd-band { padding: 64px 0; }
  .pd-logo { max-height: 52px; }
  .pd-tile { height: 240px; }
  .pd-product-card .body { padding: 26px; }
}

@media (max-width: 767.98px) {
  .pd-logo { max-height: 42px; margin-bottom: 20px; }
  .pd-intro { font-size: 15px; }
  .pd-tile { height: 200px; }
  .pd-tile .cap { padding: 20px; }
  .pd-tile .cap span { font-size: 16px; }
  .pd-icon-card { padding: 26px 20px; }
  .pd-icon-card img { height: 48px; margin-bottom: 16px; }
  .pd-spec { padding: 22px; }
  .pd-faq .accordion-button { font-size: 14px; padding: 20px 0; }
  .pd-banner-actions .btn-alpna, .pd-banner-actions .btn-outline-alpna { padding: 15px 22px; font-size: 10.5px; }
  .pd-product-card h3 { font-size: 22px; }
}

/* new code — Products submenu heading */
.nav-sub-head {
  display: block; padding: 12px 20px 8px; color: var(--alpna-main);
  font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .2em;
  border-bottom: 1px solid #2f3134; margin-bottom: 4px;
}
.nav-sub-head a { color: var(--alpna-main); }
.nav-sub-head + a, .nav-sub a + .nav-sub-head { margin-top: 0; }


/* ==========================================================================
   support css — Service & Support page
   ========================================================================== */
.sp-quickcard {
  background: #0f1011; border-left: 4px solid var(--alpna-main);
  padding: 36px 34px;
}
.sp-quickcard-head {
  font-size: 18px; font-weight: 900; text-transform: uppercase; letter-spacing: -.02em;
  color: #fff; margin-bottom: 24px; line-height: 1.25;
}
.sp-quickline {
  display: flex; align-items: center; gap: 14px; padding: 16px 0;
  border-top: 1px solid #2f3134;
  font-size: 15px; font-weight: 700; color: #fff;
}
.sp-quickline i { color: var(--alpna-main); font-size: 13px; }
.sp-quickline:hover { color: var(--alpna-main); }
.sp-quicknote { font-size: 12px; font-style: italic; color: #9ca3af; line-height: 1.8; margin: 20px 0 0; }

.sp-pill {
  display: flex; align-items: center; gap: 18px; height: 100%;
  background: var(--alpna-gray-50); border-bottom: 4px solid var(--alpna-main);
  padding: 24px 26px;
  font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: -.01em;
  color: var(--alpna-gray-900); transition: all .3s ease;
}
.sp-pill:hover { transform: translateY(-5px); }
.sp-pill .n {
  flex: 0 0 auto; font-size: 24px; font-weight: 900; font-style: italic;
  letter-spacing: -.04em; color: var(--alpna-main);
}

.sp-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; background: var(--alpna-gray-200); }
.sp-step { background: #fff; padding: 30px 26px 34px; transition: all .3s ease; }
.sp-step:hover { background: var(--alpna-dark); }
.sp-step:hover p { color: #fff; }
.sp-step .s {
  display: block; font-size: 32px; font-weight: 900; font-style: italic;
  letter-spacing: -.04em; color: var(--alpna-main); line-height: 1; margin-bottom: 18px;
}
.sp-step p {
  font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--alpna-gray-600); line-height: 1.55; margin: 0; transition: color .3s;
}

.sp-mode {
  display: flex; align-items: center; gap: 14px; height: 100%;
  background: #17181a; border-left: 3px solid var(--alpna-main); padding: 20px 22px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  color: #d3d6da; line-height: 1.5;
}
.sp-mode i { flex: 0 0 auto; color: var(--alpna-main); font-size: 16px; }

.sp-benefit {
  background: var(--alpna-gray-50); border-bottom: 4px solid var(--alpna-main);
  padding: 32px 26px; height: 100%; transition: all .3s ease;
}
.sp-benefit:hover { transform: translateY(-5px); }
.sp-benefit i {
  display: flex; align-items: center; justify-content: center;
  width: 60px; height: 60px; border-radius: 50%;
  background: #fff; border: 1px solid var(--alpna-gray-100);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  font-size: 20px; color: var(--alpna-main); margin-bottom: 22px;
}
.sp-benefit h4 {
  font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: -.01em;
  color: var(--alpna-gray-900); line-height: 1.4; margin: 0;
}

.sp-panel { background: #fff; border-top: 4px solid var(--alpna-main); padding: 40px; height: 100%; }

.sp-trust { display: flex; flex-direction: column; }
.sp-trust > div {
  display: flex; align-items: center; gap: 20px; padding: 22px 0;
  border-bottom: 1px solid #2f3134;
  font-size: 15px; color: #d3d6da; line-height: 1.6;
}
.sp-trust > div:last-child { border-bottom: 0; }
.sp-trust span {
  flex: 0 0 auto; font-size: 20px; font-weight: 900; font-style: italic;
  letter-spacing: -.04em; color: var(--alpna-main);
}

.sp-contact {
  display: block; background: #fff; border-bottom: 4px solid var(--alpna-main);
  padding: 36px 34px; height: 100%; transition: all .3s ease;
}
.sp-contact:hover { transform: translateY(-5px); }
.sp-contact .ic {
  display: flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--alpna-gray-50); border: 1px solid var(--alpna-gray-100);
  font-size: 18px; color: var(--alpna-main); margin-bottom: 24px;
}
.sp-contact .k {
  display: block; font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .2em; color: var(--alpna-gray-400); margin-bottom: 10px;
}
.sp-contact .v {
  display: block; font-size: 22px; font-weight: 900; letter-spacing: -.03em;
  color: var(--alpna-gray-900);
}
.sp-contact:hover .v { color: var(--alpna-main); }

@media (max-width: 1199.98px) {
  .sp-steps { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991.98px) {
  .sp-quickcard { padding: 28px 26px; }
  .sp-panel { padding: 30px; }
  .sp-steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767.98px) {
  .sp-steps { grid-template-columns: 1fr; }
  .sp-step { padding: 24px 22px 26px; }
  .sp-step .s { font-size: 26px; margin-bottom: 12px; }
  .sp-quickcard-head { font-size: 16px; }
  .sp-pill { padding: 20px; font-size: 13px; }
  .sp-benefit { padding: 26px 22px; }
  .sp-benefit i { width: 50px; height: 50px; font-size: 17px; margin-bottom: 16px; }
  .sp-contact { padding: 28px 24px; }
  .sp-contact .v { font-size: 18px; }
  .sp-trust > div { font-size: 14px; padding: 18px 0; }
}














/* ==========================================================================
   support css — Service & Support page
   ========================================================================== */

.product-item-line{
  position: relative;
}


/* 
.product-item-line {
    position: relative;
    width: 30px;
    height: 350px;
    background: #ffb800;
} */

.product-item-line::before {
    content: "";
    position: absolute;
    top: -60px;
    left: 0;
    border-style: solid;
    border-width: 60px 30px 0 0;
    border-color: #ffb800 transparent transparent transparent;
}

.product-item-line::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 0;
    border-style: solid;
    border-width: 60px 0 0 30px;
    border-color: transparent transparent transparent #ffb800;
}

.page-banner.about .wedge {
	background-size: cover;
    background-image: url(../images/about-banner.jpg);
    background-color: var(--alpna-main);
}

.uv-curing-home + div img {
    margin-top: 35px;
}
.uv-curing-home + div .cat-media {
    padding: 19px
}

.coating-solutions-left-home {
    padding-right: 10px;
    padding-top: 16px;
    justify-content: end;
    flex-flow: column;
    display: flex;
    height: 100%;
}



.coating-solutions-right-home .cat-media {
    overflow: visible;
    position: relative;
}

.coating-solutions-right-home .cat-media img {
    position: relative;
    z-index: 999;
    width: 463px!important;
}
.coating-solutions-right-home {
    padding-left: 8px;
    padding-top: 25px;
    height: 100%;
    align-items: flex-start;
    display: flex;
    position: relative;
}
.coating-solutions-left-home {
    width: 237px;
    margin-left: -45px;
}
.coating-solutions-left-home  h4{
margin-top: 25px;
}
div#testimonialsCarousel {
    margin: 0 auto;
    width: 1155px;
}

div#testimonialsCarousel .carousel-inner{
	overflow: visible;
}

div#testimonialsCarousel span.glyph.position-absolute {
    bottom: -26px;
    right: 77px;
}
.production.phome {
    position: relative;
    background: var(--alpna-light);
}
.production.phome{color:#000!important}
.production-media img {
    top: 65px;
    position: relative;
}
.logo-mark img {
    mix-blend-mode: darken;
    width: 147px;
}
.logo-mark.lm-tresuu img {
    width: auto;
    height: 61px;
}

.mid-pro {
    position: relative;
}
.mid-pro:before {
	top:30px;
	    transform: skewY(60deg);
	left:0;
    position: absolute;
	content:'';
	height:390px;	
	width:20px;
	    background: var(--alpna-main);
}
.mid-pro:after {
	top:30px;
	    transform: skewY(60deg);
	right:0;
    position: absolute;
	content:'';
	height:390px;	
	width:20px;
	    background: #f38028;
}
.product-media {
    padding: 0px 30px;
}
.product-item {
    padding: 0px 15px;
}

.nav-has-sub.smenu {
    position: relative;
    line-height: 0px!important;
}
.lgbox img{height:50px;}
.lgbox {
	padding:30px 0px;
    display: inline-flex;
    border-top: 1px solid #ccc;
    gap: 34px;
}
.pd-logo {
	    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
}
.tech-bg {
background-size:cover!important;
    background: url(../images/tech-bg.png);
}
.section-title .light {
    margin-left: 10px;
}
/* ==========================================================================
   Privacy policy and T&C page
   ========================================================================== */
.legal-page { padding-top: 60px; }
.legal-meta {
  font-size: 12px;
  font-weight: 600;
  color: var(--alpna-gray-500);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 36px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--alpna-gray-200);
}

/* Quick-links sidebar */
.legal-nav {
  background: var(--alpna-gray-50);
  border-top: 4px solid var(--alpna-main);
  padding: 28px 26px;
  position: sticky;
  top: 100px;
}
.legal-nav .eyebrow { margin-bottom: 18px; }
.legal-nav ul { list-style: none; margin: 0; padding: 0; }
.legal-nav li { border-bottom: 1px solid var(--alpna-gray-200); }
.legal-nav li:last-child { border-bottom: 0; }
.legal-nav a {
  display: block;
  padding: 12px 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--alpna-gray-600);
  transition: color .2s;
}
.legal-nav a:hover { color: var(--alpna-main); }

/* Legal content body */
.legal-content { max-width: 800px; }
.legal-section {
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid var(--alpna-gray-200);
  scroll-margin-top: 110px;
}
.legal-section:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.legal-section h2 {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  text-transform: none;
  letter-spacing: -.01em;
  color: var(--alpna-gray-900);
  margin: 0 0 16px;
}
.legal-section h3 {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  color: var(--alpna-gray-900);
  margin: 22px 0 10px;
}
.legal-section .body-copy { margin-bottom: 16px; }
.legal-section .body-copy:last-child { margin-bottom: 0; }
.legal-section .mc-list { margin-bottom: 6px; }
.legal-section .mc-list li { padding-bottom: 12px; }
.legal-section a { color: var(--alpna-main); font-weight: 700; }
.legal-section a:hover { text-decoration: underline; }

@media (max-width: 1199.98px) {
  .legal-section h2 { font-size: 21px; }
}

@media (max-width: 991.98px) {
  .legal-nav { position: static; margin-bottom: 32px; }
  .legal-content { max-width: 100%; }
}

@media (max-width: 767.98px) {
  .legal-page { padding-top: 40px; }
  .legal-meta { font-size: 11px; margin-bottom: 24px; padding-bottom: 16px; }
  .legal-nav { padding: 22px 20px; }
  .legal-section { padding-bottom: 28px; margin-bottom: 28px; }
  .legal-section h2 { font-size: 19px; }
  .legal-section h3 { font-size: 14.5px; }
}