:root{ --cyan:#009EE3; --cyan-dark:#0085C2; --cyan-rgb:0,158,227; --r-md:12px; --r-sm:16px; }
/* single source of truth for brand cyan (global, resolves in .rp + footer + popups + 404 + search) */
/* Ridmi — new global header/menu (iteration 1). Scoped under .rhead so it coexists with premium.css.
   Loaded globally in the ridmi site theme index.html (only /dev uses that theme). */
/* un-layered so polish rules beat premium.css */
.rhead{
    --slate:#50658C; --peri:#738EC8; --blue-bg:#E9F2FB; --blue-bg2:#C8DDF4;
    --pink:#F7CBD5; --ink:#3A4358; --muted:#8590A6; --fav:#E85C7A;
    --ff-ui:'Inter',system-ui,sans-serif; --ff-num:'Roboto',system-ui,sans-serif;
    display:block; background:var(--blue-bg);
  }
.rhead *{ box-sizing:border-box; }
.rhead .top{ display:flex; align-items:center; gap:12px; max-width:1100px; margin:0 auto; padding:14px 18px 8px; }
.rhead .ico{ width:40px; height:40px; border-radius:50%; background:#fff; display:grid; place-items:center;
    color:var(--slate); box-shadow:0 4px 12px rgba(80,101,140,.12); flex:0 0 auto; border:none; cursor:pointer;
    font-size:18px; font-family:inherit; }
.rhead .ico:active{ background:var(--blue-bg); }
.rhead .top .logo{ display:inline-flex; align-items:center; text-decoration:none; }
.rhead .top .logo img{ height:26px; width:auto; display:block; }
/* subscription status badge (Vip/Premium/Standard) next to the logo */
.rhead .top .rstatus{ display:inline-flex; align-items:center; gap:6px; margin-left:12px; flex:0 0 auto;
    padding:6px 14px 6px 11px; border-radius:999px; font-family:var(--ff-ui); font-weight:800; font-size:13px;
    line-height:1; text-decoration:none; white-space:nowrap; transition:transform .12s, box-shadow .12s; }
.rhead .top .rstatus:hover{ transform:translateY(-1px); }
.rhead .top .rstatus__crown{ width:15px; height:15px; flex:0 0 auto; }
.rhead .top .rstatus_premium{ background:linear-gradient(135deg,#F8E59A,#ECB949 58%,#E2A93C); color:#5A4310;
    box-shadow:0 4px 14px rgba(224,169,59,.45), inset 0 1px 0 rgba(255,255,255,.55); }
.rhead .top .rstatus_vip{ background:linear-gradient(135deg,#2B2B30,#141418); color:#F3D67C;
    box-shadow:0 4px 14px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12); }
.rhead .top .rstatus_standard{ background:linear-gradient(135deg,#EDF1F7,#D6DEEA); color:#54668C;
    box-shadow:0 3px 10px rgba(80,101,140,.2), inset 0 1px 0 rgba(255,255,255,.6); }
@media (max-width:480px){ .rhead .top .rstatus span{ display:none; } .rhead .top .rstatus{ padding:7px 9px; margin-left:8px; } }
.rhead .grow{ flex:1; }
.rhead .iconbtn{ position:relative; width:40px; height:40px; border:none; background:transparent; cursor:pointer;
    display:grid; place-items:center; padding:0; color:var(--slate); text-decoration:none; }
.rhead .iconbtn svg{ width:23px; height:23px; }
.rhead .iconbtn .badge{ position:absolute; top:1px; right:-1px; min-width:17px; height:17px; border-radius:9px;
    background:var(--cyan); color:#fff; font-family:var(--ff-num); font-weight:700; font-size:10px; line-height:1;
    display:grid; place-items:center; padding:0 4px; box-shadow:0 1px 3px rgba(20,30,50,.25); }
.rhead .iconbtn .badge.fav{ background:var(--fav); }
/* search = real Algolia autocomplete (#autocomplete), restyled to the design searchbar */
.rhead .rsearch{ max-width:1100px; margin:0 auto; padding:0 18px 18px; }
.rhead .rsearch .aa-Autocomplete{ width:100%; background:transparent; }
.rhead .rsearch .aa-Form{ max-width:640px; width:100%; height:auto; min-height:48px;
    background:#fff; border:1.5px solid var(--blue-bg2); border-radius:var(--r-md);
    box-shadow:0 4px 14px rgba(80,101,140,.08); padding:0 12px; }
.rhead .rsearch .aa-Form:focus-within{ border-color:var(--cyan); box-shadow:0 0 0 3px rgba(var(--cyan-rgb),.12); }
.rhead .rsearch .aa-InputWrapperPrefix{ color:var(--peri); }
.rhead .rsearch .aa-Label, .rhead .rsearch .aa-SubmitButton{ color:var(--peri); }
.rhead .rsearch .aa-SubmitButton svg, .rhead .rsearch .aa-LoadingIndicator svg{ width:18px; height:18px; color:var(--peri); }
.rhead .rsearch .aa-Input{ font-family:var(--ff-ui); font-size:14px; color:var(--ink); }
.rhead .rsearch .aa-Input::placeholder{ color:#9aa6bd; opacity:1; }
.rhead .rsearch .aa-ClearButton{ color:var(--muted); }
@media (min-width:900px){
    .rhead .top{ padding:16px 16px 8px; }
    .rhead .rsearch{ padding:0 16px 10px; }
  }
/* side drawer */
.rhead .scrim{ position:fixed; inset:0; background:rgba(20,30,50,.45); z-index:140; opacity:0;
    pointer-events:none; transition:opacity .28s; }
.rhead .scrim.open{ opacity:1; pointer-events:auto; }
.rhead .drawer{ position:fixed; top:0; left:0; bottom:0; width:80%; max-width:360px; background:#fff; z-index:150;
    transform:translateX(-106%); transition:transform .28s ease; box-shadow:6px 0 30px rgba(20,30,50,.22);
    display:flex; flex-direction:column; padding:12px 0 16px; overflow-y:auto; }
.rhead .drawer.open{ transform:none; }
.rhead .drawer .dh{ display:flex; align-items:center; justify-content:space-between; padding:0 20px 10px;
    margin-bottom:2px; border-bottom:1px solid var(--blue-bg); }
.rhead .drawer .dh img{ height:28px; width:auto; }
.rhead .dclose{ border:none; background:var(--blue-bg); width:32px; height:32px; border-radius:50%;
    color:var(--slate); cursor:pointer; font-size:13px; }
.rhead .dcat{ font-family:var(--ff-num); font-weight:700; font-size:11px; letter-spacing:.6px;
    text-transform:uppercase; color:var(--muted); padding:9px 20px 3px; }
.rhead .drawer a{ display:flex; align-items:center; gap:11px; padding:14px 20px; font-family:var(--ff-ui);
    font-size:14px; font-weight:700; color:var(--ink); text-decoration:none; }
.rhead .drawer a:active{ background:var(--blue-bg); }
.rhead .drawer a .ic{ width:7px; height:7px; border-radius:50%; background:var(--cyan); flex:0 0 auto; }
.rhead .drawer .dcount{ margin-left:auto; background:var(--cyan); color:#fff; font-family:var(--ff-num);
    font-size:11px; font-weight:700; min-width:18px; height:18px; border-radius:9px; display:inline-grid;
    place-items:center; padding:0 5px; }
.rhead .drawer .dlink-fav .dcount{ background:var(--fav); }
.rhead .drawer .dlang{ padding:8px 20px; }
/* drawer v2 (2026-07-02): profile card + catalog accordion + right chevrons */
.rhead .drawer a.dprofile{ display:flex; align-items:center; gap:12px; margin:2px 14px 12px; padding:12px 14px; background:var(--blue-bg); border-radius:14px; }
.rhead .dprofile__ava{ width:44px; height:44px; border-radius:50%; background:var(--cyan); color:#fff; display:grid; place-items:center; font-family:var(--ff-num); font-weight:800; font-size:18px; flex:0 0 auto; }
.rhead .dprofile__ava_guest{ background:#D9E6F5; color:var(--slate); }
.rhead .dprofile__ava_guest svg{ width:22px; height:22px; }
.rhead .dprofile__txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.rhead .dprofile__txt b{ font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rhead .dprofile__txt small{ font-size:12px; font-weight:500; color:var(--muted); }
.rhead .drawer .dchev{ margin-left:auto; width:8px; height:8px; border-right:2px solid #A6B2C6; border-top:2px solid #A6B2C6; transform:rotate(45deg); flex:0 0 auto; }
.rhead .drawer .dcount + .dchev, .rhead .drawer .dcount ~ .dchev{ margin-left:10px; }
.rhead .dsection{ display:flex; align-items:center; gap:11px; width:100%; padding:14px 20px; border:none; background:none; font-family:var(--ff-ui); font-weight:700; font-size:15px; color:inherit; cursor:pointer; text-align:left; }
.rhead .dsection__ico{ width:20px; height:20px; color:var(--cyan); flex:0 0 auto; }
.rhead .dsection .dchev_acc{ margin-left:auto; transform:rotate(-45deg) translateY(2px); transition:transform .2s ease; }
.rhead .dsection[aria-expanded="false"] .dchev_acc{ transform:rotate(135deg) translateY(2px); }
.rhead .dcatlist{ overflow:hidden; max-height:1200px; transition:max-height .28s ease; flex:0 0 auto; }
.rhead .dcatlist.collapsed{ max-height:0; }
.rhead .dcatlist a{ padding-left:51px; font-weight:500; }
.rhead .drawer a .dico{ flex:0 0 auto; width:22px; height:22px; font-size:19px; line-height:1; color:var(--muted); display:inline-flex; align-items:center; justify-content:center; }
.rhead .drawer a .dico svg{ width:20px; height:20px; display:block; }
html.rd-dark .rhead .drawer a .dico{ color:#8590A6; }
/* --- new footer (light/soft, replaces old dark footer on /dev) --- */
.rfooter{ background:#fff; border-top:1px solid #C8DDF4; margin-top:30px; color:#3A4358;
    font-family:'Inter',system-ui,sans-serif; }
.rfooter__inner{ max-width:1100px; margin:0 auto; padding:28px 20px 110px; }
.rfooter__cols{ display:flex; flex-wrap:wrap; gap:26px; }
.rfooter__col{ flex:1 1 180px; min-width:150px; }
.rfooter__col_brand .logo img{ height:28px; width:auto; }
.rfooter__tagline{ font-size:13px; color:#8590A6; margin:10px 0 12px; }
.rfooter__socials{ display:flex; gap:10px; align-items:center; }
.rfooter__socials a{ width:34px; height:34px; display:grid; place-items:center; border-radius:50%;
    background:#E9F2FB; color:#50658C; }
.rfooter__socials svg, .rfooter__socials img{ width:18px; height:18px; }
.rfooter__title{ font-family:'Roboto',system-ui,sans-serif; font-weight:700; font-size:12px;
    letter-spacing:.5px; text-transform:uppercase; color:#50658C; margin-bottom:12px; }
.rfooter__links{ display:flex; flex-direction:column; gap:9px; }
.rfooter__link, .rfooter__contacts a{ color:#3A4358; text-decoration:none; font-size:13px; }
.rfooter__link:hover, .rfooter__contacts a:hover{ color:var(--cyan); }
.rfooter__contacts{ font-size:13px; color:#3A4358; line-height:1.7; }
.rfooter__pay{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; padding-top:18px; border-top:1px solid #ECEFF4; }
.rfooter__payicon{ width:46px; height:30px; background-size:contain; background-repeat:no-repeat;
    background-position:center; border-radius:6px; background-color:#E9F2FB; }
.rfooter__bottom{ margin-top:18px; font-size:12px; color:#8590A6; }
@media (min-width:900px){ .rfooter__cols{ gap:40px; } }
/* --- polish: page background + hide old breadcrumbs on the new theme --- */
html{ margin:0; }
body.layout{ background:#E9F2FB; margin:0; -webkit-font-smoothing:antialiased; }
.layout__main-wrapper, .layout__content, .layout__content .product-page,
  .layout__wrapper.page__wrapper{ background:#E9F2FB; max-width:1100px; margin:0 auto; padding:2px 18px 30px; }
/* keep <main class=layout__content> visually identical to the old div (base css styles bare main) */
main.layout__content{ max-width:none; width:auto; margin:0; padding:0; display:block; }
.rp .hero, .rp .card{ background:#fff; }
.breadcrumbs, .layout__breadcrumbs, .product-page__breadcrumbs{ display:none; }
/* breadcrumbs — compact, mobile horizontal-scroll, schema.org BreadcrumbList (2026-06-26) */
.rbc{ max-width:1100px; margin:10px auto 0; padding:0 16px; box-sizing:border-box; }
.rbc__list{ display:flex; align-items:center; flex-wrap:nowrap; gap:5px; list-style:none; margin:0; padding:4px 0; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
.rbc__list::-webkit-scrollbar{ display:none; }
.rbc__item{ display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
.rbc__link{ color:#8590A6; font-family:'Inter',system-ui,sans-serif; font-size:12.5px; text-decoration:none; transition:color .15s; }
.rbc__link:hover{ color:var(--cyan); }
.rbc__sep{ color:#C8DDF4; font-size:14px; line-height:1; }
.rbc__current{ color:#3A4358; font-family:'Inter',system-ui,sans-serif; font-size:12.5px; font-weight:600; max-width:52vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rbc--back{ margin:10px auto 0; }
.rbc__back{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 15px; border:1.5px solid #ECEFF4; border-radius:20px; color:#50658C; font-family:'Inter',system-ui,sans-serif; font-size:13px; font-weight:600; text-decoration:none; background:#fff; transition:.15s; }
.rbc__back:hover{ border-color:var(--cyan); color:var(--cyan); }
@media (min-width:900px){ .rbc__current{ max-width:480px; } }
/* ===== footer (variant_2 design, 2026-06-26) ===== */
.rfooter{ background:#fff; border-top:1px solid #ECEFF4; margin-top:48px; color:#3A4358; font-family:Inter,system-ui,sans-serif; }
.rfooter__inner{ max-width:1120px; margin:0 auto; padding:34px 22px 120px; }
.rfooter__top{ display:flex; gap:40px; flex-wrap:wrap; }
.rfooter__brand{ flex:1 1 220px; min-width:200px; }
.rfooter__brand img.logo, .rfooter__brand .logo img{ height:28px; width:auto; display:block; }
.rfooter__tagline{ margin-top:10px; font-size:13px; color:#8590A6; }
.rfooter__socials{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.rfooter__socials a{ width:40px; height:40px; border-radius:50%; background:#fff; display:grid; place-items:center; color:#50658C; box-shadow:0 3px 10px rgba(80,101,140,.12); transition:.18s; text-decoration:none; }
.rfooter__socials a svg{ width:19px; height:19px; }
.rfooter__socials a:hover{ color:#fff; background:var(--cyan); transform:translateY(-2px); }
.rfooter__nav{ flex:2 1 420px; display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:9px 24px; align-content:start; }
.rfooter__nav a, .rfooter__link{ color:#50658C; text-decoration:none; font-size:13.5px; font-weight:700; padding:4px 0; }
.rfooter__nav a:hover, .rfooter__link:hover{ color:var(--cyan); }
.rfooter__div{ height:1px; background:rgba(80,101,140,.16); margin:24px 0 16px; }
.rfooter__bottom{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.rfooter__copy{ font-size:12.5px; color:#8590A6; }
.rfooter__pay{ display:flex; gap:8px; flex-wrap:wrap; }
.rfooter__payicon{ display:inline-block; width:auto; height:28px; border-radius:6px; box-shadow:0 2px 8px rgba(80,101,140,.12); overflow:hidden; }
.rfooter__payicon svg{ height:28px; width:auto; display:block; }
@media (max-width:899px){
  .rfooter__brand{ flex-basis:100%; display:flex; flex-direction:column; align-items:center; text-align:center; }
  .rfooter__socials{ justify-content:center; }
  .rfooter__nav{ flex-basis:100%; grid-template-columns:1fr 1fr; gap:5px 16px; }
  .rfooter__bottom{ flex-direction:column; align-items:center; text-align:center; gap:12px; }
}
@media (max-width:600px){ .rfooter__mid, .rfooter__bottom{ flex-direction:column; align-items:flex-start; } .rfooter__inner{ padding-top:30px; } }
.rfooter__mid{ justify-content:flex-start; }
/* ===== language switcher (.dlang) ===== */
.dlang{ display:inline-flex; align-items:center; gap:2px; background:#E9F2FB; border-radius:20px; padding:3px; }
.dlang a{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:30px; padding:0 12px; border-radius:18px; font-family:'Inter',system-ui,sans-serif; font-size:13px; font-weight:600; color:#8590A6; text-decoration:none; transition:.15s; }
.dlang a:hover{ color:#50658C; }
html[lang="ru"] .dlang a[href*="ru_RU"], html[lang="uk"] .dlang a[href*="uk_UA"]{ background:#fff; color:#50658C; box-shadow:0 2px 6px rgba(80,101,140,.14); }
/* ===== night-mode toggle ===== */
.rtheme-toggle{ display:flex; align-items:center; gap:10px; width:100%; border:none; border-top:1px solid var(--line); margin-top:6px; background:transparent; cursor:pointer; padding:14px 20px; font-family:'Inter',system-ui,sans-serif; font-size:14px; font-weight:600; color:#3A4358; }
.rtheme-toggle__ico{ font-size:16px; line-height:1; }
.rtheme-toggle__ico_sun::before{ content:"\2600\FE0F"; }
.rtheme-toggle__ico_moon::before{ content:"\1F319"; }
.rtheme-toggle__ico_moon{ display:none; }
html.rd-dark .rtheme-toggle__ico_sun{ display:none; }
html.rd-dark .rtheme-toggle__ico_moon{ display:inline; }
.rtheme-toggle__label{ flex:1; text-align:left; }
.rtheme-toggle__switch{ position:relative; width:46px; height:26px; border-radius:13px; background:#CBD4E2; flex:0 0 auto; transition:background .2s; }
.rtheme-toggle__knob{ position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; transition:left .2s; box-shadow:0 1px 3px rgba(0,0,0,.25); }
html.rd-dark .rtheme-toggle__switch{ background:var(--cyan); }
html.rd-dark .rtheme-toggle__knob{ left:23px; }
/* ===== DARK / NIGHT MODE (new ridmi design — palette aligned to variant_2 reference) ===== */
html.rd-dark, html.rd-dark body{ background:#12171F; color:#E7ECF4; }
html.rd-dark .layout__main-wrapper, html.rd-dark .layout__content, html.rd-dark .layout__content .product-page, html.rd-dark .layout__wrapper.page__wrapper, html.rd-dark .homepage, html.rd-dark .homepage-wrap{ background:#12171F; }
html.rd-dark .rp{ --slate:#AEBBD6; --peri:#8FA0C4; --blue-bg:#232C3B; --blue-bg2:#2A3445; --ink:#E7ECF4; --muted:#97A1B2; --line:rgba(255,255,255,.09); --ok:#7FE0A8; --ok-bg:rgba(38,210,130,.14); background:transparent; color:#E7ECF4; }
html.rd-dark .rp .hero, html.rd-dark .rp .card, html.rd-dark .rp .rcard, html.rd-dark .rp .buybar, html.rd-dark .rp .cart__items, html.rd-dark .rp .cart__total-wrap, html.rd-dark .rp .cart__coupon, html.rd-dark .rp .product-list__item, html.rd-dark .rp .stepper, html.rd-dark .rp .stepper button, html.rd-dark .rp .qty, html.rd-dark .rp .qty__input, html.rd-dark .rp .cart__item-qty-input, html.rd-dark .rp .filters__name, html.rd-dark .rp .filters__block, html.rd-dark .rp .sorting__active-sort, html.rd-dark .rp .sorting__list, html.rd-dark .rp .subcats-links__list-link, html.rd-dark .rp .filter__input-text, html.rd-dark .rp .cart__coupon-input_text, html.rd-dark .rp .vopt.on, html.rd-dark .rp .wishlist-card{ background:#1B2330; color:#E7ECF4; border-color:rgba(255,255,255,.09); }
html.rd-dark .rp .vopt{ background:#232C3B; }
/* stepper lighter than the vopt row (pops out, like the design dark card) */
html.rd-dark .rp .stepper, html.rd-dark .rp .stepper button{ background:#2A3445; }
/* cart + mini-cart qty stepper = card stepper in dark: #2A3445 frame & buttons (bright glyphs), #1B2330 number pill */
html.rd-dark .rp .cart__item-qty, html.rd-dark .rp .cart-mini__item-qty,
html.rd-dark .rp .cart__item-qty .qty__btn, html.rd-dark .rp .cart-mini__item-qty .qty__btn{ background:#2A3445; color:#E7ECF4; border-color:transparent; }
html.rd-dark .rp .cart__item-qty-input, html.rd-dark .rp .cart__item-qty .qty__input, html.rd-dark .rp .cart-mini__item-qty .qty__input{ background:#1B2330; border-color:transparent; }
/* selected format: cyan border + recessed near-black bg (the big dark selector wrongly made it white-bordered) */
html.rd-dark .rp .vopt.on{ border-color:var(--cyan); background:#12171F; box-shadow:none; }
/* "already in cart" pill — brighter green on dark */
html.rd-dark .rp .vopt .incart{ background:none; color:#41d6a0; }
html.rd-dark .rp .desc{ color:#AEB6C6; }
/* product badges — translucent in dark (were light) */
html.rd-dark .rp .pbadge.sale, html.rd-dark .rp .pbadge.top{ background:rgba(216,90,122,.20); color:#F0A6BE; }
html.rd-dark .rp .pbadge.hit{ background:rgba(245,179,1,.16); color:#F2C66B; }
html.rd-dark .rp .pbadge.new{ background:rgba(38,210,130,.16); color:#7FE0A8; }
html.rd-dark .rp .pbadge.support{ background:rgba(115,142,200,.20); color:#AEC2EC; }
html.rd-dark .rp .pbadge.cashback{ background:rgba(var(--cyan-rgb),.18); color:#7FD4F5; }
html.rd-dark .rp .shot, html.rd-dark .rp .product-list__item-image, html.rd-dark .rp .rcard .rcov, html.rd-dark .rp .cart__item-image{ background:#232C3B; }
html.rd-dark .rhead, html.rd-dark .top{ background:#12171F; color:#E7ECF4; }
/* dark logo: keep the SAME ridmi-logo.svg untreated — no swap, no filter (per user request) */
html.rd-dark .rhead .ico, html.rd-dark .top .ico{ background:#232C3B; color:#E7ECF4; }
html.rd-dark .rhead .iconbtn{ background:transparent; color:#E7ECF4; }
html.rd-dark .main-menu__content{ background:#12171F; color:#E7ECF4; }
html.rd-dark .main-menu__name, html.rd-dark .main-menu__link, html.rd-dark .rtheme-toggle{ color:#E7ECF4; }
html.rd-dark .rhead .drawer{ background:#1B2330; color:#E7ECF4; }
html.rd-dark{ color-scheme:dark; }
html.rd-dark .rhead .drawer a{ color:#E7ECF4; }
html.rd-dark .rhead .drawer a:active{ background:#1B2330; }
html.rd-dark .rhead .dcat{ color:#8590A6; }
html.rd-dark .rhead .dclose{ background:#1B2330; color:#E7ECF4; }
html.rd-dark .rhead .drawer a.dprofile{ background:#232C3B; }
html.rd-dark .rhead .dprofile__ava_guest{ background:#2A3445; color:#AEBBD6; }
html.rd-dark .rhead .drawer .dchev{ border-color:#6E7A90; }
html.rd-dark .rfooter{ background:#12171F; border-color:rgba(255,255,255,.08); color:#E7ECF4; }
html.rd-dark .rfooter__socials a{ background:#232C3B; color:#AEBBD6; box-shadow:none; }
html.rd-dark .rfooter__nav a, html.rd-dark .rfooter__link{ color:#AEBBD6; }
html.rd-dark .rfooter__div{ background:rgba(255,255,255,.1); }
html.rd-dark .rbc__current{ color:#E7ECF4; }
html.rd-dark .dlang{ background:#232C3B; }
html.rd-dark[lang="uk"] .dlang a[href*="uk_UA"], html.rd-dark[lang="ru"] .dlang a[href*="ru_RU"]{ background:#12171F; color:#E7ECF4; box-shadow:none; }
/* ===== ALGOLIA BASE (moved from plugin algoliasearch.css) ===== */
/*! @algolia/autocomplete-theme-classic 1.6.2 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root {
    --aa-search-input-height: 44px;
    --aa-input-icon-size: 20px;
    --aa-base-unit: 16;
    --aa-spacing-factor: 1;
    --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);
    --aa-spacing-half: calc(var(--aa-spacing) / 2);
    --aa-panel-max-height: 650px;
    --aa-base-z-index: 9999;
    --aa-font-size: calc(var(--aa-base-unit) * 1px);
    --aa-font-family: inherit;
    --aa-font-weight-medium: 500;
    --aa-font-weight-semibold: 600;
    --aa-font-weight-bold: 700;
    --aa-icon-size: 20px;
    --aa-icon-stroke-width: 1.6;
    --aa-icon-color-rgb: 47, 54, 60;
    --aa-icon-color-alpha: 1;
    --aa-action-icon-size: 20px;
    --aa-text-color-rgb: 47, 54, 60;
    --aa-text-color-alpha: 1;
    --aa-primary-color-rgb: 47, 54, 60;
    --aa-primary-color-alpha: 0.2;
    --aa-muted-color-rgb: 128, 126, 163;
    --aa-muted-color-alpha: 0.6;
    --aa-panel-border-color-rgb: 128, 126, 163;
    --aa-panel-border-color-alpha: 0.3;
    --aa-input-border-color-rgb: 219, 219, 227;
    --aa-input-border-color-alpha: 1;
    --aa-background-color-rgb: 255, 255, 255;
    --aa-background-color-alpha: 1;
    --aa-input-background-color-rgb: 255, 255, 255;
    --aa-input-background-color-alpha: 1;
    --aa-selected-color-rgb: 179, 173, 214;
    --aa-selected-color-alpha: 0.205;
    --aa-description-highlight-background-color-rgb: 245, 223, 77;
    --aa-description-highlight-background-color-alpha: 0.5;
    --aa-detached-media-query:(max-width: 680px);
    --aa-detached-modal-media-query:(min-width: 680px);
    --aa-detached-modal-max-width: 680px;
    --aa-detached-modal-max-height: 500px;
    --aa-overlay-color-rgb: 115, 114, 129;
    --aa-overlay-color-alpha: 0.4;
    --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
    --aa-scrollbar-width: 13px;
    --aa-scrollbar-track-background-color-rgb: 234, 234, 234;
    --aa-scrollbar-track-background-color-alpha: 1;
    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
    --aa-scrollbar-thumb-background-color-alpha: 1
}
.outofstock{
color:#ff0000b8}
.ebook{
    color: cornflowerblue;
    border: 1px solid;
    border-radius: 3px;
    width: fit-content;
    padding: 0 4px;
    margin-top: 3px;
}
@media (hover: none) and (pointer: coarse) {
    :root {
        --aa-spacing-factor: 1.2;
        --aa-action-icon-size: 22px
    }
}
body.dark, body[data-theme=dark] {
    --aa-text-color-rgb: 183, 192, 199;
    --aa-primary-color-rgb: 146, 138, 255;
    --aa-muted-color-rgb: 146, 138, 255;
    --aa-input-background-color-rgb: 0, 3, 9;
    --aa-background-color-rgb: 21, 24, 42;
    --aa-selected-color-rgb: 146, 138, 255;
    --aa-selected-color-alpha: 0.25;
    --aa-description-highlight-background-color-rgb: 0 255 255;
    --aa-description-highlight-background-color-alpha: 0.25;
    --aa-icon-color-rgb: 119, 119, 163;
    --aa-panel-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;
    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb)
}
.aa-Autocomplete *, .aa-DetachedFormContainer *, .aa-Panel * {
    box-sizing: border-box
}
.aa-Autocomplete {
    flex-grow: 1;
}
.aa-Autocomplete, .aa-DetachedFormContainer, .aa-Panel {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-family: inherit;
    font-family: var(--aa-font-family);
    font-size: 16px;
    font-size: var(--aa-font-size);
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: left
}
.aa-Form {
    align-items: center;
    background-color: #fff;
    background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
    border: 1px solid rgba(128, 126, 163, .8);
    border: 1.5px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
    border-radius: 25px;
    display: flex;
    line-height: 1em;
    margin: 0;
    position: relative;
    width: 100%;
    
    transition: all .3s ease-in-out;
}
@media (min-width: 800px) {
	.aa-Form {
    	height:38px;
	}
}
.aa-Form[focus-within] {
    box-shadow: 0 1px 14px rgb(68 111 169 / 40%), 0 2px 16px rgb(7 89 199 / 45%);
    outline: medium none currentColor
}
.aa-Form:focus-within {
    border-color: #446fa9;
    box-shadow: 0 1px 14px rgb(68 111 169 / 40%), 0 2px 16px rgb(7 89 199 / 45%);
    outline: medium none currentColor
}
.aa-InputWrapperPrefix {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    height: var(--aa-search-input-height);
    order: 1
}
.aa-Label, .aa-LoadingIndicator {
    cursor: auto;
    flex-shrink: 0;
    height: 100%;
    padding: 0;
    text-align: left
}
.aa-Label svg, .aa-LoadingIndicator svg {
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1);
    height: auto;
    max-height: 20px;
    max-height: var(--aa-input-icon-size);
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    width: 20px;
    width: var(--aa-input-icon-size);
    transform:scaleX(-1);
}
.aa-LoadingIndicator, .aa-SubmitButton {
    height: 100%;
    padding-left: 11px;
    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);
    padding-right: 8px;
    padding-right: var(--aa-spacing-half);
    width: 47px;
    width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px)
}
.aa-SubmitButton:hover {
    box-shadow: none!important;
    background:transparant;
}
.aa-SubmitIcon {
    transform: scaleX(-1);
}
@media (hover: none) and (pointer: coarse) {
    .aa-LoadingIndicator, .aa-SubmitButton {
        padding-left: 3px;
        padding-left: calc(var(--aa-spacing-half) / 2 + 10px);
        width: 39px;
        width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px)
    }
}
.aa-SubmitButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    margin: 0;
    background-color: unset !important;
    height: inherit !important;
}
.aa-LoadingIndicator {
    align-items: center;
    display: flex;
    justify-content: center
}
.aa-LoadingIndicator[hidden] {
    display: none
}
.aa-InputWrapper {
    order: 3;
    position: relative;
    width: 100%
}
.aa-Input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0!important;
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font: inherit;
    height: 44px;
    height: var(--aa-search-input-height);
    padding: 0;
    width: 100%!important;
}
.aa-Input::-moz-placeholder {
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}
.aa-Input:-ms-input-placeholder {
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}
.aa-Input::placeholder {
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}
.aa-Input:focus {
    border-color: none;
    box-shadow: none;
    outline: none
}
.aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}
.aa-InputWrapperSuffix {
    align-items: center;
    display: flex;
    height: 44px;
    height: var(--aa-search-input-height);
    order: 4
}
.aa-ClearButton {
    align-items: center;
    background: none;
    border: 0;
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    cursor: pointer;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0 12.8333333333px;
    padding: 0 calc(var(--aa-spacing) * 0.83333 - .5px)
}
@media (hover: none) and (pointer: coarse) {
    .aa-ClearButton {
        padding: 0 10.1666666667px;
        padding: 0 calc(var(--aa-spacing) * 0.66667 - .5px)
    }
}
.aa-ClearButton:focus, .aa-ClearButton:hover {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}
.aa-ClearButton[hidden] {
    display: none
}
.aa-ClearButton svg {
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    width: 20px;
    width: var(--aa-icon-size)
}
.aa-Panel {
    background-color: #fff;
    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    border-radius: 4px;
    border-radius: calc(var(--aa-spacing) / 4);
    box-shadow: 0 0 0 1px rgba(35, 38, 59, .1), 0 6px 16px -4px rgba(35, 38, 59, .15);
    box-shadow: var(--aa-panel-shadow);
    margin: 8px 0 0;
    overflow: hidden;
    position: absolute;
    transition: opacity .2s ease-in, filter .2s ease-in;
    z-index: 10;
}
@media screen and (prefers-reduced-motion) {
    .aa-Panel {
        transition: none
    }
}
.aa-Panel button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0
}
.aa-PanelLayout {
    height: 100%;
    margin: 0;
    max-height: 650px;
    max-height: var(--aa-panel-max-height);
    overflow-y: auto;
    padding: 0;
    position: relative;
    text-align: left
}
.aa-PanelLayoutColumns--twoGolden {
    display: grid;
    grid-template-columns:39.2% auto;
    overflow: hidden;
    padding: 0
}
.aa-PanelLayoutColumns--two {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    overflow: hidden;
    padding: 0
}
.aa-PanelLayoutColumns--three {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    overflow: hidden;
    padding: 0
}
.aa-Panel--stalled .aa-Source {
    filter: grayscale(1);
    opacity: .8
}
.aa-Panel--scrollable {
    margin: 0;
    max-height: 650px;
    max-height: var(--aa-panel-max-height);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    padding: var(--aa-spacing-half);
    scrollbar-color: #fff #eaeaea;
    scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
    scrollbar-width: thin
}
.aa-Panel--scrollable::-webkit-scrollbar {
    width: 13px;
    width: var(--aa-scrollbar-width)
}
.aa-Panel--scrollable::-webkit-scrollbar-track {
    background-color: #eaeaea;
    background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
}
.aa-Panel--scrollable::-webkit-scrollbar-thumb {
    background-color: #fff;
    background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
    border-radius: 9999px;
    border: 3px solid #eaeaea;
    border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
    border-right: 2px solid rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
}
.aa-Source {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}
.aa-Source:empty {
    display: none
}
.aa-SourceNoResults {
    font-size: 1em;
    margin: 0;
    padding: 16px;
    padding: var(--aa-spacing)
}
.aa-List {
    list-style: none;
    margin: 0
}
.aa-List, .aa-SourceHeader {
    padding: 0;
    position: relative
}
.aa-SourceHeader {
    margin: 8px .5em 8px 0;
    margin: var(--aa-spacing-half) .5em var(--aa-spacing-half) 0
}
.aa-SourceHeader:empty {
    display: none
}
.aa-SourceHeaderTitle {
    background: #fff;
    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1);
    display: inline-block;
    font-size: .8em;
    font-weight: 600;
    font-weight: var(--aa-font-weight-semibold);
    margin: 0;
    padding: 0 8px 0 0;
    padding: 0 var(--aa-spacing-half) 0 0;
    position: relative;
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}
.aa-SourceHeaderLine {
    border-bottom: 1px solid #3e34d3;
    border-bottom: 1px solid rgba(var(--aa-primary-color-rgb), 1);
    display: block;
    height: 2px;
    left: 0;
    margin: 0;
    opacity: .3;
    padding: 0;
    position: absolute;
    right: 0;
    top: 8px;
    top: var(--aa-spacing-half);
    z-index: 9998;
    z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-SourceFooterSeeAll {
    background: linear-gradient(180deg, #fff, rgba(128, 126, 163, .14));
    background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, .14));
    border: 1px solid rgba(128, 126, 163, .6);
    border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    border-radius: 5px;
    box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, .15);
    color: inherit;
    font-size: .95em;
    font-weight: 500;
    font-weight: var(--aa-font-weight-medium);
    padding: .475em 1em .6em;
    text-decoration: none
}
.aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
    border: 1px solid #3e34d3;
    border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1)
}
.aa-Item {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: grid;
    min-height: 40px;
    min-height: calc(var(--aa-spacing) * 2.5);
    padding: 4px;
    padding: calc(var(--aa-spacing-half) / 2)
}
.aa-Item[aria-selected=true] {
    background-color: rgba(179, 173, 214, .205);
    background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha))
}
.aa-Item[aria-selected=true] .aa-ActiveOnly, .aa-Item[aria-selected=true] .aa-ItemActionButton {
    visibility: visible
}
.aa-ItemIcon {
    align-items: center;
    background: #fff;
    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, .3);
    box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    color: #7777a3;
    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
    display: flex;
    flex-shrink: 0;
    font-size: .7em;
    height: 28px;
    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
    justify-content: center;
    overflow: hidden;
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    text-align: center;
    width: 28px;
    width: calc(var(--aa-icon-size) + var(--aa-spacing-half))
}
.aa-ItemIcon img {
    height: auto;
    max-height: 20px;
    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
    max-width: 20px;
    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
    width: auto
}
.aa-ItemIcon svg {
    height: 20px;
    height: var(--aa-icon-size);
    width: 20px;
    width: var(--aa-icon-size)
}
.aa-ItemIcon--alignTop {
    align-self: flex-start
}
.aa-ItemIcon--noBorder {
    background: none;
    box-shadow: none
}
.aa-ItemIcon--picture {
    height: 96px;
    width: 96px
}
.aa-ItemIcon--picture img {
    max-height: 100%;
    max-width: 100%;
    padding: 8px;
    padding: var(--aa-spacing-half)
}
.aa-ItemContent {
    align-items: flex-start;
    cursor: pointer;
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-gap: var(--aa-spacing-half);
    gap: var(--aa-spacing-half);
    grid-auto-flow: column;
    line-height: 1.25em;
    overflow: hidden
}
.aa-ItemContent:empty {
    display: none
}
.aa-ItemContent mark {
    background: none;
    color: inherit;
    font-style: normal;
    font-weight: 700;
    font-weight: var(--aa-font-weight-bold)
}
.aa-ItemContent--dual {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left
}
.aa-ItemContent--dual .aa-ItemContentSubtitle, .aa-ItemContent--dual .aa-ItemContentTitle {
    display: block
}
.aa-ItemContent--indented {
    padding-left: 36px;
    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-ItemContentBody {
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    grid-gap: calc(var(--aa-spacing-half) / 2);
    gap: calc(var(--aa-spacing-half) / 2)
}
.aa-ItemContentTitle {
    display: inline-block;
    margin: 0 .5em 0 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}
.aa-ItemContentSubtitle {
    font-size: .92em
}
.aa-ItemContentSubtitleIcon:before {
    border-color: rgba(128, 126, 163, .64);
    border-color: rgba(var(--aa-muted-color-rgb), .64);
    border-style: solid;
    content: "";
    display: inline-block;
    left: 1px;
    position: relative;
    top: -3px
}
.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before {
    border-width: 0 0 1.5px;
    margin-left: 8px;
    margin-left: var(--aa-spacing-half);
    margin-right: 4px;
    margin-right: calc(var(--aa-spacing-half) / 2);
    width: 10px;
    width: calc(var(--aa-spacing-half) + 2px)
}
.aa-ItemContentSubtitle--standalone {
    align-items: center;
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-gap: var(--aa-spacing-half);
    gap: var(--aa-spacing-half);
    grid-auto-flow: column;
    justify-content: start
}
.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before {
    border-radius: 0 0 0 3px;
    border-width: 0 0 1.5px 1.5px;
    height: 8px;
    height: var(--aa-spacing-half);
    width: 8px;
    width: var(--aa-spacing-half)
}
.aa-ItemContentSubtitleCategory {
    color: #807ea3;
    color: rgba(var(--aa-muted-color-rgb), 1);
    font-weight: 500
}
.aa-ItemContentDescription {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-size: .85em;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis
}
.aa-ItemContentDescription:empty {
    display: none
}
.aa-ItemContentDescription mark {
    background: rgba(245, 223, 77, .5);
    background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-style: normal;
    font-weight: 500;
    font-weight: var(--aa-font-weight-medium)
}
.aa-ItemContentDash {
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    display: none;
    opacity: .4
}
.aa-ItemContentTag {
    background-color: rgba(62, 52, 211, .2);
    background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
    border-radius: 3px;
    margin: 0 .4em 0 0;
    padding: .08em .3em
}
.aa-ItemLink, .aa-ItemWrapper {
    align-items: center;
    color: inherit;
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    grid-gap: calc(var(--aa-spacing-half) / 2);
    gap: calc(var(--aa-spacing-half) / 2);
    grid-auto-flow: column;
    justify-content: space-between;
    width: 100%
}
.aa-ItemLink {
    color: inherit;
    text-decoration: none
}
.aa-ItemActions {
    display: grid;
    grid-auto-flow: column;
    height: 100%;
    justify-self: end;
    margin: 0 -5.3333333333px;
    margin: 0 calc(var(--aa-spacing) / -3);
    padding: 0 2px 0 0
}
.aa-ItemActionButton {
    align-items: center;
    background: none;
    border: 0;
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    padding: 0
}
.aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}
@media (hover: none) and (pointer: coarse) {
    .aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
        color: inherit
    }
}
.aa-ItemActionButton svg {
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    margin: 5.3333333333px;
    margin: calc(var(--aa-spacing) / 3);
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    width: 20px;
    width: var(--aa-action-icon-size)
}
.aa-ActiveOnly {
    visibility: hidden
}
.aa-PanelHeader {
    align-items: center;
    background: #3e34d3;
    background: rgba(var(--aa-primary-color-rgb), 1);
    color: #fff;
    display: grid;
    height: var(--aa-modal-header-height);
    margin: 0;
    padding: 8px 16px;
    padding: var(--aa-spacing-half) var(--aa-spacing);
    position: relative
}
.aa-PanelHeader:after {
    background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
    bottom: -8px;
    bottom: calc(var(--aa-spacing-half) * -1);
    content: "";
    height: 8px;
    height: var(--aa-spacing-half);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}
.aa-PanelFooter, .aa-PanelHeader:after {
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}
.aa-PanelFooter {
    background-color: #fff;
    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    box-shadow: inset 0 1px 0 rgba(128, 126, 163, .3);
    box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 16px;
    padding: var(--aa-spacing);
    position: relative
}
.aa-PanelFooter:after {
    background-image: linear-gradient(hsla(0, 0%, 100%, 0), rgba(128, 126, 163, .6));
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
    content: "";
    height: 16px;
    height: var(--aa-spacing);
    left: 0;
    opacity: .12;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -16px;
    top: calc(var(--aa-spacing) * -1);
    z-index: 9998;
    z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-DetachedContainer {
    background: #fff;
    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    bottom: 0;
    box-shadow: 0 0 0 1px rgba(35, 38, 59, .1), 0 6px 16px -4px rgba(35, 38, 59, .15);
    box-shadow: var(--aa-panel-shadow);
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    margin-top:var(--total-top-inset);
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}
.aa-DetachedContainer:after {
    height: 32px
}
.aa-DetachedContainer .aa-SourceHeader {
    margin: 8px 0 8px 2px;
    margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px
}
.aa-DetachedContainer .aa-Panel {
    background-color: #fff;
    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    border-radius: 0;
    box-shadow: none;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    position: relative
}
.aa-DetachedContainer .aa-PanelLayout {
    bottom: 0;
    box-shadow: none;
    left: 0;
    margin: 0;
    max-height: none;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}
.aa-DetachedFormContainer {
    border-bottom: 1px solid rgba(128, 126, 163, .3);
    border-bottom: 1px solid rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 8px;
    padding: var(--aa-spacing-half)
}
.aa-DetachedCancelButton {
    background: none;
    border: 0;
    border-radius: 3px;
    color: inherit;
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    cursor: pointer;
    font: inherit;
    margin: 0 0 0 8px;
    margin: 0 0 0 var(--aa-spacing-half);
    padding: 0 8px;
    padding: 0 var(--aa-spacing-half)
}
.aa-DetachedCancelButton:focus, .aa-DetachedCancelButton:hover {
    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, .3);
    box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha))
}
.aa-DetachedContainer--modal {
    border-radius: 6px;
    bottom: inherit;
    height: auto;
    margin: 0 auto;
    max-width: 680px;
    max-width: var(--aa-detached-modal-max-width);
    position: absolute;
    top: 3%
}
.aa-DetachedContainer--modal .aa-PanelLayout {
    max-height: 500px;
    max-height: var(--aa-detached-modal-max-height);
    padding-bottom: 8px;
    padding-bottom: var(--aa-spacing-half);
    position: static
}
.aa-DetachedSearchButton {
    align-items: center;
    background-color: #fff;
    background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
    border: 1px solid rgba(128, 126, 163, .8);
    border: 1.5px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
    border-radius: var(--r-md);
    color: rgba(128, 126, 163, .6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    cursor: pointer;
    display: flex;
    font: inherit;
    font-family: inherit;
    font-family: var(--aa-font-family);
    font-size: 16px;
    font-size: var(--aa-font-size);
    height: 44px;
    height: var(--aa-search-input-height);
    margin: 0;
    padding: 0 5.5px;
    padding: 0 calc(var(--aa-search-input-height) / 8);
    position: relative;
    text-align: left;
    width: 100%
}
.aa-DetachedSearchButton:focus {
    border-color: #3e34d3;
    border-color: rgba(var(--aa-primary-color-rgb), 1);
    box-shadow: 0 0 0 3px rgba(62, 52, 211, .2), inset 0 0 0 2px rgba(62, 52, 211, .2);
    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    outline: medium none currentColor
}
.aa-DetachedSearchButtonIcon {
    align-items: center;
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1);
    cursor: auto;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 36px;
    width: calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-Detached {
    height: 100vh;
    overflow: hidden
}
.aa-DetachedOverlay {
    background-color: rgba(115, 114, 129, .4);
    background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
    height: 100vh;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-GradientBottom, .aa-GradientTop {
    height: 8px;
    height: var(--aa-spacing-half);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}
.aa-GradientTop {
    background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
    top: 0
}
.aa-GradientBottom {
    background-image: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: calc(var(--aa-spacing) / 4);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: calc(var(--aa-spacing) / 4);
    bottom: 0
}
@media (hover: none) and (pointer: coarse) {
    .aa-DesktopOnly {
        display: none
    }
}
@media (hover: hover) {
    .aa-TouchOnly {
        display: none
    }
}
@media screen and (min-width: 768px){
    [data-autocomplete-source-id="products"] .aa-List {
        display: flex;
        flex-flow: wrap;
        align-items: flex-start;
    }

    [data-autocomplete-source-id="products"] .aa-List .aa-Item {
        width: 50%;
    }
}
@media (prefers-color-scheme: dark){
  html[data-theme='dark']:root {

    --aa-text-color-rgb: 183, 192, 199;
    --aa-primary-color-rgb: 177, 179, 185;/*лупа*/
    --aa-muted-color-rgb: 233, 233, 233;/*placehold --text-color-submenu*/
    --aa-input-background-color-rgb: 15, 35, 53;/*фон ввода --background-element-gray #0f2335*/
    --aa-background-color-rgb: 21, 24, 42;
    --aa-selected-color-rgb: 146, 138, 255;
    --aa-selected-color-alpha: 0.25;
    --aa-description-highlight-background-color-rgb: 0 255 255;
    --aa-description-highlight-background-color-alpha: 0.25;
    --aa-icon-color-rgb: 119, 119, 163;
    --aa-panel-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;
    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb)
  }
}
/* ===== ALGOLIA dark/light theme overrides (ridmi) — after base so no !important needed ===== */
html.rd-dark .aa-Autocomplete, html.rd-dark .aa-DetachedFormContainer, html.rd-dark .aa-Panel,
html.rd-dark .aa-Form, html.rd-dark .aa-Form input, html.rd-dark .aa-InputWrapper,
html.rd-dark .aa-List, html.rd-dark .aa-Item, html.rd-dark .aa-DetachedSearchButton,
html.rd-dark .searchbar, html.rd-dark .algolia{ background:#1B2330; color:#E7ECF4; border-color:rgba(255,255,255,.10); }
html.rd-dark .aa-Form input::placeholder, html.rd-dark .aa-DetachedSearchButton input::placeholder, html.rd-dark .aa-DetachedSearchButtonPlaceholder{ color:#6B7686; }
html.rd-dark .aa-DetachedContainer, html.rd-dark .aa-DetachedFormContainer, html.rd-dark .aa-DetachedOverlay{ background:#12171F; }
html.rd-dark .aa-Item[aria-selected=true], html.rd-dark .aa-Item:hover{ background:#232C3B; }
html.rd-dark .aa-ItemContentTitle, html.rd-dark .aa-ItemContentSubtitle, html.rd-dark .aa-SubmitButton, html.rd-dark .aa-InputWrapperPrefix{ color:#E7ECF4; }
/* header search dark — scoped to .rhead .rsearch to beat the light header-search rules (specificity) */
html.rd-dark .rhead .rsearch .aa-Form, html.rd-dark .rhead .rsearch .aa-InputWrapper{ background:#1B2330; border-color:rgba(255,255,255,.10); box-shadow:none; }
html.rd-dark .rhead .rsearch .aa-Form:focus-within{ border-color:var(--cyan); box-shadow:0 0 0 3px rgba(var(--cyan-rgb),.20); }
html.rd-dark .rhead .rsearch .aa-Input{ color:#E7ECF4; }
html.rd-dark .rhead .rsearch .aa-Input::placeholder{ color:#7D8AA3; }
html.rd-dark .rhead .rsearch .aa-InputWrapperPrefix, html.rd-dark .rhead .rsearch .aa-Label, html.rd-dark .rhead .rsearch .aa-SubmitButton, html.rd-dark .rhead .rsearch .aa-ClearButton{ color:#8590A6; }
/* ============================================================
   Algolia autocomplete dropdown (.aa-Panel) — ridmi theme restyle
   light + dark; scoped to .aa-Panel so base rules are overridden.
   ============================================================ */
/* panel shell */
.aa-Panel{ border-radius:var(--r-sm); border:1px solid #E4ECF6; box-shadow:0 14px 44px rgba(40,55,85,.16); margin-top:10px; overflow:hidden; }
.aa-Panel .aa-PanelLayout{ padding:8px; max-height:560px; }
.aa-Panel .aa-Source{ margin:0; }
/* source header "Книги" */
.aa-Panel .aa-SourceHeader{ margin:4px 6px 12px; }
.aa-Panel .aa-SourceHeaderTitle{ background:transparent; color:#8590A6; font-family:'Inter',system-ui,sans-serif; font-weight:700; font-size:11px; letter-spacing:.09em; text-transform:uppercase; padding:0 12px 0 0; }
.aa-Panel .aa-SourceHeaderLine{ border-bottom:1px solid #E4ECF6; opacity:1; top:8px; }
/* item rows */
.aa-Panel .aa-Item{ border-radius:var(--r-md); padding:8px; min-height:0; align-items:flex-start; }
.aa-Panel .aa-Item[aria-selected=true]{ background:#EDF4FD; }
.aa-Panel .aa-ItemLink{ color:inherit; padding:0; }
.aa-Panel .aa-ItemContent{ grid-gap:12px; gap:12px; align-items:flex-start; line-height:1.3; }
/* cover thumbnail */
.aa-Panel .aa-ItemIcon--picture{ width:56px; height:78px; border-radius:8px; background:#fff; box-shadow:0 2px 6px rgba(80,101,140,.18); padding:0; flex-shrink:0; }
.aa-Panel .aa-ItemIcon--picture img{ width:100%; height:100%; object-fit:contain; padding:3px; max-width:100%; max-height:100%; }
/* title */
.aa-Panel .aa-ItemContentBody{ padding-top:1px; min-width:0; }
.aa-Panel .aa-ItemContentBody > div:first-child{ font-family:'Inter',system-ui,sans-serif; font-size:13.5px; font-weight:600; color:#2B3242; line-height:1.32; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.aa-Panel .aa-ItemContent mark{ background:transparent; color:var(--cyan); font-weight:700; }
/* description: author + price */
.aa-Panel .aa-ItemContentDescription{ font-size:12px; margin-top:4px; max-width:100%; }
.aa-Panel .aa-ItemContentDescription i{ font-style:normal; }
.aa-Panel .aa-ItemContentDescription small{ display:block; font-size:11.5px; color:#8590A6; line-height:1.3; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aa-Panel .aa-ItemContentDescription > div:last-child{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.aa-Panel .aa-ItemContentDescription > div:last-child > div{ font-family:'Roboto',system-ui,sans-serif; font-weight:700; font-size:13px; color:#2B3242; }
.aa-Panel .aa-ItemContentDescription > div:last-child > div:empty{ display:none; }
.aa-Panel .aa-ItemContentDescription > div:last-child > div.outofstock{ color:#9AA6BD; }
.aa-Panel .aa-ItemContentDescription > div:last-child > div.ebook{ font-family:'Inter',system-ui,sans-serif; font-size:10px; font-weight:700; color:var(--cyan); border:1px solid #B4DEF5; border-radius:6px; padding:1px 7px; }
/* footer CTA "Показати всі результати" */
.aa-Panel .aa-SourceFooter{ padding:10px 6px 4px; }
.aa-Panel .aa-SourceFooter .btn{ display:block; width:100%; box-sizing:border-box; text-align:center; padding:12px 16px; border-radius:var(--r-md); background:var(--cyan); color:#fff; font-family:'Inter',system-ui,sans-serif; font-weight:700; font-size:13px; text-decoration:none; transition:background .15s; }
.aa-Panel .aa-SourceFooter .btn:hover{ background:#0089c6; color:#fff; }
.aa-Panel .aa-GradientBottom{ display:none; }
/* ---- dark ---- */
html.rd-dark .aa-Panel{ background:#1B2330; border-color:rgba(255,255,255,.08); box-shadow:0 18px 50px rgba(0,0,0,.55); }
html.rd-dark .aa-Panel .aa-SourceHeaderTitle{ color:#7D8AA3; }
html.rd-dark .aa-Panel .aa-SourceHeaderLine{ border-bottom-color:rgba(255,255,255,.10); }
html.rd-dark .aa-Panel .aa-Item[aria-selected=true]{ background:#232C3B; }
html.rd-dark .aa-Panel .aa-ItemContentBody > div:first-child{ color:#EEF2F8; }
/* ---- shared confirm popup (window.ridmiConfirm) — themed, appended to <body> ---- */
.rconfirm{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(17,23,31,.55); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); opacity:0; transition:opacity .2s ease; }
.rconfirm.open{ opacity:1; }
.rconfirm__card{ width:100%; max-width:360px; background:#fff; border-radius:18px; padding:22px 22px 18px;
  box-shadow:0 24px 60px rgba(20,30,50,.28); transform:translateY(10px) scale(.98); transition:transform .2s ease;
  font-family:'Inter',-apple-system,Segoe UI,Roboto,sans-serif; }
.rconfirm.open .rconfirm__card{ transform:none; }
.rconfirm__title{ font-size:17px; font-weight:800; color:#1B2330; margin-bottom:7px; }
.rconfirm__msg{ font-size:13.5px; line-height:1.5; color:#5b6678; }
.rconfirm__actions{ display:flex; gap:10px; margin-top:20px; }
.rconfirm__btn{ flex:1; height:46px; border:none; border-radius:var(--r-md); font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:filter .15s ease, background .15s ease; }
.rconfirm__btn:hover{ filter:brightness(.97); }
.rconfirm__btn_cancel{ background:#eef2f8; color:#3a4358; }
.rconfirm__btn_ok{ background:var(--cyan); color:#fff; }
.rconfirm__btn_ok.rconfirm__btn_danger{ background:#E85C7A; color:#fff; }
html.rd-dark .rconfirm{ background:rgba(7,11,16,.62); }
html.rd-dark .rconfirm__card{ background:#1B2330; box-shadow:0 24px 64px rgba(0,0,0,.55); }
html.rd-dark .rconfirm__title{ color:#E7ECF4; }
html.rd-dark .rconfirm__msg{ color:#97A1B2; }
html.rd-dark .rconfirm__btn_cancel{ background:#2A3445; color:#C9D2E0; }
html.rd-dark .aa-Panel .aa-ItemContent mark{ color:#36B5EE; }
html.rd-dark .aa-Panel .aa-ItemContentDescription small{ color:#8590A6; }
html.rd-dark .aa-Panel .aa-ItemContentDescription > div:last-child > div{ color:#E7ECF4; }
html.rd-dark .aa-Panel .aa-ItemContentDescription > div:last-child > div.outofstock{ color:#6F7C95; }
html.rd-dark .aa-Panel .aa-ItemContentDescription > div:last-child > div.ebook{ color:#36B5EE; border-color:rgba(54,181,238,.45); }
/* favorites toggle (buybar) — dark states: muted surface (not saved) → rose tint + brighter rose ♥ (saved) */
html.rd-dark .rp .heart.favorites-icon{ background:var(--blue-bg2); color:var(--muted); border-color:transparent; }
html.rd-dark .rp .heart.favorites-icon:hover{ background:#323d4f; color:#FF7E9C; border-color:transparent; }
html.rd-dark .rp .heart.favorites-icon.active{ background:rgba(232,92,122,.20); color:#FF7E9C; border-color:transparent; }
html.rd-dark .rp .heart.favorites-icon.active:hover{ background:rgba(232,92,122,.28); color:#FF7E9C; }
/* ---- arrived plugin "notify when available" popup — themed (appended to <body> by the plugin) ---- */
.plugin_arrived-overlay{ position:fixed; inset:0; z-index:100000; background:rgba(17,23,31,.55); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
.plugin_arrived-popup{ position:fixed; inset:0; z-index:100001; }
.plugin_arrived-popup .plugin_arrived-box{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); margin:0 !important; width:min(384px,92vw); box-sizing:border-box;
  background:#fff; border-radius:18px; padding:24px 22px 20px; box-shadow:0 24px 60px rgba(20,30,50,.28);
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; color:#3A4358; }
.plugin_arrived-popup .plugin_arrived-header{ display:flex; flex-direction:row-reverse; align-items:center; gap:10px; background:none !important; box-shadow:none !important; padding:0 !important; min-height:0 !important; margin:0 0 16px !important; }
.plugin_arrived-popup .plugin_arrived-header span{ flex:1; font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:16px; font-weight:800; color:#1B2330; line-height:1.3; }
.plugin_arrived-popup .plugin_arrived-close{ width:24px; height:24px; cursor:pointer; position:relative !important; top:0 !important; right:0 !important; flex:0 0 auto; opacity:.55; background:none !important; }
.plugin_arrived-popup .plugin_arrived-close:hover{ opacity:.9; }
.plugin_arrived-popup .plugin_arrived-close::before, .plugin_arrived-popup .plugin_arrived-close::after{ content:""; position:absolute; left:11px; top:4px; width:2px; height:16px; background:#5b6678; border-radius:2px; }
.plugin_arrived-popup .plugin_arrived-close::before{ transform:rotate(45deg); }
.plugin_arrived-popup .plugin_arrived-close::after{ transform:rotate(-45deg); }
.plugin_arrived-popup .plugin_arrived-field{ margin:11px 0; }
.plugin_arrived-popup .plugin_arrived-name{ font-size:12.5px; font-weight:600; color:#5b6678; margin-bottom:5px; }
.plugin_arrived-popup .plugin_arrived-name.not_bold{ font-weight:400; font-size:12px; color:#8590A6; }
.plugin_arrived-popup .plugin_arrived-value input[type=text], .plugin_arrived-popup .plugin_arrived-value input[type=email]{ box-sizing:border-box; width:100%; height:48px; border:1.5px solid #E4E9F2; border-radius:var(--r-md); padding:0 15px; font:500 15px/1 'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; color:#1B2330; background:#fff; outline:none; }
.plugin_arrived-popup .plugin_arrived-value input:focus{ border-color:var(--cyan); box-shadow:0 0 0 4px rgba(var(--cyan-rgb),.14); }
.plugin_arrived-popup .plugin_arrived-value select{ box-sizing:border-box; width:100%; height:48px; border:1.5px solid #E4E9F2; border-radius:var(--r-md); padding:0 12px; font-size:14px; color:#1B2330; background:#fff; cursor:pointer; }
.plugin_arrived-popup .plugin_arrived-value.submit{ margin-top:16px; }
.plugin_arrived-popup .plugin_arrived-value.submit input[type=submit]{ width:100%; height:50px; border:none; border-radius:var(--r-md); background:var(--cyan); color:#fff; font:700 16px/1 'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; cursor:pointer; transition:filter .15s ease; }
.plugin_arrived-popup .plugin_arrived-value.submit input[type=submit]:hover{ filter:brightness(.95); }
.plugin_arrived-popup .plugin_arrived-success{ text-align:center; font-size:14.5px; line-height:1.55; color:#5b6678; padding:4px 0 2px; }
.plugin_arrived-popup .plugin_arrived-success br{ display:none; }
.plugin_arrived-popup .plugin_arrived-success::before{ content:"\2713"; display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:6px auto 18px; border-radius:50%; background:#E3F7EC; color:#1FA055; font-size:29px; line-height:1; }
.plugin_arrived-popup .plugin_arrived-success strong{ display:block; font-size:17px; font-weight:800; color:#1B2330; margin-bottom:7px; }
.plugin_arrived-popup .msg_errors{ color:#E85C7A; font-size:13px; font-weight:600; margin:8px 0; }
.plugin_arrived-popup .plugin_arrived-loading{ color:#8590A6; font-size:13px; padding-top:6px; }
.plugin_arrived-popup label{ font-size:13px; color:#5b6678; }
html.rd-dark .plugin_arrived-popup .plugin_arrived-box{ background:#1B2330; color:#AEB6C6; box-shadow:0 24px 64px rgba(0,0,0,.55); }
html.rd-dark .plugin_arrived-popup .plugin_arrived-header span{ color:#E7ECF4; }
html.rd-dark .plugin_arrived-popup .plugin_arrived-close::before, html.rd-dark .plugin_arrived-popup .plugin_arrived-close::after{ background:#97A1B2; }
html.rd-dark .plugin_arrived-popup .plugin_arrived-value input, html.rd-dark .plugin_arrived-popup .plugin_arrived-value select{ background:#232C3B; border-color:rgba(255,255,255,.10); color:#E7ECF4; }
html.rd-dark .plugin_arrived-popup .plugin_arrived-success{ color:#AEB6C6; }
html.rd-dark .plugin_arrived-popup .plugin_arrived-success strong{ color:#E7ECF4; }
html.rd-dark .plugin_arrived-popup .plugin_arrived-success::before{ background:rgba(38,210,130,.16); color:#3FD389; }
/* ============ 404 / error page (site error.html) — loaded via ridmi-ui.css; .rp tokens not in scope, literals + html.rd-dark ============ */
.r404{ display:flex; justify-content:center; padding:56px 18px 76px; font-family:'Montserrat',system-ui,sans-serif; }
.r404__inner{ width:100%; max-width:540px; text-align:center; }
.r404__code{ font-weight:800; font-size:128px; line-height:1; letter-spacing:1px; margin:0 0 4px;
  background:linear-gradient(135deg,var(--cyan) 0%,#6E86B6 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.r404__title{ margin:0 0 10px; font-size:25px; font-weight:800; color:#3A4358; line-height:1.25; }
.r404__text{ margin:0 0 28px; font-size:15px; color:#8590A6; line-height:1.55; }
.r404__retry{ display:inline-flex; align-items:center; margin:0 0 16px; padding:11px 22px; border-radius:var(--r-md);
  border:1.5px solid var(--cyan); background:transparent; color:var(--cyan); font-weight:700; font-size:14px; cursor:pointer; font-family:inherit; }
.r404__retry:hover{ background:rgba(var(--cyan-rgb),.08); }
.r404__home{ display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 28px; border-radius:var(--r-md);
  background:var(--cyan); color:#fff; font-weight:700; font-size:15px; text-decoration:none;
  box-shadow:0 8px 22px rgba(var(--cyan-rgb),.28); transition:transform .15s ease, box-shadow .15s ease; }
.r404__home:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(var(--cyan-rgb),.36); color:#fff; }
.r404__home-ico{ font-size:18px; line-height:1; }
.r404__help{ margin-top:32px; font-size:14px; color:#50658C; line-height:1.7; }
.r404__help a{ color:var(--cyan); text-decoration:none; font-weight:600; }
.r404__help a:hover{ text-decoration:underline; }
.r404__help .contact-block__phone > span:first-child{ display:block; color:#8590A6; margin-bottom:6px; }
/* dark */
html.rd-dark .r404__code{ background:linear-gradient(135deg,#3BB6EC 0%,#9FB1D4 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
html.rd-dark .r404__title{ color:#E7ECF4; }
html.rd-dark .r404__text{ color:#97A1B2; }
html.rd-dark .r404__help{ color:#AEBBD6; }
html.rd-dark .r404__help a{ color:#3BB6EC; }
html.rd-dark .r404__help .contact-block__phone > span:first-child{ color:#97A1B2; }
html.rd-dark .r404__retry{ border-color:#3BB6EC; color:#3BB6EC; }
@media(max-width:560px){
  .r404{ padding:40px 16px 56px; }
  .r404__code{ font-size:92px; }
  .r404__title{ font-size:21px; }
}
/* header search: span the content width on desktop for a balanced header (2026-07-02).
   Was capped at 640px → left-aligned & ~444px empty to the right of a 1100px content. Mobile already full-width. */
@media (min-width:768px){ .rhead .rsearch .aa-Form{ max-width:none; } }
/* fonticons 2026-07-03: header fav/cart iconbtns switched from inline SVG to fonticon glyphs */
.rhead .iconbtn .dico{ font-size:22px; line-height:1; display:inline-flex; }
/* mobile 2026-07-03: on phones the side padding stacked up (wrapper 18 + .rp 16 + card 20 = 54px
   to content). The wrapper contributes nothing visually on .rp pages (same blue bg) — drop it. */
@media (max-width:640px){
  .layout__main-wrapper:has(.rp){ padding-left:0; padding-right:0; }
}
/* ---- search overlay + /instantsearch/ page polish (2026-07-03) ---- */
/* dark: subtle cyan focus ring on the search field instead of the legacy double blue glow */
html.rd-dark .aa-Form:focus-within, html.rd-dark .aa-Form[focus-within]{
  border-color:var(--cyan); box-shadow:0 0 0 3px rgba(var(--cyan-rgb),.18); }
/* dark: readable "Назад" in the detached mobile overlay */
html.rd-dark .aa-DetachedCancelButton{ color:#C9D4E6; }
/* dark: readable prices in the search overlay panel too (authors stay muted) */
html.rd-dark .aa-Panel .aa-ItemContentDescription{ color:#C9D4E6; }
html.rd-dark .aa-Panel .aa-ItemContentDescription i{ color:#97A1B2; }
/* detached search overlay: same rectangular radius as the header field (legacy .aa-Form had 25px) */
.aa-DetachedFormContainer .aa-Form{ border-radius:var(--r-md); }

/* one search icon everywhere (2026-07-04): 18px peri, muted in dark —
   desktop header field, mobile detached overlay; /instantsearch/ matches via ridmi-instantsearch.css */
.rhead .rsearch .aa-SubmitIcon, .aa-DetachedFormContainer .aa-SubmitIcon{
  width:18px; height:18px; color:#738EC8; }
html.rd-dark .rhead .rsearch .aa-SubmitIcon,
html.rd-dark .aa-DetachedFormContainer .aa-SubmitIcon{ color:#97A1B2; }

/* ── Smart App Banner (нативный баннер установки приложения) — под дизайн ridmi.
   Библиотека грузится с CDN выше по <head>, поэтому эти правила перекрывают её.
   Высоту 80px НЕ меняем: её же резервирует .smartbanner-show{margin-top:80px}. ── */
.smartbanner{ font-family:var(--ff-ui); }
.smartbanner-ios, .smartbanner-android, .smartbanner-windows{
  background:#EDF3FA; background-image:none;
  box-shadow:inset 0 -1px 0 rgba(80,101,140,.16); line-height:80px; }
.smartbanner-container{ display:flex; align-items:center; gap:11px; height:80px;
  padding:0 12px; margin:0; white-space:normal; }
.smartbanner-ios .smartbanner-close, .smartbanner-android .smartbanner-close,
.smartbanner-windows .smartbanner-close{
  position:static; flex:0 0 auto; width:24px; height:24px; line-height:24px; margin:0;
  color:#8590A6; background:none; border:0; box-shadow:none; text-shadow:none;
  font-family:var(--ff-ui); font-size:19px; }
.smartbanner-ios .smartbanner-close:active, .smartbanner-ios .smartbanner-close:hover,
.smartbanner-android .smartbanner-close:active, .smartbanner-android .smartbanner-close:hover{
  color:#50658C; background:none; box-shadow:none; }
.smartbanner-icon{ flex:0 0 auto; width:54px; height:54px; margin:0; border-radius:14px;
  background-size:cover; box-shadow:0 2px 8px rgba(80,101,140,.2); }
.smartbanner-ios .smartbanner-info, .smartbanner-android .smartbanner-info,
.smartbanner-windows .smartbanner-info{
  flex:1 1 auto; width:auto; min-width:0; color:#6C7A90; text-shadow:none;
  font-size:12px; line-height:1.35; font-weight:600; white-space:normal; }
.smartbanner-ios .smartbanner-title, .smartbanner-android .smartbanner-title,
.smartbanner-windows .smartbanner-title{ font-size:14.5px; line-height:1.3;
  font-weight:800; color:#17283E; }
/* <a> — только обёртка: гасим градиент/рамку/радиус библиотеки (у неё
   селектор из 2 классов, поэтому перебиваем тем же весом). */
.smartbanner-ios .smartbanner-button, .smartbanner-android .smartbanner-button,
.smartbanner-windows .smartbanner-button{
  position:static; flex:0 0 auto; height:auto; min-width:0; margin:0; padding:0;
  background:none; background-image:none; border:0; border-radius:0; box-shadow:none;
  color:#fff; text-shadow:none; text-transform:none; line-height:normal; }
.smartbanner-ios .smartbanner-button:active, .smartbanner-ios .smartbanner-button:hover,
.smartbanner-android .smartbanner-button:active, .smartbanner-android .smartbanner-button:hover,
.smartbanner-windows .smartbanner-button:active, .smartbanner-windows .smartbanner-button:hover{
  background:none; background-image:none; box-shadow:none; }
/* сама пилюля — на внутреннем span */
.smartbanner-ios .smartbanner-button-text, .smartbanner-android .smartbanner-button-text,
.smartbanner-windows .smartbanner-button-text{
  display:inline-block; padding:10px 16px; border-radius:10px;
  background:var(--cyan); background-image:none; color:#fff;
  font-size:12.5px; font-weight:700; letter-spacing:.2px; line-height:1;
  border:0; box-shadow:none; text-shadow:none; white-space:nowrap; }
.smartbanner-ios .smartbanner-button-text:active, .smartbanner-ios .smartbanner-button-text:hover,
.smartbanner-android .smartbanner-button-text:active, .smartbanner-android .smartbanner-button-text:hover,
.smartbanner-windows .smartbanner-button-text:active, .smartbanner-windows .smartbanner-button-text:hover{
  background:var(--cyan-dark); color:#fff; }
html.rd-dark .smartbanner-ios, html.rd-dark .smartbanner-android{
  background:#1B2330; box-shadow:inset 0 -1px 0 rgba(255,255,255,.09); }
html.rd-dark .smartbanner-ios .smartbanner-title,
html.rd-dark .smartbanner-android .smartbanner-title{ color:#E7ECF4; }
html.rd-dark .smartbanner-ios .smartbanner-info,
html.rd-dark .smartbanner-android .smartbanner-info{ color:#97A1B2; }
/* ── банер: тримаємо рядки в одну лінію, на вузьких екранах ховаємо службовий 3-й рядок ── */
.smartbanner-info > div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:430px){
  .smartbanner-container{ gap:9px; padding:0 10px; }
  .smartbanner-icon{ width:48px; height:48px; border-radius:12px; }
  .smartbanner-ios .smartbanner-title, .smartbanner-android .smartbanner-title{ font-size:14px; }
  .smartbanner-ios .smartbanner-info, .smartbanner-android .smartbanner-info{ font-size:11.5px; }
  .smartbanner-info > div:last-child{ display:none; }
  .smartbanner-ios .smartbanner-button-text, .smartbanner-android .smartbanner-button-text{
    padding:9px 13px; font-size:12px; }
}