/* ===== EXTRA FUNCTIONALITIES Body ===== */

         /* ===== FLOATING SHARE BUTTONS ===== */
         .floating-vertical{
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin: 0;
            position: fixed;
            right: calc((100vw - 1100px) / 2 - 14px);
            perspective: 800px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1200;
         }
         /* ===== FLOATING SHARE BUTTONS ===== */
         .floating-vertical a{
            align-items:center;
            border-radius:50%;
            box-shadow: none;
            color:#fff;
            display:flex;
            filter: none;
            font-size:14px;
            font-weight:800;
            justify-content:center;
            height:40px;
            transform-origin: center center;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            width:40px;
            text-decoration:none;
         }
         .floating-vertical a:hover{
            box-shadow: 0 8px 18px rgba(0,0,0,0.25);
            transform: scale(1.30);
         }
         .floating-vertical a:focus-visible{
            box-shadow:0 0 0 3px rgba(255,255,255,.95), 0 0 0 6px rgba(15,23,42,.28);
            transform:scale(1.12);
         }
         /* ===== FLOATING SHARE BUTTONS --> Hide on mobile ===== */
         @media (max-width:768px){
            .floating-vertical{
               display: none;
            }
         }
         /* ===== FLOATING SHARE BUTTONS --> Brand Colors ===== */
         .floating-vertical .fb{ background:#1877F2; }
         .floating-vertical .x{ background:#000000; }
         .floating-vertical .wa{ background:#25D366; }
         .floating-vertical .in{ background:#0A66C2; }
         .floating-vertical .tg{ background:#229ED9; }
           
         
         /* ===== EXTRA FUNCTIONALITIES Script ===== */

         /* ===== SCROLL-TO-TOP BUTTON ===== */
         #scrollTopBtn{
            background:#2563eb;
            border:none;
            border-radius:50%;
            bottom:22px;
            box-shadow:0 8px 20px rgba(0,0,0,.25);
            color:#ffffff;
            cursor:pointer;
            display:none;
            font-size:18px;
            font-weight:700;
            height:42px;
            position:fixed;
            right:22px;
            transition:transform .2s ease, box-shadow .2s ease;
            width:42px;
         }
         #scrollTopBtn:hover{
            box-shadow:0 12px 26px rgba(37,99,235,.35);
            transform:translateY(-2px);
         }
         #scrollTopBtn:focus-visible{
            box-shadow:0 0 0 3px rgba(255,255,255,.92), 0 0 0 6px rgba(37,99,235,.34);
         }