/* ══════════════════════════════════════════
CTA SECTION
══════════════════════════════════════════ */
.cta-section {
background: var(--green-dark);
}
.cta-section .section-title { color: var(--white); }
.cta-section .section-subtitle { color: var(--white); }
.cta-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 0 auto;
}
.cta-card {
background: var(--white);
border-radius: 8px;
text-align: center;
}
.cta-card a { display: block;
        padding: 48px 20px;
transition: opacity .2s; }
.cta-card a:hover { opacity: 0.6; }
.cta-card-icon {
width: 56px; height: 56px;
background: rgba(255,255,255,.15);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 16px;
}
.cta-card:first-child .cta-card-icon {
background: var(--gold);
}
.cta-card:nth-child(2) .cta-card-icon {
background: var(--green-dark);
}
.cta-card:nth-child(3) .cta-card-icon {
background: var(--gold);
}
.cta-card-icon img { width: 28px; height: 28px; }
.cta-card dl dt {
font-size: 20px; font-weight: 700;
margin-bottom: 8px;
}
.cta-card dl dd { font-size: 14px;}
.cta-card .btn {
display: inline-flex; align-items: center; justify-content: center;
background: var(--white);
color: var(--green-dark);
border-radius: 8px;
padding: 12px 4px;
font-size: 14px; font-weight: 600;
width: 100%;
margin-top: 20px;
}
.cta-card.tel .btn {
color: var(--gold);
    font-size: 30px;
    padding: 0;
}
.cta-card.line .btn {
background: var(--green-dark);
color: var(--white);
}
.cta-card.form .btn {
background: var(--gold);
color: var(--white);
}
/* ══════════════════════════════════════════
FOOTER
══════════════════════════════════════════ */
footer {
background: #101828;
}
.footer-inner {
margin: 0 auto;
display: grid;
    grid-template-columns: 180px 180px 1fr 1fr;
gap: 32px;
}
.footer-brand .catchcopy {
font-size: 12px; color: #99a1af; line-height: 16px; margin-bottom: 16px;
}
.footer-brand .address {
font-size: 16px; color: #d1d5dc; line-height: 24px; margin-bottom: 12px;
}
.footer-brand .contact-row {
display: flex; align-items: center; gap: 6px; margin-bottom: 8px;
color: var(--white);
}
.footer-brand .contact-row img { width: 16px; height: 16px; }
.footer-brand .contact-row span { font-size: 16px; color: var(--white); }
.footer-social { display: flex; gap: 8px; margin-top: 4px; }
.footer-social img { width: 24px; height: 24px; }
.footer-col > li > a {
font-size: 16px; font-weight: 600; color: var(--white);
}
.footer-col ul {list-style: none;
    margin: 4px 0 12px;}
.footer-col ul li,.footer-items-grid li { margin-bottom: 4px; }
.footer-col ul li a,.footer-items-grid li a { font-size: 14px; color: #d1d5dc;
 }
.footer-col ul li a:hover { color: var(--white); }
.footer-col.other li {
    margin-bottom: 4px;
}
.footer-col > li .footer-items-second li a,.footer-items-col > li > a {
font-size: 16px; font-weight: 600; color: var(--white);
margin-bottom: 16px;
}
.footer-items-grid {
display: grid;
    grid-template-columns: 1fr 1fr;
}
.footer-items-grid a { font-size: 14px; color: #d1d5dc; }
.footer-items-grid a:hover { color: var(--white); }
.footer-copy {
display: flex;
    justify-content: center;
    padding-bottom: 12px;
    font-size: 14px;
    color: #6a7282;
}
/* ══════════════════════════════════════════
RESPONSIVE: MOBILE (≤768px)
══════════════════════════════════════════ */
@media (max-width: 768px) {
/* ─ CTA ─ */
.cta-cards { grid-template-columns: 1fr; gap: 16px; max-width: 100%; }
.cta-card a {
    padding: 28px 12px;
}
/* ─ Footer ─ */
.footer-inner {
    display: flex;
    flex-direction: column;
gap: 0;
padding-bottom: 24px;
}
.footer-brand .catchcopy { display: none; }
.footer-items-col { grid-column: 1; }
.footer-items-grid { grid-template-columns: 1fr 1fr; gap: 0; }
.footer-items-grid a { font-size: 14px; }
.footer-brand .contact-row {
        font-size: 28px;
            margin-bottom: 12px;
}
.footer-brand .contact-row img {
    width: 24px;
    height: 24px;
}
.footer-social { display: flex; margin: 8px 0 20px;gap: 16px; }
.footer-social img {
           width: 40px;
        height: 40px;
}
.footer-col > li .footer-items-second li a,.footer-col > li > a {
    font-size: 18px;
}
.footer-col ul {
        margin: 8px 0 24px;
}
.footer-col ul li, .footer-items-grid li {
    margin-bottom: 8px;
}
.footer-col ul li a, .footer-items-grid li a {
    font-size: 16px;
}
.footer-col.other li {
    margin-bottom: 8px;
}
}