.image-text-container{display:flex;align-items:center;gap:16px;padding:20px;border-radius:14px;cursor:pointer;width:100%;margin:20px auto}.image-text-container,.image-text-container.suit-coeur{background:linear-gradient(135deg,#b22133,#720c18)}.image-text-container.suit-carreau{background:linear-gradient(135deg,#ff8a00,#b34700 60%)}.image-text-container.suit-pique{background:linear-gradient(135deg,#008f5a,#003f2a 65%)}.image-text-container.suit-trefle{background:linear-gradient(135deg,#2f4985,#0d1117 70%)}.expand-button{background-color:transparent;border:2px solid white;color:white;padding:10px 15px;font-size:16px;cursor:pointer;border-radius:10px;font-weight:600;transition:background .3s ease-in-out;font-family:Poppins,sans-serif}.expand-button:hover{background-color:#ffffff;color:#b22133;border:2px solid white}.image-text-container.suit-coeur .expand-button:hover{color:#b22133}.image-text-container.suit-carreau .expand-button:hover{color:#ff8a00}.image-text-container.suit-pique .expand-button:hover{color:#008f5a}.image-text-container.suit-trefle .expand-button:hover{color:#3f4c6b}.text-container{flex:1 1}.titre-carte{font-size:2rem;font-weight:600;margin-bottom:0;margin-top:0;padding:0;color:#ffffff}.description{color:#ffffff!important}.image-container{flex:0 0 20%;background-color:white;border-radius:10px}.image-container img{width:100%;height:auto;object-fit:contain;border-radius:10px;float:right}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000}.modal-content{display:flex;background:white;padding:20px;border-radius:14px;max-width:800px;width:90%;position:relative}body.dark-mode .modal-content{background-color:#1e1e1e}.modal-text-image{display:flex;position:relative;gap:16px}.modal-image-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;flex:0 0 40%}.modal-image-container img{width:100%;height:auto;border-radius:10px}.image-caption.notice-caption{font-size:.8rem;font-style:italic;line-height:1.3;margin-top:6px;opacity:.75;padding:6px 10px 6px 8px;display:flex;align-items:flex-start;gap:6px;font-weight:500}body.dark-mode .image-caption.notice-caption{color:#ddd}.modal-content h2{font-size:2rem;color:black;font-weight:600;margin-bottom:4px;font-weight:700}body.dark-mode .modal-content h2{color:#ffffff}.modal-content p{font-size:1rem;color:black;margin-bottom:4px;max-height:50vh;overflow-y:auto}body.dark-mode .modal-content p{color:#ffffff}.close-button{position:absolute;top:40px;right:5%;background-color:#ffffff;color:#b22133;font-weight:600;border:none;padding:0 15px;font-size:2em;cursor:pointer;border-radius:10px;transition:background .3s ease-in-out;text-align:left;font-family:Poppins,sans-serif;z-index:101}body.dark-mode .close-button{background-color:#2c2c2c;color:#b00000}.close-button:hover{background-color:#b22133;color:white}body.dark-mode .close-button:hover{background-color:#ffffff;color:#000000}@media (max-width:1000px){.image-text-container{flex-direction:column-reverse;text-align:center}.image-container{display:block}.expand-button{margin:20px auto auto}.expand-button,.modal-content{display:block;text-align:center}.modal-content{background:white;padding:10px;border-radius:14px;max-width:800px;width:90%;position:relative;gap:16px;z-index:100}.modal-text-image{max-height:70vh;overflow-y:auto;padding-top:40px;display:block}.modal-image-container{width:80%;height:auto;object-fit:contain;border-radius:10px;margin:0 auto}.modal-image-container img{border-radius:10px}.modal-content p{font-size:1rem;color:black;margin-bottom:4px;text-align:left;max-height:none;overflow-y:none}}