/* ===== About page pack (scoped & safe) ===== */

/* Intro */
.about-intro{ margin:16px 0; }
.about-intro__title{ margin:0 0 6px; font-size:24px; font-weight:800; }
.about-bullets{ margin:8px 0 0; padding-left:18px; color:#004A1C }
.about-bullets li{ margin:4px 0 }

/* Contacts (media left, card right) */
.contact.section{ margin:16px 0; }
.contact-grid--media{ display:grid; grid-template-columns:1.1fr .9fr; gap:20px; align-items:stretch; }
@media(max-width:900px){ .contact-grid--media{ grid-template-columns:1fr } }

.contact-media{ height:100%; margin:0 }
.contact-media img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:14px; border:1px solid var(--border, #e5e7eb) }

.contact-card{ background:#fff; border:1px solid var(--border, #e5e7eb); border-radius:16px; padding:16px; box-shadow:0 8px 18px rgba(15,23,42,.06) }
.contact-item{ display:grid; grid-template-columns:160px 1fr; gap:10px; padding:8px 0; border-bottom:1px dashed #eef2f7 }
.contact-item:last-child{ border-bottom:none }
@media(max-width:600px){ .contact-item{ grid-template-columns:130px 1fr } }

.contact-actions{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap }
.contact-actions .btn.btn--primary{ background:#004A1C; border-color:#004A1C; color:#fff }
.contact-actions .btn.btn--ghost{ background:#fff; border:1px solid var(--border, #e5e7eb); color:#0f172a }

/* About products via {custom} */
.about-products{ margin:16px 0; }
.about-products .aprod-grid{ list-style:none; margin:0; padding:0; display:grid; gap:12px }
.about-products .aprod-grid--3{ grid-template-columns:repeat(3,1fr) }
@media(max-width:1000px){ .about-products .aprod-grid--3{ grid-template-columns:repeat(2,1fr) } }
@media(max-width:600px){ .about-products .aprod-grid--3{ grid-template-columns:1fr } }

.about-products .aprod-item{ background:#fff; border:1px solid var(--border, #e5e7eb); border-radius:12px; overflow:hidden; }
.about-products .aprod-thumb{ display:block; aspect-ratio:4/3; background:#f3f4f6 }
.about-products .aprod-thumb img{ width:100%; height:100%; object-fit:cover; display:block }
.about-products .aprod-title{ display:block; padding:10px 12px; color:#111827; font-weight:600; text-decoration:none }
.about-products .aprod-title:hover{ color:#004A1C; text-decoration:underline }

/* Map */
.map-section{ margin:16px 0; }
.map-section .map-wrap{ position:relative; border:1px solid var(--border, #e5e7eb); border-radius:16px; overflow:hidden; box-shadow:0 8px 18px rgba(15,23,42,.06) }
.map-section .map-wrap::before{ content:""; display:block; padding-top:56% }
.map-section .map-wrap iframe{ position:absolute; inset:0; width:100%; height:100% }