/* Premium editorial redesign for Jekath Fibertronics. */
:root{--jf-ink:#1d1d1f;--jf-muted:#6e6e73;--jf-blue:#06c;--jf-blue-dark:#004f9f;--jf-orange:#e87500;--jf-canvas:#f5f5f7;--jf-line:rgba(29,29,31,.1);--jf-radius:28px;--jf-shadow:0 20px 60px rgba(0,0,0,.07)}
html{scroll-behavior:smooth;background:var(--jf-canvas)}
body,button,input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif!important}
body{background:var(--jf-canvas)!important;color:var(--jf-ink)!important;letter-spacing:-.012em;-webkit-font-smoothing:antialiased}
#canvas-container{display:none!important}
body>nav.fixed{min-height:56px;padding-block:7px!important;background:rgba(250,250,252,.86)!important;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important}
body>nav.fixed>div{max-width:1180px!important}body>nav.fixed img{height:38px!important}
.nav-link{color:#37373a!important;font-size:.82rem!important;font-weight:500!important;letter-spacing:0!important;padding:.55rem .1rem!important}
.nav-link:hover,.nav-link.active{color:var(--jf-blue)!important}body>nav.fixed .hidden.md\:flex{gap:1.45rem!important}
body>nav.fixed a[onclick="openWhatsapp()"]{padding:.55rem 1rem!important;border-radius:999px!important;background:var(--jf-blue)!important;box-shadow:none!important;font-size:.8rem}
#mobile-menu{background:rgba(250,250,252,.98)!important;color:var(--jf-ink)}
.page-section{padding-top:56px!important;background:var(--jf-canvas)}.page-section>.container{max-width:1180px!important}
.page-section h1,.page-section h2,.page-section h3{color:var(--jf-ink);letter-spacing:-.035em}.page-section h1{font-weight:700!important}.page-section p{color:var(--jf-muted)}
.glass-card{background:rgba(255,255,255,.95)!important;border:0!important;border-radius:var(--jf-radius)!important;box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 36px rgba(0,0,0,.035)!important;backdrop-filter:none!important}
.glass-card:hover{transform:translateY(-3px);box-shadow:var(--jf-shadow)!important}
#home-section{overflow:hidden}
#home-section>.container:first-child{max-width:none!important;min-height:820px!important;padding:64px max(24px,calc((100vw - 1180px)/2)) 44px!important;background:radial-gradient(circle at 82% 16%,rgba(0,102,204,.11),transparent 30%),radial-gradient(circle at 16% 70%,rgba(232,117,0,.08),transparent 27%),linear-gradient(180deg,#fff 0%,#f5f5f7 100%)}
#home-section>.container:first-child>.grid{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;gap:clamp(40px,6vw,88px)!important}
.hero-kicker{border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.hero-kicker span{color:var(--jf-orange)!important;font-size:.76rem!important;letter-spacing:.16em!important}
#home-section h1{max-width:760px;font-size:clamp(3.4rem,6.1vw,6.15rem)!important;line-height:.91!important;letter-spacing:-.065em!important}
.gradient-text{background:linear-gradient(90deg,var(--jf-blue) 4%,#1582e8 58%,var(--jf-orange) 108%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.seo-rotator-wrap{min-height:54px;padding:12px 17px!important;border:1px solid var(--jf-line)!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important}
.seo-rotator-label{color:var(--jf-muted)!important;font-size:.8rem!important}.seo-term{color:var(--jf-ink)!important;font-weight:600!important}
#home-section .animate-entry>p.text-lg{max-width:650px!important;font-size:clamp(1.06rem,1.4vw,1.3rem)!important;line-height:1.55!important}
#home-section button,#home-section .animate-entry a{border-radius:999px!important}
#home-section button[onclick="navigateTo('products')"]{background:var(--jf-blue)!important;box-shadow:none!important;padding:.9rem 1.5rem!important;font-size:1rem!important}
#home-section button[onclick="toggleAiChat()"]{border:1px solid var(--jf-line)!important;background:#fff!important;color:var(--jf-blue)!important;padding:.9rem 1.5rem!important;font-size:1rem!important}
.hero-social-showcase{padding:26px!important;border:0!important;border-radius:32px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 30px 90px rgba(0,35,72,.13)!important}
.hero-social-showcase h2{font-size:1.65rem!important}.hero-social-showcase .poster-marquee{border-radius:20px!important;background:#eef2f6!important}.poster-card{border-radius:16px!important;box-shadow:0 8px 26px rgba(0,0,0,.09)!important}.poster-progress{color:var(--jf-muted)!important}
#home-section>.container:nth-of-type(2){padding-top:76px!important;padding-bottom:110px!important}#home-section>.container:nth-of-type(2)>.grid{gap:18px!important}
#home-section>.container:nth-of-type(2) .glass-card{min-height:245px;padding:34px!important;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
#home-section>.container:nth-of-type(2) .glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,102,204,.09),transparent 54%);pointer-events:none}
#home-section>.container:nth-of-type(2) .glass-card:nth-child(2):before{background:linear-gradient(145deg,rgba(232,117,0,.1),transparent 54%)}
#home-section>.container:nth-of-type(2) .glass-card>div:first-child{position:absolute;top:30px;right:30px;width:58px!important;height:58px!important;margin:0!important;border-radius:50%!important}
#home-section>.container:nth-of-type(2) .glass-card h3{font-size:1.55rem!important}
#about-section>.container,#products-section>.container,#blogs-section>.container,#news-section>.container,#contact-section>.container{padding-top:82px!important;padding-bottom:110px!important}
#about-section>.container>div:first-child,#products-section>.container>div:first-child,#blogs-section>.container>div:first-child,#news-section>.container>div:first-child,#contact-section>.container>div:first-child{margin-bottom:64px!important}
#about-section h1,#products-section h1,#blogs-section h1,#news-section h1,#contact-section h1{font-size:clamp(3.1rem,6vw,5.7rem)!important;line-height:.98!important}
#about-section>.container>div:first-child>p,#products-section>.container>div:first-child>p,#blogs-section>.container>div:first-child>p,#news-section>.container>div:first-child>p,#contact-section>.container>div:first-child>p{max-width:760px!important;font-size:1.2rem!important;line-height:1.55!important}
#products-section{background:#fff!important}
#products-section .tab-btn{padding:.72rem 1rem!important;border:0!important;border-radius:999px;background:#f2f2f4;color:#515154!important;font-size:.92rem!important;white-space:nowrap}
#products-section .tab-btn.active{background:var(--jf-ink)!important;color:#fff!important}
#products-section .flex.flex-wrap.justify-center.gap-4{padding-bottom:4px;border:0!important;gap:10px!important}
#products-section .tab-content{gap:22px!important}
#products-section .tab-content>.glass-card{border-radius:26px!important;background:var(--jf-canvas)!important;box-shadow:none!important;transition:transform .35s ease,box-shadow .35s ease!important}
#products-section .tab-content>.glass-card:hover{transform:translateY(-6px)!important;box-shadow:0 24px 60px rgba(0,0,0,.1)!important}
#products-section .tab-content>.glass-card>.h-64,#products-section .tab-content>.glass-card>.h-48{height:290px!important;background:linear-gradient(180deg,#fafafa,#f0f0f2)!important}
#products-section .tab-content>.glass-card img{object-fit:contain!important;padding:22px;mix-blend-mode:multiply}
#products-section .tab-content>.glass-card h3{font-size:1.65rem!important}#products-section .tab-content>.glass-card .p-6{padding:28px!important}
.view-details-chip{top:18px!important;right:18px!important;bottom:auto!important;padding:.55rem .8rem!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:var(--jf-blue)!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important}
.product-name-link{color:var(--jf-ink)!important}.product-name-link:hover{color:var(--jf-blue)!important}.product-card-actions{border-top-color:var(--jf-line)!important}
.product-card-actions a,.product-card-actions button,#products-section .tab-content>.glass-card .grid a,#products-section .tab-content>.glass-card .grid button{border-radius:999px!important;box-shadow:none!important}
#blogs-section,#contact-section{background:var(--jf-canvas)!important}#about-section,#news-section{background:#fff!important}
#blogs-section article.glass-card,#news-section .glass-card{border-radius:26px!important;overflow:hidden}
#blogs-section article.glass-card img,#news-section .glass-card img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
#blogs-section article.glass-card:hover img,#news-section .glass-card:hover img{transform:scale(1.035)}
#blogs-section article h3{font-size:1.5rem!important;line-height:1.12!important}
#about-section .rounded-\[2rem\],#contact-section .rounded-\[2rem\]{border-radius:30px!important;box-shadow:none!important}
.cart-trigger,.cart-fab{border:0!important;background:var(--jf-ink)!important;color:#fff!important;box-shadow:0 12px 32px rgba(0,0,0,.2)!important}
.cart-panel{border-radius:24px!important;border:0!important;box-shadow:0 28px 90px rgba(0,0,0,.22)!important}footer{background:#111113!important}
body>.site-header{min-height:58px;background:rgba(250,250,252,.88)!important;border-bottom:1px solid var(--jf-line)!important;box-shadow:none!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.site-header .brand img{height:38px!important;width:auto!important}.site-header nav a{font-size:.86rem!important;color:#3a3a3c!important}.site-header nav a:hover{color:var(--jf-blue)!important}
body>main .hero{max-width:1240px!important;padding-top:66px!important}body>main .hero-grid{gap:clamp(44px,7vw,96px)!important;align-items:center!important}
.product-media{min-height:590px;border:0!important;border-radius:32px!important;background:linear-gradient(145deg,#fafafa,#ededf0)!important;box-shadow:none!important}
.product-media img{max-height:490px!important;object-fit:contain!important;mix-blend-mode:multiply}
.product-media .category{border-radius:999px!important;background:#fff!important;color:var(--jf-blue)!important;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.hero-copy .eyebrow,.section-kicker{color:var(--jf-orange)!important;letter-spacing:.12em!important}
.hero-copy h1{font-size:clamp(3.1rem,5.5vw,5.5rem)!important;line-height:.94!important;letter-spacing:-.06em!important}
.hero-copy .lead{color:var(--jf-muted)!important;font-size:1.28rem!important;line-height:1.5!important}
.assurance{border-top:1px solid var(--jf-line)!important;border-bottom:1px solid var(--jf-line)!important}
.button{border-radius:999px!important;box-shadow:none!important}.button.primary{background:var(--jf-blue)!important}.button.primary:hover{background:var(--jf-blue-dark)!important}
.content-section,.closing-cta{border-radius:30px!important;box-shadow:none!important}.content-section{background:#fff!important;border-color:var(--jf-line)!important}
.fit-card,.support-grid article,.faq details{border-radius:20px!important;border-color:var(--jf-line)!important;background:var(--jf-canvas)!important;box-shadow:none!important}.closing-cta{background:var(--jf-ink)!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1023px){#home-section>.container:first-child{min-height:auto!important;padding-top:82px!important}#home-section>.container:first-child>.grid{grid-template-columns:1fr!important}.hero-social-showcase{max-width:760px}.product-media{min-height:450px}}
@media(max-width:767px){body>nav.fixed{min-height:54px}body>nav.fixed img{height:34px!important}.page-section{padding-top:54px!important}#home-section>.container:first-child{padding:62px 20px 34px!important}#home-section h1{font-size:clamp(3rem,15vw,4.5rem)!important;line-height:.92!important}.seo-rotator-wrap{min-height:70px;align-items:flex-start!important}#home-section .animate-entry>p.text-lg{font-size:1.05rem!important}#home-section .animate-entry>.flex.flex-wrap.gap-4{flex-direction:column}#home-section .animate-entry>.flex.flex-wrap.gap-4 button{width:100%;justify-content:center}.hero-social-showcase{margin-inline:-4px;padding:18px!important;border-radius:24px!important}#home-section>.container:nth-of-type(2){padding:42px 20px 72px!important}#home-section>.container:nth-of-type(2) .glass-card{min-height:210px}#about-section>.container,#products-section>.container,#blogs-section>.container,#news-section>.container,#contact-section>.container{padding:58px 20px 78px!important}#about-section h1,#products-section h1,#blogs-section h1,#news-section h1,#contact-section h1{font-size:clamp(2.9rem,14vw,4rem)!important}#products-section .flex.flex-wrap.justify-center.gap-4{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}#products-section .flex.flex-wrap.justify-center.gap-4::-webkit-scrollbar{display:none}#products-section .tab-content>.glass-card>.h-64,#products-section .tab-content>.glass-card>.h-48{height:255px!important}.product-media{min-height:350px;border-radius:24px!important}.hero-copy h1{font-size:clamp(2.75rem,13vw,4rem)!important}.content-section,.closing-cta{border-radius:24px!important}}