/* Smooth scrolling */

        html {
            scroll-behavior: smooth;
        }

        /* Section spacing */
        .page-section {
            min-height: 100vh;
            padding-top: 0px;
            margin-top: -60px;
        }

        #swap-section {
            display: flex;
            align-items: center;
            justify-content: center;
            scroll-margin-top: 30px;  /* Add this line - offsets anchor scroll position */
            margin-top: 10px;
            margin-bottom: -40px;
        }

        #about-section {
            padding: 40px 20px 40px;  /* Reduced from 80px 20px 60px */
            scroll-margin-top: 20px;  /* Add this line - offsets anchor scroll position */
            margin-top: -40px;
            margin-bottom: -40px;
        }

        #trading-pairs-section {
            padding: 80px 20px 40px;
            scroll-margin-top: 0px;  /* Add this line - offsets anchor scroll position */
            margin-top: -40px;
            margin-bottom: -140px;
        }

        #terms-section {
            display: flex;
            align-items: flex-start;
            justify-content: center;

            max-width: 1200px;   /* ← control the overall width of the section */
            width: 100%;         /* stays responsive */
            margin: 0 auto;      /* centers the whole block */

            padding-top: 120px;  
            padding-bottom: 80px;
        }

        /* Override the swap card max-width ONLY on the Terms page */
        #terms-section .dex-widget {
            max-width: 1000px !important;   /* ← adjust this anytime */
            width: 100%;
            margin-top: -29px;
            margin-bottom: -50px; /* small healthy margin above footer */
        }

        #terms-section.page-section {
            min-height: auto;   /* Stop forcing huge empty space below the Terms of Use card */
        }

        #terms-section .dex-widget,
        #terms-section .dex-widget p,
        #terms-section .dex-widget li {
            line-height: 1.6;   /* Nice clean spacing */
        }

//        /* Center the Terms header */
//        #terms-section h2 {
//            text-align: center;
//        }

        /* Add space above the first bullet list */
        #terms-section ol {
            margin-top: 10px;
        }

        /* Center the final line in the Terms card */
        #terms-section .terms-footer-line {
            text-align: center;
            margin-top: 10px;
            font-size: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;        /* space between emoji + text */
        }

        /* Footer styles */
        .footer {
            background: black;
            opacity: 0.6;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: arial;
            color: white;
            font-size: 14px;
            margin-top: 80px;
            margin-bottom: -20px;
            padding: 0;
            z-index: 5;
            flex-shrink: 0;
        }

        /* Update nav links to use anchor scrolling */
        .nav-links a {
            cursor: pointer;
        }