/* CordisMed cookie banner (.cmc) and settings dialog (.cmm). Loaded only when the new banner is enabled. */
.cmc,.cmm{--cmc-grad:linear-gradient(135deg,#2468a8,#173f86);font-family:var(--base-font-family,Arial,Helvetica,sans-serif);-webkit-text-size-adjust:100%}
.cmc *,.cmc *::before,.cmc *::after,.cmm *,.cmm *::before,.cmm *::after{box-sizing:border-box}

/* Tones: background rgb + alpha from the opacity setting, then colours from the approved table. */
.cmc{--cmc-rgb:255,255,255;--cmc-border:rgba(176,194,235,.45);--cmc-shadow:0 14px 44px rgba(28,35,44,.16);--cmc-title:#232529;--cmc-text:#343434;--cmc-link:#2468a8;--cmc-ghost:rgba(36,104,168,.45);--cmc-icon-bg:#eef4ff;--cmc-icon:#2468a8;--cmc-accent:#e30e17;--cmc-btn-bg:var(--cmc-grad);--cmc-btn-color:#fff;--cmc-btn-shadow:0 8px 20px rgba(23,63,134,.2)}
.cmc--navy_glass{--cmc-rgb:30,42,85;--cmc-border:rgba(255,255,255,.14);--cmc-shadow:0 18px 48px rgba(18,26,56,.35);--cmc-title:#fff;--cmc-text:#e3e9f5;--cmc-link:#9cc3ff;--cmc-ghost:rgba(156,195,255,.45);--cmc-icon-bg:rgba(255,255,255,.1);--cmc-icon:#9cc3ff;--cmc-accent:#ff7a7f;--cmc-btn-bg:#fff;--cmc-btn-color:#173f86;--cmc-btn-shadow:none}
.cmc--graphite_glass{--cmc-rgb:35,37,41;--cmc-border:rgba(255,255,255,.12);--cmc-shadow:0 18px 48px rgba(0,0,0,.35);--cmc-title:#fff;--cmc-text:#e6e7ea;--cmc-link:#8fb8ff;--cmc-ghost:rgba(143,184,255,.45);--cmc-icon-bg:rgba(255,255,255,.08);--cmc-icon:#8fb8ff;--cmc-accent:#ff7a7f}
/* Steel: text #fff instead of #f2f6fa — at the default 0.94 over a white page #f2f6fa gives 4.34:1, #fff 4.69:1. */
.cmc--steel_glass{--cmc-rgb:74,111,136;--cmc-border:rgba(255,255,255,.18);--cmc-shadow:0 18px 48px rgba(28,50,70,.3);--cmc-title:#fff;--cmc-text:#fff;--cmc-link:#fff;--cmc-ghost:rgba(255,255,255,.45);--cmc-icon-bg:rgba(255,255,255,.14);--cmc-icon:#fff;--cmc-accent:#ff7a7f;--cmc-btn-bg:#fff;--cmc-btn-color:#2f5873;--cmc-btn-shadow:none}
.cmc--ice_glass{--cmc-rgb:238,244,255;--cmc-border:rgba(255,255,255,.7);--cmc-shadow:0 14px 44px rgba(23,63,134,.18);--cmc-title:#172a55;--cmc-text:#2b3550;--cmc-link:#1f5c99;--cmc-ghost:rgba(31,92,153,.45);--cmc-icon-bg:#fff;--cmc-icon:#2468a8;--cmc-accent:#e30e17}
.cmc--no-accent{--cmc-accent:var(--cmc-icon)}
.cmc.cmc--two{width:1210px}
.cmc--two .cmc__btn{min-width:148px}

/* Banner, desktop and tablet. Fixed, so it never shifts the page layout. */
/* Width: the standard text (≈1370px in one line) fits in two lines; two buttons need ~170px more. */
.cmc{position:fixed;left:0;right:0;bottom:28px;z-index:1095;width:1040px;max-width:calc(100vw - 32px);margin:0 auto;padding:22px 24px 22px 26px;align-items:center;gap:20px;border:1px solid var(--cmc-border);border-radius:32px;background:rgb(var(--cmc-rgb));background:rgba(var(--cmc-rgb),var(--cmc-alpha,1));box-shadow:var(--cmc-shadow);color:var(--cmc-text);text-align:left}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .cmc--navy_glass,.cmc--graphite_glass,.cmc--steel_glass,.cmc--ice_glass{-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .cmc--navy_glass,.cmc--graphite_glass,.cmc--steel_glass,.cmc--ice_glass{background:rgb(var(--cmc-rgb))}
}
html.cm-consent-show .cmc{display:flex;animation:cmc-in .35s ease-out .5s both}
@keyframes cmc-in{from{opacity:0;transform:translateY(16px);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}
/* Open Bootstrap/Prostore modal windows stay above the banner. */
.modal-open .cmc{z-index:1035}

.cmc__icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:18px;background:var(--cmc-icon-bg);color:var(--cmc-icon)}
.cmc-svg{display:block;width:28px;height:28px}
.cmc-svg .cmc-acc{stroke:var(--cmc-accent)}
.cmc__body{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}
.cmc__title{margin:0;font-size:17px;font-weight:600;line-height:1.35;color:var(--cmc-title)}
.cmc__text{font-size:14.5px;line-height:1.55;color:var(--cmc-text);overflow-wrap:anywhere}
.cmc__text p{margin:0}
.cmc__text p+p{margin-top:6px}
.cmc__text a{color:var(--cmc-link);text-decoration:underline;text-underline-offset:3px}
.cmc__text a:hover{color:var(--cmc-link);text-decoration-thickness:2px}
.cmc__actions{display:flex;flex:0 0 auto;gap:10px}
.cmc__btn{display:inline-flex;align-items:center;justify-content:center;height:52px;min-width:160px;margin:0;padding:0 26px;border:0;border-radius:26px;font:600 15px/1 var(--base-font-family,Arial,Helvetica,sans-serif);letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .15s,transform .15s}
.cmc__btn--accept{background:var(--cmc-btn-bg,var(--cmc-grad));color:var(--cmc-btn-color,#fff);box-shadow:var(--cmc-btn-shadow,0 8px 20px rgba(23,63,134,.2))}
.cmc__btn--ghost{background:transparent;border:1px solid var(--cmc-ghost);color:var(--cmc-link)}
.cmc__btn:hover{filter:brightness(1.06)}
.cmc__btn:active{transform:translateY(1px)}
.cmc__btn:focus-visible,.cmc__text a:focus-visible,.cmm__close:focus-visible,.cmm__switch:focus-visible,.cmm a:focus-visible{outline:3px solid #2468a8;outline-offset:3px}
.cmc--navy_glass .cmc__btn:focus-visible,.cmc--graphite_glass .cmc__btn:focus-visible,.cmc--steel_glass .cmc__btn:focus-visible,.cmc--navy_glass .cmc__text a:focus-visible,.cmc--graphite_glass .cmc__text a:focus-visible,.cmc--steel_glass .cmc__text a:focus-visible{outline-color:#fff}

/* An opened messenger menu (label + second button) unfolds to the left and stays above the banner. */
body.cm-consent-open .cm-fab.is-open{z-index:1096}
/* Keep clear of the messenger button (.cm-fab, right edge) without covering it. */
@media (min-width:768px){.cmc{max-width:calc(100vw - 176px)}}
@media (min-width:1200px){.cmc{max-width:calc(100vw - 192px)}}
/* Below 1200px Prostore shows its bottom panel (.header__sticky, 59px). */
@media (min-width:768px) and (max-width:1199.98px){.is-page-sticky .cmc{bottom:calc(59px + 12px + env(safe-area-inset-bottom,0px))}}

/* Phone. */
@media (max-width:767.98px){
 .cmc,.cmc.cmc--two{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;margin:0;padding:18px 18px 16px;border-radius:22px;gap:14px;max-height:calc(100vh - 100px);overflow:auto}
 html.cm-consent-show .cmc{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon body" "actions actions";align-items:start;column-gap:12px}
 .is-page-sticky .cmc{bottom:calc(59px + 12px + env(safe-area-inset-bottom,0px))}
 .cmc__icon{grid-area:icon;width:38px;height:38px;flex-basis:38px;border-radius:12px}
 .cmc-svg{width:22px;height:22px}
 .cmc__body{grid-area:body}
 .cmc__title{display:none}
 .cmc__text{font-size:14px;line-height:1.5}
 .cmc__actions{grid-area:actions;width:100%}
 .cmc__btn{flex:1 1 0;height:50px;min-width:0;padding:0 12px}
 /* Messenger button rises above the banner while it is shown. */
 body.cm-consent-open .cm-fab{bottom:calc(var(--cm-consent-h,0px) + 24px + env(safe-area-inset-bottom,0px))}
 body.is-page-sticky.cm-consent-open .cm-fab{bottom:calc(var(--cm-consent-h,0px) + 83px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){html.cm-consent-show .cmc{animation:none}.cmc__btn,.cmm__switch,.cmm__knob{transition:none}}

/* Settings dialog: always light, independent of the banner tone. */
.cmm{position:fixed;inset:0;z-index:100000;align-items:center;justify-content:center;padding:16px;color:#343434}
.cmm:not([hidden]){display:flex}
.cmm__backdrop{position:absolute;inset:0;background:rgba(18,26,56,.55)}
.cmm__dialog{position:relative;width:560px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;overscroll-behavior:contain;padding:28px 30px 30px;border-radius:22px;background:#fff;box-shadow:0 24px 64px rgba(18,26,56,.3);font-size:14.5px;line-height:1.55;text-align:left}
.cmm__dialog:focus{outline:none}
.cmm__handle{display:none}
.cmm__close{position:absolute;top:18px;right:18px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f1f4f9;color:#343434;cursor:pointer}
.cmm__close:hover{background:#e6ebf3}
.cmm__title{margin:0 48px 12px 0;font-size:23px;font-weight:600;line-height:1.3;color:#232529}
.cmm__intro{margin-bottom:6px}
.cmm__intro p,.cmm__cat-text p{margin:0}
.cmm__intro p+p,.cmm__cat-text p+p{margin-top:6px}
.cmm a{color:#2468a8;text-decoration:underline;text-underline-offset:3px}
.cmm__cat{margin-top:12px;padding:16px 18px;border:1px solid #e8edf5;border-radius:16px;background:#f7f9fc}
.cmm__cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.cmm__cat-title{margin:0;font-size:16px;font-weight:600;line-height:1.35;color:#232529}
.cmm__badge{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:#e6f4ea;color:#2b6a3f;font-size:12.5px;font-weight:600;line-height:1.3;white-space:nowrap}
.cmm__switch{position:relative;flex:0 0 52px;width:52px;height:30px;margin:0;padding:0;border:0;border-radius:15px;background:#c9d0dc;cursor:pointer;transition:background .2s}
.cmm__switch[aria-checked="true"]{background:var(--cmc-grad)}
.cmm__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.cmm__switch[aria-checked="true"] .cmm__knob{transform:translateX(22px)}
.cmm__hint{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:#fff4e5;color:#8a4b08;font-size:13.5px;line-height:1.45}
.cmm__hint[hidden]{display:none}
.cmm .cmm__save{width:100%;margin-top:20px;background:var(--cmc-grad);color:#fff;box-shadow:0 8px 20px rgba(23,63,134,.2)}
html.cm-consent-modal,html.cm-consent-modal body{overflow:hidden}
@media (max-width:767.98px){
 .cmm{align-items:flex-end;padding:0}
 .cmm__dialog{width:100%;max-height:90vh;padding:12px 18px calc(20px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0}
 .cmm__handle{display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:2px;background:#d5dbe5}
 .cmm__close{top:12px;right:12px}
 .cmm__title{margin-top:10px;font-size:21px}
 .cmm .cmm__save{height:50px}
}

/* Footer link «Настройки cookie». */
.cmf .cm-consent-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:500}
.cmf .cm-consent-link svg{flex:0 0 18px}