/* Escortamus - distinct layout (ea- prefix) */ :root { --ea-bg: #f4f1ec; --ea-surface: #ffffff; --ea-ink: #1c1917; --ea-muted: #57534e; --ea-line: #e7e5e4; --ea-accent: #d55182; --ea-accent-light: #de6f97; --ea-accent-hover: #c62b60; --ea-accent-border: #c62b60; --ea-accent-gradient: linear-gradient(135deg, #de6f97 0%, #d55182 100%); --ea-header: #1c1917; --ea-radius: 14px; --ea-shadow: 0 8px 30px rgba(28, 25, 23, 0.08); --ea-font: "Alike", Georgia, serif; --ea-serif: "Alike", Georgia, serif;
} *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body.ea-body { margin: 0; font-family: var(--ea-font); font-size: 16px; line-height: 1.55; color: var(--ea-ink); background: var(--ea-bg); -webkit-font-smoothing: antialiased;
} a { color: var(--ea-accent); text-decoration: none; }
a:hover { color: var(--ea-accent-hover); text-decoration: underline; } .ea-wrap { width: min(1120px, calc(100% - 2rem)); margin-inline: auto;
} .ea-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;
} /* Header */
.ea-header { background: var(--ea-header); color: #fafaf9; padding-bottom: 0.85rem;
} .ea-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1rem 0.75rem;
} .ea-brand { display: flex; align-items: center; flex-shrink: 0; }
.ea-brand-text { font-family: var(--ea-serif); font-size: 1.65rem; color: #fff; text-decoration: none;
}
.ea-brand-img { display: block; height: 50px; width: auto; } .ea-nav-toggle { display: none; background: transparent; border: 1px solid #57534e; color: #fff; border-radius: 8px; padding: 0.45rem 0.75rem; cursor: pointer; font: inherit;
} .ea-nav { display: flex; align-items: center; gap: 1.25rem; flex-shrink: 0;
}
.ea-nav a { color: #e7e5e4; text-decoration: none; font-weight: 500; font-size: 0.95rem;
}
.ea-nav a:hover { color: #fff; } .ea-btn { display: inline-flex; align-items: center; padding: 0.5rem 1rem; border-radius: 999px; font-weight: 600; font-size: 0.9rem; text-decoration: none !important;
}
.ea-btn-accent { background: var(--ea-accent-gradient); border: 1px solid var(--ea-accent-border); color: #fff !important;
}
.ea-btn-accent:hover { background: linear-gradient(135deg, #d55182 0%, #c62b60 100%); border-color: var(--ea-accent-hover); color: #fff !important;
} .ea-search { position: relative; flex: 1 1 12rem; min-width: 0; max-width: 34rem; margin-inline: 0.25rem 0.5rem;
} .ea-search-input { width: 100%; border: 1px solid #d6d3d1; border-radius: 999px; padding: 0.65rem 1.1rem; font: inherit; font-size: 16px; background: #ede9e4; color: var(--ea-ink);
}
.ea-search-input::placeholder { color: #78716c; }
.ea-search-input:focus { outline: 2px solid var(--ea-accent); outline-offset: 2px;
} .ea-search-results { position: absolute; left: 0; right: 0; top: calc(100% + 0.35rem); background: var(--ea-surface); border-radius: var(--ea-radius); box-shadow: var(--ea-shadow); border: 1px solid var(--ea-line); z-index: 50; max-height: 320px; overflow: auto;
}
.ea-search-item { display: flex; align-items: center; gap: 0.55rem; padding: 0.7rem 1rem; color: var(--ea-ink); text-decoration: none; border-bottom: 1px solid var(--ea-line);
}
.ea-search-item-flag { flex-shrink: 0; font-size: 1.15em; line-height: 1; }
.ea-search-item-text { min-width: 0; }
.ea-search-item:last-child { border-bottom: none; }
.ea-search-item:hover { background: #f5f5f4; }
.ea-search-item.is-active { background: #e7e5e4; } /* Main */
.ea-main { padding-block: 2rem 3rem; min-height: 50vh; } .ea-page { width: min(1120px, calc(100% - 2rem)); margin-inline: auto; } .ea-page-head { margin-bottom: 1.75rem; } .ea-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; font-size: 0.875rem; margin-bottom: 0.75rem;
}
.ea-crumb a { color: var(--ea-accent); font-weight: 500; text-decoration: none;
}
.ea-crumb a:hover { color: var(--ea-accent-hover); text-decoration: underline;
}
.ea-crumb > span[aria-hidden="true"] { color: #d6d3d1; user-select: none;
}
.ea-crumb > span:not([aria-hidden="true"]) { color: var(--ea-ink);
} .ea-title { font-family: var(--ea-serif); font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 400; line-height: 1.15; margin: 0 0 0.5rem; letter-spacing: -0.02em;
} .ea-lead { margin: 0; color: var(--ea-muted); font-size: 1.05rem; }
.ea-empty { margin: 1.5rem 0 0; color: var(--ea-muted); font-size: 1.05rem; } .ea-intro { background: var(--ea-surface); border-radius: var(--ea-radius); padding: 1.5rem 1.75rem; margin-bottom: 2rem; border: 1px solid var(--ea-line);
}
.ea-intro p { margin: 0 0 1rem; }
.ea-intro p:last-child { margin-bottom: 0; }
.ea-intro ul { margin: 0.5rem 0 1rem; padding-left: 1.25rem; }
.ea-intro li { margin-bottom: 0.35rem; } /* Cards grid */
.ea-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 1.25rem;
} .ea-card { background: var(--ea-surface); border-radius: var(--ea-radius); overflow: hidden; border: 1px solid var(--ea-line); box-shadow: 0 2px 8px rgba(28,25,23,0.04); transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ea-card:hover { transform: translateY(-3px); box-shadow: var(--ea-shadow); border-color: var(--ea-accent-border);
}
.ea-card-link { display: block; color: inherit; text-decoration: none !important;
}
.ea-card-img { aspect-ratio: 330 / 440; background: #e7e5e4; overflow: hidden;
}
.ea-card-img img { width: 100%; height: 100%; object-fit: cover; display: block;
}
.ea-card-body { padding: 0.9rem 1rem 1.1rem; }
.ea-card-name { font-size: 1.1rem; font-weight: 600; margin: 0 0 0.35rem;
}
.ea-card-name a { color: inherit; text-decoration: none;
}
.ea-card-name a:hover { color: var(--ea-accent); } .ea-card-city { margin: 0 0 0.45rem; font-size: 0.85rem; line-height: 1.3;
}
.ea-card-city a { display: inline-flex; align-items: center; gap: 0.15rem; color: var(--ea-accent); font-weight: 500; text-decoration: none;
}
.ea-card-city a:hover { color: var(--ea-accent-hover); text-decoration: none;
}
.ea-card-city a:hover .ea-card-city-label { text-decoration: underline;
}
.ea-card-city .material-symbols-outlined { font-size: 1rem; } .ea-card-stats { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0 0 0.5rem;
}
.ea-card-stat { font-size: 0.78rem; font-weight: 600; color: var(--ea-ink); background: var(--ea-bg); border: 1px solid var(--ea-line); border-radius: 999px; padding: 0.2rem 0.55rem; line-height: 1.3;
} .ea-card-tags { display: flex; flex-wrap: wrap; gap: 0.3rem; margin: 0;
}
.ea-card-tag { font-size: 0.72rem; font-weight: 500; color: var(--ea-accent-hover); background: rgba(222, 111, 151, 0.1); border: 1px solid rgba(198, 43, 96, 0.12); border-radius: 999px; padding: 0.18rem 0.5rem; line-height: 1.3;
} .ea-section { margin-top: 2.5rem; }
.ea-section-title { font-family: var(--ea-serif); font-size: 1.65rem; margin: 0 0 1rem; font-weight: 400;
} /* Country grid */
.ea-country-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.85rem;
}
.ea-country-card { display: flex; flex-direction: column; gap: 0.25rem; padding: 1rem 1.1rem; background: var(--ea-surface); border: 1px solid var(--ea-line); border-radius: var(--ea-radius); color: inherit; text-decoration: none !important; transition: border-color 0.15s, box-shadow 0.15s;
}
.ea-country-card-flag { font-size: 1.1em; line-height: 1;
}
.ea-country-flag { font-size: 0.85em;
}
.ea-country-card:hover { border-color: var(--ea-accent-border); box-shadow: var(--ea-shadow);
}
.ea-country-card-name { font-weight: 600; }
.ea-country-card-meta { font-size: 0.85rem; color: var(--ea-muted); } .ea-city-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.35rem 1.5rem;
}
.ea-city-list a { font-weight: 500; }
.ea-city-muted { color: var(--ea-muted); } .ea-county-list { display: flex; flex-direction: column; gap: 2rem; }
.ea-county-section { margin: 0; }
.ea-county-title { font-family: var(--ea-serif); font-size: 1.25rem; font-weight: 400; margin: 0 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--ea-line); color: var(--ea-ink); }
.ea-county-meta { font-family: var(--ea-font); font-size: 0.85rem; font-weight: 500; color: var(--ea-muted); margin-left: 0.35rem; } .ea-pager { display: flex; gap: 1rem; margin-top: 2rem; flex-wrap: wrap;
}
.ea-pager-btn { padding: 0.55rem 1.1rem; border-radius: 999px; border: 1px solid var(--ea-line); background: var(--ea-surface); font-weight: 600; text-decoration: none !important;
} /* Profile detail */
.ea-profile { display: grid; grid-template-columns: minmax(0, 400px) 1fr; gap: 2rem; align-items: start;
}
@media (max-width: 860px) { .ea-profile { grid-template-columns: 1fr; } .ea-profile-gallery-col, .ea-profile-info { max-width: 100%; min-width: 0; width: 100%; } .ea-gallery-main, .ea-gallery-thumbs, .ea-actions--gallery, .ea-quote { max-width: 100%; } .ea-profile-info { position: static; }
} .ea-profile-gallery-col { max-width: 400px; min-width: 0; display: flex; flex-direction: column; gap: 1rem;
} .ea-gallery { display: flex; flex-direction: column; gap: 1rem;
} .ea-gallery-main { position: relative; width: 100%; max-width: 400px; aspect-ratio: 330 / 380; border-radius: var(--ea-radius); overflow: hidden; background: #e7e5e4;
}
.ea-gallery-main img { width: 100%; height: 100%; object-fit: cover; display: block;
} .ea-gallery-prev,
.ea-gallery-next { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1.25rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s;
}
.ea-gallery-prev:hover,
.ea-gallery-next:hover { background: rgba(0, 0, 0, 0.7); }
.ea-gallery-prev { left: 0.75rem; }
.ea-gallery-next { right: 0.75rem; } .ea-gallery-thumbs { display: flex; flex-wrap: nowrap; gap: 0.75rem; max-width: 400px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; padding-bottom: 4px;
}
.ea-gallery-thumbs::-webkit-scrollbar { height: 6px; }
.ea-gallery-thumbs::-webkit-scrollbar-thumb { background: var(--ea-line); border-radius: 3px;
}
.ea-gallery-thumbs button { flex-shrink: 0; border: 2px solid var(--ea-line); border-radius: 10px; padding: 0; cursor: pointer; overflow: hidden; width: 165px; background: none; box-shadow: 0 2px 8px rgba(28, 25, 23, 0.06); transition: border-color 0.15s, box-shadow 0.15s;
}
.ea-gallery-thumbs button:hover { box-shadow: var(--ea-shadow); }
.ea-gallery-thumbs button.is-active { border-color: var(--ea-accent-border); box-shadow: 0 0 0 1px var(--ea-accent-border);
}
.ea-gallery-thumbs img { width: 165px; aspect-ratio: 330 / 440; object-fit: cover; display: block; pointer-events: none;
} .ea-profile-info { position: sticky; top: 1rem; min-width: 0; background: var(--ea-surface); padding: 1.5rem; border-radius: var(--ea-radius); border: 1px solid var(--ea-line); box-shadow: 0 2px 8px rgba(28, 25, 23, 0.04);
} .ea-profile h1 { font-family: var(--ea-serif); font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 0.5rem; font-weight: 400; line-height: 1.2;
}
.ea-profile-location { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; color: var(--ea-muted); margin: 0 0 1.25rem; font-size: 0.95rem; }
.ea-profile-location .material-symbols-outlined { font-size: 1.1rem; color: var(--ea-accent); flex-shrink: 0; }
.ea-profile-location-text a { color: var(--ea-accent); font-weight: 500; } .ea-actions { display: flex; flex-wrap: wrap; gap: 0.65rem; margin: 1.25rem 0;
}
.ea-actions--gallery { margin-top: 0; max-width: 400px; }
.ea-actions--gallery .ea-btn { flex: 1; min-width: 0; justify-content: center; } .ea-btn-primary { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.55rem 1rem; border-radius: 10px; font-weight: 600; font-size: 0.875rem; text-decoration: none !important; cursor: pointer; font: inherit; background: var(--ea-accent-gradient); border: 1px solid var(--ea-accent-border); color: #fff !important; transition: background 0.15s, border-color 0.15s;
}
.ea-btn-primary:hover { background: linear-gradient(135deg, #d55182 0%, #c62b60 100%); border-color: var(--ea-accent-hover); color: #fff !important; text-decoration: none !important;
} .ea-btn-outline { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.55rem 1rem; border-radius: 10px; font-weight: 600; font-size: 0.875rem; text-decoration: none !important; cursor: pointer; font: inherit; background: transparent; border: 1px solid var(--ea-line); color: var(--ea-muted) !important; transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.ea-btn-outline:hover { color: var(--ea-ink) !important; border-color: var(--ea-muted); background: var(--ea-bg);
} .ea-quote { margin: 0; max-width: 400px; padding: 1.5rem 1.75rem; background: linear-gradient(145deg, rgba(222, 111, 151, 0.07) 0%, rgba(255, 255, 255, 0.6) 55%); border: 1px solid rgba(198, 43, 96, 0.25); border-radius: var(--ea-radius); box-shadow: 0 2px 12px rgba(28, 25, 23, 0.04); position: relative; overflow: hidden;
}
.ea-quote::before { content: '"'; position: absolute; top: 0.5rem; left: 1rem; font-size: 3.5rem; line-height: 1; color: var(--ea-accent); opacity: 0.45; font-family: Georgia, serif; font-weight: 700;
}
.ea-quote::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--ea-accent-light), transparent 70%); opacity: 0.7;
}
.ea-quote p { margin: 0; padding-left: 2.5rem; white-space: pre-line; font-size: 1rem; line-height: 1.75; color: #44403c; font-style: italic; position: relative; z-index: 1;
} .ea-params-block { display: grid; grid-template-columns: 1fr 2fr 1fr 2fr; gap: 0.35rem 1.5rem; align-items: baseline; margin-bottom: 1.5rem;
}
.ea-params-section { display: contents; }
.ea-params-category { grid-column: 1 / -1; margin: 1.25rem 0 0.5rem; font-size: 0.8rem; font-weight: 600; color: var(--ea-accent); text-transform: uppercase; letter-spacing: 0.04em;
}
.ea-params-block > .ea-params-category:first-of-type { margin-top: 0; }
.ea-params { display: contents; margin: 0; font-size: 0.9rem; }
.ea-params dt,
.ea-params dd { margin: 0; }
.ea-params dt:nth-of-type(odd) { grid-column: 1; }
.ea-params dd:nth-of-type(odd) { grid-column: 2; }
.ea-params dt:nth-of-type(even) { grid-column: 3; }
.ea-params dd:nth-of-type(even) { grid-column: 4; }
.ea-params dt { color: var(--ea-ink); font-weight: 600; white-space: nowrap; }
.ea-params dd { color: var(--ea-muted); }
@media (max-width: 640px) { .ea-params-block { grid-template-columns: 1fr 2fr; } .ea-params dt:nth-of-type(odd), .ea-params dt:nth-of-type(even) { grid-column: 1; } .ea-params dd:nth-of-type(odd), .ea-params dd:nth-of-type(even) { grid-column: 2; } .ea-params dt { white-space: normal; }
} .ea-services { margin-top: 0.5rem; }
.ea-services > h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 1rem;
}
.ea-services-category { margin: 1.25rem 0 0.5rem; font-size: 0.8rem; font-weight: 600; color: var(--ea-accent); text-transform: uppercase; letter-spacing: 0.04em;
}
.ea-services-category:first-of-type { margin-top: 0; } .ea-services-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.45rem;
}
.ea-services-list li { background: rgba(222, 111, 151, 0.1); color: var(--ea-accent-hover); border: 1px solid rgba(198, 43, 96, 0.15); border-radius: 999px; padding: 0.35rem 0.75rem; font-size: 0.85rem; font-weight: 500;
}
.ea-service-expansion { font-size: 0.9em; color: var(--ea-muted); font-weight: normal;
} .ea-side-block { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--ea-line);
}
.ea-side-block h2 { font-family: var(--ea-serif); font-size: 1.5rem; font-weight: 400; margin: 0 0 1.25rem;
} .ea-similar-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 1rem;
}
.ea-similar-card { display: flex; flex-direction: column; text-decoration: none !important; color: inherit; background: var(--ea-surface); border-radius: var(--ea-radius); overflow: hidden; border: 1px solid var(--ea-line); box-shadow: 0 2px 8px rgba(28, 25, 23, 0.04); transition: box-shadow 0.15s, border-color 0.15s, transform 0.15s;
}
.ea-similar-card:hover { border-color: var(--ea-accent-border); box-shadow: var(--ea-shadow); transform: translateY(-2px);
}
.ea-similar-card-img { display: block; aspect-ratio: 330 / 440; overflow: hidden; background: #e7e5e4;
}
.ea-similar-card-img img { width: 100%; height: 100%; object-fit: cover; display: block;
}
.ea-similar-card-name { padding: 0.65rem 0.85rem 0.25rem; font-size: 0.9rem; font-weight: 600;
}
.ea-similar-card-city { display: flex; align-items: center; gap: 0.2rem; padding: 0 0.85rem 0.25rem; font-size: 0.8rem; color: var(--ea-accent);
}
.ea-similar-card-services { padding: 0 0.85rem 0.75rem; font-size: 0.75rem; color: var(--ea-muted); line-height: 1.35;
} .ea-nearby-list { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; list-style: none; margin: 0; padding: 0;
}
.ea-nearby-list a { font-weight: 500; font-size: 0.95rem;
} /* Static / legal pages */
.ea-legal { background: var(--ea-surface); border: 1px solid var(--ea-line); border-radius: var(--ea-radius); padding: 1.5rem 1.75rem; font-size: 0.95rem; line-height: 1.6;
}
.ea-legal p { margin: 0 0 1em; }
.ea-legal p:last-child { margin-bottom: 0; } .ea-age-block { max-width: 36rem; margin-inline: auto; padding: 2rem 1.75rem; background: var(--ea-surface); border: 1px solid var(--ea-line); border-radius: var(--ea-radius); box-shadow: var(--ea-shadow); text-align: center;
}
.ea-age-icon { margin-bottom: 1rem; color: var(--ea-accent);
}
.ea-age-icon .material-symbols-outlined { font-size: 3.5rem; }
.ea-age-block .ea-title { margin-bottom: 1.25rem; font-size: 1.75rem; }
.ea-age-lead { margin: 0 0 1rem; font-size: 1.05rem; line-height: 1.5;
}
.ea-age-lead strong { color: var(--ea-accent); }
.ea-age-text { margin: 0 0 1.75rem; font-size: 0.95rem; line-height: 1.55; color: var(--ea-muted);
}
.ea-age-actions { margin: 0; }
.ea-age-btn { padding: 0.75rem 1.5rem; font-size: 1rem; }
.ea-icon { font-size: 1.1em; margin-right: 0.25rem; }
.ea-icon--accent { color: var(--ea-accent); } /* Footer */
.ea-footer { background: var(--ea-header); color: #a8a29e; padding: 2rem 0; font-size: 0.875rem;
}
.ea-footer-inner { width: min(1120px, calc(100% - 2rem)); margin-inline: auto;
}
.ea-footer-nav { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-bottom: 1.25rem;
}
.ea-footer-nav a { color: #e7e5e4; text-decoration: none;
}
.ea-footer-nav a:hover { color: var(--ea-accent-light); text-decoration: none; }
.ea-footer-note { margin: 0 0 0.75rem; line-height: 1.55;
}
.ea-footer-age { font-weight: 500; color: #d6d3d1; }
.ea-copy { margin: 1rem 0 0; color: #78716c; display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem 0.5rem;
}
.ea-liveinternet { display: inline-flex; align-items: center; margin-left: 0.15rem; line-height: 0;
}
.report-modal[hidden] { display: none !important; }
.report-modal { position: fixed; inset: 0; z-index: 100; }
.report-modal-backdrop { position: absolute; inset: 0; background: rgba(28,25,23,0.55); }
.report-modal-inner { position: relative; width: min(480px, calc(100% - 2rem)); margin: 10vh auto; background: var(--ea-surface); border-radius: var(--ea-radius); padding: 1.5rem; box-shadow: var(--ea-shadow);
}
.report-modal-title { margin: 0 0 0.5rem; font-family: var(--ea-serif); font-weight: 400; }
.report-reasons { border: none; margin: 1rem 0; padding: 0; }
.report-reason-label { display: block; margin-bottom: 0.45rem; }
.report-comment { width: 100%; font: inherit; border: 1px solid var(--ea-line); border-radius: 8px; padding: 0.5rem; }
.report-form-actions { display: flex; gap: 0.65rem; margin-top: 1rem; flex-wrap: wrap; }
.report-modal-close-x { position: absolute; top: 0.5rem; right: 0.75rem; border: none; background: none; font-size: 1.5rem; cursor: pointer;
} /* Pagination */
.ea-pagination { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 2rem; align-items: center;
}
.ea-pagination a, .ea-pagination span { min-width: 2.25rem; text-align: center; padding: 0.45rem 0.65rem; border-radius: 8px; border: 1px solid var(--ea-line); background: var(--ea-surface); text-decoration: none !important; font-size: 0.9rem;
}
.ea-pagination a.is-current { background: var(--ea-accent-gradient); border-color: var(--ea-accent-border); color: #fff !important;
}
.ea-pagination a.ea-pagination-more { min-width: auto; padding-inline: 1rem; font-weight: 600; background: var(--ea-accent-gradient); border-color: var(--ea-accent-border); color: #fff !important;
} @media (max-width: 720px) { .ea-nav-toggle { display: block; flex-shrink: 0; } .ea-nav { display: none; position: absolute; right: 1rem; top: 3.5rem; flex-direction: column; align-items: stretch; background: #292524; padding: 1rem; border-radius: var(--ea-radius); min-width: 200px; z-index: 40; } .ea-nav.is-open { display: flex; } .ea-header-inner { position: relative; flex-wrap: wrap; } .ea-search { order: 3; flex: 1 1 100%; max-width: none; margin: 0.35rem 0 0; } .ea-search-input { padding: 0.6rem 1rem; font-size: 16px; }
}