text/css"> .fdx-container { font-family: arial, serif; font-size: 14px; color: black; padding: 5px 0 5px 5px; display: flex; flex-wrap: wrap; max-width: 1200px; margin: auto; } .fdx-container * { box-sizing: border-box; } .fdx-row { display: flex; width: 100%; } .fdx-col { flex: 1; } .fdx-horizontal-line { border-bottom: 1px solid #EEE; width: 100%; } .brand-ctnr { font-size: 16px; } .title-ctnr { font-weight: bold; font-size: 22px; padding-top: 5px; padding-bottom: 5px; } .details-ctnr { padding: 5px 0; } .fdx-details-row { border-bottom: 1px solid #EEE; padding-top: 5px; padding-bottom: 5px; } .fdx-label { font-weight: bold; } .fdx-description-title { padding-top: 20px; padding-bottom: 20px; font-weight: bold; } /* Gallery */ .gallery-col { padding: 0 20px; } .gallery { display: flex; flex-wrap: wrap; margin: 10px auto; max-width: 600px; position: relative; padding-top: 500px; } .gallery-img { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease-in-out; max-height: 500px; max-width: 560px; width: 90%; } .gallery-thumb { padding-top: 6px; margin: 6px; display: block; } .gallery-thumb img { max-width: 120px; } .gallery-selector { position: absolute; opacity: 0; visibility: hidden; } .gallery-selector:checked + .gallery-img { opacity: 1; } .gallery-selector:checked ~ .gallery-thumb > img { box-shadow: 0 0 0 3px #0be2f6; }