/* Vars */
:root{
	--color-white:#ffffff;
	--color-black:#000000;
	--color-text-main:#21201F;
	--color-bg-minor:#F5F4F2;
	--color-text-minor:#9E9B98;
	--color-yellow:#FCE000;
	--color-cream:rgba(252,228,94,.1);
	--color-greay:#1c6492;
	--color-red:#FC5230;
	--color-control-minor:#F1F0ED;
	--color-line:#D2D0CC;
	--border-radius:24px;
}

/* Fonts */
@font-face{
font-family:YS Text;
	src:url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Regular.eot);
	src:url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Regular.eot?#iefix) format("embedded-opentype"),
	url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Regular.woff2) format("woff2"),
	url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Regular.woff) format("woff"),
	url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Regular.ttf) format("truetype");
	font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
	font-family:YS Text;
	src:url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Medium.eot);
	src:url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Medium.eot?#iefix) format("embedded-opentype"),
	url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Medium.woff2) format("woff2"),
	url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Medium.woff) format("woff"),
	url(https://widget-pvz.dostavka.yandex.net/assets/fonts/YandexSansText-Medium.ttf) format("truetype");
	font-weight:500; font-style:normal; font-display:swap;
}

/* Root wrapper */
.ydw-widget{
	font-family:YS Text; font-style:normal; font-weight:400;
	width:100%; height:100%;
	border-radius:var(--border-radius);
	background-color:var(--color-bg-minor);
	padding:8px;
	box-sizing:border-box;
}
.widget__wrapper{ display:flex; overflow:hidden; }
.widget__content{ min-width:400px; max-width:400px; padding-right:8px;position:relative;}
.widget__map{ position:relative; background-size:cover; background-repeat:no-repeat; width:100%; border-radius:var(--border-radius); }
.transition{ transition:all .3s ease; }

/* Header */
.widget__header{
	background-color:var(--color-white);
	border-radius:var(--border-radius);
	padding:15px 16px 16px;
	box-shadow:none;
}
.widget__title{ display:flex; align-items:center; color:var(--color-text-main); padding-bottom:15.15px; }
.widget__logo{ padding-right:4px; width:27px; height:27px; background:url('/icons/ya_delivery/icon_logo.svg') no-repeat center/contain; }
.widget__title-text{ margin:0; font-weight:500; font-size:24px; line-height:27px; letter-spacing:-.01em; font-feature-settings:"pnum" on,"lnum" on; }
.widget__title-text-second{ margin:0 0 0 8px; font-weight:500; font-size:21px; line-height:23px; letter-spacing:-.01em; font-feature-settings:"pnum" on,"lnum" on; }

/* Form */
.widget__form{}
.widget__form-item{ display:flex; align-items:flex-end; position:relative; }
.widget__form-item:not(:last-child){ padding-bottom:12px; }
.widget__label{ width:100%; position:relative; }
.widget__label-text{ margin:0; padding-bottom:4px; font-weight:500; font-size:13px; line-height:15px; font-feature-settings:"pnum" on,"lnum" on; color:var(--color-text-main); }
.widget__input{
	border-radius:16px; background-color:var(--color-bg-minor); padding:15.5px 16px;
	width:calc(100% - 32px); font-size:16px; line-height:17px; color:var(--color-text-main);
	font-feature-settings:"pnum" on,"lnum" on; outline:none; border:none;
}
.widget__input.active{ background-color:var(--color-white); border:2px solid var(--color-black); width:calc(100% - 36px); }
.widget__input--search{ padding-right:44px; width:calc(100% - 60px); font-size:0; line-height:0; }
.widget__input--search.active{ width:calc(100% - 64px); font-size:16px; line-height:17px; }
.widget__input--search:not(:focus), .ydw-suggest-inactive{ background-color:#f5f4f2 !important; border:none !important; }

.widget__input--search:before{
	content:"Поиск по адресу"; font-size:16px; line-height:17px; color:var(--color-text-minor);
	font-feature-settings:"pnum" on,"lnum" on;
}
.widget__input--search.active:before{ content:none; }

.widget__label-button{
background:transparent; border:none; outline:none; cursor:pointer;
position:absolute; padding:0; right:12px; top:50%; transform:translateY(-12%);
width:24px; height:24px;
}
.widget__label-button--search .widget__label-img{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_search.svg') no-repeat center/contain; }
.widget__label-button--loader{ display:none; animation:spinner 2s linear infinite; top:46%; }
@keyframes spinner{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }

/* Lead button */
.widget__lead{ background-color:var(--color-bg-minor); width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:16px; outline:none; border:none; cursor:pointer; }
.widget__lead-img{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_lead.svg') no-repeat center/contain; }
.widget__lead-wrapper{ padding-left:8px; position:relative; }
.widget__lead-wrapper.count:after{
	content:attr(data-count); position:absolute; right:-4.5px; top:-4.5px; width:19px; height:19px;
	display:flex; align-items:center; justify-content:center; background-color:var(--color-red);
	box-shadow:0 2px 5px #d4412e4d; border-radius:50%; font-weight:500; font-size:13px; line-height:14px; color:var(--color-white);
}

/* Start states */
.widget__list{ position:relative; margin-top:8px; background-color:var(--color-white); border-radius:var(--border-radius); height:100%;}
.widget__start{ text-align:center; padding-top:20px; color:var(--color-text-minor); }
.widget__start-title{ margin:0; padding-bottom:4px; font-weight:500; font-size:16px; line-height:17px; }
.widget__start-desc{ margin:0; font-size:13px; line-height:14px; font-feature-settings:"pnum" on,"lnum" on; }

/* Button bottom */
.widget__list-button{
position:absolute; bottom:0; left:0; padding:0; height:72px;
box-shadow:0 -4px 20px #0000001f; border-radius:var(--border-radius); border:none; border:8px solid var(--color-white);
cursor:pointer;
}
.widget__list-button-span{
margin:0 !important; display:flex; align-items:center; justify-content:center; width:100%; height:100%;
background-color:var(--color-yellow); border-radius:16px; font-weight:500; font-size:16px; line-height:17px; color:var(--color-text-main); letter-spacing:-.005em; font-feature-settings:"pnum" on,"lnum" on;
}

/* Locations list */
.widget__locations{ max-height:100%; overflow:auto; padding:0 16px 0 12px; }
.widget__locations::-webkit-scrollbar{ width:0; }

.widget__location{ padding:12px 0; cursor:pointer; border-bottom:.5px solid var(--color-line); border-bottom-color:#d2d0ccd1; }
.widget__location.active .widget__location-details{ height:fit-content; padding-top:12px; }

.widget__location-wrapper{ display:flex; align-items:center; }
.widget__location-lead{ display:flex; align-items:center; width:100%; }
.widget__location-img{ width:24px; height:24px; }
.widget__location-content{ padding-left:8px; width:100%; max-width:268px; }
.widget__location-title{ margin:0; font-weight:500; font-size:16px; line-height:17px; letter-spacing:-.005em; font-feature-settings:"pnum" on,"lnum" on; }
.widget__location-desc{ margin:0; padding-top:1px; font-size:13px; line-height:14px; font-feature-settings:"pnum" on,"lnum" on; max-width:268px; overflow:hidden; text-overflow:ellipsis; }

.widget__location-faq{ padding:0 10px; display:flex; }
.widget__location-faq-img{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_faq.svg') no-repeat center/contain; }

/* Select (checkbox styled) */
.widget__location-checkbox-input{ opacity:0; width:0; height:0; visibility:hidden; position:absolute; }
.widget__location-checkbox-label{ cursor:pointer; position:relative; }
.widget__location-checkbox-input ~ .widget__location-checkbox-label:before{
content:""; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%;
box-shadow:inset 0 2px 3px #0000000d; background-color:var(--color-control-minor);
}
.widget__location-checkbox-input:checked ~ .widget__location-checkbox-label:before{
background-color:var(--color-yellow); box-shadow:none;
}
.widget__location-checkbox-input:checked ~ .widget__location-checkbox-label:after{
content:""; position:absolute; transform:translate(18%,-28px);
width:24px; height:24px; background:url('/icons/ya_delivery/icon_check.svg') no-repeat center/contain;
}

/* Details */
.widget__location-details{ height:0; padding-top:0; overflow:hidden; }
.widget__location-details-wrapper{ padding:16px; background-color:var(--color-cream); border-radius:16px; }
.widget__location-detail{ margin:0; font-size:16px; line-height:17px; color:var(--color-text-main); font-feature-settings:"pnum" on,"lnum" on; }
.widget__location-detail:not(:last-child){ padding-bottom:8px; }
.widget__location-detail-span{ margin:0; font-size:13px; line-height:14px; color:var(--color-text-minor); }

/* Map control buttons */
.widget__map-button{
padding:0; width:40px; height:40px; display:flex; align-items:center; justify-content:center;
background-color:var(--color-white); border-radius:13px; box-shadow:0 2px 5px #0000001a; border:none; cursor:pointer;
}
.widget__map-back{ display:none; position:absolute; cursor:pointer; top:16px; left:8px; z-index:3; }
.widget__map-back.active{ display:block; }
.widget__map-close{ position:absolute; top:16px; right:16px; width:24px; height:24px; background:url('/icons/ya_delivery/icon_close.svg') no-repeat center/contain; }

/* Map zoom controls (plus/minus icons) */
.ymaps_maps-zoom__plus,
.widget__map-zoom .widget__map-button:first-child{
width:40px !important; height:40px !important; display:flex !important; align-items:center !important; justify-content:center !important;
background-color:var(--color-white) !important; border-radius:13px 13px 0 0 !important; box-shadow:0 2px 5px #0000001a !important;
background-image:url('/icons/ya_delivery/icon_plus.svg') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:24px 24px !important;
}
.ymaps_maps-zoom__minus,
.widget__map-zoom .widget__map-button:last-child{
width:40px !important; height:40px !important; display:flex !important; align-items:center !important; justify-content:center !important;
background-color:var(--color-white) !important; border-radius:0 0 13px 13px !important; box-shadow:0 2px 5px #0000001a !important;
background-image:url('/icons/ya_delivery/icon_minus.svg') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:24px 24px !important;
}
.widget__map-zoom{ position:absolute; right:12px; top:50%; transform:translateY(-50%); }
.widget__map-location{ position:absolute; right:12px; top:calc(50% + 68px); transform:translateY(-50%); }

/* Map marker:cluster count */
.widget__marker-count{
position:absolute; width:40px; height:40px; display:flex; align-items:center; justify-content:center;
font-size:20px; line-height:27px; letter-spacing:-.01em; font-feature-settings:"pnum" on,"lnum" on;
color:var(--color-white); background-color:var(--color-greay); border:2px solid var(--color-white); border-radius:50%;
}
.widget__marker-count--empty:before{ content:""; width:14px; height:14px; background-color:var(--color-white); border-radius:50%; }

/* Map marker:extradition popup (type + address) */
.widget__marker-extradition{
position:absolute; display:flex; align-items:center; padding:9px 8px; background-color:var(--color-white);
box-shadow:0 8px 20px #0000001f; border-radius:12px; cursor:pointer; top:-21px; left:-58px;
    transition:background-color 0.2s ease, color 0.2s ease;
}
.widget__marker-extradition:before{
content:""; position:absolute; right:50%; bottom:-8px; transform:translate(50%);
width:24px; height:8px; background:url('/icons/ya_delivery/icon_marker_tail.svg') no-repeat center/contain;
}
.widget__marker-extradition.active{ background-color:var(--color-greay); }
.widget__marker-extradition.active:before{ content:""; width:24px; height:8px; background:url('/icons/ya_delivery/icon_marker_tail_dark.svg') no-repeat center/contain; }
.widget__marker-extradition.active .widget__marker-extradition-content{ color:var(--color-white); }

/* Marker icons (man / locker / post-office) */
.widget__marker-extradition-svg--man:before{ content:""; display:block; width:21px; height:20px; background:url('/icons/ya_delivery/icon_man.svg') no-repeat center/contain; }
.widget__marker-extradition-svg--locker:before{ content:""; display:block; width:24px; height:25px; background:url('/icons/ya_delivery/icon_locker.svg') no-repeat center/contain; }
.widget__marker-extradition-svg--post-office:before{ content:""; display:block; width:20px; height:20px; background:url('/icons/ya_delivery/icon_post_office.svg') no-repeat center/contain; }
.widget__location .icon--man { 
    background-image:url('/icons/ya_delivery/icon_man.svg'); 
}
.widget__location .icon--locker{ 
    background-image:url('/icons/ya_delivery/icon_locker.svg'); 
}
.widget__location .icon--post-office{ 
    background-image:url('/icons/ya_delivery/icon_post_office.svg'); 
}

.widget__marker-extradition-svg--man:before,
.widget__marker-extradition-svg--locker:before,
.widget__marker-extradition-svg--post-office:before{
    transition:background-image 0.2s ease;
}

.widget__marker-extradition.active .widget__marker-extradition-svg--man:before{ content:""; width:21px; height:20px; background:url('/icons/ya_delivery/icon_man.svg') no-repeat center/contain; opacity:.9; }
.widget__marker-extradition.active .widget__marker-extradition-svg--locker:before{ content:""; width:24px; height:25px; background:url('/icons/ya_delivery/icon_locker.svg') no-repeat center/contain; opacity:.9; }
.widget__marker-extradition.active .widget__marker-extradition-svg--post-office:before{ content:""; width:20px; height:20px; background:url('/icons/ya_delivery/icon_post_office.svg') no-repeat center/contain; opacity:.9; }

.widget__marker-extradition-content{ color:var(--color-text-main); padding-left:4px; }
.widget__marker-extradition-title{ font-weight:500; font-size:13px; line-height:14px; margin:0; }
.widget__marker-extradition-desc{
font-size:11px; line-height:12px; letter-spacing:.01em; font-feature-settings:"pnum" on,"lnum" on;
margin:0; max-width:156px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.widget__marker-extradition.active .widget__marker-extradition-svg--man:before{
    background-image:url('/icons/ya_delivery/icon_man_light.svg');
}

.widget__marker-extradition.active .widget__marker-extradition-svg--locker:before{
    background-image:url('/icons/ya_delivery/icon_locker_light.svg');
}

.widget__marker-extradition.active .widget__marker-extradition-svg--post-office:before{
    background-image:url('/icons/ya_delivery/icon_post_office_light.svg');
}

/* Search suggest popup (Yandex maps) */
.ymaps-2-1-79-search__suggest,
.widget__popup{
position:absolute !important; z-index:2 !important; background:var(--color-white) !important; border-radius:var(--border-radius) !important;
padding:0 16px !important; height:227px !important; overflow:auto !important;
}
.widget__popup--search{ top:100% !important; height:262px !important; }
.widget__popup--search .widget__popup-item{ padding:14px 0 !important; }
.widget__popup::-webkit-scrollbar{ width:0 !important; }

.ymaps-2-1-79-search__suggest, .widget__popup-list{ list-style:none !important; padding:0 !important; margin:0 !important; }
.ymaps-2-1-79-suggest-item, .widget__popup-item{
display:flex !important; align-items:center !important; justify-content:space-between !important; font-feature-settings:"pnum" on,"lnum" on !important;
}
.ymaps-2-1-79-suggest-item:not(:last-child), .widget__popup-item:not(:last-child){
border-bottom:.5px solid var(--color-line) !important; margin-left:15px; margin-right:15px; padding-left:0 !important; padding-right:0 !important;
}
.ymaps-2-1-79-search__suggest-item, .widget__popup-title{
margin:0 !important; font-size:16px !important; line-height:17px !important; color:var(--color-text-main) !important;
}
.ymaps-2-1-79-search__suggest-item{ width:100%; padding-top:21px !important; padding-bottom:21px !important; }
.widget__popup-city{ font-size:13px !important; line-height:15px !important; color:var(--color-text-minor) !important; }
.widget__popup-arrow{ padding:0 !important; background:none !important; border:none !important; cursor:pointer !important; }

.ymaps-2-1-79-i-custom-scroll ::-webkit-scrollbar,
.ymaps-2-1-79-i-custom-scroll::-webkit-scrollbar{ width:0 !important; height:0 !important; }
.ymaps-2-1-79-search__suggest-highlight{ font-weight:400 !important; }
.ymaps-2-1-79-search__suggest-item{ padding-left:0 !important; padding-right:0 !important; }
.ymaps-2-1-79-search__suggest-item:hover{ background-color:#fff; }

/* Filters panel */
.widget__filters{ display:none; min-width:400px; max-width:400px; padding-right:8px; height:100%; position:absolute; left:-100%; }
.widget__filters.active{ left:8px; }
.widget__filters-wrapper{
background-color:var(--color-white); box-shadow:0 8px 20px #0000001f; border-radius:var(--border-radius); height:100%;
}
.widget__filters-title{ display:flex; align-items:center; padding:14.5px 16px; }
.widget__filters-arrow{ display:flex; background:none; border:none; padding:0; cursor:pointer; }
.widget__filters-title-text{
padding-left:8px; margin:0; font-weight:500; font-size:24px; line-height:27px; letter-spacing:-.01em; font-feature-settings:"pnum" on,"lnum" on; color:var(--color-text-main);
}
.widget__filters-content{ padding:0 16px 23px; }
.widget__filters-item-title{
margin:0; font-weight:500; font-size:20px; line-height:23px; letter-spacing:-.01em; font-feature-settings:"pnum" on,"lnum" on; color:var(--color-text-main); padding:16px 0 8px;
}
.widget__filters-radio{ display:flex; }
.widget__filters-radio:not(:last-child){ border-bottom:1px solid rgba(210,208,204,.5); }
.widget__filters-radio-title{ margin:0; width:100%; font-size:16px; line-height:17px; font-feature-settings:"pnum" on,"lnum" on; color:var(--color-text-main); padding:15.5px 0; }
.widget__filters-radio .widget__filters-input{ display:none; position:absolute; }
.widget__filters-radio .widget__filters-label{ display:block; cursor:pointer; position:relative; user-select:none; }
.widget__filters-radio .widget__filters-label:before{
content:""; display:flex; align-items:center; justify-content:center; width:24px; height:24px; position:absolute; right:0; bottom:50%; transform:translateY(50%);
border-radius:6px; background-color:var(--color-control-minor); box-shadow:inset 0 2px 3px #0000000d;
}
.widget__filters-radio .widget__filters-input:checked + .widget__filters-label:before{
content:""; background:url('/icons/ya_delivery/icon_check_small.svg') no-repeat center/20px 20px; background-color:var(--color-yellow); box-shadow:none;
}
.widget__filters-buttons{ padding:8px; display:grid; grid-template-columns:1fr 1fr; column-gap:4px; }
.widget__filters-button{
padding:0; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center; border:none; cursor:pointer; color:var(--color-text-main); font-feature-settings:"pnum" on,"lnum" on;
}
.widget__filters-button--show{ background-color:var(--color-yellow); font-weight:500; font-size:16px; line-height:17px; letter-spacing:-.005em; }
.widget__filters-button--cancel{ background-color:var(--color-control-minor); font-size:16px; line-height:17px; }

/* Recycle/Dynamic scroller basics */
.vue-recycle-scroller{ position:relative; }
.vue-recycle-scroller.direction-vertical:not(.page-mode){ overflow-y:auto; }
.vue-recycle-scroller.direction-horizontal:not(.page-mode){ overflow-x:auto; }
.vue-recycle-scroller.direction-horizontal{ display:flex; }
.vue-recycle-scroller__slot{ flex:auto 0 0; }
.vue-recycle-scroller__item-wrapper{ flex:1; box-sizing:border-box; overflow:hidden; position:relative; }
.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{ position:absolute; top:0; left:0; will-change:transform; }
.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{ width:100%; }
.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{ height:100%; }
.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{ width:100%; }
.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{ height:100%; }

/* Search icon inside input (close) */
.widget__label-img{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_search.svg') no-repeat center/contain; }
.widget__label-button--search .widget__label-img.is-close{ background-image:url('/icons/ya_delivery/icon_close.svg'); }

/* Spinner */
.widget__label-button--loader .widget__label-img{ background:url('/icons/ya_delivery/icon_spinner.svg') no-repeat center/contain; }

/* Icons for types in list */
.widget__location .icon--man{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_man.svg') no-repeat center/contain; }
.widget__location .icon--locker{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_locker.svg') no-repeat center/contain; }
.widget__location .icon--post-office{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_post_office.svg') no-repeat center/contain; }


/* Mobile */
@media screen and (max-width:750px){
	.ymaps-2-1-79-map {	border-radius: 30px;
		overflow: hidden;}
	.ydw-widget{ padding:0; }
	.widget__input.mobile-select{ padding:23px 44px 8px 16px ; }
	.widget__wrapper{ flex-direction:column; }
	.widget{ padding:0; }
	.widget__filters, .widget__content{ max-width:100%; min-width:100%; }
	.widget__header{ padding:15px 16px; box-shadow:0 8px 20px #0000001f; position:absolute; z-index:4; bottom:0; width:calc(100% - 32px); }
	.widget__title-text{ font-size:15px; line-height:23px; }
	.widget__title-text-second{ font-size:15px; }
	.widget__input{ font-weight:400; font-size:16px; line-height:17px; }
	.widget__form-item:not(:last-child){ padding-bottom:8px; }
	.widget__form-item .widget__label-text{ display:none; }
	.widget__form-item.mobile-title .widget__label-text{ display:block; position:absolute; left:0px; top:0px; font-size:11px; line-height:14px; color:var(--color-text-minor); }
	.widget__label-button--loader, .widget__label-button--search{ top:15px; }

	.widget__overlay{ display:none; position:fixed; width:100%; height:100%; background:rgba(66,65,62,.5); z-index:2; }
	.widget__overlay.active{ display:block; }

	.widget__header.search-mobile{ top:72px; }
	.widget__header.search-mobile .widget__start.active{ display:block; position:absolute; top:187px; left:50%; transform:translate(-50%); padding-top:0; width:100%; }
	.widget__header.search-mobile .widget__popup--search.result{ display:block; padding:6px 0 0; width:100%; box-shadow:none; max-height:279px; overflow:auto; border-radius:0; }
	.widget__header.search-mobile .widget__title, .widget__header.search-mobile .widget__form-item:first-child{ display:none; }

	.widget__map{ height:300px; }
	.widget__map-close{ top:16px; left:8px; display:block !important; }
	.widget__map-button{ width:48px; height:48px; border-radius:50%; box-shadow:0 8px 20px #0000001f; }
	.widget__map-zoom, .widget__map-location{ display:none; }
	.widget__map-location--mobile{ display:block; transform:none; bottom:185px; top:initial; right:8px; z-index:3; }
	.widget__map-filter-mobile{ position:absolute; right:64px; bottom:185px; cursor:pointer; z-index:3; }
	.widget__map-filter-mobile .widget__map-button{ width:121px; border-radius:100px; }

	.widget__list{ position:absolute; z-index:3; margin-top:0; transition:bottom .3s ease; height:0; overflow:hidden; top:100%; transform:translateY(-100%); width:100%; }
	.widget__list-button{ display:block; }
	.widget__list.active{ bottom:0; height:auto; }
	.widget__list.active .widget__list-button{ display:block; }
	.widget__list-button-span{ font-size:0; }
	.widget__list-button-span:before{
	content:"Продолжить"; letter-spacing:-.005em; font-feature-settings:"pnum" on,"lnum" on; color:#21201f; font-weight:500; font-size:16px; line-height:17px;
	}
	.widget__locations{ max-height:100%; }
	.widget__location-faq, .widget__location-checkbox, .widget__location{ display:none; }
	.widget__location.active{ display:block; padding-bottom:75px; }
	.widget__location-close{ display:block; }
}

/* Кнопка продолжить только в левом столбце */
.widget__list-button{
    position:absolute;
    bottom:0;
    left:0;
    right:10px; /* только внутри левого столбца */
    z-index:10; /* не перекрывает карту */
}

/* На мобильных убираем перекрытие карты */
@media screen and (max-width:750px){
    .widget__list-button{
        z-index:1; /* не над картой */
    }
}

/* Small mobile filters panel animation */
@media screen and (max-width:750px){
.widget__filters{ left:0; z-index:3; bottom:-100%; height:0; overflow:hidden; transition:bottom .3s ease; }
.widget__filters.active{ bottom:0; left:0; padding:0; height:auto; transition:bottom .3s ease; }
.widget__filters-arrow{ display:none; }
}

/* Map content rounding */
#map > ymaps{ border-radius:24px; overflow:hidden; }

/* Yandex maps search list items spacing */
.ymaps-2-1-79-search__suggest-item{ padding-left:0 !important; padding-right:0 !important; }

/* Spinner class target (optional if you toggle it) */
.ymaps_maps-button-icon_plus{ background-image:url('/icons/ya_delivery/icon_plus.svg') !important; }
.ymaps_maps-zoom__minus{ background-image:url('/icons/ya_delivery/icon_minus.svg') !important; }

/* FAQ icon on list row */
.widget__location-faq .widget__location-faq-img{ background:url('/icons/ya_delivery/icon_faq.svg') no-repeat center/contain; }

/* Close icon (header / mobile) */
.widget__map-close, .widget__label-button--search .is-close{ background-image:url('/icons/ya_delivery/icon_close.svg'); }

/* Search icon override for default state */
.widget__label-button--search:not(.is-close) .widget__label-img{ background-image:url('/icons/ya_delivery/icon_search.svg'); }

/* Arrow icons (for filters back etc.) */
.widget__filters-arrow-img{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_arrow_left.svg') no-repeat center/contain; }

/* Optional:generic arrow */
.icon--arrow{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_arrow.svg') no-repeat center/contain; }

/* Spinner generic */
.icon--spinner{ width:24px; height:24px; background:url('/icons/ya_delivery/icon_spinner.svg') no-repeat center/contain; }

/* Map zoom stack positions */
.widget__map-location{ position:absolute; right:12px; top:calc(50% + 68px); transform:translateY(-50%); }
.widget__map-zoom{ position:absolute; right:12px; top:50%; transform:translateY(-50%); }

/* Hide scrollbars where needed */
.widget__popup::-webkit-scrollbar,
.widget__locations::-webkit-scrollbar{ width:0; height:0; }

/* Additional helper classes */
.widget__map-filter-mobile{ position:absolute; right:64px; bottom:185px; cursor:pointer; z-index:3; }
.widget__map-filter-mobile .widget__map-button{ width:121px; border-radius:100px; }

/* Map back button icon */
.widget__map-back .widget__map-button{ background:url('/icons/ya_delivery/icon_arrow_left.svg') no-repeat center/24px, var(--color-white); }

/* Search suggest container adjustments for mobile typing state */
.ydw-widget__header-mobile{ height:300px; }
.ydw-widget__title-mobile{ display:none; }
.widget__header .widget__start, .widget__map-back{ display:none; }
.ydw-widget__header-mobile-bad-keyboard{ padding-bottom:150px !important; }

/* End CSS */

.widget__popup--search{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:white;
    border-radius:16px;
    box-shadow:0 4px 20px rgba(0,0,0,0.1);
    z-index:1000;
    max-height:200px;
    overflow-y:auto;
    display:none;
}

.widget__popup--search.result{
    display:block;
}

.widget__popup-item{
    padding:12px 16px;
    cursor:pointer;
    border-bottom:1px solid #f0f0f0;
}

.widget__popup-item:hover{
    background-color:#f5f5f5;
}

.widget__popup-item:last-child{
    border-bottom:none;
}

.widget__popup-title{
    margin:0;
    font-size:14px;
    color:#333;
}

.widget__location:focus,
.widget__map-button:focus,
.widget__list-button:focus{
    outline:2px solid var(--color-yellow);
    outline-offset:2px;
}

@media (max-width:750px){
   
    #ydw-map{
        flex:1 !important;
        min-height:350px !important;
        height:auto !important;
    }
}

/* Стили для кнопки "Продолжить" на мобильном */
@media (max-width:750px){
	.widget__content{position:static;}
	#select-button{
		position:absolute;
		bottom:7px;
		left:10px;
		right:10px;
		font-size:16px;
		font-weight:bold;
		box-shadow:0 4px 12px #4187af4d;
		z-index:1000;
	}

	/* Добавляем отступ снизу для контента, чтобы кнопка не перекрывала */
	.widget__wrapper{
		padding-bottom:80px !important;
	}

	/* Панель с информацией о выбранной точке */
	#selected-point-info{
		position:absolute !important;
		top:0 !important;
		left:0 !important;
		right:0 !important;
		background:white !important;
		padding:15px !important;
		box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;
		z-index:999 !important;
		border-bottom:1px solid #e0e0e0 !important;
	}

	/* Сдвигаем контент вниз когда показана панель */
	.widget__wrapper.with-selected-info{
		padding-top:80px !important;
	}

	.widget__popup--search{
		position:absolute; /* очень важно! */
		left:0;
		right:0;
		top:calc(100% + 8px); /* чуть ниже поля поиска */
		background:white;
		border-radius:16px;
		max-height:320px; /* ограничение видимости */
		overflow-y:auto;
		box-shadow:0 4px 20px rgba(0,0,0,0.10);
	}

	.widget__header{
		transition:padding 0.2s ease;
		will-change:padding;
	}
}

/* Модальное окно виджета доставки */
.yandex-delivery-modal{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	opacity:0;
	transition:opacity 0.3s ease;
}

.yandex-delivery-modal.active{
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:1;
}

.yandex-delivery-modal-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

.yandex-delivery-modal-content{
	position:relative;
	background:white;
	border-radius:8px;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
	z-index:10001;
}

.yandex-delivery-close-btn{
	position:absolute;
	background:white;
	border:1px solid #ccc;
	border-radius:50%;
	cursor:pointer;
	z-index:10002;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#666;
	transition:background-color 0.2s, color 0.2s;
}

.yandex-delivery-close-btn:hover{
	background:#f0f0f0;
	color:#333;
}

/* Мобильная версия */
@media (max-width:750px){
	.yandex-delivery-modal-content{
		width:95%;
		height:90vh;
		margin:5vh auto;
	}
	
	.yandex-delivery-close-btn{
		top:-10px;
		right:-10px;
		width:35px;
		height:35px;
		font-size:20px;
	}
}

/* Десктопная версия */
@media (min-width:751px){
	.yandex-delivery-modal-content{
		width:90%;
		max-width:1200px;
		height:85vh;
	}
	
	.yandex-delivery-close-btn{
		top:5px;
		right:5px;
		width:45px;
		height:45px;
		font-size:28px;
	}
}