/* Согласие на cookie (25.09.2026): плавающая карточка по образцу starnet.md — белая полупрозрачная, со скруглением.
   ПК: по центру снизу, не перекрывает кнопки звонка (слева) и чата (справа). Цвет сайта #b74923, шрифт Onest. */
.mc-cc{ --mc-brand:#b74923; --mc-brand-d:#9a3c1c; --mc-soft:#f8e6df; --mc-soft-h:#f3d6cb; --mc-grey:#eceef0; --mc-grey-h:#e0e3e6;
    --mc-text:#1f1f1f; --mc-muted:#6b6b6b; --mc-line:#e6e6e6;
    font-family:'Onest', Arial, sans-serif; color:var(--mc-text); }
.mc-cc [hidden]{ display:none !important; }
.mc-cc button{ font-family:inherit; }

/* ── Карточка ── */
.mc-cc-card{
    position:fixed; z-index:2147483600; /* выше виджета чата (2147483000) */
    left:50%; bottom:24px; transform:translateX(-50%);
    width:min(520px, calc(100vw - 340px)); /* по краям остаются кнопки звонка и чата */
    max-height:calc(100vh - 48px); display:flex; flex-direction:column;
    background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4);
    border:1px solid rgba(0,0,0,.06); border-radius:20px; box-shadow:0 14px 44px rgba(0,0,0,.2);
    animation:mcCcIn .28s ease-out;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ .mc-cc-card{ background:rgba(255,255,255,.97); } }
@keyframes mcCcIn{ from{ opacity:0; transform:translate(-50%, 16px); } to{ opacity:1; transform:translate(-50%, 0); } }
.mc-cc-view{ display:flex; flex-direction:column; min-height:0; }
.mc-cc-card[data-view="prefs"]{ max-height:min(680px, calc(100vh - 48px)); }
.mc-cc-scroll{ overflow-y:auto; overscroll-behavior:contain; padding:24px 26px 6px; min-height:0; }
.mc-cc-title{ margin:0 0 10px; font-size:20px; font-weight:700; line-height:1.25; color:var(--mc-text); }
.mc-cc-text{ margin:0 0 12px; font-size:15px; line-height:1.5; color:var(--mc-text); }
.mc-cc-text a{ color:var(--mc-brand); text-decoration:underline; text-underline-offset:3px; }

/* ── Кнопки: главная во всю ширину, под ней две рядом ── */
.mc-cc-actions{ flex-shrink:0; display:flex; flex-direction:column; gap:10px; padding:12px 26px 22px; }
.mc-cc-actions__row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mc-cc-btn{
    min-height:48px; padding:0 16px; border:0; border-radius:12px; font-size:16px; font-weight:600; line-height:1.2;
    cursor:pointer; transition:background-color .15s, color .15s;
}
.mc-cc-btn--main{ background:var(--mc-brand); color:#fff; }
.mc-cc-btn--grey{ background:var(--mc-grey); color:var(--mc-text); }
.mc-cc-btn--soft{ background:var(--mc-soft); color:var(--mc-brand-d); }
@media (hover:hover){
    .mc-cc-btn--main:hover{ background:var(--mc-brand-d); }
    .mc-cc-btn--grey:hover{ background:var(--mc-grey-h); }
    .mc-cc-btn--soft:hover{ background:var(--mc-soft-h); }
    .mc-cc-det__btn:hover{ background:#eef0f2; }
}
.mc-cc-btn:focus-visible,.mc-cc-sw:focus-visible,.mc-cc-det__btn:focus-visible,.mc-cc a:focus-visible{
    outline:3px solid rgba(183,73,35,.45); outline-offset:2px; }

/* ── Категории ── */
.mc-cc-cat{ padding:12px 0 4px; }
.mc-cc-cat + .mc-cc-cat{ border-top:1px solid var(--mc-line); }
.mc-cc-cat__head{ display:flex; align-items:center; justify-content:space-between; gap:14px; }
.mc-cc-cat__title{ font-size:16px; font-weight:700; line-height:1.3; }
.mc-cc-cat__text{ margin:6px 0 10px; font-size:14px; line-height:1.45; color:var(--mc-muted); }
/* Переключатель */
.mc-cc-sw{ position:relative; width:48px; height:28px; flex-shrink:0; border:0; border-radius:14px; background:#8d8f92; cursor:pointer;
    padding:0; transition:background-color .2s; }
.mc-cc-sw span{ position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.3); transition:transform .2s; }
.mc-cc-sw[aria-checked="true"]{ background:var(--mc-brand); }
.mc-cc-sw[aria-checked="true"] span{ transform:translateX(20px); }
.mc-cc-sw[disabled]{ cursor:default; background:#dba491; }
/* «Detalii» */
.mc-cc-det{ margin:0 0 8px; border-radius:12px; background:#f4f5f6; }
.mc-cc-det__btn{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:0 14px;
    border:0; border-radius:12px; background:transparent; font-size:14.5px; color:var(--mc-text); cursor:pointer; text-align:left; }
.mc-cc-det__btn svg{ width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round;
    stroke-linejoin:round; transition:transform .2s; }
.mc-cc-det__btn[aria-expanded="true"] svg{ transform:rotate(180deg); }
.mc-cc-det__body{ display:flex; flex-direction:column; gap:6px; padding:0 10px 10px; }
.mc-cc-row{ margin:0; padding:8px 10px; border-radius:8px; background:#fff; display:grid; grid-template-columns:1fr 1fr; gap:4px 12px; font-size:12.5px; }
.mc-cc-row div{ min-width:0; }
.mc-cc-row dt{ color:#8a8a8a; font-size:11px; }
.mc-cc-row dd{ margin:0; overflow-wrap:anywhere; }

/* Уведомление «сохранено» */
.mc-cc-toast{ position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:2147483602; padding:10px 18px; border-radius:12px;
    background:rgba(31,31,31,.92); color:#fff; font-size:14px; box-shadow:0 6px 20px rgba(0,0,0,.25); }

/* Заглушка карты до согласия на функциональные cookie */
.mc-embed{ position:relative; }
.mc-embed-ph{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:220px; height:100%;
    padding:20px; text-align:center; background:#f3f3f3; border-radius:5px; font-family:'Onest', Arial, sans-serif; }
.mc-embed-ph p{ margin:0; max-width:360px; font-size:14px; line-height:1.5; color:#5c5c5c; }
.mc-embed-ph__btn{ min-height:40px; padding:0 18px; border:1.5px solid #b74923; border-radius:5px; background:#fff; color:#b74923;
    font:600 14px 'Onest', Arial, sans-serif; cursor:pointer; }
.mc-embed-ph + iframe{ display:none; }

/* ── Узкий ПК/планшет: карточка сдвинута влево — между кнопкой звонка (слева) и приветствием чата (справа) ── */
@media (max-width:1100px) and (min-width:768px){
    .mc-cc-card{ left:160px; transform:none; width:min(520px, calc(100vw - 510px)); min-width:280px; animation-name:mcCcInL; }
    @keyframes mcCcInL{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
}
/* ── Телефон: карточка с отступами от краёв, как на starnet.md ── */
@media (max-width:767px){
    .mc-cc-card{ left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); width:auto; transform:none;
        max-height:calc(100vh - 90px); border-radius:18px; }
    .mc-cc-card[data-view="prefs"]{ max-height:calc(100vh - 70px); }
    @keyframes mcCcIn{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
    .mc-cc-scroll{ padding:20px 20px 4px; }
    .mc-cc-title{ font-size:19px; }
    .mc-cc-text{ font-size:15px; }
    .mc-cc-actions{ padding:10px 20px 18px; }
    .mc-cc-row{ grid-template-columns:1fr; }
    .mc-cc-toast{ bottom:calc(20px + env(safe-area-inset-bottom)); width:max-content; max-width:calc(100% - 32px); }
}
@media (prefers-reduced-motion:reduce){
    .mc-cc-card{ animation:none; }
    .mc-cc-sw,.mc-cc-sw span,.mc-cc-det__btn svg{ transition:none; }
}
