/* STEELCO GUJARAT — Equipment & Capabilities catalogue page.
   Carousel styles lifted verbatim from the homepage section it replaces. */
body.page-equipment{background:#0a0a0c}
#infra-immersive{position:relative;z-index:1}

/* ===== Equipment & Capabilities (conveyor) — replaces old infra accordion ===== */
#infra-immersive{position:relative !important;height:100vh !important;min-height:100vh !important;z-index:3;background:#08080A !important;border:none !important;padding:0 !important;margin:0 !important;display:block !important;overflow:visible !important}
#infra-immersive::before,#infra-immersive::after{content:none !important;background:none !important}
.eqc-pin{position:absolute;top:0;left:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;background:#08080A;
  --eqc-o:#FF4D00;--eqc-mono:'JetBrains Mono',ui-monospace,monospace;--eqc-sans:'Inter',system-ui,sans-serif;--eqc-glow:100}
.eqc-pin.eqc-fixed{position:fixed;top:0;left:0}
.eqc-pin.eqc-end{position:absolute;top:auto;bottom:0}
.eqc-backdrop{position:absolute;inset:0;z-index:0}
.eqc-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(1px) saturate(1.03) brightness(1.04)}
.eqc-backdrop .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.62) 0%,rgba(8,8,10,0) 26%,rgba(8,8,10,0) 72%,rgba(8,8,10,.6) 100%),radial-gradient(135% 105% at 50% 42%,transparent 54%,rgba(8,8,10,.42))}
.eqc-sectitle{position:absolute;left:44px;top:98px;z-index:6;pointer-events:none;filter:drop-shadow(0 3px 16px rgba(0,0,0,.55))}
.eqc-sectitle .se{display:block;font:500 11px var(--eqc-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--eqc-o);margin-bottom:12px}
.eqc-sectitle h1{font:800 clamp(28px,3.5vw,60px)/.9 var(--eqc-sans);letter-spacing:-.04em;color:#fff;margin:0}
.eqc-sectitle .fillw{color:#fff}
.eqc-sectitle .outl{color:transparent;-webkit-text-stroke:1.5px #fff}
.eqc-sectitle .amp{color:var(--eqc-o)}
.eqc-procline{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);z-index:1;background:linear-gradient(90deg,transparent,rgba(255,77,0,.4) 14%,var(--eqc-o) 50%,rgba(255,77,0,.4) 86%,transparent);box-shadow:0 0 calc(var(--eqc-glow)*0.7px) calc(var(--eqc-glow)*0.07px) rgba(255,77,0,.6),0 0 calc(var(--eqc-glow)*1.9px) rgba(255,77,0,.32)}
.eqc-procdot{position:absolute;left:50%;top:50%;width:calc(110px + var(--eqc-glow)*1.9px);height:calc(38px + var(--eqc-glow)*0.6px);transform:translate(-50%,-50%);z-index:1;pointer-events:none;background:radial-gradient(closest-side,rgba(255,77,0,.6),transparent 72%);filter:blur(4px);mix-blend-mode:screen;opacity:calc(.28 + var(--eqc-glow)/100*0.72)}
.eqc-track{display:flex;width:100%;height:100%;position:relative;z-index:2;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;will-change:scroll-position}.eqc-track::-webkit-scrollbar{display:none}
.eqc-stage{width:100vw;flex:0 0 100vw;scroll-snap-align:start;height:100%;display:flex;align-items:center;justify-content:center;gap:5vw;padding:0 6vw}
.eqc-imgcard{flex:none;width:min(42vw,560px);background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:16px;transform:scale(.97);opacity:.97;box-shadow:0 44px 100px -52px rgba(0,0,0,.75);transition:transform .55s cubic-bezier(.2,.6,.2,1),opacity .55s,box-shadow .55s}
.eqc-stage.active .eqc-imgcard,.eqc-stage:hover .eqc-imgcard{transform:scale(1);opacity:1;box-shadow:0 56px 120px -46px rgba(0,0,0,.85)}
.eqc-imgwrap{position:relative;height:56vh;border-radius:11px;overflow:hidden;background:#e9e9ec}
.eqc-imgwrap img{width:100%;height:100%;object-fit:cover;opacity:.96;transform:scale(1.02);transition:transform 1.1s ease,opacity .55s}
.eqc-stage.active .eqc-imgwrap img,.eqc-stage:hover .eqc-imgwrap img{transform:scale(1.07);opacity:1}
.eqc-panel{flex:none;width:min(34vw,470px);background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:38px;box-shadow:0 44px 100px -56px rgba(0,0,0,.6);transition:border-color .4s,box-shadow .4s}
.eqc-stage.active .eqc-panel,.eqc-stage:hover .eqc-panel{border-color:rgba(255,77,0,.45);box-shadow:0 52px 110px -50px rgba(233,85,10,.32)}
.eqc-ey{display:flex;align-items:center;gap:16px;font:500 12px var(--eqc-mono);letter-spacing:.28em;text-transform:uppercase;color:#8a8f99}
.eqc-ey .dash{width:32px;height:1px;background:var(--eqc-o);flex:none}
.eqc-ey .eyt{white-space:nowrap}
.eqc-ey .exp{margin-left:auto;width:18px;height:18px;position:relative;flex:none}
.eqc-ey .exp::before,.eqc-ey .exp::after{content:"";position:absolute;background:var(--eqc-o);border-radius:2px;transition:.45s cubic-bezier(.2,.6,.2,1)}
.eqc-ey .exp::before{left:50%;top:1px;bottom:1px;width:2px;transform:translateX(-50%)}
.eqc-ey .exp::after{top:50%;left:1px;right:1px;height:2px;transform:translateY(-50%)}
.eqc-stage.active .eqc-ey .exp::before,.eqc-stage:hover .eqc-ey .exp::before{transform:translateX(-50%) scaleY(0)}
.eqc-panel h2{font:800 clamp(36px,5vw,62px)/1 var(--eqc-sans);letter-spacing:-.035em;color:#15181d;margin:22px 0 0}
.eqc-desc{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.2,.6,.2,1),opacity .45s ease,margin-top .45s}
.eqc-desc p{font:400 clamp(15px,1.2vw,18px)/1.6 var(--eqc-sans);color:#525a66;margin:0}
.eqc-stage.active .eqc-desc,.eqc-stage:hover .eqc-desc{max-height:320px;opacity:1;margin-top:22px}
.eqc-more-row{display:flex;justify-content:flex-end;margin-top:24px}
.eqc-more{display:inline-flex;align-items:center;gap:9px;font:600 12.5px var(--eqc-sans);color:var(--eqc-o);border:1px solid rgba(255,77,0,.45);border-radius:999px;padding:10px 18px;text-decoration:none;transition:background .22s,color .22s,border-color .22s,box-shadow .22s;white-space:nowrap}
.eqc-more .ar{transition:transform .22s}
.eqc-more:hover{background:var(--eqc-o);color:#fff;border-color:var(--eqc-o);box-shadow:0 12px 28px -12px rgba(255,77,0,.6)}
.eqc-more:hover .ar{transform:translateX(3px)}
.eqc-flow{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:18px;padding:13px 26px;border-radius:999px;border:1px solid var(--rule);background:#fff;box-shadow:0 8px 24px -10px rgba(20,18,16,.18)}
.eqc-flow .lab{font:400 11px var(--eqc-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2)}
.eqc-flow .bar{width:140px;height:2px;background:#e7e4e0;border-radius:2px;overflow:hidden}
.eqc-flow .bar span{display:block;height:100%;width:0;background:var(--eqc-o)}
.eqc-glowctl{position:absolute;right:30px;bottom:42px;z-index:9;display:flex;align-items:center;gap:13px;padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,10,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.eqc-glowctl .gl{font:400 10px var(--eqc-mono);letter-spacing:.2em;text-transform:uppercase;color:#9a9aa2;white-space:nowrap}
.eqc-glowctl .gv{font:500 11px var(--eqc-mono);color:var(--eqc-o);min-width:26px;text-align:right}
.eqc-glowctl input[type=range]{-webkit-appearance:none;appearance:none;width:120px;height:3px;border-radius:3px;background:#3a3a40;outline:none;cursor:pointer}
.eqc-glowctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--eqc-o);cursor:pointer;box-shadow:0 0 10px rgba(255,77,0,.7)}
.eqc-glowctl input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:var(--eqc-o);cursor:pointer;box-shadow:0 0 10px rgba(255,77,0,.7)}
@media(max-width:760px){
  #infra-immersive{height:auto !important}
  .eqc-arrow{display:none}
  .eqc-pin{position:relative;height:auto;display:block;padding:96px 0 60px}
  .eqc-track{flex-direction:column;width:auto;transform:none !important;gap:34px;overflow:visible;scroll-snap-type:none}
  .eqc-stage{width:auto;flex:0 0 auto;scroll-snap-align:none;flex-direction:column;gap:18px;padding:0 6vw}
  .eqc-imgwrap{height:32vh}.eqc-imgcard,.eqc-panel{width:88vw;max-width:560px}
  .eqc-desc{max-height:none !important;opacity:1 !important;margin-top:18px !important}
  .eqc-sectitle{position:static;margin:0 6vw 24px}.eqc-sectitle h1{font-size:clamp(26px,8vw,44px)}
  .eqc-procline,.eqc-procdot,.eqc-flow{display:none}
  .eqc-glowctl{position:fixed;right:12px;bottom:12px;padding:8px 12px;z-index:60}.eqc-glowctl .gl{display:none}
}
@media (prefers-reduced-motion:reduce){.eqc-imgwrap img,.eqc-imgcard,.eqc-desc{transition:none}}

/* ===== swipe carousel: drag cursor + side arrows (mirrors .film-arr) ===== */
.eqc-pin{cursor:grab}
.eqc-pin.eqc-grabbing{cursor:grabbing}
.eqc-track,.eqc-track img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.eqc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:7;width:54px;height:54px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 10px 30px -10px rgba(0,0,0,.55)}
.eqc-prev{left:32px}
.eqc-next{right:32px}
.eqc-arrow:hover{background:var(--eqc-o);border-color:var(--eqc-o);color:#fff;transform:translateY(-50%) scale(1.05)}
.eqc-arrow:active{transform:translateY(-50%) scale(.97)}
.eqc-arrow svg{width:22px;height:22px}
.eqc-arrow:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}
.eqc-arrow:focus-visible{outline:2px solid var(--eqc-o);outline-offset:3px}