#search-categories-list-style-new.abroad-countries {
  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh !important; background-color: rgba(0, 0, 0, 0.65); 
  z-index: 9999; overflow-y: auto; display: none; 
}
#location-picker-component-box {display: flex; justify-content: center; align-items:center; height: 100%}
#location-picker-component {
    background-color: #fff; color: #1A1A1A; position: relative; width: 100%; max-width: 900px; max-height: 90vh; border-radius: 16px; 
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); padding-left: 10px; padding-right: 10px; 
    display: flex; flex-direction: column; overflow: hidden; 
}
#location-picker-component .main-container {
    width: 100%; height: 100%; display: flex; flex-direction: column; padding: 1rem; box-sizing: border-box; overflow-y: auto; 
}
#location-picker-component .header {
    display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0.5rem; position: 
    relative; top: 0; z-index: 10;
}
#location-picker-component .title {
  font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; text-align: center; flex: 1 1 0%; white-space: nowrap; margin: 0; color: #3d3d3d; text-shadow: none;
}
#location-picker-component .close-container {flex: 1 1 0%; display: flex; justify-content: flex-end;}
#location-picker-component .close-btn {
    color: #6b7280; padding: 0.5rem; margin-right: -0.5rem; background: none; border: none; cursor: pointer; transition: color 0.15s ease-in-out; 
    display: flex; align-items: center; justify-content: center;
}
#location-picker-component .close-btn:hover {color: #374151;}
#location-picker-component .close-icon {width: 1.5rem; height: 1.5rem;}
#location-picker-component .location-grid {display: grid; grid-template-columns: 1fr; gap: 0.75rem; padding-bottom: 1rem;}
#location-picker-component .location-card {
    border: 1px solid #cdcecf; padding: 0.75rem; border-radius: 0.75rem; background-color: #ffffff;
    box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.06);-webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.06); -moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.06); 
    display: flex; align-items: center; justify-content: space-between; transition: transform 0.15s ease-in-out; cursor: pointer; width: 100%; box-sizing: border-box;
}
#location-picker-component .location-card:active {transform: scale(0.95);}
#location-picker-component .card-content {display: flex; align-items: center; gap: 0.75rem;}
#location-picker-component .flag {
    width: 2.5rem; height: 1.75rem; border-radius: 0.25rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); object-fit: cover; flex-shrink: 0;
}
#location-picker-component .country-name {font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; text-align: left;}
#location-picker-component .country-name.multiline {line-height: 1.25;}
#location-picker-component .country-count {color: #9ca3af; font-size: 0.875rem; line-height: 1.25rem;}

#search-categories-list-style-new.abroad-countries p.close {z-index: 999999}

/* Strona główna hack */
#work-in-countries-modal {
    border-radius: 16px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
#work-in-countries-modal #location-picker-component {
    background-color: #fff; color: #1A1A1A; position: relative; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: column; overflow: hidden; 
    box-shadow: none
}
#work-in-countries-modal p.close {display: none}

#main-search-box-contents p.label {display: block !important}

@media (min-width: 560px) {
  #location-picker-component .location-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  #location-picker-component {padding-left: 20px; padding-right: 20px;}
}

@media (min-width: 900px) {
  #location-picker-component .location-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  
  #location-picker-component {padding-left: 40px; padding-right: 40px;}
}


@media (max-width: 768px) {
    #main-search-box-contents p.label {display: block !important; position: relative!important; top: auto !important; left: auto !important; margin-top: 15px !important;}
}