/* MCC layout adapted to the supplied Tadano reference. */
:root{--blue:#004295;--navy:#02377a;--cyan:#0089c8;--ink:#101820;--muted:#535a63;--max:1360px}.utility{background:white;color:var(--blue);height:36px}.utility button{color:var(--blue)}.header{position:relative;border:0;box-shadow:none;background:white}.header-inner{height:110px;justify-content:start;gap:30px}.brand strong{font-size:62px;letter-spacing:-3px}.brand small{font-size:14px;letter-spacing:1px}.header nav{gap:28px;margin-inline-start:48px;font-size:16px;font-weight:400}.header nav a{padding:28px 0}.header-quote{margin-inline-start:auto;background:transparent;color:var(--blue);border-color:var(--blue)}.header-quote:hover{color:white}.search-open{background:transparent;color:var(--blue);display:flex;align-items:center;justify-content:center;padding:10px}.nav-menu-button{color:var(--blue);background:transparent;padding:28px 0;font-size:16px;white-space:nowrap}.nav-menu-button:after{content:'';display:inline-block;width:7px;height:7px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-inline-start:10px;vertical-align:4px}.nav-menu-button[aria-expanded=true]:after{transform:rotate(225deg);vertical-align:0}.mega-menu{position:absolute;top:100%;inset-inline:0;background:var(--blue);color:white;box-shadow:0 15px 20px #0002;padding-block:42px;z-index:30}.mega-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:center}.mega-menu .eyebrow{color:#9bdaff}.mega-menu h2{font-size:28px;margin-bottom:25px}.mega-menu .text-button{color:white}.mega-links{display:grid;grid-template-columns:1fr;gap:15px;border-inline-start:1px solid #ffffff40;padding-inline-start:45px}.mega-links a{font-size:18px}.mega-links a:hover{text-decoration:underline}.mega-feature{display:flex;align-items:center;gap:20px}.mega-feature img{width:150px;height:140px;object-fit:contain;background:#fff}.mega-feature p{font-size:14px;color:#c1e4ff;margin-top:8px}.hero{height:620px;min-height:0;max-height:none;overflow:visible;background:white;color:var(--ink);position:relative}.hero-media{position:absolute;inset-block:0;inset-inline-end:0;width:66%;overflow:hidden;clip-path:polygon(0 0,57% 0,100% 100%,0 100%);background:#e5eaf0}.hero-img{height:100%;width:100%;object-fit:cover;object-position:33% 50%}.hero-media.product-slide{background:#f5f6f7}.hero-media.product-slide img{object-fit:contain;padding:0 60px 10px 0;mix-blend-mode:multiply}.hero-shade{display:none}.hero-content{padding-block:60px;justify-content:center;pointer-events:none}.hero-text{max-width:440px;pointer-events:auto;padding-block:0 30px}.hero h1,html[dir=ltr] .hero h1{font-size:48px;line-height:1.2;letter-spacing:-1px;color:#111;text-transform:uppercase}.hero p{font-size:18px;color:#20262d;max-width:390px;margin-top:24px;line-height:1.65}.hero .eyebrow{color:var(--cyan);margin-bottom:23px}.hero-actions{gap:24px;margin-top:30px;align-items:center}.hero-actions .button{min-height:48px;background:transparent;color:var(--blue);border-color:var(--cyan);padding:10px 21px;font-weight:400}.hero-actions .button:hover{background:var(--blue);color:white}.hero-actions .text-button{font-size:14px;font-weight:400}.hero-blue-edge{position:absolute;top:100%;height:110px;width:120px;inset-inline-end:0;background:var(--navy);clip-path:polygon(0 0,100% 0,0 100%);z-index:3}.hero-controls{display:flex;align-items:center;gap:18px;margin-top:45px}.slide-dots{display:flex;gap:10px}.slide-dots button{border:0;background:#d1dae3;width:10px;height:10px;padding:0;border-radius:50%}.slide-dots button.active{background:var(--cyan)}.slide-step{font-size:13px;font-weight:400;background:transparent;color:var(--cyan);padding:5px 0}.quicklinks{background:white;color:var(--blue);border-top:1px solid var(--cyan);border-bottom:1px solid #dce3ea}.quicklinks a{border-color:#dce3ea;padding-block:24px}.quicklinks span{color:var(--cyan)}.quicklinks strong{font-size:16px;font-weight:400}.quicklinks a:hover{background:#f0f6fa}.equipment{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px 45px;align-items:start;overflow:hidden;padding-block:100px}.equipment .section-top{display:block;margin:0;grid-column:1;grid-row:1/3;padding-block:15px}.equipment h2{font-size:33px;line-height:1.3;font-weight:400;letter-spacing:0;text-transform:uppercase}.equipment .section-intro{font-size:16px;margin-top:25px;line-height:1.7}.equipment .eyebrow{font-size:13px}.equipment .filters{grid-column:2;margin:0;font-size:14px}.equipment .filters button{font-size:14px;padding-inline:13px}.equipment-rail{min-width:0;grid-column:2}.product-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 6px 20px;scrollbar-width:thin;scrollbar-color:#a3bbcf transparent}.product-card{flex:0 0 290px;border:0;padding:0;box-shadow:0 3px 13px #0002;scroll-snap-align:start;background:white}.product-image{height:225px;margin:0;background:#f7f8f9}.product-image img{mix-blend-mode:multiply}.product-card .category,.product-card h3,.product-card p,.product-card .product-spec,.product-card>.text-button{margin-inline:24px}.product-card .category{margin-top:24px;color:var(--cyan)}.product-card h3{font-size:24px;font-weight:400}.product-card p{font-size:14px;min-height:66px}.product-card .product-spec{gap:18px;margin-block:15px 22px}.product-spec b{font-weight:400}.product-card>.text-button{margin-bottom:28px;font-weight:400}.rail-controls{display:flex;justify-content:end;gap:30px;margin-top:14px}.rail-controls button{font-size:13px;font-weight:400;color:var(--cyan)}.catalog-note{grid-column:1/-1;font-size:12px;margin-top:8px}.access-panel{width:100%;flex:0 0 100%;padding:32px}.solutions{background:var(--blue);color:white;padding-block:82px}.solutions .eyebrow{color:#92d8fc}.solutions .section-intro,.solutions p{color:#d4e6f8}.solutions h2{font-weight:400;font-size:40px;text-transform:uppercase}.solution-grid{border-color:#6f99c7}.solution-grid article{border-color:#6f99c7}.solution-grid .number{color:#92d8fc}.solution-grid h3{font-weight:400}.solution-grid .text-button{color:white;font-weight:400}.service{gap:65px}.service h2,.about h2,.project-cta h2{font-size:40px;font-weight:400;letter-spacing:0}.service-image{height:450px;background:#f6f7f8}.service-image img{object-fit:contain;mix-blend-mode:multiply}.service-copy p{font-size:16px}.about{background:#f0f3f6;color:var(--ink);padding-block:70px}.about .eyebrow{color:var(--cyan)}.about p{font-size:17px;color:var(--muted)}.locations{border-color:#c8d3dd;color:var(--blue)}.project-cta{padding-block:65px}.button{font-weight:400}.project-cta .button{background:transparent;color:var(--blue);border-color:var(--cyan)}footer{background:var(--navy);color:white}.footer-brand strong{color:white}.footer-brand strong span{background:var(--cyan)}.footer-top p{color:white;font-weight:400}.footer-top .text-button{color:white}.footer-bottom{border-color:#587baa;color:#c1d4e7}.search-label{display:block;margin-top:25px;font-size:14px}.search-label input{margin-top:10px;border-color:var(--cyan)}.search-results{display:grid;gap:0;margin-top:20px}.search-result{display:flex;text-align:start;align-items:center;gap:20px;background:white;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}.search-result img{width:85px;height:75px;object-fit:contain;background:var(--pale)}.search-result b{display:block;font-size:18px}.search-result small{color:var(--muted);font-size:13px}.search-result:hover{background:var(--pale)}.search-empty{color:var(--muted);padding-block:20px}
html[dir=ltr] .hero-media{clip-path:polygon(43% 0,100% 0,100% 100%,0 100%)}html[dir=ltr] .hero-media.product-slide img{padding:0 0 10px 60px}html[dir=ltr] .hero-blue-edge{clip-path:polygon(0 0,100% 0,100% 100%)}
@media(min-width:1600px){.hero{height:700px}.hero-text{max-width:490px}.hero h1,html[dir=ltr] .hero h1{font-size:56px}.hero-media{width:68%}.hero-blue-edge{width:170px;height:140px}}
@media(max-width:1150px){.header nav{margin-inline-start:5px;gap:18px;font-size:14px}.nav-menu-button{font-size:14px}.header-inner{gap:20px}.brand strong{font-size:48px}.brand small{font-size:12px}.header-quote{font-size:13px;padding-inline:14px}.hero-text{max-width:390px}.hero h1,html[dir=ltr] .hero h1{font-size:43px}.hero-media{width:62%}.equipment{grid-template-columns:240px minmax(0,1fr);gap:25px}.equipment h2{font-size:30px}.mega-feature img{width:110px}.mega-inner{gap:25px}}
@media(max-width:850px){.header-inner{height:90px}.header nav{top:90px;margin:0;font-size:16px}.header nav a,.nav-menu-button{padding:14px 0;text-align:start}.header nav .nav-menu-button{font-size:16px}.header-quote{margin-inline-start:auto}.mega-menu{position:absolute;top:90px;padding-block:25px}.mega-inner{grid-template-columns:1fr 1fr}.mega-feature{display:none}.mega-menu h2{font-size:24px}.mega-links{padding-inline-start:22px}.hero{height:auto;display:flex;flex-direction:column;overflow:hidden}.hero-media{position:relative;width:100%;height:400px;clip-path:none!important;order:0}.hero-img{object-position:50% 50%}.hero-content{height:auto;position:relative;padding-block:40px 38px;order:1;width:100%;padding-inline:30px;background:white;margin-top:-70px;clip-path:polygon(0 0,88% 0,100% 70px,100% 100%,0 100%)}html[dir=rtl] .hero-content{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 70px)}.hero-text{padding:30px 0 0;max-width:600px}.hero-controls{margin-top:28px}.hero-blue-edge{display:none}.hero-media.product-slide img{padding:20px!important}.hero h1,html[dir=ltr] .hero h1{font-size:43px}.hero p{max-width:580px}.quicklinks strong{font-size:14px}.quicklinks a{padding-inline:15px}.equipment{display:block;padding-block:65px}.equipment .section-top{margin-bottom:28px}.equipment .section-intro{max-width:600px;margin-top:18px}.equipment .filters{margin-bottom:22px}.product-card{flex-basis:290px}.mega-inner{width:calc(100% - 50px)}}
@media(max-width:560px){.utility{height:32px}.utility-inner{min-height:32px}.brand strong{font-size:40px}.brand small{font-size:11px}.header-inner{gap:10px;height:78px}.header nav{top:78px}.header-quote{font-size:12px;padding:8px 10px}.search-open{padding:5px}.search-open svg{width:20px}.menu{width:26px}.menu span{width:22px}.hero-media{height:280px}.hero-content{padding-inline:18px;padding-block:30px;margin-top:-40px;clip-path:polygon(0 0,87% 0,100% 40px,100% 100%,0 100%)}html[dir=rtl] .hero-content{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 40px)}.hero-text{padding-top:14px}.hero h1,html[dir=ltr] .hero h1{font-size:34px;letter-spacing:0}.hero p{font-size:16px;margin-top:18px}.hero .eyebrow{margin-bottom:16px}.hero-actions{gap:18px;margin-top:24px}.hero-actions .button{font-size:14px}.hero-actions .text-button{font-size:13px}.hero-controls{margin-top:23px}.quicklinks a{padding-block:17px}.quicklinks strong{font-size:12px}.quicklinks span{font-size:11px}.equipment{padding-block:50px}.equipment h2{font-size:28px}.product-card{flex-basis:calc(100vw - 75px);max-width:330px}.product-image{height:240px}.rail-controls{justify-content:start}.solutions{padding-block:50px}.solutions h2,.service h2,.about h2,.project-cta h2{font-size:31px}.service-image{height:330px}.mega-menu{top:78px}.mega-inner{display:block}.mega-menu h2{margin-bottom:18px}.mega-links{border:0;padding:22px 0 0;gap:12px}.mega-links a{font-size:16px}.mega-menu .eyebrow{margin-bottom:10px}.nav-menu-button{width:100%}.catalog-note{margin-top:25px}}

.mega-close{position:absolute;top:8px;inset-inline-end:22px;font-size:30px;line-height:1;background:transparent;color:white;padding:6px 12px}
.hero-branding{margin-bottom:24px}.hero-brand-logos{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-logo-mcc,.hero-logo-tz{display:block;position:relative;overflow:hidden;background:white;flex-shrink:0}.hero-logo-mcc{width:166px;height:68px}.hero-logo-mcc img{position:absolute;max-width:none;width:378px;height:auto;left:-203px;top:-43px}.hero-logo-tz{width:195px;height:77px}.hero-logo-tz img{position:absolute;max-width:none;width:425px;height:auto;left:-10px;top:-48px}.hero-brand-country{font-size:18px;font-weight:700;color:#004295;margin-top:12px;letter-spacing:0;line-height:1.5}@media(max-width:560px){.hero-branding{margin-bottom:20px}.hero-brand-logos{gap:16px}.hero-logo-mcc{width:125px;height:52px}.hero-logo-mcc img{width:284px;left:-152px;top:-32px}.hero-logo-tz{width:135px;height:52px}.hero-logo-tz img{width:284px;left:-7px;top:-32px}.hero-brand-country{font-size:16px;margin-top:10px}}

/* Preserve the full TZGT50L catalogue cover in equipment views. */
.product-image img[src$="tzgt50l-official.jpg"],.detail-top img[src$="tzgt50l-official.jpg"]{object-fit:contain;mix-blend-mode:normal}

/* Clearer equipment labels and a direct model selector. */
.product-card .category{font-size:17px;font-weight:700;line-height:1.5;color:#08789d}.product-card h3{font-size:28px;font-weight:700;line-height:1.25}.product-card p{font-size:16px;line-height:1.8}.product-spec small,.catalog-note{font-size:14px;line-height:1.7}.product-tag{color:#d71920;font-size:14px;font-weight:800}
.model-filter{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:5px 12px;border-inline-start:1px solid var(--line)}.model-filter label{font-size:14px;font-weight:700;color:var(--blue);white-space:nowrap}.model-filter select{width:190px;min-height:42px;padding:8px 10px;border:1px solid #9fb2c4;border-radius:3px;background:#fff;color:var(--ink);font-size:14px}
.hero-brand-logos{gap:18px}.hero-logo-mcc{width:190px;height:78px}.hero-logo-mcc img{width:435px;left:-234px;top:-49px}.hero-logo-tz{width:225px;height:86px}.hero-logo-tz img{width:460px;left:-12px;top:-57px}
@media(max-width:1150px){.hero-logo-mcc{width:175px;height:72px}.hero-logo-mcc img{width:400px;left:-215px;top:-45px}.hero-logo-tz{width:205px;height:80px}.hero-logo-tz img{width:427px;left:-11px;top:-49px}}
@media(max-width:560px){.hero-branding{margin-bottom:22px}.hero-brand-logos{gap:8px;flex-wrap:nowrap}.hero-logo-mcc{width:140px;height:58px}.hero-logo-mcc img{width:320px;left:-172px;top:-36px}.hero-logo-tz{width:165px;height:64px}.hero-logo-tz img{width:344px;left:-8px;top:-39px}.hero-brand-country{font-size:18px}.filters{align-items:center}.filters button{font-size:15px}.model-filter{gap:7px;padding-inline:10px}.model-filter label{font-size:14px}.model-filter select{width:155px;min-height:44px;font-size:14px}}

/* Keep the paired MCC and TZ marks clear on mobile while giving each equal weight. */
@media(min-width:561px){.hero-logo-mcc{width:205px;height:84px}.hero-logo-mcc img{width:468px;left:-251px;top:-52px}.hero-logo-tz{width:240px;height:92px}.hero-logo-tz img{width:490px;left:-13px;top:-61px}}
@media(max-width:560px){.hero-brand-logos{gap:10px}.hero-logo-mcc{width:156px;height:64px}.hero-logo-mcc img{width:355px;left:-191px;top:-40px}.hero-logo-tz{width:174px;height:68px}.hero-logo-tz img{width:364px;left:-9px;top:-42px}}

/* Approved MCC quick links: larger numbered circles, clearer Arabic labels, and a soft TZ watermark. */
.quicklinks{background:#fff;color:var(--navy);border-block:1px solid #d6e0e8}
.quicklinks>.container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(var(--max),calc(100% - 100px));margin-inline:auto}
.quicklinks a{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:166px;padding:22px 34px;border-inline-end:1px solid #d6e0e8;background:#fff;text-align:end}
.quicklinks a:last-child{border-inline-end:0}
.quicklinks a:hover{background:#f3f7fa}
.quicklinks a::before{content:"";position:absolute;z-index:-1;inset-inline-end:24px;top:18px;width:160px;height:82px;background:url("assets/tz-watermark.png") left center/contain no-repeat;opacity:.95;pointer-events:none}
.quicklinks span{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;border-radius:50%;background:#138fc1;color:#fff;font-size:27px;font-weight:800;line-height:1;letter-spacing:0}
.quicklinks strong{font-size:clamp(18px,1.7vw,22px);font-weight:700;color:#06468c;line-height:1.45}
@media(max-width:780px){.quicklinks>.container{width:100%}.quicklinks a{min-height:136px;padding:18px 16px;gap:12px}.quicklinks a::before{inset-inline-end:12px;top:12px;width:106px;height:56px}.quicklinks span{flex-basis:54px;width:54px;height:54px;font-size:23px}.quicklinks strong{font-size:clamp(15px,2.5vw,18px)}}
@media(max-width:460px){.quicklinks a{min-height:124px;padding:14px 10px;gap:9px}.quicklinks a::before{width:78px;height:44px}.quicklinks span{flex-basis:46px;width:46px;height:46px;font-size:20px}.quicklinks strong{font-size:14px}}