.wrap{
      max-width:1100px; margin:0 auto; display:grid; grid-template-columns: 1fr 420px; gap:28px; align-items:start;
    }
	.card input {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 2px 0;
    border: 1px solid #14332c;
    border-radius: 5px;
    background: #f9f9f9;
}
 /* main card */
    .card{background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.94)); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow)}
    .address{display:flex; gap:16px; align-items:flex-start}
    .address .fa-map-marker-alt{font-size:22px; margin-top:6px; color:var(--accent-dark)}
    .info-list{margin:14px 0 0 0; padding:0; list-style:none}
    .info-list li{display:flex; gap:12px; align-items:center; padding:10px 0; border-bottom:1px dashed rgba(10,20,10,0.04)}
    .info-list li:last-child{border-bottom:0}
    .muted{color:var(--muted)}

    /* schedule */
    .hours{display:flex; gap:12px; flex-wrap:wrap}
    .hours .slot{background:var(--glass); padding:8px 12px; border-radius:10px; font-weight:600}

    /* right column */
    aside .card{position:sticky; top:28px}

    /* map */
    .map-wrap{height:300px; border-radius:12px; overflow:hidden; background:#e8efe7}
    .map-wrap iframe{width:100%; height:100%; border:0}

    /* blog previews */
    .blog{display:grid; gap:10px}
    .post{display:flex; gap:12px; align-items:center}
    .post .thumb{width:64px; height:64px; border-radius:8px; background:linear-gradient(135deg,#e6f5e6,#f6fff5); display:flex;align-items:center;justify-content:center;font-weight:700;color:#2a5b33}
    .post .meta{font-size:13px}

    /* socials */
    .socials{display:flex; gap:10px; margin-top:8px}
    .socials a{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px; text-decoration:none; color:inherit; background:var(--glass)}
	.socials a i{color:#4646d1}

    footer{grid-column:1/-1; margin-top:22px; color:#dfeee0; display:flex; justify-content:space-between; align-items:center}
	#site-footer{display:block!important;}

    /* responsive */
    @media (max-width:980px){
      .wrap{grid-template-columns:1fr;}
      aside .card{position:relative; top:auto}
    }

    /* small tasteful animations */
    .btn{display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:10px; background:linear-gradient(180deg,var(--accent),var(--accent-dark)); color:white; text-decoration:none; font-weight:600}
    a.btn:active{transform:translateY(1px)}
	@media (max-width: 400px) {
	.container-pad {
        text-align: left;
    }
	.address {
    display: block;
	}
	.card{
        text-align: left;
    }
	}