.display-3, .prod-title, .prod-param-name {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            color: #0b0b0b;
        }
        .lead, p, .prod-desc, .prod-param-desc {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            color: #a7a7a7;
        }

        .prod-param-name {
            position: absolute;
            top: 50%;
            left: 0.2em;
            z-index: 1;
            text-transform: uppercase;
            font-size: calc(2.5rem + 10vw);
            color: rgba(0,73,199,0.1);
            margin-top: -0.5em;
            white-space: nowrap;
            pointer-events: none;
        }

        .prod-param-desc {
            margin-top: 2em;
            min-height: 8em;
            font-size: 1.15rem;
            color: #fff !important;
            position: relative;
            z-index:2;
        }

        @media (max-width: 991px) {
            .prod-param-name {
                font-size: 3rem !important;
                left: 0.3em !important;
                top: 0 !important;
                margin-top: 1em;
            }
            .mt-lg-5 {
                margin-top: 2.5em !important;
            }
            .prod-param-desc {
                margin-top: 2.5em !important;
            }
        }

 



        /* Main wrapper with relative positioning */
        .product-wrapper {
            position: relative;
            /* background-color: white; */
        }

        /* White section */
        .section-white {
            /* background-color: white; */
            /* padding: 3rem 0; */
            position: relative;
        }

        /* Light blue section */
        .section-blue {
            background-color: #7cb5e9;
            padding: 3rem 0;
            position: relative;
        }




        /* Floating image container */
        .float-img-container {
            position: absolute;
            z-index: 10;
            pointer-events: none;
        }

        .float-img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* MOBILE FIRST (default - stacked layout) */
        @media (max-width: 991px) {
            .float-img-container {
                left: 50%;
                transform: translateX(-50%);
                width: 85vw;
                max-width: 450px;
            }

            .section-white {
                padding-bottom: 45vw; /* Make room for half the image */
            }

            .section-blue {
                padding-top: 45vw; /* Make room for half the image */
            }

            .product-name {
                font-size: 2rem;
            }
        }

        /* Small tablets */
        @media (min-width: 576px) and (max-width: 767px) {
            .float-img-container {
                width: 70vw;
                max-width: 400px;
            }

            .section-white {
                padding-bottom: 35vw;
            }

            .section-blue {
                padding-top: 35vw;
            }
        }

        /* Medium tablets */
        @media (min-width: 768px) and (max-width: 991px) {
            .float-img-container {
                width: 60vw;
                max-width: 450px;
            }

            .section-white {
                padding-bottom: 30vw;
            }

            .section-blue {
                padding-top: 30vw;
            }
        }

        /* DESKTOP (side-by-side layout) */
        @media (min-width: 992px) {
            .float-img-container {
                right: 5vw;
                width: 40vw;
                max-width: 500px;
            }

            .section-white {
                padding-bottom: 2rem;
            }

            .section-blue {
                padding-top: 2rem;
            }

            .product-margin {
                max-width: 50%;
            }
        }

        /* Large desktops */
        @media (min-width: 1200px) {
            .float-img-container {
                right: 10vw;
                width: 35vw;
                max-width: 550px;
            }
        }

        /* Ultra-wide */
        @media (min-width: 1600px) {
            .float-img-container {
                right: 15vw;
                width: 30vw;
                max-width: 600px;
            }
        }

        /* 4K */
        @media (min-width: 1920px) {
            .float-img-container {
                right: 20vw;
                width: 25vw;
                max-width: 600px;
            }
        }

.portfolio-info{
      border-radius: 0 0 5px 5px;
}



        .technical-content .table {
          background: white;
          box-shadow: 0 4px 12px rgba(0,0,0,0.08);
          border-radius: 8px;
          overflow: hidden;
          margin-top: 20px;
        }
        
        .technical-content .table thead th {
          background: #1a1a1a;
          color: white;
          font-weight: 600;
          padding: 16px 12px;
          font-size: 0.9rem;
          border: none;
          white-space: nowrap;
          text-align: center;
        }
        
        .technical-content .table tbody td {
          padding: 14px 12px;
          font-size: 0.875rem;
          vertical-align: middle;
          border-color: #e0e0e0;
        }
        
        .technical-content .table tbody tr:hover {
          background-color: #f8f9fa;
          transition: background-color 0.2s ease;
        }
        
        .technical-content .table tbody td:first-child {
          background-color: #f5f5f5;
          font-weight: 600;
        }
        
        .technical-content .table tbody td:nth-child(2) {
          background-color: #fafafa;
          font-weight: 500;
        }
        
        @media (max-width: 992px) {
          .technical-content .table {
            font-size: 0.8rem;
          }
          
          .technical-content .table thead th,
          .technical-content .table tbody td {
            padding: 10px 8px;
            font-size: 0.75rem;
          }
        }
        
        @media (max-width: 576px) {
          .technical-content .table thead th,
          .technical-content .table tbody td {
            padding: 8px 5px;
            font-size: 0.7rem;
          }
        }







                .tech-group h4 {
            color: var(--heading-color);
            font-weight: 600;
            margin-bottom: 1.5rem;
        }

        /* Table styling matching your theme */
        .spec-table {
            background: var(--surface-color);
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
        }

        .technical-specs-table {
            width: 100%;
            border-collapse: collapse;
            margin: 0;
        }


        /* Header row styling */
        .technical-specs-table thead th {
            background: #0d6efd;
            color: white;
            font-weight: 600;
            padding: 16px 20px;
            text-align: left;
            border: none;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .technical-specs-table thead th:first-child {
            border-top-left-radius: 12px;
        }

        .technical-specs-table thead th:last-child {
            border-top-right-radius: 12px;
        }

        /* Body rows - dark blue background */
        .technical-specs-table tbody tr {
            /* background-color: #1e3a5f; */
            background-color: var(--surface-color);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            transition: background-color 0.2s ease;
        }

        .technical-specs-table tbody tr:last-child {
            border-bottom: none;
        }

        .technical-specs-table tbody tr:hover {
            background-color: #2a4a70;
        }

        /* First column - parameter names */
        .technical-specs-table tbody td:first-child {
            font-weight: 600;
            color: #ffffff;
            padding: 14px 20px;
        }

        /* Data columns */
        .technical-specs-table tbody td:not(:first-child) {
            color: #a8c5e6;
            padding: 14px 20px;
            text-align: center;
            font-size: 14px;
        }

        /* Alternating row backgrounds (subtle variation) */
        /* .technical-specs-table tbody tr:nth-child(even) {
            background-color: #1a3352;
        } */

        /* Responsive scrolling for small screens */
        .table-responsive {
            border-radius: 12px;
            overflow-x: auto;
        }

        @media (max-width: 768px) {
            .technical-specs-table {
                font-size: 13px;
            }

            .technical-specs-table thead th,
            .technical-specs-table tbody td {
                padding: 10px 12px;
            }
        }