/* Approved mobile design. Desktop layout remains under the existing styles. */
.processing-card picture,.product-visual picture,.product-card picture,.company-poster>picture{display:block}
.mobile-actions,.mobile-product-series,.mobile-sourcing,.mobile-viewall,.mobile-carousel-dots{display:none}
@media(max-width:760px){
 :root{--site-header-height:88px;--mobile-gold:#dec18b;--mobile-navy:#05243d}
 html,body{width:100%;max-width:100%;overflow-x:clip}html{scroll-padding-top:calc(var(--site-header-height) + 12px)}body{padding-top:var(--site-header-height);padding-bottom:calc(82px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}
 h1,h2,h3{font-family:inherit!important;letter-spacing:-.025em}p{overflow-wrap:break-word}img{max-width:100%}
 .s,.catalogue-wrap,.container{width:calc(100% - 36px);max-width:600px;margin-inline:auto}
 .site-header{background:#05253ff5;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:0;box-shadow:0 3px 20px #001a2d1a}
 .site-header-inner{width:calc(100% - 32px);min-height:88px;height:auto;padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) 86px 40px;grid-template-areas:"brand locale toggle";gap:8px;align-items:center}
 .site-brand{font-size:11px;line-height:1.3;letter-spacing:.015em;max-width:none}.site-brand span{max-width:none;white-space:normal;text-wrap:balance}.site-brand small{margin-top:4px;font-size:10px;line-height:1.4;letter-spacing:0}
 .site-locale{width:86px;min-width:0;justify-self:end;flex-basis:86px}.site-language-button{width:86px;min-height:40px;height:auto;padding:9px 4px;border:1px solid #ffffff30;border-radius:22px;background:#ffffff0c;font-size:12px;line-height:1.4;white-space:nowrap}
 .site-language-menu{top:48px;inset-inline-end:0;width:180px;padding:7px;border-radius:16px;max-height:min(70svh,450px);overflow-y:auto;background:#082d49f5}.site-language-menu button{min-height:44px}
 .site-nav-toggle{grid-area:toggle;display:flex!important;align-items:center;justify-content:center;width:40px;height:42px;padding:9px;background:#ffffff08;border:1px solid #ffffff28;border-radius:12px}.site-nav-toggle img{width:23px;height:23px;filter:invert(1)}
 .site-navigation,.site-header.menu-open .site-navigation{grid-area:unset;position:absolute;top:100%;inset-inline:16px;display:none!important;padding:10px;background:#072a45f5;border:1px solid #ffffff25;border-radius:0 0 20px 20px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 35px #00172a35;gap:0;max-height:65svh;overflow:auto}
 .site-header.menu-open .site-navigation{display:grid!important;grid-template-columns:1fr}.site-navigation a{display:flex;min-height:48px;align-items:center;justify-content:flex-start;padding:12px 16px;text-align:start;font-size:15px;line-height:1.5;border-radius:12px}.site-navigation a[aria-current=page]{background:#ffffff0c;color:#e5cc99}
 .mobile-actions{position:fixed;inset-inline:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:101;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:7px;border:1px solid #ffffff45;border-radius:30px;background:#082e4cdb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 25px #001a3430;direction:inherit}
 .mobile-actions a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid #ffffff20;border-radius:24px;background:#ffffff12;color:#fff;text-decoration:none;font-size:13px;font-weight:600;line-height:1.35;text-align:center}.mobile-actions a:nth-of-type(2){background:#dfc28c;color:#05243d;border-color:#e9d2a5}.mobile-actions img{width:18px;height:18px;flex:none}.mobile-actions a:first-child img{filter:invert(1)}
 .sound-toggle{right:auto;left:18px;bottom:calc(94px + env(safe-area-inset-bottom));width:40px;height:40px;z-index:102;font-size:16px}#yzx-support-root .yzx-launcher{right:18px;bottom:calc(94px + env(safe-area-inset-bottom));min-width:44px;height:44px;padding:0 13px;z-index:102}#yzx-support-root .yzx-chat{bottom:calc(148px + env(safe-area-inset-bottom));height:520px;max-height:calc(100dvh - 170px);z-index:1101}
 body[data-page=index]{display:flex;flex-direction:column}body[data-page=index] #home{order:10}body[data-page=index] #products{order:20}body[data-page=index] .grade-feature{order:25}body[data-page=index] #processing{order:30}body[data-page=index] #services{order:40}body[data-page=index] .signal{order:45}body[data-page=index] #company{order:50}body[data-page=index] #contact{order:60}body[data-page=index]>.icp-registration{order:70}
 section{padding:38px 0}.world:before,.world:after{display:none}#home{width:100%;overflow:hidden}#home .hero{width:100%;height:320px;min-height:320px;max-height:none;align-items:center;border:0;background-size:cover!important;background-position:63% center!important;isolation:isolate;touch-action:pan-y}
 #home .hero.slide-0{background-image:linear-gradient(90deg,#021829dc,#031a2a61 72%,#031a2a10),url('mobile-assets/hero-stockyard.webp')!important}#home .hero.slide-1{background-image:linear-gradient(90deg,#021829e8,#031a2a75 72%,#031a2a15),url('mobile-assets/hero-warehouse.webp')!important}#home .hero.slide-2{background-image:linear-gradient(90deg,#021829e8,#031a2a75 72%,#031a2a15),url('mobile-assets/hero-cutends.webp')!important}
 #home .hero:after{display:none!important}#home .hero .hi{padding:24px 0 56px!important;max-width:600px}#home .hero .ey{font-size:10px;letter-spacing:.14em;color:#d3bd8e;max-width:84%}#home .hero h1{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.05!important;font-weight:700;letter-spacing:-.02em;margin:18px 0 16px;max-width:95%;overflow-wrap:normal}#home .hero h1 span{font-size:11px!important;line-height:1.6;letter-spacing:.12em;max-width:270px;margin-top:18px;color:#d5e3eb}#home .hero p{font-size:14px!important;line-height:1.65;max-width:300px;color:#e3ebf2}.hero .cta{min-height:44px;padding:12px 21px;margin-top:22px;background:#dec18b;border:0;color:#06263f;border-radius:25px;letter-spacing:.02em;font-size:12px;box-shadow:none}
 .hero-control{bottom:18px;width:40px;height:40px;font-size:0;padding:10px;border-radius:50%;border:1px solid #ffffff55;background:#092b4673;backdrop-filter:blur(12px)}.hero-control img{width:19px;height:19px;filter:invert(1)}.hero-prev{left:auto;right:66px}.hero-next{right:18px}.mobile-carousel-dots{display:flex;position:absolute;inset-inline-start:18px;bottom:22px;gap:2px;z-index:3}.mobile-carousel-dots button{width:30px;height:32px;padding:10px;border:0;background:transparent;cursor:pointer}.mobile-carousel-dots button:after{content:"";display:block;width:9px;height:9px;border:1px solid #ffffff80;border-radius:50%}.mobile-carousel-dots button[aria-pressed=true]:after{background:#e3c68f;border-color:#e3c68f}
 .head,.processing-section .processing-heading{display:block;margin-bottom:22px}.head h2,.processing-section .processing-heading h2,.company h2,.contact h2{font-size:28px!important;line-height:1.2!important;font-weight:650;margin-top:8px;letter-spacing:-.035em}.head p,.processing-section .processing-heading>p{max-width:none;font-size:14px!important;line-height:1.65;margin-top:12px}.ey{font-size:10px;letter-spacing:.14em}
 #products.products{background:#f4f6f7;padding:32px 0}#products .head{margin-bottom:18px}#products .head h2{font-size:26px!important}#products .head>p{font-size:13px!important;line-height:1.55}.mobile-product-series{display:grid;gap:12px}#products .product-grid{display:none}.mobile-series-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:170px;padding:20px 18px;border:1px solid #dce4e9;border-radius:18px;text-decoration:none;color:#082941;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 8px 22px #0c314409}.mobile-series-card[data-family="alloy-round-steel"]{background-image:linear-gradient(90deg,#f8fafaf5 0%,#f8fafae6 30%,#f8fafa05 75%),url('mobile-assets/alloy-bars.webp')}.mobile-series-card[data-family="stainless-round-steel"]{background-image:linear-gradient(90deg,#f8fafaf5 0%,#f8fafae6 30%,#f8fafa05 75%),url('mobile-assets/stainless-bars.webp')}.mobile-series-card h3{max-width:62%;font-size:21px;line-height:1.18;font-weight:700;margin:0 0 10px}.mobile-series-card p{font-size:12px;line-height:1.5;max-width:58%;margin:0;color:#536d7d}.mobile-series-card img{position:absolute;bottom:18px;inset-inline-start:18px;width:23px;height:23px}.mobile-series-card{padding-bottom:51px}.mobile-sourcing{display:block;padding:16px 2px 0;font-size:13px;line-height:1.5;color:#234d69}.mobile-sourcing img{width:15px;vertical-align:middle;margin-inline-start:6px}
 .grade-feature{padding:26px 0;background:#0a2e4a}.grade-feature h2{font-size:23px;line-height:1.3}.grade-feature p{font-size:13px;line-height:1.6}.grade-pills{gap:8px;margin-top:18px}.grade-pills a{font-size:12px;padding:7px 10px;min-height:34px}.grade-feature .cta{font-size:12px;min-height:44px;padding:12px 16px;margin-top:18px}
 .processing-section{padding:36px 0;background:#05263e}.processing-section .processing-heading h2{font-size:27px!important;color:#fff}.processing-section .processing-heading>p{font-size:13px!important;color:#c3d5e0}.processing-section .processing-grid{grid-template-columns:1fr;gap:10px}.processing-section .processing-card,.processing-section .processing-wide{display:grid;grid-template-columns:40% minmax(0,1fr);min-height:106px;border-radius:16px;border:1px solid #ffffff26;box-shadow:none;background:#ffffff05;transform:none!important}.processing-section .processing-card picture{display:block;height:100%;min-width:0}.processing-section .processing-card img,.processing-section .processing-wide img{width:100%;height:100%;min-height:106px;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;transform:none!important}.processing-section .processing-card figcaption{position:static;display:flex;align-items:center;gap:8px;padding:14px 12px;background:none;min-width:0}.processing-section .processing-card h3{font-size:15px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}.processing-section .processing-number{border:0;border-radius:0;background:none;width:auto;height:auto;font-size:11px;letter-spacing:0;color:#a9c3d5;align-self:flex-start;margin-top:3px}.processing-section .processing-footer{display:block;margin-top:20px}.processing-section .processing-footer strong{font-size:17px}.processing-section .processing-footer p{font-size:11px;line-height:1.65;margin-top:8px}
 #services.band{padding:36px 0;background:#f2f4f5;color:#092b43}#services .head .ey{color:#607a8f!important}#services .head h2{font-size:27px!important}#services .head p{color:#607789;font-size:13px!important}.services{display:grid;grid-template-columns:1fr!important;gap:10px;border:0}.service,.service:first-child{position:relative;min-height:108px;padding:18px 16px 18px 72px;border:1px solid #dce5eb!important;border-radius:17px;background:#ffffffc9!important;box-shadow:0 5px 14px #183f5304;transform:none!important;animation:none!important}.service b{position:absolute;left:23px;top:54px;margin:0;font:600 12px/1.3 Arial,sans-serif;color:#889bac}.service-icon{position:absolute!important;left:22px!important;right:auto!important;top:20px!important;width:26px!important;height:26px!important;object-fit:contain;filter:none!important;transform:none!important}.service h3{font-size:16px;line-height:1.35;margin:0 0 7px;color:#0b304b}.service p{font-size:13px;line-height:1.55;color:#60798c}
 .signal{padding:26px 0;background:#e8eff3}.sg{display:block}.sg h2{font-size:24px!important;line-height:1.2;font-family:inherit;margin:8px 0 12px}.sg p{font-size:13px;line-height:1.65}.sg .right{font-size:10px;text-align:start;margin-top:12px;letter-spacing:.08em}
 .company{padding:36px 0;background:#fbfcfc}.company-grid,.contact-grid{display:block}.company .lead{font-size:14px;line-height:1.75;margin:22px 0}.facts{margin-top:16px;border-color:#d0dce4}.fact{grid-template-columns:90px minmax(0,1fr);gap:16px;padding:14px 0;font-size:13px;line-height:1.65}.fact label{font-size:12px;color:#61798c}
 .contact{padding:36px 0 12px;background:#04283f!important;overflow:hidden}.contact h2{font-size:28px!important}.contact p{font-size:14px;line-height:1.65;margin-bottom:22px}.contact .cc{padding:0;border:0;background:none;box-shadow:none;margin-top:22px}.business-contacts{margin:0 0 22px;padding:0;border:0}.business-contacts>.ey{margin-bottom:12px}.business-contact{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px;margin:12px 0;background:#ffffff0c;border:1px solid #ffffff29;border-radius:19px;backdrop-filter:blur(15px)}.business-contact>span{font-size:19px;font-weight:650;color:#fff}.contact-methods{gap:12px}.contact-methods a{font-size:14px;line-height:1.6;color:#eef6fb}.contact-methods .contact-phone{font-size:18px}.contact-methods .contact-channel{font-size:11px;opacity:.7}.business-contact bdi{font-size:inherit;white-space:normal;overflow-wrap:anywhere}.cc>strong{font-size:14px;line-height:1.7}.cc>.ey{font-size:10px;margin-bottom:8px}.site-footer{display:block;margin-top:26px;padding:20px 0;border-top:1px solid #ffffff24;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.site-footer small{font-size:10px;margin-top:3px}.site-footer>span{display:block;margin-top:8px}.icp-registration{padding:12px 18px!important;font-size:11px!important}
 .catalogue-wrap{margin-top:18px}.catalogue-heading{position:relative;padding:26px 20px;border-radius:20px;background:linear-gradient(90deg,#042139e8,#04213957),url('mobile-assets/hero-stockyard.webp') center/cover;color:white;margin-bottom:22px}.catalogue-eyebrow{font-size:10px;color:#c6d7e2}.catalogue-heading h1{font-size:30px;line-height:1.2;margin:9px 0}.catalogue-heading p{font-size:13px;line-height:1.6;color:#e0eaf0}.catalogue-controls{display:block}.category-filters{display:flex;gap:8px;overflow:auto;flex-wrap:nowrap;width:100%;padding-bottom:5px}.category-filters button{min-height:44px;padding:10px 12px;min-width:max-content;font-size:12px;border-radius:24px;gap:9px;flex-shrink:0}.catalogue-search{width:100%;min-width:0;margin-top:16px;font-size:12px}.catalogue-search input{min-height:46px;border-radius:14px;font-size:16px}.catalogue-wrap>.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:16px;border-color:#d9e3e9;box-shadow:0 5px 15px #12375406}.product-card img{height:auto;aspect-ratio:1.3;object-fit:cover!important;background:#e2ebef}.product-card picture{display:block}.card-copy{padding:13px 11px}.product-card h2{font-size:19px;line-height:1.35;margin:7px 0}.card-category{font-size:10px;line-height:1.5}.product-card p{font-size:12px;margin-bottom:12px}.card-more{font-size:11px;line-height:1.5;padding-top:10px}.catalogue-note{font-size:12px;line-height:1.7}
 .product-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "image" "specs" "contacts" "note";padding:20px 16px;border-radius:20px;gap:20px;margin-top:4px}.product-heading h1{font-size:33px;line-height:1.15}.product-heading h1 span{font-size:20px;line-height:1.45;margin-top:10px}.product-visual{width:100%}.product-visual img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;border-radius:14px}.product-visual figcaption{font-size:11px;line-height:1.6;padding:8px 0}.product-specs{font-size:14px}.product-specs th{font-size:12px;width:33%}.product-specs th,.product-specs td{padding:10px 9px;line-height:1.6}.contact-people{grid-template-columns:1fr;gap:12px}.contact-person{padding:17px;border-radius:14px;gap:10px;flex-direction:column}.contact-person>span{font-size:17px;font-weight:600}.contact-person .contact-methods a{color:#174567;font-size:14px}.contact-person .contact-methods .contact-phone{font-size:18px}.product-note{font-size:12px;line-height:1.7}.company-poster{border-radius:18px;min-height:390px}.poster-copy{min-height:390px;padding:24px 20px}.poster-copy h2{font-size:26px}.poster-company{padding-top:65px}
 body[data-page=company] .company-hero,body[data-page=company] .page-hero{padding:36px 0}.company-main{padding-top:28px}.article-grid{grid-template-columns:1fr!important;gap:14px}.article-card{padding:22px;border-radius:18px}body[data-page=company] section{padding-block:32px}
 html[dir=rtl] .service{padding:18px 72px 18px 16px}html[dir=rtl] .service-icon,html[dir=rtl] .service b{left:auto!important;right:22px!important}html[dir=rtl] .mobile-series-card{background-position:center}html[dir=rtl] .mobile-series-card h3,html[dir=rtl] .mobile-series-card p{margin-inline-start:auto}html[dir=rtl] .mobile-series-card{background-image:linear-gradient(270deg,#f8fafaf5 0%,#f8fafae6 30%,#f8fafa05 75%),url('mobile-assets/alloy-bars.webp')}html[dir=rtl] .mobile-series-card[data-family="stainless-round-steel"]{background-image:linear-gradient(270deg,#f8fafaf5 0%,#f8fafae6 30%,#f8fafa05 75%),url('mobile-assets/stainless-bars.webp')}
 @media(max-width:360px){.site-header-inner{gap:6px;grid-template-columns:minmax(0,1fr) 80px 36px}.site-brand{font-size:10px}.site-brand small{font-size:9px}.site-locale,.site-language-button{width:80px}.site-nav-toggle{width:36px}.mobile-actions a{font-size:12px}.processing-section .processing-card figcaption{padding:12px 10px}.processing-section .processing-card h3{font-size:14px}.mobile-series-card h3{font-size:19px}}
 @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.service,.processing-section .processing-card,.mobile-series-card,.hero-control{animation:none!important;transition:none!important;transform:none!important}}
}

@media(max-width:760px){#home .hero .ey{display:none}#home .hero h1 span{font-size:13px!important;letter-spacing:0;line-height:1.55;margin-top:13px;color:#d4e0e8}#home .hero h1{max-width:300px;margin:8px 0 12px}#home .hero p{font-size:13px!important;line-height:1.55;max-width:300px}.hero .cta{margin-top:17px}}

@media(max-width:760px){#products .head .ey,#products .head>p{display:none}#products .head h2{font-size:26px!important;margin:0}#home .hero .hi{padding:16px 0 55px!important}#home .hero h1{margin:6px 0 12px}#home .hero p{max-width:290px}.mobile-series-card p{font-size:12px;line-height:1.45}.mobile-series-card{min-height:164px}}

@media(max-width:760px){.mobile-actions:has(.sound-toggle){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px}.mobile-actions .sound-toggle{position:static;width:38px;height:44px;min-width:0;margin:0;border:0;box-shadow:none;border-radius:50%;font-size:15px;background:transparent;align-self:center;opacity:.9}.mobile-actions a{padding-inline:8px;font-size:12px;gap:7px}}

@media(max-width:760px){body[data-page=company] .hero{background-image:linear-gradient(115deg,#021425ed,#06375bc7),url('mobile-assets/company-park.webp');background-position:center;background-size:cover}}
@media(max-width:760px){body[data-page=company] .content{padding:32px 0}body[data-page=company] .profile{gap:20px}body[data-page=company] .profile h2{margin-top:8px}body[data-page=company] .articles{margin-top:32px}}