/* ===== CRV Transport — Service SHOW ===== */
    :root{
    --brand:#01cefd;         /* cyan logo */
    --ink:#0b1b2b;
    --muted:#6b7a90;
    --blue:#0f5073;
    --blue2:#0a608c;
    --radius:16px;
    --shadow:0 12px 28px rgba(9,34,56,.18);
    }

    .container{max-width:1180px}
    .service-wrap{padding:2rem 0 3rem}

    /* --- Head --- */
    .service-head{
    display:grid; grid-template-columns:1fr auto; grid-auto-rows:min-content;
    gap:.75rem 1rem; align-items:end; margin-bottom:1rem;
    }
    .service-head .eyebrow{
    grid-column:1/-1; font-size:.85rem; letter-spacing:.08em; text-transform:uppercase;
    color:var(--muted); font-weight:600;
    }
    .page-title{
    margin:0; font-weight:800; line-height:1.1; color:var(--ink);
    font-size:clamp(1.6rem,1rem+2vw,2.2rem);
    }
    .page-title .accent{color:var(--brand)}
    .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    height:42px; padding:0 1rem; border-radius:12px; font-weight:700;
    text-decoration:none; border:1px solid transparent; cursor:pointer;
    transition:transform .14s ease, box-shadow .14s ease, background-color .14s ease, color .14s ease;
    }
    .btn:active{transform:translateY(1px)}
    .btn-all{background:#fff; border-color:rgba(1,206,253,.35); color:var(--ink); }
    .btn-all:hover{border-color:var(--brand); }

    /* --- Single Panel (compact) --- */
    .service-panel{
    display:grid; grid-template-columns:360px 1fr; gap:0;
    border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:#fff;
    }

    /* imagine moderată pe stânga; se ajustează frumos și la texte scurte */
    .media{background:#eef4fa; min-height:240px; position:relative}
    .media img{width:100%; height:100%; display:block; object-fit:cover; aspect-ratio:4/3}
    .media .noimg{width:100%; height:100%; background:
    linear-gradient(135deg, rgba(1,206,253,.15), rgba(10,96,140,.15));}

    /* panoul albastru într-o singură „cutie” */
    .body{
    background:linear-gradient(180deg, var(--blue2) 0%, var(--blue) 100%);
    color:#e8f4fb; padding:22px 24px 20px 24px;
    }
    .service-title{
    margin:0 0 .35rem; font-size:clamp(1.1rem, .9rem + .8vw, 1.5rem); font-weight:800; letter-spacing:.2px;
    }

    /* descriere cu truncate + fade (arată bine și la texte scurte) */
    .service-desc{line-height:1.6; color:#d6e9f6}
    .service-desc p{margin:.6rem 0}
    .service-desc a{color:#fff; text-decoration:underline}

    .js-truncate{
    max-height: 240px; overflow: hidden; position: relative;
    -webkit-mask-image: linear-gradient(180deg, #000 70%, rgba(0,0,0,.0) 100%);
            mask-image: linear-gradient(180deg, #000 70%, rgba(0,0,0,.0) 100%);
    }
    .js-truncate.is-open{
    max-height:none; -webkit-mask-image:none; mask-image:none;
    }

    /* butoane */
    .actions{display:flex; gap:.6rem; margin-top:.8rem; flex-wrap:wrap}
    .btn-primary{
        font-family:exo-2, sans-serif !important;
        font-weight:700 !important;
        background:#df5500 !important; 
        color: #ffffff; 
        border: 0 !important; 
        transition: background-color 0.5s ease !important;
    }
    .btn-primary:hover{
        background:#01cefd !important; 
        transition: background-color 0.5s ease !important;
    }

    .btn-ghost{
        font-family:exo-2, sans-serif !important;
        font-weight:700 !important;
        background:#df5500 !important; 
        color: #ffffff !important; 
        border: 0 !important; 
        transition: background-color 0.5s ease !important;
    }
    .btn-ghost:hover{
        background:#01cefd !important; 
        transition: background-color 0.5s ease !important;
    }

    /* micro-animații */
    .service-panel{opacity:0; transform:translateY(8px); transition:opacity .32s ease, transform .32s ease}
    .service-panel.is-ready{opacity:1; transform:none}

    /* --- Responsive --- */
    @media (max-width: 900px){
    .service-panel{grid-template-columns:1fr}
    .media{height:220px}
    }
    @media (max-width: 520px){
    .btn{height:40px}
    }