/* SafeLine theme — safety products / Middle East market
   Palette: desert-night ink indigo + hi-vis amber + warm sand + oasis green */
:root{
  --sf-ink:#252c49;
  --sf-ink-deep:#1a1f36;
  --sf-ink-soft:#343d66;
  --sf-amber:#f5a300;
  --sf-amber-dk:#d78e00;
  --sf-sand:#f7f1e3;
  --sf-sand-dk:#efe6d0;
  --sf-paper:#fffdf8;
  --sf-green:#177e5b;
  --sf-green-dk:#0f6247;
  --sf-line:#e6ddc7;
  --sf-txt:#2b3044;
  --sf-mut:#697089;
  --sf-radius:14px;
  --sf-shadow:0 14px 40px rgba(31,37,70,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body.safeline-theme{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--sf-txt);background:var(--sf-paper);font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .22s}
ul,ol{list-style:none}
button{font-family:inherit;border:0;background:none;cursor:pointer}
input,textarea,select{font-family:inherit;font-size:14.5px}
.sf-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}
.skip-nav{position:absolute;left:-9999px;top:0;background:var(--sf-ink);color:#fff;padding:10px 18px;z-index:10001;border-radius:0 0 10px 0}
.skip-nav:focus{left:0}

/* Kickers / headings */
.sf-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sf-green);margin-bottom:12px}
.sf-kicker::before{content:"";width:26px;height:3px;background:var(--sf-amber);transform:skewX(-20deg)}
.sf-kicker-light{color:#ffd77e}
.sf-kicker-dark{color:var(--sf-ink)}
.sf-h2{font-size:clamp(24px,3vw,34px);line-height:1.2;color:var(--sf-ink);font-weight:800;letter-spacing:-.01em}
.sf-sub{color:var(--sf-mut);margin-top:12px;max-width:640px}
.sf-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.sf-headmid{text-align:center;max-width:720px;margin:0 auto 40px}
.sf-headmid .sf-kicker{justify-content:center}
.sf-headmid .sf-sub{margin-left:auto;margin-right:auto}
.sf-sec{padding:64px 0}
.sf-sec-sand{background:var(--sf-sand)}
.sf-sec-ink{background:var(--sf-ink);color:#fff}
.sf-sec-ink .sf-h2{color:#fff}
.sf-sec-ink .sf-sub{color:#b9c0dc}

/* Buttons */
.sf-btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px;padding:12px 22px;border-radius:10px;transition:all .25s;border:2px solid transparent;line-height:1.2}
.sf-btn-lg{padding:15px 28px;font-size:15.5px}
.sf-btn-amber{background:var(--sf-amber);color:var(--sf-ink-deep);border-color:var(--sf-amber)}
.sf-btn-amber:hover{background:var(--sf-amber-dk);border-color:var(--sf-amber-dk)}
.sf-btn-ink{background:var(--sf-ink);color:#fff;border-color:var(--sf-ink)}
.sf-btn-ink:hover{background:var(--sf-ink-soft);border-color:var(--sf-ink-soft)}
.sf-btn-green{background:var(--sf-green);color:#fff;border-color:var(--sf-green)}
.sf-btn-green:hover{background:#0f6247;border-color:#0f6247}
.sf-btn-ghost{background:none;color:var(--sf-ink);border-color:#cfc5a9}
.sf-btn-ghost:hover{border-color:var(--sf-ink);background:#fff}
.sf-btn-ghost-light{background:none;color:#fff;border-color:rgba(255,255,255,.4)}
.sf-btn-ghost-light:hover{border-color:var(--sf-amber);color:var(--sf-amber)}
.sf-btn-ghost-dark{background:none;color:var(--sf-ink);border-color:rgba(26,31,54,.35)}
.sf-btn-ghost-dark:hover{border-color:var(--sf-ink);background:rgba(255,255,255,.35)}
.sf-band .sf-btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.sf-band .sf-btn-ghost:hover{border-color:var(--sf-amber);color:var(--sf-amber);background:none}
.sf-textlink{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:var(--sf-green)}
.sf-textlink:hover{color:var(--sf-ink)}

/* ============ Header ============ */
.sf-utility{background:var(--sf-amber);color:var(--sf-ink-deep)}
.sf-utility-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0;font-size:13px;font-weight:600}
.sf-utility-note{display:flex;align-items:center;gap:9px;margin:0;min-width:0}
.sf-utility-note i{flex-shrink:0}
.sf-utility-links{display:flex;gap:20px;flex-shrink:0}
.sf-utility-links a{display:inline-flex;align-items:center;gap:7px}
.sf-utility-links a:hover{color:#fff}
.sf-headzone{position:sticky;top:0;z-index:1000;background:linear-gradient(var(--sf-sand) 65%,rgba(247,241,227,0))}
.sf-floatbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--sf-line);border-radius:16px;box-shadow:var(--sf-shadow);padding:10px 20px;margin-top:12px}
.sf-logo{display:inline-flex;align-items:center;min-width:0}
.sf-logo img{height:46px;width:auto;max-width:100%}
.sf-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sf-nav>a,.sf-navitem>a{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--sf-ink);padding:10px 13px;border-radius:9px;transition:all .22s}
.sf-nav>a:hover,.sf-navitem>a:hover{background:var(--sf-sand)}
.sf-nav>a.active,.sf-navitem>a.active{color:var(--sf-green);box-shadow:inset 0 -3px 0 var(--sf-amber)}
.sf-navitem{position:relative}
.sf-drop{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:#fff;border:1px solid var(--sf-line);border-top:4px solid var(--sf-amber);border-radius:12px;box-shadow:var(--sf-shadow);padding:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;z-index:1001}
.sf-navitem:hover .sf-drop,.sf-navitem:focus-within .sf-drop{opacity:1;visibility:visible;transform:translateY(0)}
.sf-drop a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--sf-txt)}
.sf-drop a:hover{background:var(--sf-sand);color:var(--sf-green)}
.sf-drop-group{padding:4px 0;border-bottom:1px dashed var(--sf-line)}
.sf-drop-parent{color:var(--sf-ink);font-weight:800}
.sf-drop-child{padding-left:24px;font-weight:500}
.sf-drop-all{margin-top:6px;color:var(--sf-green);font-weight:800}
.sf-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sf-tool-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:10px;border:1.5px solid var(--sf-line);color:var(--sf-ink);font-size:16px;transition:all .22s}
.sf-tool-btn:hover{border-color:var(--sf-amber);color:var(--sf-amber-dk)}
.sf-qbadge{position:absolute;top:-6px;right:-6px;display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--sf-amber);color:var(--sf-ink-deep);font-size:11px;font-weight:800}
.sf-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;flex:0 0 42px;border:1.5px solid var(--sf-line);border-radius:10px;align-items:center}
.sf-burger span{display:block;width:20px;height:2.5px;background:var(--sf-ink);border-radius:2px}
.sf-searchpanel{display:none;background:#fff;border:1px solid var(--sf-line);border-radius:14px;box-shadow:var(--sf-shadow);margin-top:10px;padding:14px 18px}
.sf-searchpanel.on{display:block}
.sf-searchpanel form{display:flex;align-items:center;gap:12px}
.sf-searchpanel form i{color:var(--sf-mut)}
.sf-searchpanel input{flex:1;border:0;outline:0;font-size:15.5px;background:none;color:var(--sf-txt);min-width:0}
.sf-searchpanel button{background:var(--sf-ink);color:#fff;font-weight:700;font-size:14px;padding:10px 22px;border-radius:9px;transition:background .22s}
.sf-searchpanel button:hover{background:var(--sf-amber);color:var(--sf-ink-deep)}

/* Drawer */
.sf-drawer{position:fixed;top:0;right:0;width:300px;max-width:86vw;height:100vh;background:#fff;z-index:2000;box-shadow:-14px 0 40px rgba(26,31,54,.25);transform:translateX(100%);transition:transform .3s;overflow-y:auto;overflow-x:hidden;padding:18px}
.sf-drawer.on{transform:translateX(0)}
.sf-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:2px solid var(--sf-amber)}
.sf-drawer-head strong{font-size:16px;color:var(--sf-ink)}
.sf-drawer-close{width:38px;height:38px;border-radius:9px;border:1.5px solid var(--sf-line);display:inline-flex;align-items:center;justify-content:center;color:var(--sf-ink)}
.sf-drawer-search{margin:14px 0}
.sf-drawer-search form{display:flex;border:1.5px solid var(--sf-line);border-radius:10px;overflow:hidden}
.sf-drawer-search input{flex:1;border:0;outline:0;padding:10px 12px;min-width:0}
.sf-drawer-search button{background:var(--sf-amber);color:var(--sf-ink-deep);padding:0 16px}
.sf-drawer nav>a,.sf-dsec>button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:12px 8px;font-weight:700;font-size:15px;color:var(--sf-ink);border-bottom:1px solid var(--sf-sand-dk)}
.sf-drawer nav>a.active{color:var(--sf-green)}
.sf-dsec>button i{transition:transform .25s}
.sf-dsec.open>button i{transform:rotate(180deg)}
.sf-dsub{display:none;padding:4px 0 8px}
.sf-dsec.open .sf-dsub{display:block}
.sf-dsub a{display:block;padding:8px 8px 8px 20px;font-size:14px;color:var(--sf-mut)}
.sf-dsub a:hover{color:var(--sf-green)}
.sf-dsub-child{padding-left:34px !important;font-size:13.5px !important}
.sf-drawer-cta{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.sf-drawer-cta .sf-btn{justify-content:center}

/* ============ Hero ============ */
.sf-hero{position:relative;background:var(--sf-ink);color:#fff;padding:76px 0 96px;clip-path:polygon(0 0,100% 0,100% calc(100% - 42px),0 100%);overflow:hidden}
.sf-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 2px,transparent 2px 26px),radial-gradient(1100px 480px at 85% -10%,rgba(245,163,0,.16),transparent 60%);pointer-events:none}
.sf-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:52px;align-items:center}
.sf-hero-flag{display:inline-flex;align-items:center;gap:9px;background:rgba(245,163,0,.14);border:1px solid rgba(245,163,0,.45);color:#ffd77e;font-size:13px;font-weight:700;padding:8px 15px;border-radius:999px;margin-bottom:22px}
.sf-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.1;font-weight:800;letter-spacing:-.015em}
.sf-hero h1 em{font-style:normal;color:var(--sf-amber);box-shadow:inset 0 -10px 0 rgba(245,163,0,.22)}
.sf-hero-lead{margin-top:20px;font-size:16.5px;color:#c4cae2;max-width:560px}
.sf-hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.sf-hero-marks{display:flex;gap:20px;margin-top:34px;flex-wrap:wrap}
.sf-hero-marks span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#aeb5d4}
.sf-hero-marks i{color:var(--sf-amber)}
.sf-zonerail{background:#fff;color:var(--sf-txt);border-radius:16px;border-top:5px solid var(--sf-amber);box-shadow:0 24px 60px rgba(8,12,30,.4);padding:22px}
.sf-zonerail h2{display:flex;align-items:center;gap:10px;font-size:16.5px;color:var(--sf-ink);margin-bottom:14px}
.sf-zonerail h2 i{color:var(--sf-green)}
.sf-zonerail-list{display:flex;flex-direction:column}
.sf-zonerail-list a{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:10px;border-bottom:1px dashed var(--sf-line);font-size:14px;transition:background .2s}
.sf-zonerail-list a:last-child{border-bottom:0}
.sf-zonerail-list a:hover{background:var(--sf-sand)}
.sf-zonerail-list strong{flex:1;min-width:0;font-weight:700;color:var(--sf-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-zonerail-list a>i{color:var(--sf-mut)}
.sf-zonerail-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:var(--sf-sand);display:flex;align-items:center;justify-content:center;overflow:hidden}
.sf-zonerail-icon img{width:100%;height:100%;object-fit:cover}
.sf-zonerail-icon i{color:var(--sf-green)}
.sf-zonerail-all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:11px;border-radius:10px;background:var(--sf-ink);color:#fff;font-weight:700;font-size:14px}
.sf-zonerail-all:hover{background:var(--sf-amber);color:var(--sf-ink-deep)}

/* Doc tiles */
.sf-doctiles{background:var(--sf-paper);padding:34px 0 8px}
.sf-doctiles-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sf-doctile{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--sf-line);border-left:4px solid var(--sf-amber);border-radius:12px;padding:18px;min-width:0}
.sf-doctile i{font-size:22px;color:var(--sf-green);margin-top:2px}
.sf-doctile strong{display:block;font-size:14.5px;color:var(--sf-ink)}
.sf-doctile small{color:var(--sf-mut);font-size:13px;line-height:1.5}

/* ============ Product cards ============ */
.sf-prodgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.sf-prodgrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sf-prodcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);overflow:hidden;transition:all .25s;min-width:0}
.sf-prodcard:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow);border-color:#d9cfb2}
.sf-prodcard-ribbon{position:absolute;top:12px;left:-4px;z-index:2;background:var(--sf-amber);color:var(--sf-ink-deep);font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 12px 4px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
.sf-prodcard-media{display:block;aspect-ratio:1/1;background:var(--sf-sand)}
.sf-prodcard-media img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .3s}
.sf-prodcard:hover .sf-prodcard-media img{transform:scale(1.05)}
.sf-prodcard-body{padding:16px 18px 12px;flex:1}
.sf-prodcard-body em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sf-green)}
.sf-prodcard-body h3,.sf-prodcard-body .sf-prodtitle{font-size:15.5px;line-height:1.4;margin-top:6px;font-weight:700;color:var(--sf-ink)}
.sf-prodcard-body h3 a:hover,.sf-prodtitle a:hover{color:var(--sf-green)}
.sf-prodcard-body p{font-size:13.5px;color:var(--sf-mut);margin-top:8px}
.sf-prodcard-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sf-line)}
.sf-prodcard-actions a{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 6px;font-size:13px;font-weight:700;color:var(--sf-ink);transition:all .2s}
.sf-prodcard-actions a:first-child{border-right:1px solid var(--sf-line)}
.sf-prodcard-actions a:hover{background:var(--sf-amber);color:var(--sf-ink-deep)}
.sf-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;color:#cabf9f;font-size:34px}

/* Category split */
.sf-catsplit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;align-items:center}
.sf-ticklist{margin-top:20px;display:flex;flex-direction:column;gap:10px}
.sf-ticklist li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--sf-txt)}
.sf-ticklist i{color:var(--sf-green);margin-top:4px}
.sf-catsplit-copy .sf-btn{margin-top:24px}
.sf-catsplit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sf-catchip{background:#fff;border:1px solid var(--sf-line);border-radius:12px;overflow:hidden;transition:all .25s;min-width:0}
.sf-catchip:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow)}
.sf-catchip figure{aspect-ratio:4/3;background:var(--sf-sand)}
.sf-catchip figure img{width:100%;height:100%;object-fit:cover}
.sf-catchip span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font-weight:700;font-size:13.5px;color:var(--sf-ink)}
.sf-catchip span i{color:var(--sf-amber-dk)}

/* Market band */
.sf-market{clip-path:polygon(0 42px,100% 0,100% 100%,0 100%);padding-top:96px}
.sf-marketgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sf-marketcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:26px 22px;min-width:0}
.sf-marketcard i{font-size:26px;color:var(--sf-amber)}
.sf-marketcard h3{font-size:16.5px;margin:14px 0 8px;color:#fff}
.sf-marketcard p{font-size:13.5px;color:#b9c0dc;line-height:1.6}

/* Manufacturing split */
.sf-mfg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:52px;align-items:center}
.sf-mfg-media img{border-radius:16px;border:1px solid var(--sf-line);width:100%}
.sf-steps{margin-top:24px;counter-reset:sfstep;display:flex;flex-direction:column;gap:14px}
.sf-steps li{position:relative;padding:14px 16px 14px 58px;background:var(--sf-sand);border-radius:12px;counter-increment:sfstep}
.sf-steps li::before{content:counter(sfstep,decimal-leading-zero);position:absolute;left:16px;top:16px;font-weight:800;color:var(--sf-amber-dk);font-size:15px}
.sf-steps strong{display:block;color:var(--sf-ink);font-size:15px}
.sf-steps span{display:block;font-size:13.5px;color:var(--sf-mut);margin-top:3px}

/* Solutions zigzag */
.sf-solzig{display:flex;flex-direction:column;gap:16px}
.sf-solrow{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid var(--sf-line);border-radius:14px;padding:16px 22px;transition:all .25s;min-width:0}
.sf-solrow:nth-child(even){flex-direction:row-reverse;text-align:right}
.sf-solrow:nth-child(even) .sf-solrow-body{align-items:flex-end}
.sf-solrow:hover{border-color:var(--sf-amber);box-shadow:var(--sf-shadow)}
.sf-solrow-media{width:110px;height:82px;flex:0 0 110px;border-radius:10px;overflow:hidden;background:var(--sf-sand);display:flex;align-items:center;justify-content:center;color:var(--sf-green);font-size:26px}
.sf-solrow-media img{width:100%;height:100%;object-fit:cover}
.sf-solrow-body{flex:1;display:flex;flex-direction:column;min-width:0}
.sf-solrow-body strong{font-size:17px;color:var(--sf-ink)}
.sf-solrow-body small{font-size:13.5px;color:var(--sf-mut);margin-top:5px}
.sf-solrow-go{color:var(--sf-amber-dk);font-size:18px;flex-shrink:0}

/* Certificates */
.sf-certrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.sf-certcard{background:#fff;border:1px solid var(--sf-line);border-radius:12px;overflow:hidden;text-align:center;transition:all .25s;min-width:0}
.sf-certcard:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow)}
.sf-certcard figure{aspect-ratio:3/4;background:var(--sf-sand);display:flex;align-items:center;justify-content:center;font-size:30px;color:#cabf9f}
.sf-certcard figure img{width:100%;height:100%;object-fit:contain;padding:10px}
.sf-certcard span{display:block;padding:10px 12px;font-size:13px;font-weight:700;color:var(--sf-ink);line-height:1.4}

/* Blog */
.sf-blogtrio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sf-blogcard{background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);overflow:hidden;transition:all .25s;min-width:0}
.sf-blogcard:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow)}
.sf-blogcard-media{display:block;aspect-ratio:16/9;background:var(--sf-sand)}
.sf-blogcard-media img{width:100%;height:100%;object-fit:cover}
.sf-blogcard-body{padding:20px}
.sf-blogcard-body time{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--sf-mut);font-weight:600}
.sf-blogcard-body h3{font-size:16.5px;line-height:1.4;margin:10px 0}
.sf-blogcard-body h3 a:hover{color:var(--sf-green)}
.sf-blogcard-body p{font-size:13.5px;color:var(--sf-mut);margin-bottom:14px}

/* FAQ split (home) */
.sf-faqsplit{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.sf-faqsplit-card{margin-top:28px;background:var(--sf-ink);color:#fff;border-radius:14px;padding:24px}
.sf-faqsplit-card h3{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:10px}
.sf-faqsplit-card h3 i{color:var(--sf-amber)}
.sf-faqsplit-card p{font-size:13.5px;color:#b9c0dc;margin-bottom:16px}
.sf-acc{display:flex;flex-direction:column;gap:12px}
.sf-acc-item{background:#fff;border:1px solid var(--sf-line);border-radius:12px;overflow:hidden}
.sf-acc-item[open]{border-color:var(--sf-amber)}
.sf-acc-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;cursor:pointer;font-weight:700;font-size:15px;color:var(--sf-ink);list-style:none}
.sf-acc-item summary::-webkit-details-marker{display:none}
.sf-acc-item summary i{color:var(--sf-amber-dk);transition:transform .25s;flex-shrink:0}
.sf-acc-item[open] summary i{transform:rotate(45deg)}
.sf-acc-body{padding:0 20px 18px;font-size:14px;color:var(--sf-mut);line-height:1.65}

/* CTA band */
.sf-ctaband{background:var(--sf-amber);color:var(--sf-ink-deep);clip-path:polygon(0 34px,100% 0,100% 100%,0 100%);padding:84px 0 60px}
.sf-ctaband-in{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.sf-ctaband-copy{max-width:600px}
.sf-ctaband h2{font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:800}
.sf-ctaband p{margin-top:12px;font-size:15px;color:rgba(26,31,54,.75)}
.sf-ctaband-actions{display:flex;flex-direction:column;gap:12px}
.sf-ctaband-actions .sf-btn{justify-content:center}

/* Band (inner CTA strip) */
.sf-band{display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--sf-ink);color:#fff;border-radius:16px;padding:30px 34px;flex-wrap:wrap}
.sf-band h2{font-size:20px;line-height:1.35;margin-top:6px;font-weight:700}
.sf-band-green{background:var(--sf-green)}
.sf-band-green .sf-kicker{color:#c9f2df}
.sf-band-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ============ Inner page scaffolding ============ */
.sf-crumbbar{background:var(--sf-sand);border-bottom:1px solid var(--sf-line)}
.sf-crumb{padding:12px 0;font-size:13px;color:var(--sf-mut)}
.sf-crumb a{color:var(--sf-mut)}
.sf-crumb a:hover{color:var(--sf-green)}
.sf-crumb-light,.sf-crumb-light a{color:rgba(255,255,255,.75)}
.sf-titleblock{background:linear-gradient(180deg,var(--sf-sand) 0%,var(--sf-paper) 100%);padding:44px 0 36px}
.sf-titleblock-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);gap:40px;align-items:center}
.sf-titleblock-in:has(> .sf-titleblock-main:only-child){grid-template-columns:1fr}
.sf-titleblock-main h1{font-size:clamp(26px,3.4vw,40px);line-height:1.15;color:var(--sf-ink);font-weight:800;letter-spacing:-.01em}
.sf-titleblock-main p{margin-top:14px;color:var(--sf-mut);max-width:640px}
.sf-titleblock-side{background:#fff;border:1px solid var(--sf-line);border-left:4px solid var(--sf-amber);border-radius:14px;padding:20px 22px}
.sf-titleblock-side p{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--sf-mut);margin-bottom:14px}
.sf-titleblock-side p i{color:var(--sf-green);margin-top:3px}

/* Product list chip bar */
.sf-chipbar{border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line);background:#fff;position:sticky;top:0;z-index:50}
.sf-chipbar-in{display:flex;gap:8px;padding:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d8cfb6 transparent}
.sf-chipbar-in::-webkit-scrollbar{height:5px}
.sf-chipbar-in::-webkit-scrollbar-track{background:transparent}
.sf-chipbar-in::-webkit-scrollbar-thumb{background:#d8cfb6;border-radius:999px}
.sf-chipbar-in::-webkit-scrollbar-thumb:hover{background:var(--sf-amber)}
.sf-chip{flex-shrink:0;display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1.5px solid var(--sf-line);font-size:13.5px;font-weight:700;color:var(--sf-ink);transition:all .2s;white-space:nowrap}
.sf-chip:hover{border-color:var(--sf-amber)}
.sf-chip.on{background:var(--sf-ink);border-color:var(--sf-ink);color:#fff}
.sf-chip-child{border-style:dashed;font-weight:600;color:var(--sf-mut)}

/* PDP */
.sf-pdp-top{padding:44px 0 0}
.sf-pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.sf-gallery{min-width:0;max-width:100%}
.sf-gallery-main{border:1px solid var(--sf-line);border-radius:16px;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.sf-gallery-main img{width:100%;height:100%;object-fit:contain;padding:20px;transition:opacity .15s ease}
.sf-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--sf-line);background:rgba(255,255,255,.92);color:var(--sf-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all .2s;z-index:2}
.sf-gallery-nav:hover{background:var(--sf-amber);border-color:var(--sf-amber);color:#fff}
.sf-gallery-prev{left:12px}
.sf-gallery-next{right:12px}
.sf-gallery-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(31,37,70,.72);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.05em;z-index:2}
.sf-gallery-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.sf-gallery-thumbs button{width:76px;height:76px;flex:0 0 76px;border:2px solid var(--sf-line);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s;padding:0}
.sf-gallery-thumbs button.active,.sf-gallery-thumbs button:hover{border-color:var(--sf-amber)}
.sf-gallery-thumbs img{width:100%;height:100%;object-fit:contain;padding:6px}
.sf-pdp-cat{display:inline-block;font-style:normal;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sf-green);margin-bottom:10px}
.sf-pdp-info h1{font-size:clamp(24px,3vw,34px);line-height:1.2;color:var(--sf-ink);font-weight:800}
.sf-pdp-lead{margin-top:14px;color:var(--sf-mut)}
.sf-pdp-perks{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.sf-pdp-perks>div{display:flex;gap:12px;align-items:flex-start;background:var(--sf-sand);border-radius:10px;padding:12px 14px;font-size:14px}
.sf-pdp-perks i{color:var(--sf-green);margin-top:3px}
.sf-pdp-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.sf-pdp-share{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:13.5px;color:var(--sf-mut)}
.sf-pdp-share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--sf-line);color:var(--sf-ink);font-size:14px;transition:all .2s}
.sf-pdp-share a:hover{border-color:var(--sf-amber);color:var(--sf-amber-dk)}
.sf-blocktitle{display:flex;align-items:center;gap:10px;font-size:20px;color:var(--sf-ink);font-weight:800;padding-bottom:12px;border-bottom:3px solid var(--sf-amber);margin-bottom:22px}
.sf-blocktitle i{color:var(--sf-green)}
.sf-pdp-detail{min-width:0}
.sf-specgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sf-spec{display:flex;gap:14px;background:#fff;border:1px solid var(--sf-line);border-radius:10px;padding:12px 16px;min-width:0}
.sf-spec dt{font-weight:700;color:var(--sf-ink);font-size:14px;flex:0 0 40%}
.sf-spec dd{color:var(--sf-mut);font-size:14px;min-width:0;overflow-wrap:anywhere}
.sf-relateds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sf-related{background:#fff;border:1px solid var(--sf-line);border-radius:12px;overflow:hidden;text-align:center;transition:all .25s;min-width:0}
.sf-related:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow)}
.sf-related img{aspect-ratio:1/1;object-fit:contain;background:var(--sf-sand);padding:12px;width:100%}
.sf-related span{display:block;padding:12px;font-size:13.5px;font-weight:700;color:var(--sf-ink)}

/* Pager */
.sf-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.sf-pager-cell{min-width:0}
.sf-pager-next{text-align:right}
.pager-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--sf-ink);padding:12px 16px;border:1.5px solid var(--sf-line);border-radius:10px;max-width:100%;transition:all .2s}
.pager-link:hover{border-color:var(--sf-amber);color:var(--sf-amber-dk)}
.pager-empty{color:#c2b99a;border-style:dashed;pointer-events:none}

/* About */
.sf-about-editorial{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}
.sf-pullquote{position:sticky;top:110px;background:var(--sf-sand);border-left:5px solid var(--sf-amber);border-radius:14px;padding:28px}
.sf-pullquote i{font-size:26px;color:var(--sf-amber-dk)}
.sf-pullquote p{margin-top:14px;font-size:18px;line-height:1.55;font-weight:600;color:var(--sf-ink)}
.sf-about-body{min-width:0}
.sf-about-body .detail-content{margin-top:18px}
.sf-valuelist{max-width:860px;margin:0 auto;display:flex;flex-direction:column}
.sf-valuelist li{display:flex;gap:26px;align-items:flex-start;padding:26px 6px;border-bottom:1px solid rgba(255,255,255,.12)}
.sf-valuelist li:last-child{border-bottom:0}
.sf-valuelist-num{font-size:28px;font-weight:800;color:var(--sf-amber);flex:0 0 58px}
.sf-valuelist h3{font-size:18px;color:#fff;margin-bottom:8px}
.sf-valuelist p{font-size:14px;color:#b9c0dc;line-height:1.65}
.sf-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sf-jstep{background:#fff;border:1px solid var(--sf-line);border-top:4px solid var(--sf-amber);border-radius:12px;padding:24px 20px;min-width:0}
.sf-jstep span{font-size:24px;font-weight:800;color:var(--sf-sand-dk);-webkit-text-stroke:1.5px var(--sf-amber-dk)}
.sf-jstep h3{font-size:16px;color:var(--sf-ink);margin:12px 0 8px}
.sf-jstep p{font-size:13.5px;color:var(--sf-mut)}

/* Manufacturing timeline */
.sf-timeline{position:relative;max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:26px}
.sf-timeline::before{content:"";position:absolute;left:29px;top:10px;bottom:10px;width:3px;background:linear-gradient(var(--sf-amber),var(--sf-sand-dk))}
.sf-tlrow{position:relative;display:flex;gap:26px;align-items:flex-start}
.sf-tlrow-num{position:relative;z-index:1;width:60px;height:60px;flex:0 0 60px;border-radius:50%;background:var(--sf-ink);color:var(--sf-amber);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;border:4px solid var(--sf-paper);box-shadow:0 0 0 2px var(--sf-amber)}
.sf-tlrow-card{flex:1;background:#fff;border:1px solid var(--sf-line);border-radius:14px;padding:22px 26px;min-width:0}
.sf-tlrow-card i{color:var(--sf-green);font-size:20px}
.sf-tlrow-card h3{font-size:17px;color:var(--sf-ink);margin:10px 0 8px}
.sf-tlrow-card p{font-size:14px;color:var(--sf-mut)}
.sf-capgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sf-cap{background:#fff;border:1px solid var(--sf-line);border-radius:12px;padding:22px;min-width:0}
.sf-cap i{font-size:22px;color:var(--sf-amber-dk)}
.sf-cap strong{display:block;color:var(--sf-ink);margin:12px 0 6px;font-size:15px}
.sf-cap span{font-size:13.5px;color:var(--sf-mut);line-height:1.55}

/* Solutions list */
.sf-solindex{display:flex;flex-direction:column;gap:18px;counter-reset:solidx}
.sf-solidx{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid var(--sf-line);border-radius:16px;padding:20px 26px;transition:all .25s;counter-increment:solidx;min-width:0}
.sf-solidx:hover{border-color:var(--sf-amber);box-shadow:var(--sf-shadow)}
.sf-solidx-num::before{content:counter(solidx,decimal-leading-zero)}
.sf-solidx-num{font-size:30px;font-weight:800;color:var(--sf-sand-dk);-webkit-text-stroke:1.5px var(--sf-amber-dk);flex:0 0 64px;text-align:center}
.sf-solidx-media{width:170px;height:116px;flex:0 0 170px;border-radius:12px;overflow:hidden;background:var(--sf-sand)}
.sf-solidx-media img{width:100%;height:100%;object-fit:cover}
.sf-solidx-media .sf-noimg{font-size:28px}
.sf-solidx-body{flex:1;min-width:0}
.sf-solidx-body h2{font-size:19px;color:var(--sf-ink);margin-bottom:8px}
.sf-solidx-body h2 a:hover{color:var(--sf-green)}
.sf-solidx-body p{font-size:14px;color:var(--sf-mut);margin-bottom:10px}

/* Solution detail */
.sf-solhero{position:relative;background:var(--sf-ink);color:#fff;padding:40px 0 64px;overflow:hidden}
.sf-solhero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18}
.sf-solhero-in{position:relative}
.sf-solhero h1{font-size:clamp(26px,3.4vw,42px);line-height:1.15;font-weight:800;max-width:760px}
.sf-solhero p{margin:16px 0 24px;color:#c4cae2;max-width:640px}
.sf-solread{display:block;max-width:1000px}
.sf-solread-box{background:#fff;border:1px solid var(--sf-line);border-radius:16px;padding:36px;margin-top:-70px;position:relative;box-shadow:var(--sf-shadow);min-width:0}
.sf-solread-after{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.sf-afterbox{background:#fff;border:1px solid var(--sf-line);border-radius:14px;padding:22px;min-width:0}
.sf-afterbox h2{display:flex;align-items:center;gap:10px;font-size:15.5px;color:var(--sf-ink);margin-bottom:14px}
.sf-afterbox h2 i{color:var(--sf-green)}
.sf-afterlinks{display:flex;flex-direction:column}
.sf-afterlinks a{padding:8px 0;font-size:13.5px;color:var(--sf-mut);border-bottom:1px dashed var(--sf-line)}
.sf-afterlinks a:last-child{border-bottom:0}
.sf-afterlinks a:hover{color:var(--sf-green)}
.sf-afterbox-cta{background:var(--sf-ink);border-color:var(--sf-ink);color:#fff}
.sf-afterbox-cta h2{color:#fff}
.sf-afterbox-cta h2 i{color:var(--sf-amber)}
.sf-afterbox-cta p{font-size:13.5px;color:#b9c0dc;margin-bottom:16px}

/* Certificates list */
.sf-docgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sf-doccard{display:flex;gap:0;background:#fff;border:1px solid var(--sf-line);border-radius:14px;overflow:hidden;transition:all .25s;min-width:0}
.sf-doccard:hover{border-color:var(--sf-amber);box-shadow:var(--sf-shadow)}
.sf-doccard-media{flex:0 0 42%;aspect-ratio:4/3;background:var(--sf-sand);display:block}
.sf-doccard-media img{width:100%;height:100%;object-fit:contain;padding:12px}
.sf-doccard-media .sf-noimg{font-size:30px}
.sf-doccard-meta{flex:1;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.sf-doccard-meta h2{font-size:16.5px;line-height:1.4;color:var(--sf-ink)}
.sf-doccard-meta h2 a:hover{color:var(--sf-green)}
.sf-doccard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}
.sf-doccard-foot time{font-size:12.5px;color:var(--sf-mut);display:inline-flex;gap:7px;align-items:center}

/* Contact */
.sf-chantiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:44px}
.sf-chantile{background:#fff;border:1px solid var(--sf-line);border-top:4px solid var(--sf-amber);border-radius:12px;padding:24px 20px;text-align:center;transition:all .25s;min-width:0}
.sf-chantile:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow)}
.sf-chantile i{font-size:26px;color:var(--sf-green)}
.sf-chantile strong{display:block;color:var(--sf-ink);margin:12px 0 6px;font-size:15.5px}
.sf-chantile span{font-size:13px;color:var(--sf-mut);line-height:1.5;overflow-wrap:anywhere}
.sf-contactform{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--sf-line);border-radius:18px;padding:36px;box-shadow:var(--sf-shadow)}
.sf-contactform-head h2{display:flex;align-items:center;gap:10px;font-size:20px;color:var(--sf-ink)}
.sf-contactform-head h2 i{color:var(--sf-amber-dk)}
.sf-contactform-head p{font-size:13.5px;color:var(--sf-mut);margin:8px 0 22px}
.sf-contactform-tips{margin-top:26px;background:var(--sf-sand);border-radius:12px;padding:20px 22px}
.sf-contactform-tips h3{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--sf-ink);margin-bottom:10px}
.sf-contactform-tips h3 i{color:var(--sf-green)}
.sf-contactform-tips ul{display:flex;flex-direction:column;gap:6px}
.sf-contactform-tips li{font-size:13.5px;color:var(--sf-mut);padding-left:18px;position:relative}
.sf-contactform-tips li::before{content:"—";position:absolute;left:0;color:var(--sf-amber-dk)}

/* Forms (shared) */
.sf-form,.form-col{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sf-form input,.sf-form textarea,.modal-box input,.modal-box textarea,.sf-newsform input{width:100%;padding:12px 15px;border:1.5px solid var(--sf-line);border-radius:10px;outline:0;background:#fff;color:var(--sf-txt);transition:border-color .2s}
.sf-form input:focus,.sf-form textarea:focus,.modal-box input:focus,.modal-box textarea:focus{border-color:var(--sf-amber)}
.sf-form textarea,.modal-box textarea{resize:vertical}

/* FAQ page */
.sf-faqpage{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:40px;align-items:start}
.sf-faqside{position:sticky;top:100px}
.sf-faqside-card{background:var(--sf-ink);color:#fff;border-radius:16px;padding:28px}
.sf-faqside-card h2{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:12px}
.sf-faqside-card h2 i{color:var(--sf-amber)}
.sf-faqside-card p{font-size:14px;color:#b9c0dc;margin-bottom:18px}
.sf-faqside-card .sf-btn{width:100%;justify-content:center;margin-bottom:10px}
.sf-faqmain{min-width:0}
.sf-faqsearch{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--sf-line);border-radius:12px;padding:0 16px;margin-bottom:20px}
.sf-faqsearch i{color:var(--sf-mut)}
.sf-faqsearch input{flex:1;border:0;outline:0;padding:13px 0;background:none;min-width:0}
.sf-faq-noresult{color:var(--sf-mut);font-size:14px;padding:14px 4px}

/* Catalog */
.sf-catalogsplit{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:52px;align-items:center}
.sf-catalogmock{display:flex;justify-content:center}
.sf-catalogmock-cover{width:min(300px,100%);aspect-ratio:3/4;background:linear-gradient(160deg,var(--sf-ink) 0%,var(--sf-ink-soft) 100%);border-radius:12px;border-left:10px solid var(--sf-amber);box-shadow:var(--sf-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;text-align:center;padding:24px}
.sf-catalogmock-cover i{font-size:44px;color:var(--sf-amber)}
.sf-catalogmock-cover strong{font-size:22px;font-weight:800}
.sf-catalogmock-cover span{font-size:13px;color:#b9c0dc}
.sf-catalogsteps h2{font-size:clamp(22px,2.6vw,30px);color:var(--sf-ink);font-weight:800}
.sf-catalogsteps>p{margin:12px 0 22px;color:var(--sf-mut)}
.sf-catalogsteps ol{counter-reset:catstep;display:flex;flex-direction:column;gap:14px;margin-bottom:26px}
.sf-catalogsteps ol li{counter-increment:catstep;position:relative;padding:14px 16px 14px 58px;background:var(--sf-sand);border-radius:12px}
.sf-catalogsteps ol li::before{content:counter(catstep);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--sf-amber);color:var(--sf-ink-deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.sf-catalogsteps ol strong{display:block;color:var(--sf-ink);font-size:15px}
.sf-catalogsteps ol span{font-size:13.5px;color:var(--sf-mut)}

/* Article pages */
.sf-maggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sf-magcard{background:#fff;border:1px solid var(--sf-line);border-radius:var(--sf-radius);overflow:hidden;transition:all .25s;display:flex;flex-direction:column;min-width:0}
.sf-magcard:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow)}
.sf-magcard:first-child{grid-column:1/-1;flex-direction:row}
.sf-magcard:first-child .sf-magcard-media{flex:0 0 48%;aspect-ratio:auto;min-height:280px}
.sf-magcard:first-child .sf-magcard-body{display:flex;flex-direction:column;justify-content:center}
.sf-magcard:first-child h2{font-size:24px}
.sf-magcard-media{display:block;aspect-ratio:16/9;background:var(--sf-sand)}
.sf-magcard-media img{width:100%;height:100%;object-fit:cover}
.sf-magcard-body{padding:22px;flex:1;min-width:0}
.sf-magcard-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--sf-mut);margin-bottom:10px}
.sf-magcard-meta em{font-style:normal;font-weight:700;color:var(--sf-green);text-transform:uppercase;letter-spacing:.06em}
.sf-magcard-body h2{font-size:17px;line-height:1.4;margin-bottom:10px}
.sf-magcard-body h2 a:hover{color:var(--sf-green)}
.sf-magcard-body p{font-size:13.5px;color:var(--sf-mut);margin-bottom:14px}
.sf-readhead{background:var(--sf-sand);padding:40px 0 32px}
.sf-readhead-in{max-width:820px}
.sf-readhead h1{font-size:clamp(26px,3.2vw,38px);line-height:1.2;color:var(--sf-ink);font-weight:800}
.sf-readmeta{display:flex;align-items:center;gap:22px;margin-top:16px;font-size:13.5px;color:var(--sf-mut);flex-wrap:wrap}
.sf-share{display:inline-flex;align-items:center;gap:9px}
.sf-share a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--sf-line);color:var(--sf-ink);font-size:13px;transition:all .2s;background:#fff}
.sf-share a:hover{border-color:var(--sf-amber);color:var(--sf-amber-dk)}
.sf-readbody{padding:40px 0 56px}
.sf-readcol{max-width:820px;min-width:0}
.sf-readcover{margin-bottom:28px}
.sf-readcover img{border-radius:14px;width:100%}

/* Search / tags */
.sf-searchhead{background:var(--sf-ink);color:#fff;padding:20px 0 44px}
.sf-searchhead-in{max-width:760px;margin:0 auto;text-align:center}
.sf-searchhead .sf-crumb{text-align:left;color:rgba(255,255,255,.7)}
.sf-searchhead .sf-crumb a{color:rgba(255,255,255,.7)}
.sf-searchhead h1{font-size:clamp(24px,3vw,34px);font-weight:800;margin:6px 0 22px}
.sf-searchhead-form{display:flex;background:#fff;border-radius:12px;overflow:hidden;padding:5px}
.sf-searchhead-form input{flex:1;border:0;outline:0;padding:12px 16px;font-size:15px;min-width:0}
.sf-searchhead-form button{display:inline-flex;align-items:center;gap:9px;background:var(--sf-amber);color:var(--sf-ink-deep);font-weight:700;padding:12px 24px;border-radius:9px}
.sf-searchhead-form button:hover{background:var(--sf-amber-dk)}
.sf-searchcol{max-width:860px}
.sf-searchlist{display:flex;flex-direction:column;gap:16px}
.sf-searchitem{background:#fff;border:1px solid var(--sf-line);border-left:4px solid var(--sf-amber);border-radius:12px;padding:22px 26px;min-width:0}
.sf-searchitem-type{display:inline-block;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sf-green);background:var(--sf-sand);padding:4px 10px;border-radius:999px;margin-bottom:10px}
.sf-searchitem h2{font-size:18px;margin-bottom:8px;color:var(--sf-ink)}
.sf-searchitem h2 a:hover{color:var(--sf-green)}
.sf-searchitem p{font-size:14px;color:var(--sf-mut);margin-bottom:10px}
.sf-search-empty{text-align:center;padding:60px 20px;color:var(--sf-mut)}
.sf-search-empty i{font-size:40px;color:#cabf9f}
.sf-search-empty h2{color:var(--sf-ink);margin:16px 0 8px}
.sf-tagledger{display:flex;flex-direction:column;border:1px solid var(--sf-line);border-radius:14px;overflow:hidden;background:#fff}
.sf-tagline{display:flex;align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid var(--sf-line);transition:background .2s;min-width:0}
.sf-tagline:last-child{border-bottom:0}
.sf-tagline:hover{background:var(--sf-sand)}
.sf-tagline em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-green);flex:0 0 auto}
.sf-tagline strong{flex:1;font-size:15px;color:var(--sf-ink);min-width:0}
.sf-tagline time{font-size:12.5px;color:var(--sf-mut);flex-shrink:0}
.sf-tagline i{color:var(--sf-amber-dk);flex-shrink:0}

/* Legal */
.sf-legalpage{max-width:880px}
.sf-legaldoc{background:#fff;border:1px solid var(--sf-line);border-radius:16px;overflow:hidden}
.sf-legaldoc-head{background:var(--sf-sand);border-bottom:3px solid var(--sf-amber);padding:32px 38px}
.sf-legaldoc-head h1{font-size:clamp(24px,3vw,34px);color:var(--sf-ink);font-weight:800}
.sf-legaldoc-head p{margin-top:10px;color:var(--sf-mut);font-size:14px}
.sf-legaldoc-body{padding:34px 38px;min-width:0}

/* Quote page */
.sf-quotecol{max-width:900px}
.sf-quotestep{background:#fff;border:1px solid var(--sf-line);border-radius:16px;padding:30px 32px;margin-bottom:26px;min-width:0}
.sf-quotestep h2{display:flex;align-items:center;gap:12px;font-size:19px;color:var(--sf-ink);margin-bottom:18px}
.sf-quotestep-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--sf-amber);color:var(--sf-ink-deep);font-size:16px;font-weight:800}
.sf-quotestep-note{font-size:13.5px;color:var(--sf-mut);margin:-8px 0 18px}
.sf-quoterows{display:flex;flex-direction:column;gap:14px}
.sf-qrow{display:flex;align-items:center;gap:16px;border:1px solid var(--sf-line);border-radius:12px;padding:12px 16px;min-width:0}
.sf-qrow-img{width:70px;height:70px;flex:0 0 70px;border-radius:10px;overflow:hidden;background:var(--sf-sand)}
.sf-qrow-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.sf-qrow h3{flex:1;font-size:14.5px;color:var(--sf-ink);min-width:0}
.sf-qrow h3 a:hover{color:var(--sf-green)}
.sf-qty{display:flex;align-items:center;gap:0;border:1.5px solid var(--sf-line);border-radius:9px;overflow:hidden;flex-shrink:0}
.sf-qty a{width:32px;height:34px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--sf-ink);background:var(--sf-sand)}
.sf-qty a:hover{background:var(--sf-amber)}
.sf-qty input{width:46px;height:34px;text-align:center;border:0;outline:0}
.sf-qremove{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#c0392b;border:1.5px solid var(--sf-line);transition:all .2s}
.sf-qremove:hover{background:#c0392b;color:#fff;border-color:#c0392b}
.sf-empty{text-align:center;padding:70px 20px;color:var(--sf-mut)}
.sf-empty i{font-size:44px;color:#cabf9f}
.sf-empty h2{color:var(--sf-ink);margin:18px 0 8px}
.sf-empty .sf-btn{margin-top:20px}

/* ============ Footer ============ */
.sf-footer{background:var(--sf-ink-deep);color:#aeb5d4;margin-top:0}
.sf-footer-rfq{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 0 36px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.sf-footer-rfq h2{font-size:clamp(20px,2.4vw,28px);color:#fff;font-weight:800;max-width:620px;margin-top:6px}
.sf-footer-rfq-actions{display:flex;gap:12px;flex-wrap:wrap}
.sf-footer-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.sf-footer-tile{display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:16px 18px;min-width:0;transition:border-color .2s}
a.sf-footer-tile:hover{border-color:var(--sf-amber)}
.sf-footer-tile i{color:var(--sf-amber);font-size:18px;margin-top:3px}
.sf-footer-tile small{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7d84a8}
.sf-footer-tile strong{display:block;color:#fff;font-size:13.5px;margin-top:3px;overflow-wrap:anywhere}
.sf-footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.1fr);gap:0;padding:40px 0 44px}
.sf-footer-grid>div{padding:0 26px;border-left:1px solid rgba(255,255,255,.1);min-width:0}
.sf-footer-grid>div:first-child{border-left:0;padding-left:0}
.sf-footer-brand img{height:44px;width:auto;margin-bottom:16px}
.sf-footer-brand p{font-size:13.5px;line-height:1.65;margin-bottom:18px}
.sf-footer-social{display:flex;gap:10px}
.sf-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:14px;transition:all .2s}
.sf-footer-social a:hover{background:var(--sf-amber);border-color:var(--sf-amber);color:var(--sf-ink-deep)}
.sf-footer-col span{display:block;color:#fff;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.sf-footer-col nav{display:flex;flex-direction:column;gap:9px}
.sf-footer-col nav a{font-size:13.5px;color:#aeb5d4}
.sf-footer-col nav a:hover{color:var(--sf-amber)}
.sf-footer-news p{font-size:13px;line-height:1.6;margin-bottom:14px}
.sf-newsform{display:flex;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.sf-newsform input{flex:1;border:0;border-radius:0;background:rgba(255,255,255,.06);color:#fff;min-width:0}
.sf-newsform input::placeholder{color:#7d84a8}
.sf-newsform button{background:var(--sf-amber);color:var(--sf-ink-deep);padding:0 18px;font-size:15px}
.sf-newsform button:hover{background:var(--sf-amber-dk)}
.sf-footer-base{border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22)}
.sf-footer-base-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-size:12.5px;flex-wrap:wrap}
.sf-footer-legal{display:flex;gap:20px}
.sf-footer-legal a:hover{color:var(--sf-amber)}

/* ============ Shared components ============ */
/* Modal */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(16,20,40,.68);z-index:5000;align-items:center;justify-content:center;padding:20px}
.modal-overlay.on{display:flex}
.modal-box{position:relative;background:#fff;border-radius:16px;border-top:5px solid var(--sf-amber);max-width:560px;width:100%;padding:34px;max-height:90vh;overflow-y:auto}
.modal-box h3{font-size:21px;color:var(--sf-ink);margin-bottom:8px}
.modal-desc{font-size:13.5px;color:var(--sf-mut);margin-bottom:20px}
.modal-box form{display:flex;flex-direction:column;gap:14px}
.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:var(--sf-mut);cursor:pointer;border:1.5px solid var(--sf-line);transition:all .2s}
.modal-close:hover{color:#fff;background:var(--sf-ink);border-color:var(--sf-ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:14.5px;padding:13px 24px;border-radius:10px;cursor:pointer;transition:all .25s;border:2px solid transparent}
.btn-primary{background:var(--sf-amber);color:var(--sf-ink-deep);border-color:var(--sf-amber)}
.btn-primary:hover{background:var(--sf-amber-dk);border-color:var(--sf-amber-dk)}
/* Success overlay */
.success-overlay{position:fixed;inset:0;background:rgba(16,20,40,.68);z-index:6000;display:flex;align-items:center;justify-content:center;padding:20px}
.success-box{background:#fff;border-radius:16px;padding:40px;text-align:center;max-width:420px;width:100%}
.success-icon i{font-size:52px;color:var(--sf-green)}
.success-box h3{font-size:21px;color:var(--sf-ink);margin:16px 0 8px}
.success-box p{font-size:14px;color:var(--sf-mut);margin-bottom:22px}
/* Toast */
.toast-notify{position:fixed;left:50%;bottom:104px;transform:translateX(-50%) translateY(16px);background:var(--sf-ink);color:#fff;padding:13px 22px;border-radius:12px;box-shadow:var(--sf-shadow);display:flex;align-items:center;gap:14px;z-index:7000;opacity:0;transition:all .3s;font-size:14px;max-width:calc(100vw - 32px)}
.toast-notify.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast-notify a{color:var(--sf-amber);font-weight:700;white-space:nowrap}
/* Floats */
.wa-float{position:fixed;right:22px;bottom:96px;width:52px;height:52px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(37,211,102,.4);z-index:900;transition:transform .25s}
.wa-float:hover{transform:scale(1.08)}
.back-to-top{position:fixed;right:22px;bottom:36px;width:46px;height:46px;border-radius:12px;background:var(--sf-ink);color:var(--sf-amber);display:flex;align-items:center;justify-content:center;z-index:900;opacity:0;visibility:hidden;transition:all .3s}
.back-to-top.show{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--sf-amber);color:var(--sf-ink-deep)}
/* Mobile inquiry bar */
.mobile-inquiry-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1500;background:#fff;border-top:1px solid var(--sf-line);box-shadow:0 -8px 24px rgba(31,37,70,.12);padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px}
.mib-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;font-weight:700;font-size:14px}
.mib-quote{background:var(--sf-amber);color:var(--sf-ink-deep)}
.mib-wa{background:var(--sf-green);color:#fff}

/* Reveal */
.sf-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}
.sf-reveal.in{opacity:1;transform:none}

/* Detail content (rich text) */
.detail-content{font-size:15px;line-height:1.75;color:var(--sf-txt);min-width:0;overflow-wrap:break-word}
.detail-content h2{font-size:22px;color:var(--sf-ink);margin:28px 0 14px;padding-left:14px;border-left:4px solid var(--sf-amber)}
.detail-content h3{font-size:18px;color:var(--sf-ink);margin:22px 0 12px}
.detail-content p{margin:12px 0}
.detail-content ul,.detail-content ol{margin:12px 0;padding-left:24px}
.detail-content ul{list-style:disc}
.detail-content ol{list-style:decimal}
.detail-content li{margin:6px 0}
.detail-content img{border-radius:10px;margin:14px 0}
.detail-content a{color:var(--sf-green);text-decoration:underline}
.detail-content blockquote{border-left:4px solid var(--sf-amber);background:var(--sf-sand);padding:14px 18px;border-radius:0 10px 10px 0;margin:16px 0}
/* Tables in rich text */
.detail-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:16px 0}
.detail-content table th,.detail-content table td{border:1px solid var(--sf-line);padding:10px 14px;font-size:14px;text-align:left;min-width:90px}
.detail-content table th{background:var(--sf-sand);color:var(--sf-ink);font-weight:700}
.tablewrap{position:relative;margin:16px 0}
.tablewrap .detail-content table,.tablewrap table{margin:0}
.tablewrap-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tablewrap-scroll table{display:table;width:100%}
.tablewrap.is-scrollable::after{content:"";position:absolute;top:0;right:0;bottom:0;width:34px;background:linear-gradient(90deg,transparent,rgba(31,37,70,.14));pointer-events:none;border-radius:0 10px 10px 0}
.tablewrap.is-scrollable.at-end::after{display:none}

/* Pagination */
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;margin-bottom:40px;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex}
.pagination a,.pagination span a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--sf-line);border-radius:10px;font-size:14px;font-weight:600;color:var(--sf-ink);transition:all .2s;background:#fff}
.pagination a:hover{border-color:var(--sf-amber);color:var(--sf-amber-dk)}
.pagination span.active a{border-color:var(--sf-ink);background:var(--sf-ink);color:#fff}
.pagination .pageinfo{border:0;background:none;color:var(--sf-mut);font-size:13px;padding:0 6px}
.pagination i.iconfont{font-style:normal;line-height:1}
.pagination i.icon-arrow5::before{content:"\2039";font-size:18px}
.pagination i.icon-arrow6::before{content:"\203A";font-size:18px}
.pagination a:focus-visible{outline:2px solid var(--sf-amber);outline-offset:2px}

/* ============ Responsive ============ */
@media (max-width:1100px){
  .sf-nav{display:none}
  .sf-burger{display:flex}
  .sf-headcta{display:none}
  .sf-hero-in{grid-template-columns:1fr;gap:36px}
  .sf-doctiles-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-prodgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sf-marketgrid,.sf-journey,.sf-capgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-certrow{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sf-catsplit,.sf-mfg,.sf-catalogsplit{grid-template-columns:1fr;gap:36px}
  .sf-about-editorial{grid-template-columns:1fr}
  .sf-pullquote{position:static}
  .sf-faqsplit{grid-template-columns:1fr}
  .sf-faqpage{grid-template-columns:1fr}
  .sf-faqside{position:static}
  .sf-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}
  .sf-footer-grid>div{border-left:0;padding:0}
}
@media (max-width:900px){
  .sf-floatbar{gap:12px;padding:9px 14px}
  .sf-tools{gap:8px}
  .sf-logo img{height:38px}
  .sf-utility-in{flex-direction:column;gap:5px;align-items:flex-start}
  .sf-utility-links{flex-wrap:wrap;gap:12px}
  .sf-titleblock-in{grid-template-columns:1fr;gap:24px}
  .sf-pdp{grid-template-columns:minmax(0,1fr);gap:32px}
  .sf-prodgrid,.sf-prodgrid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-blogtrio,.sf-maggrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-magcard:first-child{flex-direction:column}
  .sf-magcard:first-child .sf-magcard-media{aspect-ratio:16/9;min-height:0;flex:none}
  .sf-docgrid{grid-template-columns:1fr}
  .sf-chantiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-solread-after{grid-template-columns:1fr}
  .sf-specgrid{grid-template-columns:1fr}
  .sf-relateds,.sf-certrow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sf-catsplit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-solrow,.sf-solrow:nth-child(even){flex-direction:column;text-align:left;align-items:flex-start}
  .sf-solrow:nth-child(even) .sf-solrow-body{align-items:flex-start}
  .sf-solrow-media{width:100%;flex:none;height:150px}
  .sf-solidx{flex-wrap:wrap}
  .sf-solidx-media{flex:1 1 100%;width:100%;height:160px}
  body.safeline-theme{padding-bottom:76px}
  .mobile-inquiry-bar{display:flex}
  .wa-float{bottom:150px;right:16px}
  .back-to-top{bottom:92px;right:16px}
  .sf-footer{padding-bottom:8px}
}
@media (max-width:600px){
  .sf-wrap{width:calc(100% - 32px)}
  .sf-sec{padding:48px 0}
  .sf-hero{padding:52px 0 76px}
  .sf-hero-cta .sf-btn{width:100%;justify-content:center}
  .sf-doctiles-in{grid-template-columns:1fr}
  .sf-prodgrid,.sf-prodgrid-3{grid-template-columns:1fr}
  .sf-blogtrio,.sf-maggrid{grid-template-columns:1fr}
  .sf-marketgrid,.sf-journey,.sf-capgrid{grid-template-columns:1fr}
  .sf-relateds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-certrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-catsplit-grid{grid-template-columns:1fr}
  .sf-chantiles{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .sf-band{padding:24px;flex-direction:column;align-items:flex-start}
  .sf-headrow{flex-direction:column;align-items:flex-start}
  .sf-footer-tiles{grid-template-columns:1fr}
  .sf-footer-grid{grid-template-columns:1fr}
  .sf-footer-rfq-actions{width:100%;flex-direction:column}
  .sf-footer-rfq-actions .sf-btn{justify-content:center}
  .sf-ctaband-actions{width:100%}
  .sf-pager{grid-template-columns:1fr}
  .sf-pager-next{text-align:left}
  .sf-timeline::before{left:23px}
  .sf-tlrow{gap:16px}
  .sf-tlrow-num{width:48px;height:48px;flex:0 0 48px;font-size:14px}
  .sf-valuelist li{gap:16px}
  .sf-valuelist-num{flex:0 0 44px;font-size:22px}
  .sf-solread-box{padding:22px;margin-top:-50px}
  .sf-legaldoc-head,.sf-legaldoc-body{padding:24px 20px}
  .sf-contactform{padding:24px 20px}
  .sf-quotestep{padding:22px 18px}
  .sf-qrow{flex-wrap:wrap}
  .sf-qrow h3{flex:1 1 calc(100% - 90px)}
  .sf-qty{margin-left:86px}
  .sf-gallery-thumbs button{width:64px;height:64px;flex:0 0 64px}
  .sf-gallery-nav{width:34px;height:34px;font-size:13px}
  .sf-gallery-prev{left:8px}
  .sf-gallery-next{right:8px}
  .sf-titleblock-main h1{overflow-wrap:anywhere}
  .sf-floatbar{gap:10px;padding:8px 12px}
  .sf-tool-btn,.sf-burger{width:40px;height:40px;flex:0 0 40px}
  .sf-logo img{height:32px}
  /* Stacked tables on small screens */
  .tablewrap .table-stack thead{display:none}
  .tablewrap .table-stack,.tablewrap .table-stack tbody,.tablewrap .table-stack tr,.tablewrap .table-stack td{display:block;width:100%}
  .tablewrap .table-stack tr{border:1px solid var(--sf-line);border-radius:10px;margin-bottom:12px;overflow:hidden}
  .tablewrap .table-stack td{border:0;border-bottom:1px solid var(--sf-line);min-width:0}
  .tablewrap .table-stack td:last-child{border-bottom:0}
  .tablewrap .table-stack td::before{content:attr(data-label);display:block;font-weight:700;color:var(--sf-ink);font-size:12.5px;margin-bottom:3px}
}