.title-wrap {
    /* display: none !important; */
}

#content {
    width: 100%;
}

.item:hover {
    cursor: pointer;
}

.item img {
    height: 100%;
    width: 100%;
}

.item .highlight {
    background: #e1251b;
    color: #fff;
}

#closeButton {
    display: none;
}

/* For Large Image */
body.large-active {
    overflow: hidden;
}

body.large-active .content-wrap {
    position: initial;
}

.item.active {
    position: fixed;
    z-index: 4500;
    top: 0;
    lefT: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    isolation: isolate;
    border-radius: 0;
    padding: 1rem 4rem;
    box-sizing: border-box;
    opacity: 100 !important;
}

body.large-active .item.active .coa-image-wrap {
    flex: 1 1 0% !important;
    padding: 40px;
}

.item.active:hover {
    cursor: default;
}

.item.active .highlight {
    background: transparent;
    color: initial;
}

body.large-active #closeButton {
    display: flex;
}

@media print {
    body {
        margin: 0;
        padding: 0;
    }

    /* Optionally, set page size and orientation */

    @page {
        size: letter;
        /* You can use other sizes like A4 or legal */
        margin: 10px;
        /* Adjust margins as needed */
    }

    .content-wrap {
        padding: 0;
    }

    .container {
        width: 100% !important;
        max-width: 100%;
    }

    .coa-tool-list-wrap {
        padding: 0 !important;
    }

    .coa-tool-list {
        gap: 2px;
        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

    body:not(.large-active) .coa-tool-list .item {
        display: flex;
        flex-direction: row !important;
        box-shadow: none;
        border: 1px solid #ccc;
        justify-content: space-around;
        font-size: 7.7pt;
        line-height: 1;
    }

    body:not(.large-active) .coa-tool-list .item div {
        padding: 0 !important;
        flex-shrink: 1;
        flex-wrap: wrap;
        white-space: normal;
        width: 100%;

    }

    body:not(.large-active) .coa-tool-list .coa-image-wrap {
        height: 100%;
        max-width: 2cm;
        min-width: 2cm;
        max-height: 1cm;
    }

    .fixed-top,
    .coa-search,
    .footer-wrap {
        display: none !important;
    }

    body.large-active .item {
        display: none;
    }

    body.large-active #closeButton {
        display: none !important;
    }

    body.large-active .item.active {
        display: flex;
        box-shadow: none !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 95% !important;
        height: 95% !important;
        overflow: hidden !important;
    }

    .item.active img {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        object-fit: contain !important;
    }
}