.tabbed-content-container {
    background:#fff;
    border-top:1px solid #ddd;
}

.tabbed-content {
    max-width:1200px;
    margin: auto;
    padding: 3rem 1rem;
    display:flex;
    flex-direction: column;
    gap:2rem;
}

.skylight-flex-container {
    display:flex;
    flex-direction: column;
    gap:2rem;
}

.skylight-flex-container.window {
    margin-top:5rem;
}

.performance-cad-container {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:2rem;
}

.desktop-table-title {
    display:none;
}

.roof-performance-container {
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content: center;
}

.commercial-statistics-info {
    padding:1rem;
}

.commercial-statistics-info span {
    font-weight:bold;
    margin-bottom:5rem;
}

.cad-container, .roof-performance-container {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #ccc;
}

.roof-performance-content {
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
}

.cad-drawing-list, .roof-performance-content {
    padding: 1rem;
}

#uvalue {
    background:url(/Duration-Windows/images/icons/icon_UValue.png);
    background-repeat: no-repeat;
    height:6rem;
    width:75px;
    position: relative;
    margin:0 auto;
}

#airperm {
    background:url(/Duration-Windows/images/icons/icon_AirPermeability.png);
    background-repeat: no-repeat;
    height:6rem;
    width:75px;
    position: relative;
    margin:0 auto;
}

#watertight {
    background:url(/Duration-Windows/images/icons/icon_WaterPermeability.png);
    background-repeat: no-repeat;
    height:6rem;
    width:75px;
    position: relative;
    margin:0 auto;
}

#windresist {
    background:url(/Duration-Windows/images/icons/icon_WindResistance.png);
    background-repeat: no-repeat;
    height:6rem;
    width:85px;
    position: relative;
    margin:0 auto;
}

.commercial-img-txt {
    position: absolute;
    color:#fff;
    bottom:0;
    text-align: center;
    top:4rem;
}

.airperm {
    left:1rem;
}

.watertight {
    left:1rem;
}

.windresist {
    left:0.5rem;
}

.airperm-window {
    left:1.35rem;
}

.watertight-window {
    left:1.45rem;
}

.windresist-window {
    left:1.15rem;
}


.tbc {
    position:absolute;
    color:#fff;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    top:4rem;
    left:2.5rem;
}

.statbox {
    display:flex;
    flex-direction: column;
    align-items: center;
}

.statText {
    display:flex;
    flex-direction: column;
    color:var(--tabbed-content-heading);
    font-weight:bold;
    text-align:center;
    font-size:0.75rem;
}

.cad-p {
    padding:1rem;
}

.cad-drawing-list li {
    list-style: none;
    margin-bottom: 1rem;
    line-height: 1.6;
    color: var(--tabbed-content-paragraph);
}

.table-container {
    display:flex;
    flex-direction: column;
    flex:1;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 1rem;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.technical-cad-container {
    display:flex;
    flex-direction:column;
    gap:2rem;
}

.table-note {
    display:flex;
    flex-direction: column;
    gap:1rem;
    width: auto;
    max-width: 100%;  
    padding: 1rem;
    font-size: 0.8rem;
    line-height: 1.6;
    color: var(--tabbed-content-paragraph);
    box-sizing: border-box; 
}

.table-title h2 {
    font-size: 1.25rem;
    margin: 0;
    font-weight: 600;
    color: var(--desktop-secondary-color);
}

.table-title{
    text-align:center;
    border-bottom:2px solid var(--desktop-secondary-color);
}

table {
    width:100%;
}

th {
    padding-bottom:1rem;
}

tbody tr {
    display: block;
    background-color: #f0f0f0;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 1rem;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}

tbody tr:active {
    transform: scale(0.98);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

td {
    display: block;
    padding: 0.5rem 0;
    border: none;
}

.commercial-frame-img-container img{
    width:100%;
    height:auto;
    object-fit:contain;
}

.downloads-prod {
    text-align:center;
    width:85%;
    margin:auto;
}

.downloads-prod a{
    text-align:center;
    color:var(--tabbed-content-heading);
    font-weight:600;
    text-decoration: none;
}

.glass-info {
    font-weight: 300;
    color: var(--tabbed-content-paragraph);
    margin-top:0.25rem;
}

.pdf-link {
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    gap:0.4rem;
    align-items:center;
}

.pdf-icon {
    width: 3rem;
    height: 3.5rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.pdf-link span {
    font-size: 0.9rem;
    color: var(--tabbed-content-paragraph);
}

.skylight-technical-img {
    width:100%;
    max-width:100%;
    margin-top:2rem;
}

.skylight-technical-img img {
    width:60%;
    max-width:800px;
    height:auto;
    display:block;
    margin:auto;
}

.applications-table-container {
    display:flex;
    flex:1;
}

.applications-table {
    width:100%;
    background:#fff;;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border:1px solid #ccc;
}

.applications {
    padding:1rem;
}

.cad-drawing-list {
  padding:1rem;
}

.cad-drawing-list li {
  list-style: none;
  margin-bottom:1rem;
  line-height:1.6;
  color: var(--tabbed-content-paragraph);
}

.downloads-prod {
    text-align:center;
}

.downloads-prod a{
    text-align:center;
    color:var(--tabbed-content-heading);
    font-weight:600;
    text-decoration: none;
}

.glass-info {
    font-weight: 300;
    color: var(--tabbed-content-paragraph);
    margin-top:0.25rem;
}

.pdf-link {
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    gap:0.4rem;
    align-items:center;
}

.pdf-icon {
    width: 3rem;
    height: 3.5rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.pdf-link span {
    font-size: 0.9rem;
    color: var(--tabbed-content-paragraph);
}

.downloads-not-working-list {
    padding:1rem;
}

.downloads-not-working-list li {
    list-style-type: none;
    border-radius: 8px;
    line-height: 1.6;
    color: var(--tabbed-content-paragraph);
}

.downloads-not-working p{
    text-align:left;
}

.downloads-not-working p:first-child {
    margin-bottom:1rem;
}

.adobe-reader-icon {
    display:flex;
    justify-content:center;
    margin-bottom:1rem;
}

.suitable-applications-list {
    padding:1rem;
}

.suitable-applications-list li {
    list-style-type: disc;
    list-style-position: inside;
    border-radius:8px;
    padding:1rem;
    line-height:1.6;
    color: var(--tabbed-content-paragraph);
}


@media screen and (min-width:768px) {
    .table-title {
        text-align:left;
    }

    #uvalue {
        margin:0;
    }

    .statText {
        text-align:center;
    }

    .skylight-flex-container {
        flex-direction:row;
    }

    .performance-cad-container, .skylight-flex-container {
        gap:1rem;
    }

    .downloads-prod {
        text-align:left;
    }

    .table-container {
        gap:1rem;
        background:transparent;
        padding:0;
        box-shadow:none;
        border:none;
    }

    table {
        display:table;
        border-collapse: collapse;
        border:1px solid #ccc;
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        flex-grow: 1;
        height: 100%;
    }

    th {
        padding:1rem;
    }

    tbody tr {
        display:table-row;
        border:none;
        box-shadow: none;
    }

    tbody tr:nth-child(odd) {
        background-color: #fff;
    }

    tbody tr:nth-child(even) {
        background-color: #e6e6e6;
    }

    td {
        display:table-cell;
        padding:0.5rem 1rem;
        border:none;
        vertical-align: middle;
    }

    .desktop-table-title {
        display:block;
    }

    .mobile-card-title {
        display:none;
    }

    .technical-cad-container {
        display:flex;
        flex:1;
        gap:1rem;
    }
}