/* Баннер cookie (макет design/service/project/Cookie.dc.html, телефон 390) и окно «Настройки cookie».
   Пока полоса видна, у <html> класс rg-cookie-on, а скрипт выставляет:
   --rg-cookie-h    — высота полосы (отступ снизу у страницы, чтобы долистать до конца);
   --rg-cookie-lift — высота нижней панели покупки, если она видна (полоса встаёт над ней и не закрывает «В корзину»). */

.rg-cookie{position:fixed;left:0;right:0;bottom:var(--rg-cookie-lift,0px);z-index:60;background:var(--surface);border-top:1px solid var(--ink);box-shadow:0 -24px 50px -30px rgba(23,30,26,.5);padding:20px var(--page-x);padding-bottom:max(20px,env(safe-area-inset-bottom))}
.rg-cookie__inner{max-width:1328px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.rg-cookie__text{font-size:14px;line-height:1.55;color:var(--text-2)}
.rg-cookie__text a{border-bottom:1px solid var(--underline)}
.rg-cookie__actions{display:flex;flex-direction:column;gap:14px}
.rg-cookie__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rg-cookie__btn{min-height:52px;padding:4px 8px;font-size:14px;line-height:1.25}
.rg-cookie__more{align-self:center;display:inline-flex;align-items:center;min-height:var(--tap);font-size:14px;line-height:1.4;color:var(--text-3);position:relative}
.rg-cookie__more::after{content:"";position:absolute;left:0;right:0;bottom:11px;height:1px;background:var(--line)}
.rg-cookie__more:hover{color:var(--text)}
.rg-cookie__more:hover::after{background:var(--ink)}

/* Страница под полосой долистывается до конца; сообщения поднимаются над полосой */
html.rg-cookie-on body{padding-bottom:var(--rg-cookie-h,0px)}
html.rg-cookie-on .rg-toasts{bottom:calc(var(--rg-cookie-h,0px) + var(--rg-cookie-lift,0px) + 12px)}

/* Планшет и компьютер: текст слева, кнопки справа в одну строку */
@media (min-width:761px){
  .rg-cookie{padding-top:18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .rg-cookie__inner{flex-direction:row;align-items:center;gap:24px 40px}
  .rg-cookie__text{flex:1 1 320px;max-width:760px}
  .rg-cookie__actions{flex-direction:row;align-items:center;gap:24px;flex:none}
  .rg-cookie__pair{flex:none;grid-template-columns:repeat(2,196px)}
  .rg-cookie__btn{font-size:15px}
}
@media (min-width:761px) and (max-width:1023px){
  .rg-cookie__inner{flex-direction:column;align-items:stretch;gap:14px}
  .rg-cookie__text{flex:none;max-width:none}
  .rg-cookie__pair{flex:1;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Окно выбора: по центру на компьютере, снизу во всю ширину на телефоне */
.rg-cookie-dlg{width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:var(--surface);color:var(--text);box-shadow:0 30px 70px -30px rgba(23,30,26,.6);overflow:auto;overscroll-behavior:contain}
.rg-cookie-dlg::backdrop{background:var(--overlay)}
.rg-cookie-dlg__box{display:flex;flex-direction:column;gap:20px;padding:28px 32px 32px}
.rg-cookie-dlg__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.rg-cookie-dlg__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.15;padding-top:4px}
.rg-cookie-dlg__close{flex:none;width:var(--tap);height:var(--tap);margin:-4px -12px 0 0;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.rg-cookie-dlg__note{font-size:14px;line-height:1.55;color:var(--text-2)}
.rg-cookie-dlg__note a{border-bottom:1px solid var(--underline)}
.rg-cookie-dlg__rows{display:flex;flex-direction:column;border-top:1px solid var(--line-soft)}
.rg-cookie-dlg__row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line-soft)}
label.rg-cookie-dlg__row{cursor:pointer}
.rg-cookie-dlg__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.rg-cookie-dlg__name{font-size:16px;line-height:1.4;font-weight:500}
.rg-cookie-dlg__desc{font-size:13px;line-height:1.5;color:var(--text-3)}
.rg-cookie-dlg__switch{flex:none;position:relative}
/* «Необходимые» включены всегда: переключатель заблокирован, но читается как включённый */
.rg-cookie-dlg__switch.is-locked{cursor:default}
.rg-cookie-dlg__switch.is-locked .rg-toggle__track{background:var(--patina);opacity:.45}

@media (max-width:760px){
  .rg-cookie-dlg{width:100%;max-height:calc(100dvh - 48px);margin:auto 0 0}
  .rg-cookie-dlg__box{gap:16px;padding:20px 20px max(20px,env(safe-area-inset-bottom))}
  .rg-cookie-dlg__title{font-size:24px}
  .rg-cookie-dlg__close{margin:-8px -10px 0 0}
}

@media print{ .rg-cookie,.rg-cookie-dlg{display:none!important} html.rg-cookie-on body{padding-bottom:0} }