@font-face{font-family:Poppins;src:url('/ropefinder/poppins-regular.woff2')}*{box-sizing:border-box}:root{--navy:#062b73;--deep:#021a43;--red:#d6082f;--ink:#102630;--sand:#f2f0e8;--line:#dce1e3;--blue:#087da3}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--sand);font-family:Poppins,Arial,sans-serif}.site-header{position:relative;z-index:50;display:flex;min-height:100px;align-items:center;justify-content:space-between;padding:18px 4.5%;background:#fff;border-bottom:1px solid #e7e9eb}.brand img{display:block;width:190px;height:auto}.site-nav{display:flex;align-items:center;gap:34px}.site-nav a{text-decoration:none;color:var(--navy);text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.14em}.site-nav a.active{border-bottom:3px solid var(--red);padding-bottom:7px}.nav-products{position:relative}.nav-products>a b{color:var(--red)}.nav-dropdown{display:none;position:absolute;right:0;top:28px;width:260px;padding:16px;background:#fff;box-shadow:0 15px 35px #00183c30}.nav-dropdown{gap:12px}.nav-products:hover .nav-dropdown{display:grid}.menu-button{display:none;border:0;background:none;width:48px;padding:5px}.menu-button span{display:block;height:4px;margin:7px 0;background:var(--navy)}.catalogue-bar{display:flex;align-items:center;justify-content:space-between;padding:10px max(4.5%,calc((100% - 1500px)/2));background:var(--navy);color:#fff}.catalogue-bar div{display:flex;align-items:center;gap:12px}.catalogue-bar img{width:50px;height:50px;border-radius:4px}.catalogue-bar p{opacity:.75;font-size:13px}.hero{background:var(--navy);color:white;border-top:1px solid #ffffff20}.hero-inner{max-width:1500px;margin:auto;padding:42px 4.5% 50px}.eyebrow{width:max-content;max-width:100%;overflow-wrap:anywhere;color:#ff5268;border-bottom:5px solid var(--red);font-size:25px;font-weight:800;font-style:italic;padding-bottom:9px}.hero h1{font-size:clamp(30px,3.3vw,52px);font-weight:600;margin:28px 0}.hero h1 img{height:.72em;width:auto;vertical-align:-2px}.search-box{display:flex;align-items:center;max-width:1050px;padding:8px 8px 8px 18px;background:#fff;border-radius:18px;box-shadow:0 18px 45px #00153980}.search-box>span{font-size:34px;color:var(--navy);line-height:1}.search-box input{min-width:0;flex:1;border:0;outline:0;padding:15px;font:inherit;font-size:17px}.search-box button,.more{border:0;border-radius:12px;background:var(--red);color:#fff;padding:15px 24px;font-weight:800}.finder-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;max-width:1500px;margin:auto;padding:30px 4.5%}.filters{position:sticky;top:18px;align-self:start;background:#fff;border:1px solid #00000018;border-radius:20px;padding:22px;box-shadow:0 3px 12px #00101a0b}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:18px}.filter-title button{border:0;background:none;color:var(--blue);font-weight:700}.filters>label,.range-grid label{display:block;margin:14px 0 0;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800;color:#647383}.filters select,.filters input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:#faf9f6;padding:12px;color:var(--ink);font:inherit;font-size:13px}.filters details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.filters summary{cursor:pointer;font-size:13px;font-weight:800}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.results-head p{margin:0;text-transform:uppercase;letter-spacing:.17em;color:#65737c;font-size:11px;font-weight:800}.results-head h2{margin:4px 0 0;font-size:30px}.results-head>span{font-size:12px;color:#65737c}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{overflow:hidden;background:#fff;border:1px solid #00000018;border-radius:18px;box-shadow:0 2px 10px #00101a0b}.card-line{height:6px;background:var(--red)}.card-body{padding:20px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.card-heading p{margin:0;text-transform:uppercase;letter-spacing:.11em;color:#66747b;font-size:10px;font-weight:800}.card h3{margin:4px 0 0;font-size:24px}.verified{white-space:nowrap;padding:5px 9px;border-radius:20px;background:#eaf7ef;color:#08723a;font-size:9px;font-weight:800;text-transform:uppercase}.material{min-height:42px;color:#59676e;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1;padding:14px 0;margin:14px 0}.metrics div{min-width:0}.metrics dt{font-size:10px;color:#8a969d}.metrics dd{margin:3px 0 0;font-size:13px;font-weight:800;overflow-wrap:anywhere}.brochures{display:flex;flex-wrap:wrap;gap:8px}.brochures a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:9px;background:var(--navy);color:#fff;padding:10px 12px;font-size:11px;font-weight:800}.brochures a:after{content:'↗'}.more{display:block;margin:26px auto}.more[hidden]{display:none!important}.empty{grid-column:1/-1;background:#fff;border:1px dashed #bdc7cb;border-radius:18px;padding:55px;text-align:center;color:#68767d}
@media(max-width:980px){.menu-button{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;min-height:calc(100vh - 100px);padding:45px 7%;background:#fff;align-items:start;flex-direction:column;gap:28px;overflow:auto}.site-header.open .site-nav{display:flex}.nav-dropdown{display:grid;position:static;width:auto;box-shadow:none;padding:20px 0 0 28px;gap:18px}.finder-layout{grid-template-columns:1fr}.filters{position:relative;top:auto}.cards{grid-template-columns:1fr}.catalogue-bar{padding-inline:5%}}
@media(max-width:600px){.site-header{min-height:88px}.brand img{width:150px}.catalogue-bar p{display:none}.hero-inner{padding:30px 5% 38px}.search-box{display:grid;grid-template-columns:auto 1fr}.search-box button{grid-column:1/-1}.finder-layout{padding:22px 5%}.results-head>span{display:none}.card-heading{display:block}.verified{display:inline-block;margin-top:8px}.range-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}

.card-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.site-nav a.active{border-bottom:0;padding-bottom:0}
@media(max-width:980px){.nav-products .nav-dropdown,.nav-products:hover .nav-dropdown{display:grid!important;gap:18px!important}.site-nav{position:fixed;top:100px;bottom:0;min-height:0;height:auto;overflow-y:scroll;scrollbar-gutter:stable;transform:translateZ(0)}}
@media(max-width:600px){.site-nav{top:88px}}

/* RopeFinder card layout: compact, fluid, image-right at every breakpoint. */
.finder-layout{max-width:1920px;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:22px;padding:28px clamp(18px,3.2vw,56px)}
.results{min-width:0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.card{height:clamp(392px,23vw,448px);display:flex;flex-direction:column;overflow:hidden}
.card-line{flex:0 0 6px;border-radius:17px 17px 0 0}
.card-main{display:grid;grid-template-columns:minmax(0,68%) minmax(0,32%);min-height:0;flex:1;overflow:hidden}
.card-body{min-width:0;padding:16px 14px 14px;display:flex;flex-direction:column}
.card-heading{min-height:58px;gap:10px}.card-heading>div{min-width:0}
.card-heading p{font-size:9px}.card h3{font-size:clamp(16px,1.08vw,21px);line-height:1.13;overflow-wrap:anywhere}
.catalogues{min-height:13px}.material{min-height:52px;margin:8px 0 0;font-size:11.5px;line-height:1.38;overflow-wrap:anywhere}
.metrics{margin:8px 0 10px;padding:10px 0;gap:7px 12px;flex:0 0 auto;align-content:start}
.metrics dt{font-size:8.5px;line-height:1.2}.metrics dd{margin-top:2px;font-size:11.5px;line-height:1.25}
.brochures{margin-top:auto}.brochures a{width:100%;justify-content:center;min-height:38px;padding:8px 10px;font-size:10.5px}
.product-image-panel{min-width:0;min-height:0;overflow:hidden;background:#d9d9d9;border-radius:0 0 17px 0;display:flex;align-items:stretch;justify-content:stretch}
.product-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;background:#d9d9d9}
@media(max-width:1599px){.finder-layout{grid-template-columns:minmax(245px,275px) minmax(0,1fr);gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.card{height:clamp(430px,34vw,510px)}.card-main{grid-template-columns:minmax(0,67%) minmax(0,33%)}.card-body{padding:18px 16px 15px}.card h3{font-size:clamp(18px,1.55vw,23px)}.material{font-size:12.5px;min-height:58px}.metrics dt{font-size:9.5px}.metrics dd{font-size:12.5px}}
@media(max-width:1180px){.finder-layout{grid-template-columns:minmax(235px,260px) minmax(0,1fr);gap:18px;padding-inline:22px}.cards{grid-template-columns:1fr}.card{height:500px;max-width:none}.card-main{grid-template-columns:minmax(0,67%) minmax(0,33%)}.card h3{font-size:23px}.material{font-size:13px}.metrics dt{font-size:10px}.metrics dd{font-size:13px}}
@media(max-width:980px){.finder-layout{grid-template-columns:1fr;padding:22px 4%;gap:20px}.filters{position:relative;top:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{height:clamp(420px,52vw,500px)}.card-main{grid-template-columns:minmax(0,67%) minmax(0,33%)}.card-body{padding:16px 14px 14px}.card h3{font-size:clamp(17px,2.3vw,22px)}.material{font-size:12px;min-height:54px}.metrics{gap:7px 10px}.metrics dt{font-size:9px}.metrics dd{font-size:12px}.brochures a{min-height:40px}}
@media(max-width:700px){.cards{grid-template-columns:1fr}.card{height:clamp(390px,108vw,470px)}.card-main{display:grid;grid-template-columns:minmax(0,65%) minmax(0,35%)}.card-body{padding:14px 12px 12px}.card-heading{display:flex;min-height:52px}.card h3{font-size:clamp(17px,5vw,21px)}.material{min-height:48px;margin-top:6px;font-size:11.5px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 9px;margin:7px 0 8px;padding:8px 0}.metrics dt{font-size:8.5px}.metrics dd{font-size:11px}.product-image-panel{height:auto;border-radius:0 0 17px 0}.brochures a{min-height:38px;font-size:10.5px}}
@media(max-width:430px){.finder-layout{padding-inline:12px}.card{height:clamp(390px,116vw,445px)}.card-main{grid-template-columns:minmax(0,64%) minmax(0,36%)}.card-body{padding:13px 10px 10px}.card-heading{min-height:50px}.card h3{font-size:16.5px}.material{font-size:10.5px;min-height:46px}.metrics{gap:5px 7px}.metrics dt{font-size:7.8px}.metrics dd{font-size:10.2px}.brochures a{padding-inline:6px;font-size:10px}}

/* IMEX multilingual UI */
.imex-lang{position:relative;margin-left:auto;z-index:1002}.imex-lang-btn{appearance:none;border:1px solid #d8dde3;background:#fff;color:#142439;border-radius:999px;min-width:48px;height:36px;padding:0 12px;font-weight:700;cursor:pointer}.imex-lang-menu{display:none;position:absolute;top:44px;right:0;min-width:150px;padding:8px;background:#fff;border:1px solid #d8dde3;border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.16)}.imex-lang.open .imex-lang-menu{display:grid}.imex-lang-menu a{padding:9px 10px!important;border-radius:7px;color:#142439!important;text-decoration:none;white-space:nowrap}.imex-lang-menu a:hover,.imex-lang-menu a[aria-current="true"]{background:#f0f3f6}.imex-language-suggest{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:5000;display:flex;align-items:center;gap:20px;max-width:calc(100vw - 30px);padding:13px 16px;background:#fff;color:#142439;border:1px solid #d8dde3;border-radius:12px;box-shadow:0 16px 45px rgba(0,0,0,.24);font-weight:600}.imex-language-suggest>div{display:flex;gap:8px}.imex-language-suggest button{border:0;border-radius:7px;padding:8px 11px;cursor:pointer;font-weight:700}.imex-language-suggest button[data-yes]{background:#ed1c24;color:#fff}.imex-language-suggest button[data-no]{background:#edf0f3;color:#142439}

/* V25 — RopeFinder header aligned with the rest of IMEXABLE. */
:root{--rf-header-axis:clamp(24px,6vw,120px)}
.site-header{
  min-height:0;
  height:74px;
  padding:0 var(--rf-header-axis);
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  border-bottom:1px solid #e7e9eb;
}
.site-header .brand{
  position:relative;
  display:block;
  width:124px;
  height:62px;
  flex:0 0 124px;
}
.site-header .brand img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.site-nav{
  display:flex;
  align-items:center;
  gap:clamp(18px,2vw,36px);
}
.site-nav a{
  font-size:12px;
  letter-spacing:.11em;
}
.imex-lang{
  margin-left:14px;
  flex:0 0 auto;
}
@media(max-width:980px){
  .site-header{height:74px;padding:0 var(--rf-header-axis)}
  .site-header .brand{width:112px;height:56px;flex-basis:112px}
  .imex-lang{margin-left:auto;margin-right:10px}
  .site-nav{top:74px!important;min-height:calc(100vh - 74px)!important;height:auto!important}
}
@media(max-width:600px){
  :root{--rf-header-axis:20px}
  .site-header{min-height:74px;height:74px}
  .site-nav{top:74px!important}
}

/* V27 Arabic RTL — Rope Finder UI. Product names, numbers and units stay readable. */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .finder-shell,html[dir="rtl"] .filter-panel,html[dir="rtl"] .results-panel,html[dir="rtl"] .imex-lang-menu{direction:rtl;text-align:right}
html[dir="rtl"] .imex-lang-menu{right:auto;left:0}
html[dir="rtl"] input,html[dir="rtl"] select{direction:rtl;text-align:right}
html[dir="rtl"] input[type="number"]{direction:ltr;text-align:left}
html[dir="rtl"] .variant-table,html[dir="rtl"] .variant-table td,html[dir="rtl"] .variant-table th{unicode-bidi:plaintext}

/* V29 — RopeFinder mobile navigation: V25 desktop header rules must not force nav open below 980px. */
@media(max-width:980px){
  .site-nav{display:none!important}
  .site-header.open .site-nav{display:flex!important}
}


/* V30 — shared main-site header is controlled exclusively by /navigation-fix.css. */
body>main{padding-top:74px}

/* V31: search-intent context for technical/high-performance rope discovery. */
.hero .seo-intro{max-width:860px;margin:14px 0 22px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.65}
@media(max-width:700px){.hero .seo-intro{font-size:13px;line-height:1.55;margin:12px 0 18px}}

/* Rope Finder desktop filters remain reachable without scrolling the full page. */
@media(min-width:981px){
  .filters{
    top:92px;
    height:calc(100vh - 110px);
    height:calc(100dvh - 110px);
    min-height:0;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:auto;
    scrollbar-width:none;
    scrollbar-gutter:auto;
  }
  .filters::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
}

/* V38 contextual RFQ action. */
.brochures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.brochures .quote-link{background:var(--red)}.brochures a{min-width:0;text-align:center}.brochures a:after{flex:0 0 auto}
@media(max-width:430px){.brochures{gap:6px}.brochures a{font-size:9.2px}}

/* V52: brand title replaces the removed supplier logo. */
.catalogue-bar strong{font-size:clamp(25px,2.3vw,34px);font-weight:800;line-height:1.25}.catalogue-bar>div{min-width:0}.catalogue-bar .rope-finder-brand{white-space:nowrap}
