.plantlove-contact-page { background:#fbfcf8; }.contact-hero { padding:48px 0 61px; color:#fff; background:linear-gradient(125deg,#2e5738,#50784b 58%,#8da965); }.contact-hero__inner { max-width:825px; }.contact-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:28px; color:#e0ebdc; font-size:.85rem; }.contact-breadcrumb a { color:#fff; text-decoration:none; }.contact-breadcrumb i { font-size:.65rem; }.contact-hero .section-eyebrow { color:#f0df9e; }.contact-hero h1 { margin:9px 0 13px; font-family:"Playfair Display",serif; font-size:clamp(2.2rem,5vw,4.25rem); line-height:1.05; }.contact-hero p { max-width:620px; margin:0; color:#ebf2e8; font-size:1.08rem; line-height:1.62; }
.contact-details { padding:68px 0 52px; }.contact-details__intro { max-width:580px; margin-bottom:30px; }.contact-details__intro h2 { margin:6px 0 0; color:#2a412f; font-family:"Playfair Display",serif; font-size:clamp(2rem,3.3vw,3rem); }.contact-details__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.contact-detail-card { position:relative; display:flex; min-height:191px; flex-direction:column; align-items:flex-start; padding:25px; overflow:hidden; border:1px solid #e0e9de; border-radius:17px; color:#2c3e2f; background:#fff; box-shadow:0 6px 16px rgba(35,63,40,.035); text-decoration:none; transition:.2s ease; }.contact-detail-card[href]:hover { transform:translateY(-4px); border-color:#bed0ba; box-shadow:0 14px 27px rgba(35,63,40,.1); }.contact-detail-card > span { display:grid; width:47px; height:47px; place-items:center; margin-bottom:20px; border-radius:13px; color:#42633d; background:#edf4e9; font-size:1.3rem; }.contact-detail-card small { color:#8b7734; font-size:.67rem; font-weight:800; letter-spacing:.11em; }.contact-detail-card strong { max-width:85%; margin-top:5px; color:#2c3e2f; font-size:.96rem; line-height:1.42; }.contact-detail-card > i { position:absolute; right:23px; bottom:25px; color:#7c8e7e; font-size:1rem; transition:.2s ease; }.contact-detail-card[href]:hover > i { color:#42633d; transform:translate(2px,-2px); }
.contact-map-section { padding:36px 0 75px; }.contact-map-section__grid { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:clamp(35px,7vw,95px); align-items:center; }.contact-map-section__copy h2 { margin:6px 0 14px; color:#2a412f; font-family:"Playfair Display",serif; font-size:clamp(1.9rem,3vw,2.8rem); line-height:1.15; }.contact-map-section__copy p { max-width:440px; color:#68786a; line-height:1.65; }.contact-map-section__copy .button { margin-top:10px; }.contact-map { min-height:350px; overflow:hidden; border:1px solid #dfe8dd; border-radius:20px; background:#eaf1e5; box-shadow:0 14px 30px rgba(35,63,40,.08); }.contact-map iframe { display:block; width:100%; height:350px; border:0; }.contact-map__fallback { display:grid; height:350px; place-items:center; align-content:center; gap:11px; color:#42633d; text-align:center; }.contact-map__fallback i { font-size:2.2rem; }.contact-map__fallback span { max-width:280px; font-weight:700; }
.contact-trade-banner { color:#fff; background:#294d33; }.contact-trade-banner__inner { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:46px 0; }.contact-trade-banner h2 { margin:6px 0 7px; font-family:"Playfair Display",serif; font-size:2rem; }.contact-trade-banner p { margin:0; color:#d9e6d7; }
@media (max-width:800px) { .contact-details { padding:51px 0 38px; }.contact-details__grid { grid-template-columns:1fr; }.contact-detail-card { min-height:160px; }.contact-map-section__grid { grid-template-columns:1fr; }.contact-map-section__copy { max-width:570px; }.contact-trade-banner__inner { align-items:start; flex-direction:column; } }
@media (max-width:600px) { .contact-hero { padding:30px 0 39px; }.contact-breadcrumb { margin-bottom:20px; }.contact-hero p { font-size:.96rem; }.contact-details__intro { margin-bottom:20px; }.contact-detail-card { min-height:145px; padding:20px; }.contact-detail-card > span { width:42px; height:42px; margin-bottom:14px; }.contact-map-section { padding:25px 0 50px; }.contact-map,.contact-map iframe,.contact-map__fallback { min-height:278px; height:278px; }.contact-trade-banner__inner { padding:36px 0; }.contact-trade-banner h2 { font-size:1.65rem; } }