

/* Start:/local/templates/farmacia/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1739279170467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/farmacia/components/bitrix/catalog.store.list/shop-new/style.css?17592614199267*/
 .new-custom-map .map-filter {
     display: flex;
     gap: 15px;
     margin-bottom: 20px;
     align-items: center;
     flex-wrap: wrap;
 }

 .new-custom-map .view-toggle {
     display: flex;
     gap: 10px;
     padding: 10px;
     border-radius: 4px;
     border: 1px solid #e1e4e8;
     background-color: #fff;
 }

 .new-custom-map .view-toggle-item {
     justify-content: center;
     width: 100px;
     display: flex;
     align-items: center;
     gap: 6px;
     padding: 10px 14px;
     border-radius: 4px;
     cursor: pointer;
     font-size: 16px;
     transition: all 0.2s ease;
     user-select: none;
     font-weight: 600;
 }

 .new-custom-map .view-toggle-item:hover {
     background: #e0e0e0;
 }

 .new-custom-map .view-toggle-item.active {
     background: #0ba536;
     color: white;
 }

 .new-custom-map .view-toggle-icon {
     font-size: 16px;
 }

 .new-custom-map .view-toggle-text {
     white-space: nowrap;
 }

 .new-custom-map .view-toggle-item .view-toggle-img {
     height: 18px;
 }

 .new-custom-map .view-toggle-item .view-toggle-img svg path {
     fill: #000;
 }

 .new-custom-map .view-toggle-item.active .view-toggle-img svg path {
     fill: #fff;
 }

 .new-custom-map .shops-list {
     display: none;
 }

 .new-custom-map .shops-list.active {
     display: block;
 }

 .new-custom-map .map {
     display: none;
     position: relative;
 }

 .new-custom-map .map.active {
     display: block;
 }

 .new-custom-map .custom-balloon {


     position: absolute;
     top: 10px;
     left: 10px;
     z-index: 10;
     max-width: 310px;
     display: none;
     user-select: none;
     background: #fff;
     border: 1px solid #e1e4e8;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
     border-radius: 4px;
     padding: 32px 22px 32px 22px;
     height: fit-content;
 }

 .new-custom-map .custom-balloon.active {
     display: block;
 }

 .new-custom-map .custom-balloon__close {
     align-content: center;
     position: absolute;
     right: 2px;
     top: 2px;
     width: 45px;
     height: 45px;
     line-height: 32px;
     text-align: center;
     font-size: 30px;
     cursor: pointer;
     color: #888;
     border-radius: 50%;
     z-index: 10;
 }

 .new-custom-map .custom-balloon__title {
     max-width: 90%;
     margin-bottom: 10px;
     font-weight: 800;
     font-size: 18px;
     line-height: 24px;
     text-transform: uppercase;
 }

 .new-custom-map .custom-balloon__address {
     margin-top: 5px;
     margin-bottom: 5px;
     font-weight: 500;
     font-size: 15px;
     line-height: 20px;
 }

 .new-custom-map .custom-balloon__phone {
     margin-bottom: 5px;
     color: #0ba536;
 }

 .new-custom-map .custom-balloon__phone:hover {
     text-decoration: none;
 }

 .new-custom-map .custom-balloon__schedule {
     margin-bottom: 10px;
 }

 .new-custom-map .custom-balloon__schedule-title {
     color: #1C1C1C;
     font-family: "Montserrat";
     font-size: 15px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin-top: 8px;
     margin-bottom: 8px;
 }

 .new-custom-map .custom-balloon__schedule-days {
     display: flex;
     flex-wrap: nowrap;
     gap: 10px;
     margin-bottom: 8px;
 }

 .new-custom-map .custom-balloon__schedule-day {
     width: 29px;
     height: 29px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 6px;
     background: #0BA536;
     color: #FFF;
     font-family: "Montserrat";
     font-size: 15px;
     font-style: normal;
     font-weight: 300;
     line-height: 10px;
     cursor: pointer;
 }

 .new-custom-map .custom-balloon__schedule-day.active {
     background: #2A4F2E;
 }

 .new-custom-map .custom-balloon__schedule-day.weekend {
     background: #B6B6B6;
 }

 .new-custom-map .custom-balloon__schedule-current {
     color: #939393;
     font-family: "Montserrat";
     font-size: 15px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
 }

 .new-custom-map .custom-balloon__order-status {
     padding: 8px 12px;
     border-radius: 4px;
     font-size: 14px;
     margin-top: 10px;
 }

 .new-custom-map .custom-balloon__order-status.available {
     background: #e8f5e8;
     color: #2e7d32;
 }

 .new-custom-map .custom-balloon__order-status.unavailable {
     background: #ffebee;
     color: #d32f2f;
 }

 .new-custom-map .district-filter-wrapper {
     border-radius: 4px;
     border: 1px solid #e1e4e8;
     padding: 0 10px;
     align-content: center;
     height: 62px;
     background-color: #fff;
     position: relative;
     min-width: 200px;
     flex: 1;
 }

 .new-custom-map .district-filter-trigger {
     padding: 9px 15px;
     border: 1px solid #bbb;
     border-radius: 6px;
     background-color: #fff;
     font-size: 16px;
     color: #555;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: all 0.3s;
 }

 .new-custom-map .district-filter-trigger:hover {
     border-color: #0ba536;
 }

 .new-custom-map .district-filter-trigger:after {
     content: "";
     display: inline-block;
     width: 20px;
     height: 20px;
     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: center;
     transition: transform 0.2s;
 }

 .new-custom-map .district-filter-trigger.active:after {
     transform: rotate(180deg);
 }

 .new-custom-map .district-filter-dropdown {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     max-height: 300px;
     overflow-y: auto;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #e1e4e8;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     z-index: 11;
     display: none;
     margin-top: 5px;
 }

 .new-custom-map .district-filter-dropdown.active {
     display: block;
 }

 .new-custom-map .district-filter-item {
     padding: 10px 15px;
     cursor: pointer;
     display: flex;
     align-items: center;
     transition: background 0.2s;
 }

 .new-custom-map .district-filter-item:hover {
     background: #f5f5f5;
 }

 .new-custom-map .district-filter-checkbox {
     width: 16px;
     height: 16px;
     border: 1px solid #ddd;
     border-radius: 3px;
     margin-right: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.2s;
 }

 .new-custom-map .district-filter-item.selected .district-filter-checkbox {
     background-color: #0ba536;
     border-color: #0ba536;
 }

 .new-custom-map .district-filter-item.selected .district-filter-checkbox:after {
     content: "";
     display: block;
     width: 10px;
     height: 10px;
     background-image: url("/local/templates/farmacia/img/checkmark_1.svg");
     background-repeat: no-repeat;
     background-position: center;
 }

 .new-custom-map .district-filter-all {
     border-bottom: 1px solid #eee;
 }

 .new-custom-map .search-map-container {
     height: 62px;
     background-color: #fff;
     border: 1px solid #e1e4e8;
     border-radius: 4px;
     position: relative;
     align-content: center;
     padding: 0 10px;
     flex-grow: 1;
 }

 .new-custom-map .search-map-container .search-map-input {
     padding: 9px 15px;
     font-size: 16px;
     border: 1px solid #bbb;
     border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     color: #555;
     width: 100%;
 }

 .new-custom-map .search-map-button {
     padding: 10px 15px;
     position: absolute;
     right: 10px;
     background: none;
     color: #555;
 }

 @media (max-width: 991px) {
     .new-custom-map .view-toggle {
         width: 100%;
     }

     .new-custom-map .view-toggle-item {
         flex-grow: 1;
         justify-content: center;
     }

     .new-custom-map .district-filter-wrapper {
         width: 100%;
         flex: auto;
     }

     .new-custom-map .search-map-container {
         width: 100%;
         flex: auto;
     }
 }

 @media (max-width: 768px) {
     .new-custom-map .map.active {
         height: 350px !important;
     }

     .new-custom-map .map-filter {
         flex-direction: column;
         align-items: flex-start;
         margin-right: 20px;
     }

     .new-custom-map .map-filter #district-filter {
         width: 100%;
     }

     .new-custom-map #map-container {

         height: 350px;
     }

     .new-custom-map .custom-balloon {
         right: 0 !important;
         top: 0 !important;
         bottom: 0 !important;
         left: 0px !important;
         height: auto;
     }
      .new-custom-map table tr td:nth-child(4){
        width: 100%;
      }


 }
/* End */
/* /local/templates/farmacia/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1739279170467 */
/* /local/templates/farmacia/components/bitrix/catalog.store.list/shop-new/style.css?17592614199267 */
