.connect-section{background:#f7f4ec;padding:78px 0;margin-bottom:45px}
.connect-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}
.connect-copy h2{max-width:440px;margin:15px 0 20px;color:var(--black-2);font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em}
.connect-copy>p:not(.eyebrow){max-width:390px;color:#69717c}
.connect-channel{display:inline-flex;align-items:center;gap:14px;margin-top:12px;padding:10px 0;border-bottom:1px solid var(--bronze);color:#725016;font-weight:700;font-size:.91rem}
.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.qr-card{margin:0;padding:18px;border:1px solid #e7e1d2;border-radius:20px;background:#fff;min-width:0}
.qr-card>a{display:block;border-radius:8px}
.qr-card img{width:100%;height:265px;object-fit:contain;background:#fff}
.qr-card figcaption{margin-top:18px;padding-top:15px;border-top:1px solid #eee8dc}
.qr-card figcaption strong,.qr-card figcaption span{display:block}
.qr-card figcaption strong{color:var(--black-2);font-size:.91rem}
.qr-card figcaption span{margin-top:3px;color:#747b84;font-size:.76rem}
.footer-social{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:38px;padding-top:28px;border-top:1px solid rgba(255,255,255,.09)}
.footer-social h3{margin:0;color:var(--gold-2);font-size:1rem}
.footer-social p{margin:5px 0 0;font-size:.8rem;color:#9da3ab}
.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:72px;min-height:74px;padding:10px;border:1px solid rgba(217,169,54,.25);border-radius:12px;color:#efcf78;transition:background .2s,color .2s}
.social-links svg{width:23px;height:23px;stroke-width:1.65}
.social-links span{font-size:.65rem;font-weight:600;color:#c7cbd1;white-space:nowrap}
.social-links a:hover{background:rgba(217,169,54,.12);border-color:var(--gold)}
.social-links a:focus-visible,.qr-card a:focus-visible,.connect-channel:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.footer-bottom{margin-top:28px}
@media(max-width:1050px){.connect-grid{gap:30px}.qr-card{padding:12px}.qr-card img{height:225px}.footer-social{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.connect-grid{grid-template-columns:1fr}.connect-copy h2,.connect-copy>p:not(.eyebrow){max-width:600px}.qr-grid{max-width:640px}.qr-card img{height:280px}}
@media(max-width:480px){.connect-section{padding:55px 0}.qr-grid{grid-template-columns:1fr;width:100%;max-width:340px;margin-inline:auto}.qr-card{padding:20px}.qr-card img{height:310px}.social-links{gap:8px}.social-links a{min-width:74px}.footer-social{gap:20px}}

/* Kaaba photo: ekrem osmanoglu / Unsplash, TbTeMOmgQJo. */
.service-card.featured-service{background-image:linear-gradient(180deg,rgba(5,8,12,.2) 0%,rgba(5,8,12,.68) 43%,rgba(5,8,12,.94) 100%),url('../images/kaaba-hajj.jpg');background-size:cover;background-position:42% center;border-color:#6e572b}
.service-card.featured-service::after{display:none}
.service-card.featured-service h3{color:#f1cf70;text-shadow:0 2px 8px #000}
.service-card.featured-service p{color:#fff;text-shadow:0 1px 5px #000}
.service-card.featured-service .service-number{color:#fff;text-shadow:0 1px 5px #000}