/* == CONFORMITY PAGE ONLY == */

.hero { background-image: url('../img/hero/hero-conformity.jpg'); background-position:left bottom; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
@media (max-width: 1200px) {.hero {background-image: url('../img/hero/hero-conformity-md.jpg');}}
@media (max-width: 768px) {.hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 0.1) 75%);}}

.conformity-card { font-size:1rem; border: 1px solid #dce8f1; border-radius: 10px; padding:1.5rem; height:100%; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease;}
.conformity-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,.08);}
.conformity-card h3 {font-size:1.3rem; font-weight: 700; margin-top:0; margin-bottom:0.25rem;}
.document-option { background:var(--almost-white); border-radius: 7px; padding: 12px;}
.market-label { display: flex; align-items: center; gap: 8px; font-size: .9rem; font-weight: 600;}
.market-flag { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; display: block; flex: 0 0 25px;}
.document-option .btn { font-size: .78rem; padding: .5rem .35rem;}

/* == Additional Documents == */

.additional-documents { border: 1px solid var(--almost-white); border-radius: 10px; overflow: hidden;}
.additional-documents-header { display: grid; grid-template-columns: 2fr 1fr 1fr; background:var(--almost-white); padding: 16px 25px; font-size: .9rem; font-weight: 700;}
.document-row { display: grid; grid-template-columns: 2fr 1fr 1fr; align-items: center; padding: 17px 25px; border-top: 1px solid #e5edf2;}
.document-row:first-of-type { border-top: 0;}
.product-name { display: flex; align-items: center; gap: 15px; font-weight: 400;}
.product-name small {font-weight: 300;}
.product-name > i { font-size: 1.4rem; color: var(--ada-blue); width: 25px; text-align: center;}
.document-link { display: inline-flex; align-items: center; gap: 7px; color:var(--ada-blue); text-decoration: none; font-weight: 600; font-size: .9rem;}
.document-link:hover { text-decoration: underline;}
.document-link i { font-size: 1rem;}
.document-unavailable { color:var(--light-grey);}

.conformity-contact { display: flex; align-items: center; gap: 25px; background: var(--almost-white); border-radius: 10px; padding: 30px 35px;}
.conformity-contact-icon { flex: 0 0 auto; font-size: 2.5rem; color: var(--ada-blue); padding-right: 25px; border-right: 1px solid #cbdde8;}
.conformity-contact-content { flex: 1;}
.conformity-contact-button { flex: 0 0 auto;}

@media (max-width: 767.98px) {
    .conformity-card-image { min-height: 160px;}
    .additional-documents { border: 0;}
    .document-row { display: block; padding: 20px; border: 1px solid var(--almost-white); border-radius: 8px; margin-bottom: 10px;}
    .document-row > div { margin-top: 12px;}
    .document-row > div:first-child { margin-top: 0;}
    .document-row > div:not(.product-name)::before { content: ""; display: block; margin-bottom: 6px;font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #7a8b96;}
    .conformity-contact { display: block; text-align: center; padding: 30px 20px;}
    .conformity-contact-icon { border-right: 0;  padding-right: 0; margin-bottom: 15px;}
    .conformity-contact-content { margin-bottom: 20px;}
}