/* Service – Section 2 (Accordion) */
.service-section-2 { padding: var(--section-pad-y) var(--section-pad-x); }
.service-section-2 .container { display: flex; flex-direction: column; align-items: center; }
.service-section-2 .s2__heading {
    width: 70%; text-align: center; font-size: clamp(28px, 3.6vw, 48px); line-height: 1.1; margin: 0 0 40px;
}

.s2__accordion { width: 80%; margin: 0 auto; }
.s2__item { border-top: 1px solid #eee; }
.s2__item:last-child { border-bottom: 1px solid #eee; }

.s2__trigger {
    width: 100%; display: grid; grid-template-columns: 56px 1fr 24px; align-items: center;
    gap: 16px; padding: 20px 8px; text-align: left; background: transparent; border: 0; cursor: pointer;
}
.s2__icon { width: 56px; height: 56px; border-radius: 50%; background: #ffe9e5; display: grid; place-items: center; overflow: hidden; }
.s2__icon img { width: 32px; height: 32px; object-fit: contain; }
.s2__icon-fallback { font-size: 22px; }
.s2__title { font-weight: 600; font-size: clamp(18px, 2.1vw, 32px); color: #262626; text-transform: capitalize; }

/* Chevron (right when closed, down when open) */
.s2__chev { width: 24px; height: 24px; position: relative; }
.s2__chev::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px;
    border-right: 2px solid #111; border-bottom: 2px solid #111;
    transform: translate(-50%, -50%) rotate(-45deg); /* right chevron */
    transition: transform .2s ease;
}
.s2__item.is-open .s2__chev::before { transform: translate(-50%, -50%) rotate(45deg); /* down chevron */ }

/* Panel */
.s2__panel { overflow: clip; transition: grid-template-rows .28s ease; display: grid; grid-template-rows: 0fr; }
/* Respect the hidden attribute: actually hide the panel when hidden */
.s2__panel[hidden] { display: none !important; }
.s2__item.is-open .s2__panel { grid-template-rows: 1fr; }
.s2__panel-inner { min-height: 0; padding: 0 8px 20px 72px; color: #444; font-size: 16px; }

@media (max-width: 1024px) {
    .service-section-2 .container { padding: 0; }

    .s2__panel-inner { padding-left: 72px; }
}