/* ═══════════════════════════════════════════════════════
   KUBER PRODUCTS — SHARED STYLESHEET
   Covers: header, footer, page-hero, sections, buttons,
           reveal animations, mobile optimisations.
   Desktop layout is NEVER changed here.
   All mobile-only rules are inside @media (max-width:768px).
═══════════════════════════════════════════════════════ */

/* ── RESET & ROOT ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#1A2B4A;--white:#fff;--accent:#eb5924;--light-bg:#f5f5f5}
html{scroll-behavior:smooth;overflow-x:hidden;font-size:18px}
body{font-family:'Open Sans',sans-serif;color:var(--primary);background:var(--white);overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif}

/* ── SCROLL REVEAL ── */
/* opacity:0 only on desktop — mobile always shows content immediately */
@media (min-width: 769px) {
  [data-reveal]{opacity:0;transition:opacity .6s ease,transform .6s ease}
  [data-reveal="fade-up"]{transform:translateY(32px)}
  [data-reveal="fade-right"]{transform:translateX(-32px)}
  [data-reveal="fade-left"]{transform:translateX(32px)}
  [data-reveal="zoom-in"]{transform:scale(.92)}
  [data-reveal].revealed{opacity:1;transform:none}
  [data-reveal][data-delay="100"]{transition-delay:.1s}
  [data-reveal][data-delay="200"]{transition-delay:.2s}
  [data-reveal][data-delay="300"]{transition-delay:.3s}
  [data-reveal][data-delay="400"]{transition-delay:.4s}
  [data-reveal][data-delay="500"]{transition-delay:.5s}
}

/* ── HEADER ── */
header{position:fixed;top:0;left:0;right:0;z-index:9999;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 3%;height:76px;transition:background .4s ease,box-shadow .4s ease,height .4s ease}
header.scrolled{background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.1);height:62px}
.logo-img{height:52px;width:auto;display:block;object-fit:contain;transition:height .4s}
header.scrolled .logo-img{height:40px}
.header-right{display:flex;align-items:center}
nav{display:flex;align-items:center}
nav a{color:#fff;text-decoration:none;font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:0 1.1rem;height:76px;display:flex;align-items:center;border-bottom:3px solid transparent;transition:color .4s,border-color .25s,height .4s}
header.scrolled nav a{color:#333;height:62px}
header.scrolled nav a.active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}
nav a:hover{color:var(--accent);border-bottom-color:var(--accent)}
nav a.active{color:var(--accent);border-bottom-color:var(--accent)}
.hamburger{
  display:none;flex-direction:column;justify-content:center;align-items:center;
  gap:0;cursor:pointer;
  width:44px;height:44px;
  padding:0;
  background:none;border:none;outline:none;
  -webkit-appearance:none;appearance:none;
  border-radius:10px;
  position:relative;
  transition:background .25s ease;
  -webkit-tap-highlight-color:transparent;
}
.hamburger:hover{background:rgba(255,255,255,.12)}
header.scrolled .hamburger:hover{background:rgba(26,43,74,.08)}
.hamburger span{
  position:absolute;
  width:22px;height:2px;
  background:#fff;
  border-radius:2px;
  display:block;
  transition:transform .35s cubic-bezier(.4,0,.2,1),
             opacity .25s ease,
             background .3s ease,
             top .35s cubic-bezier(.4,0,.2,1);
  left:50%;transform-origin:center;
  margin-left:-11px;
}
.hamburger span:nth-child(1){top:13px}
.hamburger span:nth-child(2){top:19px}
.hamburger span:nth-child(3){top:25px}
header.scrolled .hamburger span{background:var(--primary)}
/* Open state — animated X */
.hamburger.open span:nth-child(1){top:19px;transform:rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){top:19px;transform:rotate(-45deg)}
/* When menu is open, always show dark X (visible on white header bg) */
header:has(.hamburger.open) .hamburger span{background:var(--primary)!important}

/* ── PAGE HERO ── */
.page-hero{position:relative;width:100%;height:456px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:-76px;padding-top:76px}
.page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.page-hero-bg--au{object-position:left 6%}
.page-hero-bg--cu{object-position:center 20%}
.page-hero::before{content:'';position:absolute;inset:0;background:rgba(15,25,45,.45);z-index:1}
/* White overlay on all page heroes (excludes Home which uses hero slider) */
.page-hero::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.55);z-index:2;pointer-events:none}
/* About page — full white overlay same as other pages */
.page-hero--au::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.55);z-index:2;pointer-events:none}
.page-hero-content{position:relative;z-index:2;text-align:center;color:var(--white);margin-top:0}
.page-hero-content h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:.6rem;letter-spacing:1px}
.breadcrumb{font-size:.88rem;opacity:.85}
.breadcrumb a{color:var(--white);text-decoration:none;transition:color .3s}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb span{margin:0 .4rem;opacity:.7}

/* ── SECTIONS ── */
.section{padding:48px 6%}
.section-label{font-size:.85rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;display:block}
.section-title{font-size:2.2rem;font-weight:800;color:var(--primary);margin-bottom:.6rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-sub{color:#666;font-size:1rem;line-height:1.8;max-width:700px;margin:0 auto 2.5rem}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.2rem;border-radius:6px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .3s ease,color .3s ease}
.btn::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);transition:left .5s ease;pointer-events:none}
.btn:hover::before{left:150%}
.btn:hover{transform:translateY(-3px)}
.btn-accent{background:var(--accent);color:var(--white);border:2px solid var(--accent);box-shadow:0 4px 18px rgba(235,89,36,.35)}
.btn-accent:hover{background:#d44e1e;border-color:#d44e1e;box-shadow:0 8px 28px rgba(235,89,36,.5);color:var(--white)}
.btn-pulse{position:relative}
.btn-pulse::after{content:'';position:absolute;inset:-2px;border-radius:8px;border:2px solid var(--accent);animation:pulse 2s infinite;pointer-events:none}
@keyframes pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}

/* ── QUOTE BOX ── */
.quote-wrapper{position:relative;z-index:10;max-width:920px;width:84%;margin:0 auto -80px}
.quote-box{background:#666;color:var(--white);border-radius:6px;padding:3.5rem 3rem;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.quote-box h2{font-family:'Montserrat',sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:.75rem;color:var(--white)}
.quote-box p{font-size:1.05rem;opacity:.85;margin-bottom:2rem;line-height:1.7}

/* ── FOOTER ── */
footer{background:#444;color:#aaa;padding:120px 5% 0;border-top:none}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:3rem;margin-bottom:2.5rem;align-items:start}
.footer-col h4{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:1.2rem}
.footer-col p{font-size:.95rem;line-height:1.85;color:#aaa}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:.55rem}
.footer-col ul li a{color:#aaa;text-decoration:none;font-size:.95rem;transition:color .3s}
.footer-col ul li a:hover{color:var(--accent)}
.footer-logo{height:48px;width:auto;margin-bottom:1rem;display:block}
.contact-item{display:flex;gap:.7rem;margin-bottom:.75rem;font-size:.95rem;align-items:flex-start;color:#aaa}
.contact-item svg{flex-shrink:0;margin-top:2px}
.contact-item a{color:#aaa;text-decoration:none;transition:color .3s;cursor:pointer}
.contact-item a:hover{color:var(--accent)}
.footer-social{margin-top:1rem;display:flex;align-items:center;gap:.8rem;flex-wrap:nowrap}
.footer-social p{font-size:.92rem;color:#888;margin-bottom:0;white-space:nowrap}
.social-icons{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center}
.social-icon{width:30px;height:30px;border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;transition:opacity .3s,transform .3s;text-decoration:none;flex-shrink:0}
.social-icon:hover{opacity:.85;transform:scale(1.08)}
.social-icon:hover svg{fill:#fff;stroke:#fff}
.social-icon svg{width:30px;height:30px;fill:#aaa;transition:fill .3s}
.social-icon[data-brand="linkedin"]:hover{opacity:.85}
.social-icon[data-brand="indiamart"]:hover{opacity:.85}
.social-icon[data-brand="instagram"]:hover{opacity:.85}
.social-icon[data-brand="justdial"]:hover{opacity:.85}
.footer-bottom{background:#333;border-top:2px solid var(--accent);margin:0 -5%;padding:1.1rem 5%;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#aaa;flex-wrap:wrap;gap:.5rem}
.footer-bottom-links{display:flex;gap:1.5rem}
.footer-bottom-links a{color:#aaa;text-decoration:none;font-size:.82rem;transition:color .3s}
.footer-bottom-links a:hover{color:var(--accent)}

/* ── TYPEWRITER / BLINK ── */
.typewriter-cursor{display:inline-block;color:var(--accent);font-weight:300;animation:blink .75s step-end infinite;margin-left:2px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* ── PRODUCT CARD ALIGNMENT (shared across all pages) ── */
.product-card{display:flex;flex-direction:column}
.product-info{display:flex;flex-direction:column;flex:1;padding:1.4rem 1.6rem 1.8rem}
.product-info h3{margin-bottom:.4rem}
.product-info p{flex:1;margin-bottom:1rem}
.explore-link-text,.enquire-btn{margin-top:auto}

/* Disable hover effects on touch devices — prevents double-tap issue */
@media(hover:none){
  .product-card:hover{box-shadow:none!important;transform:none!important}
  .product-card:hover .product-img-wrap img{transform:none!important}
  .product-card:hover .product-img-wrap img{transform:none!important}
}

/* ── TABLET ── */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}

/* ── MOBILE HEADER / NAV ── */
@media(max-width:768px){
  /* Hide hamburger + nav on pages that opt out of mobile nav */
  body.no-mobile-nav .hamburger{display:none!important}
  body.no-mobile-nav .header-right{display:none!important}

  /* Dropdown menu — always anchored below 52px header */
  .header-right{
    display:none;flex-direction:column;
    position:fixed;top:52px;left:0;right:0;
    background:var(--white);
    z-index:10000;
    padding:1rem 5%;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    max-height:calc(100vh - 52px);
    overflow-y:auto;
  }
  /* Scrolled state — same position */
  header.scrolled .header-right{
    top:52px;
    max-height:calc(100vh - 52px);
  }
  /* Inner pages always use compact header on mobile */
  body:has(.page-hero) .header-right{
    top:52px;
    max-height:calc(100vh - 52px);
  }
  .header-right.open{display:flex}
  nav{flex-direction:column;width:100%}
  nav a{
    height:auto;
    padding:.9rem 0;
    width:100%;
    border-bottom:1px solid #e8e8e8;
    color:#333;
    font-family:'Montserrat',sans-serif;
    font-size:.9rem;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;
    display:block;
    text-align:center;
  }
  nav a:first-child{border-top:1px solid #e8e8e8}
  nav a.active{color:var(--accent)}
  nav a:hover{color:var(--accent)}
  header:has(.hamburger.open){background:var(--white) !important;box-shadow:0 2px 10px rgba(0,0,0,.1)}
  .hamburger{display:flex}
  .quote-wrapper{width:90%}
  .page-hero{height:322px;background-attachment:scroll;margin-top:-52px;padding-top:52px}
  .page-hero-content{margin-top:0}
}

/* ── MOBILE GLOBAL PERF ── */
@media(max-width:768px){
  .section-title{white-space:normal;font-size:clamp(1.4rem,5vw,2rem)}
  .section-label{font-size:.75rem;letter-spacing:2px}
  .section-sub{font-size:.88rem;line-height:1.75}
  html{font-size:15px}
  header{padding:0 4%;height:52px}
  .logo-img{height:32px}
  header.scrolled{height:52px}
  header.scrolled .logo-img{height:32px}
  header.scrolled nav a{height:auto}
  header.scrolled .hamburger{width:36px;height:36px;margin:0}
  header.scrolled .hamburger span{width:18px;left:50%;margin-left:-9px}
  header.scrolled .hamburger span:nth-child(1){top:9px}
  header.scrolled .hamburger span:nth-child(2){top:17px}
  header.scrolled .hamburger span:nth-child(3){top:25px}
  header.scrolled .hamburger.open span:nth-child(1){top:17px}
  header.scrolled .hamburger.open span:nth-child(3){top:17px}
  /* Non-sticky: same size as scrolled */
  header:not(.scrolled) .logo-img{height:32px}
  header:not(.scrolled) .hamburger{width:36px;height:36px;margin:0}
  header:not(.scrolled) .hamburger span{width:18px;left:50%;margin-left:-9px}
  header:not(.scrolled) .hamburger span:nth-child(1){top:9px}
  header:not(.scrolled) .hamburger span:nth-child(2){top:17px}
  header:not(.scrolled) .hamburger span:nth-child(3){top:25px}
  header:not(.scrolled) .hamburger.open span:nth-child(1){top:17px}
  header:not(.scrolled) .hamburger.open span:nth-child(3){top:17px}
  /* Inner pages — always compact */
  body:has(.page-hero) header{height:52px}
  body:has(.page-hero) header .logo-img{height:32px}
  body:has(.page-hero) header .hamburger{width:36px;height:36px}
  body:has(.page-hero) header .hamburger span{width:18px}
  body:has(.page-hero) header .hamburger span:nth-child(1){top:11px}
  body:has(.page-hero) header .hamburger span:nth-child(2){top:17px}
  body:has(.page-hero) header .hamburger span:nth-child(3){top:23px}
  body:has(.page-hero) header .hamburger.open span:nth-child(1){top:17px}
  body:has(.page-hero) header .hamburger.open span:nth-child(3){top:17px}  .page-hero{height:282px;margin-top:-52px;padding-top:52px}
  .page-hero-bg{object-fit:cover!important;object-position:center -10%!important}
  .page-hero-bg--au{object-fit:none!important;object-position:47% -60px!important;width:100%!important;height:100%!important;filter:blur(3px)!important}
  .page-hero--au::after{inset:0;height:100%;background:rgba(255,255,255,.55)!important}
  .page-hero-bg--cu{object-position:center top!important}
  .page-hero::before{background:linear-gradient(160deg,rgba(0,0,0,.6) 0%,rgba(15,25,45,.78) 100%)!important}
  .page-hero-content{margin-top:0}
  .page-hero-content h1{font-size:clamp(1.6rem,6vw,2.2rem);text-shadow:0 2px 16px rgba(0,0,0,.6)}
  .page-hero-content .breadcrumb{text-shadow:0 1px 8px rgba(0,0,0,.5)}
  .section{padding:36px 5%}
  footer{padding:56px 6% 0;content-visibility:auto;contain-intrinsic-size:0 500px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:0}
  .footer-col{padding:1.4rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
  .footer-col:last-child{border-bottom:none}
  .footer-col:nth-child(1){grid-column:1/-1;text-align:center;align-items:center}
  .footer-logo{height:42px;margin:0 auto .9rem;display:block}
  .footer-col:nth-child(1) p{max-width:340px;margin:0 auto;font-size:.85rem;line-height:1.8;color:#bbb}
  .footer-col:nth-child(2){padding-right:1rem;border-right:1px solid rgba(255,255,255,.07)}
  .footer-col:nth-child(3){padding-left:1rem;border-bottom:1px solid rgba(255,255,255,.07)}
  .footer-col:nth-child(4){grid-column:1/-1}
  .footer-col h4{font-size:.92rem;margin-bottom:.85rem;letter-spacing:.4px}
  .footer-col ul li{margin-bottom:.55rem}
  .footer-col ul li a{font-size:.82rem;color:#bbb}
  .contact-item{font-size:.84rem;color:#bbb;margin-bottom:.8rem;gap:.7rem}
  .contact-item svg{width:15px;height:15px;margin-top:3px;flex-shrink:0}
  .footer-social{margin-top:1rem}
  .footer-social p{font-size:.8rem;margin-bottom:0}
  .social-icons{gap:.5rem}
  .social-icon{width:30px;height:30px;border-radius:6px}
  .footer-bottom{flex-direction:column;text-align:center;gap:.5rem;padding:1rem 6%}
  .footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:.75rem}
  .quote-wrapper{width:92%;margin-bottom:-40px}
  .quote-box{padding:2.4rem 1.6rem}
  .quote-box h2{font-size:1.5rem}
  .quote-box p{font-size:.88rem;margin-bottom:1.4rem}
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .btn-pulse::after{animation:none}
  a,button,.btn,.hamburger{touch-action:manipulation}
  .product-img-wrap img,.story-img,.intro-img{will-change:auto}
}

@media(max-width:425px){
  html{font-size:14px}
  .section{padding:28px 4%}
  .page-hero{height:242px}
  .page-hero-bg{object-fit:cover!important;object-position:center -10%!important}
  .page-hero-bg--au{object-fit:none!important;object-position:47% -60px!important;width:100%!important;height:100%!important;filter:blur(4px)!important}
  .page-hero-bg--cu{object-position:center top!important}
  .quote-wrapper{width:96%}
  .quote-box{padding:2rem 1.2rem}
  .quote-box h2{font-size:1.3rem}
  footer{padding:48px 5% 0}
}

@media(max-width:375px){
  html{font-size:13.5px}
}

/* ── REDUCED MOTION ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .btn-pulse::after{animation:none}
}

/* ═══════════════════════════════════════════════════════
   KUBER PRODUCTS — CUSTOM CURSOR + PAGE LOADER
   (merged from kuber-ui.css)
═══════════════════════════════════════════════════════ */

/* ── HIDE DEFAULT CURSOR (desktop only) ── */
@media (pointer: fine) {
  *, *::before, *::after { cursor: none !important; }
}

/* ── CURSOR ELEMENTS ── */
#kb-cursor-dot,
#kb-cursor-ring {
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 999999;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  will-change: transform;
  transition: opacity .3s ease;
}
#kb-cursor-dot {
  width: 8px;
  height: 8px;
  background: #eb5924;
  transition: width .2s ease, height .2s ease, background .2s ease, opacity .3s ease;
}
#kb-cursor-ring {
  width: 36px;
  height: 36px;
  border: 2px solid rgba(235, 89, 36, 0.55);
  background: transparent;
  transition: width .35s cubic-bezier(.25,.46,.45,.94),
              height .35s cubic-bezier(.25,.46,.45,.94),
              border-color .35s ease,
              opacity .3s ease;
}
body.kb-cursor-hover #kb-cursor-dot { width: 4px; height: 4px; background: #fff; }
body.kb-cursor-hover #kb-cursor-ring { width: 52px; height: 52px; border-color: rgba(235,89,36,.9); background: rgba(235,89,36,.08); }
body.kb-cursor-click #kb-cursor-dot { width: 12px; height: 12px; }
body.kb-cursor-click #kb-cursor-ring { width: 28px; height: 28px; border-color: #eb5924; }
@media (pointer: coarse) {
  #kb-cursor-dot, #kb-cursor-ring { display: none; }
}

/* ── PAGE LOADER ── */
#kb-loader {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  transition: opacity .55s ease, visibility .55s ease;
}
#kb-loader.kb-loader-hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .6s cubic-bezier(.4,0,.2,1), visibility .6s ease;
}
#kb-loader-bar-track {
  width: 220px;
  height: 2px;
  background: rgba(26,43,74,.1);
  border-radius: 99px;
  overflow: hidden;
}
#kb-loader-bar-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #1A2B4A, #eb5924);
  border-radius: 99px;
  will-change: width;
}
#kb-loader-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(26,43,74,.4);
}
@media (max-width: 768px) {
  #kb-loader-bar-track { width: 160px; }
}

/* ── BACK TO TOP ── */
#kb-back-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 99998;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1A2B4A;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px) scale(0.9);
  transition: opacity .35s ease, visibility .35s ease,
              transform .35s cubic-bezier(.34,1.56,.64,1),
              background .25s ease;
  box-shadow: 0 4px 20px rgba(0,0,0,0.28);
}
#kb-back-top.kb-visible { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
#kb-back-top:hover { background: #eb5924; box-shadow: 0 6px 24px rgba(235,89,36,0.4); }
#kb-back-top svg.kb-arc {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  pointer-events: none;
}
#kb-arc-track { fill: none; stroke: rgba(255,255,255,0.12); stroke-width: 2.5; }
#kb-arc-fill { fill: none; stroke: #eb5924; stroke-width: 2.5; stroke-linecap: round; transition: stroke-dashoffset .1s linear; }
#kb-back-top .kb-arrow {
  position: relative;
  z-index: 1;
  width: 13px;
  height: 13px;
  stroke: #fff;
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .25s ease;
}
#kb-back-top:hover .kb-arrow { transform: translateY(-2px); }
@media (pointer: coarse), (max-width: 768px) {
  #kb-back-top { display: none; }
}