.no-scroll 
{ overflow: hidden; }

.modal-overlay 
{ position: fixed; inset: 0; background-color: rgba(250 248 240 / 10%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(10px); display: flex; justify-content: center; align-items: flex-start; padding: 2rem 1rem; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; z-index: 1010; }
.modal-overlay.is-visible 
{ opacity: 1; pointer-events: auto; }
.modal-box 
{ width: 100%; max-width: 600px; margin: 30px 0px 0px 0px; padding: 20px; color: #e5e7eb; border-radius: 1rem; background: #fbf1ec; border: 1px solid #efe3dc; position: relative; box-sizing: border-box; }
.modal-header 
{ display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.modal-title 
{ font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-size: 0.9375rem; letter-spacing: 0.04em; text-transform: uppercase; color: #452c29; }

.modal-close-btn 
{ position: absolute; top: 2rem; right: 2rem; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #ee6852; cursor: pointer; border-radius: 999px; border: none; }
.modal-close-btn:hover 
{ background: #fc8673; }
.modal-close-btn:active 
{ transform: translateY(0); }
.modal-close-btn svg 
{ width: 18px; height: 18px; stroke: #e5e7eb; }

/* Vyhledávací input */
.search-input 
{ width: 100%; padding: 0.75rem 1rem; border-radius: 999px; border: 1px solid #fbd1bc !important; background: #e0d5cd; color: #181818; outline: none; font-size: 15px; transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; display: block; box-sizing: border-box; }
.search-input::placeholder 
{ color: #452c29; }
.search-input:focus 
{ border-color: #fbd1bc; box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.6); background: #ffffff; }

/* Výsledky vyhledávání */
.modal-results 
{ margin-top: 1rem; max-height: 360px; overflow-y: auto; }
.results-empty 
{ font-size: 0.9rem; color: #6b7280; }
.result-item 
{ padding: 0.5rem 0.6rem; font-family: "Poppins", sans-serif; font-weight: 400; font-size: 0.875rem; font-style: normal; border-radius: 0.75rem; cursor: pointer; color: #452c29; transition: background 0.3s ease; }
.result-item:hover 
{ background: #ffc2aa; color: #452c29; }
.result-highlight 
{ font-weight: 600; text-decoration: underline; }

@media (max-width: 640px) { 
.modal-box 
{ padding: 1.25rem 1.25rem 1.5rem; border-radius: 1rem; }
.modal-title 
{ font-size: 0.9rem; }
.modal-close-btn 
{ top: 0.75rem; right: 0.75rem; }
}