/* =========================================================
   QUALITY PAGE - INDUSTRIAL PREMIUM
   Pagina: /calitate
========================================================= */


/* =========================================================
   INTRO
========================================================= */

.quality-page .section-head {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center;
}

.quality-page .section-head h1,
.quality-page .section-head h2 {
    text-align: center;
    margin: 0 auto;
    max-width: 900px;
    line-height: 1.15;
    word-break: normal;
    white-space: normal;
    text-wrap: balance;
}

.quality-page .section-subtitle {
    max-width: 780px;
    margin: 0 auto;
    line-height: 1.6;
}


/* =========================================================
   VIDEO CONTROL CALITATE
========================================================= */

.quality-video-card {

    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);

    gap: 44px;
    align-items: center;

    max-width: 1120px;
    margin: 0 auto 70px;

    padding: 38px;

    background: linear-gradient(135deg,#0a2540,#14395f);

    border-radius: 22px;

    box-shadow:
        0 24px 60px rgba(15,23,42,.16);
}


.quality-video-copy .section-kicker {
    color:#cbaf75;
}


.quality-video-copy h2 {

    margin: 10px 0 16px;

    color:#ffffff;

    font-size:34px;

    line-height:1.15;
}


.quality-video-copy p {

    margin:0;

    color:rgba(255,255,255,.82);

    line-height:1.75;

    font-size:16px;
}


.quality-video-frame {

    position:relative;

    overflow:hidden;

    border-radius:18px;

    background:#061729;

    border:1px solid rgba(203,175,117,.28);

    box-shadow:
        0 18px 44px rgba(0,0,0,.25);
}


.quality-video {

    display:block;

    width:100%;

    aspect-ratio:16 / 9;

    object-fit:cover;

}


/* badge video */

.quality-video-badge {

    position:absolute;

    left:18px;
    bottom:18px;

    z-index:2;

    display:inline-flex;

    align-items:center;

    padding:9px 14px;

    background:rgba(10,37,64,.86);

    border:1px solid rgba(203,175,117,.38);

    border-radius:999px;

    color:#fff;

    font-size:11px;

    font-weight:800;

    letter-spacing:.08em;

    text-transform:uppercase;

    backdrop-filter:blur(8px);
}


.quality-video-badge::before {

    content:"";

    width:8px;
    height:8px;

    margin-right:9px;

    border-radius:50%;

    background:#cbaf75;
}


/* =========================================================
   QUALITY CARDS GRID
========================================================= */

.quality-page .quality-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;

}


.quality-page .quality-card {

    background:#fff;

    border:1px solid rgba(15,23,42,.08);

    border-radius:14px;

    padding:26px;

    box-shadow:
        0 10px 30px rgba(15,23,42,.06);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.quality-page .quality-card:hover {

    transform:translateY(-5px);

    box-shadow:
        0 18px 40px rgba(15,23,42,.12);

}


/* icon */

.quality-page .quality-icon {

    width:44px;
    height:44px;

    margin-bottom:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    background:rgba(201,168,106,.10);
}


/* text */

.quality-page .quality-card h3 {

    margin:0 0 8px;

    font-size:18px;

}


.quality-page .quality-card p {

    margin:0;

    line-height:1.6;

    color:rgba(15,23,42,.65);

}


/* =========================================================
   CAPABILITIES
========================================================= */

.quality-page .quality-capabilities {

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,430px);

    gap:50px;

    align-items:center;

    margin-top:60px;

}


.quality-page .quality-capabilities p {

    color:#64748b;

    line-height:1.8;

}


.quality-page .quality-capabilities-grid {

    display:grid;

    gap:14px;

}


.quality-page .quality-capability {

    padding:18px;

    background:#f8fafc;

    border-radius:12px;

}


.quality-page .quality-capability strong {

    display:block;

    color:#0f172a;

    margin-bottom:6px;

}


.quality-page .quality-capability span {

    color:#64748b;

}


/* =========================================================
   ISO / POLICY LINKS
========================================================= */

.quality-page .quality-links {

    display:grid;

    grid-template-columns:
        repeat(2,minmax(320px,1fr));

    gap:40px;

    max-width:1100px;

    margin:60px auto 0;

}


.quality-page .quality-link-card {

    display:flex;

    flex-direction:column;

    gap:6px;

    padding:26px;

    background:#fff;

    border:1px solid rgba(15,23,42,.08);

    border-radius:14px;

    text-decoration:none;

    color:inherit;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.quality-page .quality-link-card:hover {

    transform:translateY(-5px);

    box-shadow:
        0 18px 40px rgba(15,23,42,.12);

}


.quality-page .quality-link-card span,
.quality-page .quality-link-card h3 {

    margin:0;

    display:block;

}


/* =========================================================
   PRINCIPII
========================================================= */

.quality-page .principii-box {

    max-width:900px;

    width:100%;

    margin:0 auto;

}


.quality-page .principii-box > div {

    display:flex;

    align-items:flex-start;

    gap:14px;

    padding:14px 18px;

    margin-bottom:10px;

    background:#f8fafc;

    border-radius:10px;

}


.quality-page .principii-box svg,
.quality-page .principii-box .icon {

    flex:0 0 18px;

    margin-top:2px;

}


.quality-page .principii-box p {

    margin:0;

    line-height:1.6;

    color:#334155;

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .quality-video-card {

        grid-template-columns:1fr;

    }


    .quality-page .quality-grid {

        grid-template-columns:1fr;

    }


    .quality-page .quality-capabilities {

        grid-template-columns:1fr;

    }

}


@media(max-width:700px){

    .quality-video-card {

        padding:24px;

        border-radius:18px;

    }


    .quality-video-copy h2 {

        font-size:28px;

    }


    .quality-video-badge {

        left:12px;

        bottom:12px;

        font-size:9px;

    }


    .quality-page .quality-links {

        grid-template-columns:1fr;

    }

}