/* Zio reviews. All component styles are scoped to .zr-section and .zr-dialog. */
.zr-section,.zr-dialog{--zr-ink:#edf4ff;--zr-muted:#9eacc3;--zr-cyan:#9cdef0;--zr-purple:#b5a0eb;--zr-line:#c1d9ff29;--zr-ease:cubic-bezier(.22,1,.36,1);color:var(--zr-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;box-sizing:border-box}
.zr-section *,.zr-dialog *{box-sizing:border-box}.zr-section button,.zr-dialog button{font:inherit;color:inherit;cursor:pointer}.zr-section a,.zr-dialog a{color:inherit;text-decoration:none}.zr-section :focus-visible,.zr-dialog :focus-visible{outline:2px solid #b8efff;outline-offset:5px}.zr-section{position:relative;isolation:isolate;padding:42px 0 52px;scroll-margin-top:20px}.zr-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.zr-rating{display:flex;align-items:center;gap:16px;flex-shrink:0;border-left:1px solid var(--zr-line);padding-left:24px}.zr-rating strong{font-size:39px;line-height:1;font-weight:450;letter-spacing:-.06em}.zr-rating div{display:flex;flex-direction:column;gap:6px}.zr-stars{font-size:12px;letter-spacing:3px;color:#b5daec;text-shadow:0 0 14px #71beed2e}.zr-rating small{font-size:11px;color:#9baac1}.zr-rating:hover small{color:#d5eaf6}.zr-stage{position:relative;padding:30px 22px 12px;perspective:1800px}.zr-orbits{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.zr-orbits ellipse{fill:none;stroke:#bddaff29;stroke-width:.7}.zr-orbits .zr-orbit-inner{stroke:#bca4f314;stroke-dasharray:3 11}.zr-orbits circle{fill:#a2d6f5;filter:drop-shadow(0 0 5px #77bbff)}.zr-orbits circle:nth-last-child(2){fill:#c8a8ff}.zr-orbit-dot{offset-path:path('M 40 355 C 90 45 835 -34 1060 130 C 1260 335 375 671 92 441 C 62 417 42 386 40 355');animation:zr-orbit 40s linear infinite}.zr-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:39px 30px;position:relative;padding-top:12px;transition:filter .55s,opacity .55s,transform .7s var(--zr-ease)}
.zr-slot{min-width:0;transform:translateY(var(--zr-offset,0px)) rotate(var(--zr-tilt,0deg));transition:transform .6s var(--zr-ease);position:relative;z-index:1}.zr-slot:nth-child(1){--zr-tilt:-5deg;--zr-offset:16px;--zr-delay:-2s}.zr-slot:nth-child(2){--zr-tilt:1deg;--zr-offset:-11px;--zr-delay:-5s}.zr-slot:nth-child(3){--zr-tilt:5deg;--zr-offset:16px;--zr-delay:-7s}.zr-slot:nth-child(4){--zr-tilt:-3deg;--zr-offset:10px;--zr-delay:-4s}.zr-slot:nth-child(5){--zr-tilt:2deg;--zr-offset:25px;--zr-delay:-1s}.zr-slot:nth-child(6){--zr-tilt:4deg;--zr-offset:5px;--zr-delay:-8s}.zr-slot:hover,.zr-slot:focus-within{z-index:3}.zr-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:253px;text-align:left;padding:22px 23px 20px;border:1px solid #d0eaff49;border-radius:16px;background:linear-gradient(132deg,#c2e8ff22 0%,#a0c7e512 32%,#1a273dbd 32.3%,#25263fcc 100%);box-shadow:inset 1px 1px 2px #e4faff66,inset -1px -1px 2px #c5b4ff26,4px 5px 0 -1px #293650,4px 5px 0 #a6b0ed36,8px 10px 0 -1px #252b4059,8px 10px 0 #a3a0e21c,0 19px 28px #080d2040;backdrop-filter:blur(15px);animation:zr-float 9s ease-in-out infinite;animation-delay:var(--zr-delay);transition:border-color .3s,box-shadow .3s,opacity .35s}
.zr-slot:nth-child(even) .zr-card{background:linear-gradient(132deg,#c4d8fd25 0%,#a5b2e91a 32%,#272b43bc 32.3%,#362a49cc 100%)}.zr-card:after{content:"";position:absolute;bottom:-1px;left:22%;right:22%;height:1px;background:linear-gradient(90deg,transparent,#9fdffb,transparent);box-shadow:0 0 10px 1px #68c1ff55}.zr-slot:nth-child(even) .zr-card:after{background:linear-gradient(90deg,transparent,#c4a3fb,transparent);box-shadow:0 0 10px 1px #ae76ff55}.zr-card:hover,.zr-card:focus-visible{animation-play-state:paused;border-color:#bfe7ff91;box-shadow:inset 1px 1px 2px #e4faff70,4px 5px 0 -1px #293650,4px 5px 0 #a6b0ed55,8px 10px 0 -1px #252b4059,8px 10px 0 #a3a0e233,0 22px 35px #03091c70,0 0 26px #94d4ff0a}.zr-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.zr-card-category{font-size:10px;letter-spacing:.025em;color:#aebed5;padding:4px 8px;border:1px solid #c4daf328;background:#bfddff06;border-radius:25px}.zr-card-quote{font-family:Georgia,serif;font-size:23px;line-height:1.32;letter-spacing:-.015em;font-weight:400;margin:20px 0 22px;color:#e1ebfa;min-height:92px;display:block}.zr-card-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #bdd9fa19;padding-top:15px;margin-top:auto}.zr-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:11px;border:1px solid #c7e7ff44;background:linear-gradient(145deg,#b1e5f140,#718bb725 60%,#ab8cda50);box-shadow:inset 1px 1px 2px #eaffff55,3px 3px 0 #a3a3d419;color:#dbedfa;font-size:13px}.zr-person{display:flex;flex-direction:column;gap:3px;min-width:0}.zr-person strong{font-size:12px;line-height:1.4;font-weight:500;color:#d4e1f2}.zr-person time{font-size:10px;line-height:1.4;color:#8fa2bf}.zr-open-icon{margin-left:auto;flex-shrink:0;width:29px;height:29px;border:1px solid #b5d6f52e;border-radius:50%;display:grid;place-items:center;color:#b6dced;font-size:18px;font-weight:300;transition:background .3s,transform .4s}.zr-card:hover .zr-open-icon{background:#addfff16;transform:rotate(90deg)}.zr-deck.is-reading{filter:blur(4px);opacity:.32;transform:scale(.97)}.zr-card.is-origin{opacity:0}.zr-bottomline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:64px 24px 0;padding-top:21px;border-top:1px solid #bbd6ff15;color:#8496b0;font-size:11px;letter-spacing:.015em}.zr-bottomline a{color:#a9bdcf}.zr-bottomline a:hover{color:#d7eeff}.zr-bottomline kbd{font:10px/1.3 inherit;padding:3px 6px;border:1px solid #b5cbea24;border-radius:5px;color:#b5c9df;margin-right:5px}
.zr-dialog{position:fixed;inset:0;margin:auto;width:min(830px,calc(100vw - 48px));max-width:none;max-height:min(760px,calc(100dvh - 64px));padding:0;border:1px solid #c0e8ff6b;border-radius:23px;overflow:visible;background:linear-gradient(120deg,#344759f5,#242c40fc 48%,#332b43fc);box-shadow:inset 1px 1px 3px #ddf5ff66,6px 7px 0 -1px #4c5d804d,6px 7px 0 #a5a4d93b,12px 14px 0 -1px #272d4388,12px 14px 0 #9e92d625,0 50px 120px #030812a6;transform-origin:center;isolation:isolate}.zr-dialog:not([open]){display:none}.zr-dialog::backdrop{background:#080d209e;backdrop-filter:blur(8px);transition:opacity .3s}.zr-dialog.zr-closing::backdrop{opacity:0}.zr-dialog:after{content:"";pointer-events:none;position:absolute;bottom:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#a3e5fe,#b497ee,transparent);box-shadow:0 0 15px #91c4ff66}.zr-close{position:absolute;right:17px;top:17px;width:34px;height:34px;display:grid;place-items:center;z-index:5;background:#bfd6fc0a;border:1px solid #b8d4f239;border-radius:50%;font-size:23px!important;font-weight:300}.zr-close:hover{background:#b7c8fa20}.zr-letter{display:grid;grid-template-columns:215px minmax(0,1fr);max-height:inherit;overflow:hidden;border-radius:inherit;position:relative}.zr-letter-side{position:relative;padding:39px 24px 26px;border-right:1px solid #c1d3f22b;background:linear-gradient(145deg,#c2eaff1a,#91a9d00b 55%,#b690f115);display:flex;flex-direction:column;align-items:flex-start;transform-origin:right center}.zr-letter-side:before{content:"“";font-family:Georgia,serif;position:absolute;bottom:26px;left:24px;font-size:185px;line-height:.8;color:#c4d9ff0c;pointer-events:none}.zr-letter-side .zr-avatar{width:57px;height:57px;font-size:21px;border-radius:17px;margin-bottom:20px}.zr-letter-side h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:0 0 7px;line-height:1.3}.zr-letter-side p{font-size:12px;line-height:1.6;color:#aabbd2;margin:0 0 16px}.zr-letter-side time{font-size:11px;color:#9bacbf;margin-top:14px}.zr-source{font-size:11px!important;color:#a8c6db!important;margin-top:auto;padding-top:50px;position:relative}.zr-source:hover{color:#e3f4ff!important}.zr-letter-main{min-width:0;display:flex;flex-direction:column;min-height:320px;max-height:inherit}.zr-letter-top{padding:34px 56px 19px 30px;font:10px/1.4 Consolas,monospace;letter-spacing:.12em;color:#96adc7}.zr-full-text{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#91a5d14f transparent;padding:0 30px 12px;min-height:0;flex:1}.zr-full-text p{margin:0 0 18px;font-size:16px;line-height:1.8;letter-spacing:0;color:#dce6f4}.zr-full-text p:last-child{margin-bottom:8px}.zr-letter-nav{display:flex;justify-content:space-between;align-items:center;padding:17px 30px 22px;border-top:1px solid #c3d6f21c;margin-top:9px;gap:14px;flex-shrink:0}.zr-letter-nav span{font-size:11px;color:#8fa4bf}.zr-nav-buttons{display:flex;gap:9px}.zr-nav-buttons button{width:36px;height:32px;border:1px solid #c0d5f637;border-radius:8px;background:#c5e6ff0a;display:grid;place-items:center;font-size:19px}.zr-nav-buttons button:hover:not(:disabled){background:#c5e6ff20}.zr-nav-buttons button:disabled{opacity:.25;cursor:default}.zr-quote-title{margin:0;padding:0;border:0}
@keyframes zr-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes zr-orbit{to{offset-distance:100%}}
@media(max-width:900px){.zr-stage{padding:18px 16px 0}.zr-deck{gap:30px 22px}.zr-card{padding:18px 17px;min-height:251px}.zr-card-quote{font-size:20px;min-height:105px}.zr-rating{padding-left:17px;gap:10px}.zr-rating strong{font-size:34px}.zr-heading{gap:15px}.zr-dialog{width:calc(100vw - 42px)}.zr-letter{grid-template-columns:185px minmax(0,1fr)}.zr-letter-side{padding:34px 20px}}
@media(max-width:680px){.zr-section{padding:26px 0 34px}.zr-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:18px}.zr-rating{border-left:0;padding-left:0;gap:12px}.zr-rating strong{font-size:29px}.zr-rating div{flex-direction:row;align-items:center;gap:13px}.zr-stage{padding:13px 8px 0}.zr-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.zr-slot:nth-child(n){--zr-tilt:-2deg;--zr-offset:0px}.zr-slot:nth-child(even){--zr-tilt:2deg;--zr-offset:13px}.zr-card{min-height:242px;padding:15px 14px}.zr-card-category{font-size:9px;padding:4px 6px}.zr-card-quote{font-size:18px;min-height:104px;margin:17px 0}.zr-card-bottom{gap:8px;flex-wrap:wrap}.zr-avatar{width:28px;height:28px;font-size:11px;border-radius:8px}.zr-person strong{font-size:11px}.zr-person time{font-size:9px}.zr-open-icon{width:24px;height:24px;font-size:17px}.zr-orbits{opacity:.65}.zr-bottomline{margin:42px 9px 0;align-items:flex-start;font-size:10px;line-height:1.8}.zr-bottomline .zr-key-hint{display:none}.zr-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 44px);border-radius:17px}.zr-letter{display:flex;flex-direction:column}.zr-letter-side{padding:23px 58px 20px 21px;display:grid;grid-template-columns:43px 1fr;column-gap:14px;border-right:0;border-bottom:1px solid #c1d3f22b;flex-shrink:0}.zr-letter-side:before,.zr-source{display:none}.zr-letter-side .zr-avatar{grid-row:1/4;width:43px;height:43px;border-radius:13px;font-size:17px;margin:0}.zr-letter-side h3{font-size:18px;margin:0 0 4px}.zr-letter-side p{font-size:11px;margin:0 0 5px}.zr-letter-side .zr-stars{grid-column:2;font-size:10px}.zr-letter-side time{grid-column:2;font-size:10px;margin-top:6px}.zr-letter-main{min-height:0;overflow:hidden;flex:1}.zr-letter-top{padding:18px 22px 12px;font-size:9px}.zr-full-text{padding:0 22px 8px}.zr-full-text p{font-size:15px;line-height:1.75}.zr-letter-nav{padding:14px 20px 17px}.zr-close{right:12px;top:13px}.zr-letter-nav span{font-size:10px}}
@media(max-width:420px){.zr-deck{grid-template-columns:1fr;gap:23px;padding-inline:10px}.zr-slot:nth-child(n){--zr-tilt:-2deg;--zr-offset:0px}.zr-slot:nth-child(even){--zr-tilt:2deg;--zr-offset:0px}.zr-card{min-height:215px;padding:20px 22px}.zr-card-quote{font-size:23px;min-height:0;margin:19px 0 24px}.zr-card-category{font-size:10px}.zr-avatar{width:33px;height:33px}.zr-person strong{font-size:12px}.zr-person time{font-size:10px}.zr-card-bottom{flex-wrap:nowrap}.zr-open-icon{width:28px;height:28px}.zr-bottomline{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.zr-card,.zr-orbit-dot{animation:none}.zr-section *,.zr-dialog *{transition:none!important}}
/* Подгонка под сайт: шрифт Open Sans, секция — стеклянная панель, заголовок как у остальных блоков, без счётчиков отзывов */
.zr-section,.zr-dialog{font-family:var(--font)}.zr-rating strong{letter-spacing:-.02em}
.zr-section.panel{margin-top:20px;padding:18px 22px 22px}.zr-heading{align-items:center;margin-bottom:6px}.zr-heading .panel-title{margin:0}.zr-rating{gap:12px;padding-left:18px}.zr-rating strong{font-size:26px}.zr-rating div{gap:4px}.zr-bottomline{margin:40px 8px 0}.zr-letter-nav{justify-content:flex-end}
@media(max-width:900px){.zr-section.panel{margin-top:14px;padding:16px 16px 20px}.zr-rating strong{font-size:24px}}
@media(max-width:680px){.zr-section.panel{padding:18px 14px 20px}.zr-heading{gap:10px;margin-bottom:4px}.zr-rating strong{font-size:22px}.zr-bottomline{margin:28px 4px 0}}
/* Видно 3 отзыва (в две колонки — 4), остальные по кнопке; крестик окна — рисованный, по центру */
.zr-deck:not(.show-all) .zr-slot:nth-child(n+4){display:none}.zr-more{display:flex;justify-content:center;margin-top:30px}.zr-more-btn .icon{transform:rotate(90deg);transition:transform .3s}.zr-more-btn[aria-expanded="true"] .icon{transform:rotate(-90deg)}.zr-bottomline{margin-top:26px}.zr-close{padding:0;line-height:0}.zr-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media(max-width:680px) and (min-width:421px){.zr-deck:not(.show-all) .zr-slot:nth-child(4){display:block}}
@media(max-width:680px){.zr-more{margin-top:22px}.zr-bottomline{margin-top:20px}}