/*
 * Custom CSS
 */

:root {
    --bs-body-bg: var(--bs-gray-100);
    --bs-body-font-size: 0.9rem;
}

body {
    font-family: Inter, sans-serif;
}

.pdpp-col {
    max-width: 390px;
    min-width: 360px;
}

.pdpp-header {
    max-width: 900px;
}

.pdpp-asset-circle {
    font-size: 0.6rem;
    color: cornflowerblue;
    vertical-align: middle
}

.sq-answer-tooltip-mark {
    font-size: 0.9rem;
    color: cornflowerblue;
}

.download-name {
    max-width: 200px;
    line-height: 2rem;
}

.coc-link:hover {
    background: rgba(173, 216, 230, 0.45);
    cursor: pointer;
}

#qrBox {
    border: 0 dashed grey;
}

/************/

#qr-canvas {
    margin: auto;
    width: calc(100% - 20px);
    max-width: 400px;
}

#btn-scan-qr {
    cursor: pointer;
}

#btn-scan-qr img {
    height: 10em;
    padding: 15px;
    margin: 15px;
    background: white;
}

#qr-result {
    font-size: 1.2em;
    margin: 20px auto;
    padding: 20px;
    max-width: 700px;
    background-color: white;
}

#productImage {
    height: 200px !important;
    overflow: hidden;
}