/* =====================================================================
   Виджет выбора пункта самовывоза (страница /cart)
   Вставьте этот код в свой CSS-файл (или подключите отдельным <link>).
   ===================================================================== */

/* убираем визуальную "галочку" у пункта "Самовывоз с базы" —
   переключение режима работает по клику на текст (label), сам чекбокс скрыт inline-стилем в HTML */
.pickup_toggle_label{cursor:pointer;display:inline-flex;align-items:center}
.pickup_toggle_label p{margin:0;font-weight:600}

/* карточка виджета */
.pickup_widget{margin-top:10px;padding:14px;border:1px solid #e6e9ec;border-radius:10px;background:#fafbfc;transition:border-color .2s}
.pickup_widget.pickup_error{border-color:#e53935}

.pickup_widget_info{display:flex;align-items:center;gap:8px;font-size:13px;color:#5b6670;margin-bottom:12px}
.pickup_widget_icon{flex:0 0 auto;color:#001a34}
.pickup_widget_info b{color:#001a34}

/* кнопка "Выбрать пункт или магазин для самовывоза" */
.pickup_choose_btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:1px solid #001a34;border-radius:8px;background:#001a34;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.pickup_choose_btn:hover{background:#00284f}
.pickup_choose_btn.pickup_error{border-color:#e53935;background:#e53935}

/* карточка с уже выбранным пунктом + кнопка "Изменить" */
.pickup_summary{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #d9e2ea;border-radius:8px;background:#fff}
.pickup_summary_body{flex:1 1 auto;min-width:0}
.pickup_summary_name{font-weight:700;color:#001a34;margin-bottom:2px}
.pickup_summary_address{font-size:13px;color:#5b6670;margin-bottom:4px}
.pickup_summary_hours{font-size:12px;color:#8b949b}
.pickup_change_btn{flex:0 0 auto;border:1px solid #e6e9ec;background:#fff;color:#001a34;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s}
.pickup_change_btn:hover{border-color:#001a34}

/* затемнение фона под слайд-панелью */
.pickup_map_overlay{position:fixed;inset:0;background:rgba(0,26,52,.45);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000}
.pickup_map_overlay.is-open{opacity:1;visibility:visible}
body.pickup_map_locked{overflow:hidden}

/* слайд-панель с картой — выезжает справа, занимает половину экрана */
.pickup_map_drawer{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	width:50%;
	max-width:900px;
	background:#fff;
	box-shadow:-8px 0 30px rgba(0,0,0,.15);
	transform:translateX(100%);
	transition:transform .35s ease;
	z-index:1001;
	display:flex;
	flex-direction:column;
}
.pickup_map_drawer.is-open{transform:translateX(0)}

.pickup_map_drawer_head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e6e9ec;flex:0 0 auto}
.pickup_map_drawer_head h4{margin:0;font-size:17px;color:#001a34}
.pickup_map_close{border:none;background:#f4f5f7;color:#001a34;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.pickup_map_close:hover{background:#e6e9ec}

.pickup_map_drawer_body{flex:1 1 auto;position:relative}
#pickup_map_c{position:absolute;inset:0;width:100%;height:100%}

/* содержимое балуна на карте (название/адрес/часы работы/кнопка "Выбрать") */
.pickup_balloon_address{font-size:13px;margin-bottom:6px}
.pickup_balloon_hours{font-size:12px;color:#5b6670;margin-bottom:10px}
.pickup_balloon_choose_btn{border:none;background:#f4b73f;color:#3a2c00;font-size:13px;font-weight:600;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background .2s}
.pickup_balloon_choose_btn:hover{background:#e5a913}

/* компактная версия для мобильных — панель на весь экран, карточка выбора складывается в столбец */
@media (max-width: 768px){
	.pickup_map_drawer{width:100%;max-width:none}
	.pickup_summary{flex-direction:column;align-items:stretch}
	.pickup_change_btn{align-self:flex-start}
}

/* =====================================================================
   Вкладки "Самовывоз" / "Доставка" (блок "Где и как вы хотите получить заказ?")
   ===================================================================== */
.delivery_tabs{display:inline-flex;gap:6px;padding:4px;background:#f4f5f7;border-radius:10px;margin-bottom:16px}
.delivery_tab_btn{border:none;background:transparent;color:#5b6670;font-size:14px;font-weight:600;padding:10px 22px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}
.delivery_tab_btn:hover{color:#001a34}
.delivery_tab_btn.active{background:#fff;color:#001a34;box-shadow:0 1px 4px rgba(0,0,0,.08)}

.delivery_tab_panel{animation:delivery_tab_fade .2s ease}
@keyframes delivery_tab_fade{
	from{opacity:0;transform:translateY(4px);}
	to{opacity:1;transform:translateY(0);}
}

.delivery_tab_hint{display:block;color:#5b6670;font-size:13px;margin-bottom:14px}

/* компактная версия вкладок на мобильных — на всю ширину блока */
@media (max-width: 768px){
	.delivery_tabs{display:flex;width:100%}
	.delivery_tab_btn{flex:1 1 0}
}