/*
Theme Name: Gundem Theme
Theme URI: https://rizesinyal.com/
Author: Rizesinyal
Author URI: https://rizesinyal.com/
Description: Rizesinyal - responsive news theme.
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gundem-site
Requires PHP: 7.2
License: GNU General Public License v2 or later
Version: 1.1.7
*/
:root {
  --ri-raised-su:#f1f3f5;
  --ri-fg-soft:#6a7586;
  --ri-main:#bf133d;
  --ri-face-body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ri-container:1080px;
  --ri-r:16px;
  --ri-raised:#ffffff;
  --ri-face-hd:"Roboto",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ri-fg:#1e2125;
  --ri-bd:#dd2722;
  --ri-background:#f8f8f9;
  --ri-main-type:#ffffff;
  --ri-grn:#259241;
  --ri-border:#e5e7ea;
}
:root {
  --ri-sulu: min(var(--ri-container), 1180px); --ri-jufo: 26px;
}
*, *::before, *::after {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--ri-background); color: var(--ri-fg); font-family: var(--ri-face-body); font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: var(--ri-main);
}
h1, h2, h3 {
  margin: 0;
  font-family: var(--ri-face-hd); line-height: 1.2;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  margin: 0;
}
button, input {
  font: inherit;
  color: inherit;
}
button {
  cursor: pointer;
}
:focus-visible {
  outline: 2px solid var(--ri-main); outline-offset: 2px;
}
.ri-netimo {
  width: 100%;
  max-width: var(--ri-sulu); margin: 0 auto;
  padding: 0 20px;
}
.ri-fobu {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
  border: 0;
}
.ri-seyi:focus {
  position: fixed !important;
  z-index: 100;
  top: 8px;
  left: 8px;
  width: auto;
  height: auto;
  padding: 8px 14px;
  clip: auto;
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-cacosij {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
}
.ri-cacosij:hover {
  color: var(--ri-main);
}
.ri-meveha {
  min-height: 50vh;
}
.ri-pipepa {
  background: var(--ri-raised-su); border-bottom: 1px solid var(--ri-border); font-size: 12.5px;
  color: var(--ri-fg-soft);
}
.ri-pipepa-mivogey {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 32px;
  white-space: nowrap;
}
.ri-pipepa-da {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  overflow: hidden;
}
.ri-pipepa-zupey {
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.ri-pipepa-zupey::-webkit-scrollbar {
  display: none;
}
.ri-pipepa-zupey a {
  flex: 0 0 auto;
}
.ri-pipepa-jata {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.ri-pipepa-jata > span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 0 12px;
  border-left: 1px solid var(--ri-border);
}
.ri-pipepa-jata > span:first-child {
  border-left: 0;
}
.ri-pipepa-jata em {
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ri-pipepa-jata b {
  color: var(--ri-fg); font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.ri-pipepa-jata > a {
  display: inline-flex;
  padding-left: 4px;
}
.ri-bejipik {
  position: relative;
  z-index: 40;
  background: var(--ri-raised);
}
.ri-bejipik-mivogey {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 84px;
}
.ri-bejipik-mivogey > .ri-horo {
  margin-left: -9px;
}
.ri-lujo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
}
.ri-lujo img {
  width: auto;
  max-height: 50px;
}
.ri-lujo span {
  font-family: var(--ri-face-hd); font-size: 32px;
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1;
}
.ri-bejipik-yozat {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: auto;
  min-width: 0;
}
.ri-bejipik-bayo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 12.5px;
  line-height: 1.3;
  color: var(--ri-fg-soft); white-space: nowrap;
}
.ri-bejipik-bayo b {
  color: var(--ri-fg); font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.ri-foreg-bejipik input {
  width: 210px;
  height: 38px;
  border-width: 1px;
  border-color: var(--ri-border); font-size: 14px;
}
.ri-foreg-bejipik button {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 12px;
}
.ri-ziza-nena {
  display: none;
}
.ri-ducuyu-mivogey {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.ri-ducuyu-mivogey::-webkit-scrollbar {
  display: none;
}
.ri-ducuyu a {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  height: 46px;
  padding: 0 13px;
  font-family: var(--ri-face-hd); font-size: 14.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .01em;
}
.ri-ducuyu-bottom .ri-ducuyu-mivogey > a:first-child {
  padding-left: 0;
}
.ri-ducuyu .ri-ducuyu-kodog {
  color: var(--ri-main);
  box-shadow: inset 0 -3px 0 var(--ri-main);
}
.ri-ducuyu-bottom {
  position: sticky;
  top: 0;
  z-index: 41;
  border-top: 1px solid var(--ri-border);
  border-bottom: 2px solid var(--ri-fg);
  background: var(--ri-raised);
}
.ri-bejipik-ladore {
  position: sticky;
  top: 0;
  border-bottom: 2px solid var(--ri-fg);
}
.ri-bejipik-ladore .ri-bejipik-mivogey {
  min-height: 66px;
  gap: 18px;
}
.ri-bejipik-ladore .ri-lujo img {
  max-height: 42px;
}
.ri-bejipik-ladore .ri-ducuyu {
  flex: 1;
  min-width: 0;
}
.ri-bejipik-ladore .ri-ducuyu a {
  height: 66px;
  padding: 0 10px;
  font-size: 14px;
}
.ri-bejipik-ladore .ri-ziza {
  margin-right: -9px;
}
.ri-limup {
  border-bottom: 1px solid var(--ri-border);
  background: var(--ri-raised);
}
.ri-limup-mivogey {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 40px;
  white-space: nowrap;
}
.ri-limup-mivogey strong {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ri-main);
}
.ri-limup-mivogey nav {
  display: flex;
  flex-wrap: nowrap;
  gap: 18px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent);
  mask-image: linear-gradient(90deg, #000 92%, transparent);
}
.ri-limup-mivogey nav::-webkit-scrollbar {
  display: none;
}
.ri-limup-mivogey a {
  flex: 0 0 auto;
  font-size: 13.5px;
  font-weight: 700;
}
.ri-limup-mivogey a::before {
  content: "#";
  margin-right: 1px;
  color: var(--ri-main);
}
.ri-jaki-laj {
  padding: 12px 0;
  border-bottom: 1px solid var(--ri-border);
  background: var(--ri-raised);
}
.ri-foreg {
  display: flex;
}
.ri-foreg input {
  flex: 1;
  min-width: 0;
  height: 44px;
  padding: 0 14px;
  border: 2px solid var(--ri-fg); border-right: 0;
  border-radius: var(--ri-r) 0 0 var(--ri-r);
  background: var(--ri-raised);
}
.ri-foreg button {
  height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 0 var(--ri-r) var(--ri-r) 0; background: var(--ri-fg); color: var(--ri-background); font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ri-foreg button:hover {
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-le-bim {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(0, 0, 0, .45);
}
.ri-le-mivogey {
  width: min(320px, 86vw); height: 100%;
  overflow-y: auto;
  padding: 10px 22px 30px;
  background: var(--ri-raised);
}
.ri-le-ladore {
  margin-left: -10px;
}
.ri-le-nena a {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid var(--ri-border); font-family: var(--ri-face-hd); font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
}
.ri-le-yofi {
  display: flex;
  flex-direction: column;
  margin: 16px 0 0;
}
.ri-le-yofi a {
  padding: 6px 0;
  font-size: 14px;
  color: var(--ri-fg-soft);
}
.ri-jigukej {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 9px 0;
  border-top: 1px solid var(--ri-border); border-bottom: 1px solid var(--ri-border); overflow: hidden;
}
.ri-jigukej strong {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ri-bd);
}
.ri-jigukej ul {
  flex: 1;
  min-width: 0;
}
.ri-jigukej li {
  display: flex;
  gap: 10px;
  min-width: 0;
  white-space: nowrap;
  font-weight: 800;
  font-size: 15px;
}
.ri-jigukej time {
  color: var(--ri-fg-soft); font-variant-numeric: tabular-nums;
}
.ri-jigukej a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ri-jigukej-da {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ri-fg-soft);
}
.ri-lideted {
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-lideted-mivogey {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 44px;
  overflow: hidden;
}
.ri-lideted-ribovu {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 13px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .8); color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ri-lideted-ribovu i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  animation: riNagud 1.3s ease-in-out infinite;
}
.ri-lideted-kodog {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.ri-lideted-kodog ul {
  display: flex;
  width: max-content;
  animation: riHubimuf 80s linear infinite;
}
.ri-lideted-kodog:hover ul {
  animation-play-state: paused;
}
.ri-lideted-kodog li {
  padding-right: 26px;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 700;
}
.ri-lideted-kodog li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 12px 2px 0;
  border-radius: 50%;
  background: currentColor;
  opacity: .7;
  vertical-align: middle;
}
.ri-lideted a:hover {
  color: inherit;
  text-decoration: underline;
}
.ri-lideted-da {
  flex: 0 0 auto;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
@keyframes riHubimuf {
  to {
    transform: translateX(-50%);
  }
}
@keyframes riNagud {
  50% {
    opacity: .25;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ri-lideted-kodog ul {
    animation: none;
  }
}
.ri-bataz {
  min-width: 0;
}
.ri-bataz-guduk {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: var(--ri-r);
  background: var(--ri-raised-su);
}
.ri-bataz-guduk img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ri-bataz-nena {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
}
.ri-suzokay {
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ri-main);
}
.ri-suzokay-cipos .ri-suzokay::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 10px;
  margin: 0 6px 0 0;
  background: currentColor;
  vertical-align: -1px;
}
.ri-bataz-javi {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -.005em;
}
.ri-bataz-pupoguk {
  font-size: 15px;
  line-height: 1.45;
  color: var(--ri-fg-soft);
}
.ri-bataz-lasum {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ri-fg-soft);
}
.ri-bataz-medium .ri-bataz-nena {
  padding-top: 10px;
}
.ri-bataz-major .ri-bataz-nena {
  padding-top: 12px;
  gap: 8px;
}
.ri-bataz-major .ri-bataz-javi {
  font-size: clamp(21px, 2.1vw, 26px); font-weight: 900;
  line-height: 1.18;
  letter-spacing: -.015em;
}
.ri-bataz-major .ri-bataz-pupoguk {
  font-size: 16px;
}
.ri-bataz-tiny {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr); gap: 12px;
  align-items: start;
}
.ri-bataz-tiny .ri-bataz-javi {
  font-size: 15px;
}
.ri-bataz-jine {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr); gap: 18px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid var(--ri-border);
}
.ri-bataz-jine .ri-bataz-javi {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.22;
}
.ri-bataz-jine .ri-bataz-pupoguk {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ri-ru li {
  padding: 10px 0;
  border-top: 1px solid var(--ri-border);
}
.ri-ru li:first-child {
  padding-top: 0;
  border-top: 0;
}
.ri-ru li > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
}
.ri-ru li a:not(.ri-suzokay) {
  font-family: var(--ri-face-hd); font-size: 16.5px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-ru-bi li {
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr); gap: 11px;
}
.ri-ru-bi li::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-top: .55em;
  background: var(--ri-main);
}
.ri-ru-nuzo li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr); gap: 8px;
}
.ri-ru-nuzo time {
  padding-top: .15em;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--ri-main); font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ri-ru-cico {
  counter-reset: riKosan;
}
.ri-ru-cico li {
  counter-increment: riKosan;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr); gap: 8px;
  align-items: start;
}
.ri-ru-cico li::before {
  content: counter(riKosan); font-family: var(--ri-face-hd); font-size: 25px;
  font-weight: 900;
  line-height: 1;
  color: var(--ri-main); font-variant-numeric: tabular-nums;
}
.ri-ru-su, .ri-ru-pilaju {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--ri-jufo); align-content: start;
}
.ri-ru-su li:nth-child(2), .ri-ru-pilaju li:nth-child(2) {
  padding-top: 0;
  border-top: 0;
}
.ri-ru-pilaju li {
  padding: 12px 0;
  grid-template-columns: 44px minmax(0, 1fr);
}
.ri-ru-pilaju li::before {
  font-size: 32px;
}
.ri-fe {
  margin-top: 42px;
}
.ri-vob {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.ri-vob h2 {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: -.005em;
  text-transform: uppercase;
}
.ri-vob h2 a:hover {
  color: var(--ri-main);
}
.ri-vob-loru {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ri-fg-soft);
}
.ri-vob-kodog {
  align-items: flex-end;
  border-bottom: 1px solid var(--ri-border);
}
.ri-vob-kodog h2 {
  margin-bottom: -1px;
  padding-bottom: 8px;
  border-bottom: 3px solid var(--ri-main);
}
.ri-vob-kodog .ri-vob-loru {
  padding-bottom: 10px;
}
.ri-vob-ladore h2 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ri-vob-ladore h2::before {
  content: "";
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  background: var(--ri-main);
}
.ri-vob-ladore h2::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--ri-border);
}
.ri-vob-vagu {
  padding-top: 10px;
  border-top: 4px solid var(--ri-fg);
}
.ri-susec {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); gap: 28px;
  align-items: start;
  margin-top: 22px;
}
.ri-susec-gopazo {
  grid-template-columns: minmax(0, 1fr);
}
.ri-susec-guduk {
  min-width: 0;
}
.ri-susec-ladore {
  display: grid;
}
.ri-susec-ladore > * {
  grid-area: 1 / 1;
  min-width: 0;
}
.ri-susec-ladore > [data-duru] {
  visibility: hidden;
}
.ri-susec-sub {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: var(--ri-r);
  background: var(--ri-raised-su);
}
.ri-susec-sub img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ri-susec-nena {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-top: 14px;
}
.ri-susec-javi {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: clamp(24px, 2.6vw, 32px); font-weight: 900;
  line-height: 1.14;
  letter-spacing: -.02em;
}
.ri-susec-pupoguk {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16.5px;
  line-height: 1.45;
  color: var(--ri-fg-soft);
}
.ri-susec-pus .ri-susec-javi {
  font-size: clamp(26px, 2.9vw, 35px); line-height: 1.1;
}
.ri-susec-rojipi {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--ri-border);
}
.ri-susec-co {
  display: flex;
  flex: 1;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}
.ri-susec-co button {
  flex: 0 0 auto;
  min-width: 30px;
  height: 30px;
  padding: 0 4px;
  border: 1px solid var(--ri-border); border-radius: var(--ri-r); background: var(--ri-raised); font-size: 13px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.ri-susec-co button:hover {
  border-color: var(--ri-fg);
}
.ri-susec-co button[aria-selected="true"] {
  border-color: var(--ri-main);
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-susec-pus .ri-susec-co {
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.ri-susec-pus .ri-susec-co button {
  min-width: 0;
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: var(--ri-border); transition: width .2s;
}
.ri-susec-pus .ri-susec-co button[aria-selected="true"] {
  width: 26px;
  background: var(--ri-main);
}
.ri-susec-tuso {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: var(--ri-r);
  background: var(--ri-fg);
  color: var(--ri-background);
}
.ri-susec-tuso:hover {
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-susec-pafu {
  min-width: 0;
  padding-top: 10px;
  border-top: 3px solid var(--ri-fg);
}
.ri-susec-vaj {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--ri-main);
}
.ri-ru-sd li a:not(.ri-suzokay) {
  font-size: 16px;
}
.ri-kuso {
  --ri-da: 4;
  --ri-sufaz: 2;
  display: grid;
  grid-template-columns: repeat(var(--ri-da), minmax(0, 1fr)); column-gap: var(--ri-jufo); margin-top: 26px;
  border-top: 2px solid var(--ri-fg);
}
.ri-kuso-pupoguk {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--ri-border);
}
.ri-kuso-pupoguk h3 {
  font-size: 16.5px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-javi-ru {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px;
  align-items: start;
}
.ri-javi-gopazo {
  grid-template-columns: minmax(0, 1fr);
}
.ri-javi-gopazo > .ri-bataz {
  max-width: 760px;
}
.ri-javi-pipepa {
  --ri-da: 3;
  display: grid;
  grid-template-columns: repeat(var(--ri-da), minmax(0, 1fr)); column-gap: 28px;
}
.ri-pipepa-pupoguk {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 11px 0;
  border-top: 1px solid var(--ri-border);
}
.ri-pipepa-pupoguk time {
  font-size: 12px;
  font-weight: 800;
  color: var(--ri-main); font-variant-numeric: tabular-nums;
}
.ri-pipepa-pupoguk h3 {
  font-size: 16.5px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-pipepa-leyifah {
  padding-top: 12px;
  border-top: 3px solid var(--ri-fg);
}
.ri-pipepa-leyifah h3 {
  font-size: 19px;
  font-weight: 900;
  line-height: 1.24;
}
.ri-pipepa-leyifah p {
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--ri-fg-soft);
}
.ri-javi-ma {
  --ri-da: 2;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto); grid-auto-columns: minmax(0, 1fr); column-gap: 28px;
}
.ri-javi-ma .ri-bataz-javi {
  font-size: 22px;
}
.ri-ma-pafu {
  padding: 10px 0;
  border-top: 1px solid var(--ri-border); font-size: 16.5px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-javi-ma > .ri-bataz + .ri-ma-pafu {
  margin-top: 12px;
  border-top: 2px solid var(--ri-fg);
}
.ri-javi-guga {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1.1fr) minmax(0, 1.1fr); gap: var(--ri-jufo); align-items: start;
}
.ri-ru-guga li a:not(.ri-suzokay) {
  font-size: 15.5px;
}
.ri-javi-pilaju {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.1fr); gap: 28px;
  align-items: start;
}
.ri-javi-pilaju > .ri-bataz {
  order: 2;
}
.ri-javi-zeku {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) minmax(0, 1fr); grid-template-areas: "sol orta sag";
  gap: 26px;
  align-items: start;
}
.ri-javi-zeku > .ri-bataz {
  grid-area: orta;
}
.ri-zeku-ki {
  grid-area: sol;
}
.ri-zeku-yozat {
  grid-area: sag;
}
.ri-loni-zupey {
  --ri-da: 4;
  display: grid;
  grid-template-columns: repeat(var(--ri-da), minmax(0, 1fr));
  column-gap: var(--ri-jufo);
}
.ri-loni-zupey li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
  padding: 11px 0;
  border-top: 1px solid var(--ri-border);
}
.ri-loni-zupey li > a:not(.ri-suzokay) {
  font-family: var(--ri-face-hd); font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-hot-zupey {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 24px;
  counter-reset: riMunij;
}
.ri-hot-zupey li {
  counter-increment: riMunij;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr); gap: 6px;
  padding: 12px 0;
  border-top: 1px solid var(--ri-border);
}
.ri-hot-zupey li:nth-child(-n+5) {
  border-top: 3px solid var(--ri-fg);
}
.ri-hot-zupey li::before {
  content: counter(riMunij); font-family: var(--ri-face-hd); font-size: 30px;
  font-weight: 900;
  line-height: 1;
  color: var(--ri-main);
}
.ri-hot-zupey a {
  font-family: var(--ri-face-hd); font-size: 15.5px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-ja-zupey {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 28px;
}
.ri-ja-zupey li {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr); gap: 8px;
  padding: 11px 0;
  border-top: 1px solid var(--ri-border);
}
.ri-ja-zupey li:nth-child(-n+3) {
  border-top: 2px solid var(--ri-fg);
}
.ri-ja-zupey time {
  padding-top: .1em;
  font-size: 13px;
  font-weight: 800;
  color: var(--ri-main); font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ri-ja-zupey li > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
}
.ri-ja-zupey li a:not(.ri-suzokay) {
  font-family: var(--ri-face-hd); font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-mil {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ri-jufo);
}
.ri-mil-pupoguk {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr); gap: 12px;
  align-items: start;
  min-width: 0;
  padding-top: 12px;
  border-top: 1px solid var(--ri-border);
}
.ri-mil-pupoguk img, .ri-mil-pupoguk .ri-hule-naru {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
}
.ri-mil-pupoguk span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ri-mil-pupoguk em {
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--ri-main);
}
.ri-mil-pupoguk strong {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-mil-pupoguk time {
  font-size: 12px;
  color: var(--ri-fg-soft);
}
.ri-hule-naru {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--ri-main); color: var(--ri-main-type); font-family: var(--ri-face-hd); font-weight: 900;
  line-height: 1;
}
.ri-fatu {
  --ri-da: 3;
  --ri-kinug: 3;
  --ri-sufaz: 2;
  display: grid;
  grid-template-columns: repeat(var(--ri-da), minmax(0, 1fr)); gap: 22px var(--ri-jufo); align-items: start;
}
.ri-fatu-ladore {
  row-gap: 0;
}
.ri-fatu-ladore > .ri-bataz {
  padding: 12px 0;
  border-top: 1px solid var(--ri-border);
}
.ri-sizudam {
  margin: 18px 0 14px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ri-fg-soft);
}
.ri-sizudam {
  display: flex;
  flex-wrap: nowrap;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.ri-sizudam > * {
  flex: 0 0 auto;
}
.ri-sizudam > :last-child {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ri-sizudam > * + *::before {
  content: "/";
  display: inline-block;
  margin: 0 8px;
  color: var(--ri-border);
}
.ri-cemoc {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px; gap: 40px;
  align-items: start;
}
.ri-cemoc-guduk {
  grid-template-columns: minmax(0, 1fr); max-width: 780px;
  margin: 0 auto;
}
.ri-vigoy {
  min-width: 0;
}
.ri-vigoy-bottom {
  margin-top: 10px;
}
.ri-vigoy-bottom > .ri-ko:first-child {
  margin-top: 0;
}
body.ri-nagopin .ri-vigoy-bottom {
  margin-top: 20px;
}
.ri-jiji {
  padding-bottom: 18px;
}
.ri-jiji .ri-suzokay {
  display: inline-block;
  margin-bottom: 10px;
}
.ri-jiji-javi {
  font-size: clamp(28px, 3.3vw, 40px); font-weight: 900;
  line-height: 1.14;
  letter-spacing: -.022em;
}
.ri-bovapu-javi {
  margin: 6px 0 4px;
}
.ri-jiji-da {
  margin-top: 14px;
  font-size: 19.5px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--ri-fg-soft);
}
.ri-hun {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-top: 2px solid var(--ri-fg);
  border-bottom: 1px solid var(--ri-border);
}
.ri-hun-ladore {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 14px;
  min-width: 0;
  font-size: 13px;
  color: var(--ri-fg-soft);
}
.ri-hun-ladore strong {
  color: var(--ri-fg); font-size: 14px;
  font-weight: 900;
}
.ri-hun-ladore em {
  font-style: normal;
  font-weight: 600;
  color: var(--ri-fg-soft);
}
.ri-hun-kodog {
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
}
.ri-hun-kodog a, .ri-hun-kodog button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  border: 1px solid var(--ri-border); border-radius: var(--ri-r); background: var(--ri-raised); font-size: 12.5px;
  font-weight: 900;
}
.ri-hun-kodog a:hover, .ri-hun-kodog button:hover {
  border-color: var(--ri-main);
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-zoruge {
  margin: 18px 0 0;
}
.ri-zoruge img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--ri-r);
  background: var(--ri-raised-su);
}
.ri-zoruge figcaption {
  padding-top: 8px;
  font-size: 13px;
  color: var(--ri-fg-soft);
}
.ri-tucit {
  margin-top: 22px;
  padding: 14px 18px;
  border-left: 4px solid var(--ri-main);
  background: var(--ri-raised-su);
}
.ri-tucit strong {
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ri-main);
}
.ri-tucit ul {
  margin-top: 8px;
  padding-left: 1.2em;
  list-style: square;
}
.ri-tucit li {
  margin: 4px 0;
}
.ri-gay {
  margin-top: 24px;
  font-size: 19px;
  line-height: 1.72;
  overflow-wrap: break-word;
}
.ri-gay > * {
  margin: 0 0 1.05em;
}
.ri-gay > p:first-child {
  font-weight: 600;
}
.ri-gay a {
  color: var(--ri-main); text-decoration: underline;
  text-underline-offset: 3px;
}
.ri-gay h2 {
  margin-top: 1.3em;
  font-size: 1.3em;
  font-weight: 900;
}
.ri-gay h3 {
  font-size: 1.12em;
  font-weight: 900;
}
.ri-gay ul {
  padding-left: 1.3em;
  list-style: disc;
}
.ri-gay ol {
  padding-left: 1.3em;
  list-style: decimal;
}
.ri-gay blockquote {
  margin-left: 0;
  padding: 2px 0 2px 18px;
  border-left: 4px solid var(--ri-fg); font-size: 1.06em;
  font-weight: 800;
}
.ri-gay img, .ri-gay iframe, .ri-gay video {
  max-width: 100%;
  height: auto;
}
.ri-gay table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.ri-gay td, .ri-gay th {
  padding: 8px;
  border: 1px solid var(--ri-border);
}
.ri-fa {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 24px;
  padding-top: 14px;
  border-top: 1px solid var(--ri-border);
}
.ri-fa a {
  font-size: 14px;
  font-weight: 800;
}
.ri-fa a::before {
  content: "#";
  color: var(--ri-main);
}
.ri-suye {
  display: flex;
  gap: 14px;
  margin-top: 26px;
  padding: 16px 0;
  border-top: 2px solid var(--ri-fg);
  border-bottom: 1px solid var(--ri-border);
}
.ri-suye img, .ri-suye .ri-hule-naru {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}
.ri-suye a {
  display: block;
  font-weight: 900;
}
.ri-suye span {
  font-size: 13px;
  color: var(--ri-fg-soft);
}
.ri-ko {
  margin-top: 38px;
}
.ri-ko .ri-vob h2 {
  font-size: 19px;
}
.ri-tos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ri-jufo); margin-top: 34px;
  border-top: 2px solid var(--ri-fg);
}
.ri-tos-gopazo {
  grid-template-columns: minmax(0, 1fr);
}
.ri-tos-pupoguk {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 0;
}
.ri-tos-pupoguk[rel="next"] {
  text-align: right;
  align-items: flex-end;
}
.ri-tos-pupoguk em {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-style: normal;
  font-size: 11.5px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ri-main);
}
.ri-tos-pupoguk strong {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.ri-cehake {
  position: sticky;
  top: 64px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ri-cehake-javi {
  margin-bottom: 12px;
  padding-bottom: 7px;
  border-bottom: 2px solid var(--ri-fg); font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ri-cehake .ri-bataz-medium {
  margin-bottom: 12px;
}
.ri-cehake .ri-bataz-medium .ri-bataz-javi {
  font-size: 17px;
}
.ri-cehake .ri-ru li a:not(.ri-suzokay) {
  font-size: 15px;
}
.ri-ru-yajuso li::before {
  font-size: 22px;
}
.ri-bejipik-ladore ~ .ri-meveha .ri-cehake {
  top: 84px;
}
.ri-giluril {
  margin: 8px 0 22px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--ri-fg);
}
.ri-giluril h1 {
  font-size: clamp(28px, 3.2vw, 38px); font-weight: 900;
  letter-spacing: -.02em;
}
.ri-giluril-kodog {
  margin-top: 6px;
  color: var(--ri-fg-soft);
}
.ri-giluril .ri-foreg {
  max-width: 620px;
  margin-top: 14px;
}
.ri-vivima {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ri-vivima > .ri-bataz-jine:first-child {
  padding-top: 0;
}
.ri-ru-yutafo {
  margin-top: 18px;
}
.ri-ru-bottom {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 2px solid var(--ri-fg);
}
.ri-mojuje {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 28px 0;
}
.ri-mojuje a, .ri-mojuje em, .ri-mojuje span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 11px;
  border: 1px solid var(--ri-border); border-radius: var(--ri-r); font-style: normal;
  font-size: 14px;
  font-weight: 800;
}
.ri-mojuje a:hover {
  border-color: var(--ri-fg);
}
.ri-mojuje em {
  border-color: var(--ri-main);
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-none {
  padding: 30px 0;
  color: var(--ri-fg-soft);
}
.ri-hohad {
  margin: 20px 0;
}
.ri-hohad > div {
  display: grid;
  grid-template-columns: 36% minmax(0, 1fr); gap: 16px;
  padding: 11px 0;
  border-bottom: 1px solid var(--ri-border);
}
.ri-hohad dt {
  font-weight: 900;
}
.ri-hohad dd {
  margin: 0;
}
.ri-kovere {
  display: grid;
  grid-template-columns: repeat(var(--ri-da), minmax(0, 1fr)); column-gap: 32px;
}
.ri-kovere .ri-mil-pupoguk {
  grid-template-columns: 72px minmax(0, 1fr); padding: 16px 0;
}
.ri-kovere .ri-mil-pupoguk img, .ri-kovere .ri-mil-pupoguk .ri-hule-naru {
  width: 72px;
  height: 72px;
}
.ri-kovere strong {
  font-size: 17px;
}
.ri-repi {
  display: grid;
  grid-template-columns: repeat(var(--ri-da), minmax(0, 1fr));
  gap: 28px var(--ri-jufo);
}
.ri-repi a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.ri-repi img, .ri-repi .ri-hule-naru {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
}
.ri-repi strong {
  font-size: 16px;
  font-weight: 900;
}
.ri-repi span {
  font-size: 14px;
  color: var(--ri-fg-soft);
}
.ri-template {
  padding: 10px 0 30px;
}
.ri-yotomuz {
  padding: 46px 0 6px;
  text-align: center;
}
.ri-yotomuz > strong {
  display: block;
  font-family: var(--ri-face-hd); font-size: 104px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--ri-main);
}
.ri-yotomuz h1 {
  margin-top: 6px;
  font-size: 28px;
  font-weight: 900;
}
.ri-yotomuz p {
  margin-top: 6px;
  color: var(--ri-fg-soft);
}
.ri-yotomuz .ri-foreg {
  max-width: 520px;
  margin: 18px auto 14px;
}
.ri-yotomuz > a {
  font-weight: 900;
  color: var(--ri-main);
}
.ri-bottom {
  margin-top: 56px;
  border-top: 3px solid var(--ri-fg); background: var(--ri-raised); font-size: 14px;
}
.ri-bottom-mivogey {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-top: 20px;
  padding-bottom: 16px;
}
.ri-bottom-mapab {
  flex: 0 0 auto;
  font-family: var(--ri-face-hd); font-size: 22px;
  font-weight: 900;
}
.ri-bottom-mapab img {
  width: auto;
  max-height: 34px;
}
.ri-bottom-zupey {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.ri-bottom-zupey::-webkit-scrollbar {
  display: none;
}
.ri-bottom-zupey a {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.ri-bottom-loru {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 14px;
  padding-bottom: 18px;
  border-top: 1px solid var(--ri-border); font-size: 13px;
  color: var(--ri-fg-soft);
}
.ri-bottom-loru small {
  font-size: inherit;
}
.ri-bottom-pupoguk {
  padding-top: 26px;
  text-align: center;
}
.ri-bottom-pupoguk .ri-bottom-mapab {
  display: inline-block;
}
.ri-bottom-pupoguk .ri-bottom-mapab img {
  margin: 0 auto;
}
.ri-bottom-pupoguk .ri-bottom-zupey {
  justify-content: center;
  margin-top: 16px;
  padding: 12px 0;
  border-top: 1px solid var(--ri-border);
}
.ri-bottom-huz {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin: 6px 0 14px;
}
.ri-bottom-huz a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--ri-border); border-radius: 50%;
}
.ri-bottom-huz a:hover {
  border-color: var(--ri-main);
  background: var(--ri-main);
  color: var(--ri-main-type);
}
.ri-bottom-pupoguk .ri-bottom-loru {
  align-items: center;
}
.ri-bottom-guduk {
  background: var(--ri-raised-su);
}
.ri-bottom-kuro {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(var(--ri-da), minmax(0, .7fr)); gap: 26px 36px;
  padding-top: 34px;
  padding-bottom: 22px;
}
.ri-bottom-bose p {
  margin-top: 12px;
  max-width: 400px;
  color: var(--ri-fg-soft);
}
.ri-bottom-kuro h2 {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.ri-bottom-kuro li {
  margin: 6px 0;
}
.ri-bottom-kuro li a {
  color: var(--ri-fg-soft);
}
.ri-gojokus {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 95;
  width: 0;
  height: 3px;
  background: var(--ri-main);
}
.ri-mih {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: var(--ri-r); background: var(--ri-fg); color: var(--ri-background); opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.ri-mih[data-state] {
  opacity: .92;
  pointer-events: auto;
}
body.ri-nagopin {
  background: var(--ri-raised-su);
}
body.ri-nagopin .ri-fe, body.ri-nagopin .ri-kuso, body.ri-nagopin .ri-susec-guduk, body.ri-nagopin .ri-susec-pafu, body.ri-nagopin .ri-vigoy, body.ri-nagopin .ri-vivima, body.ri-nagopin .ri-cehake > section, body.ri-nagopin .ri-yotomuz {
  padding: 18px 20px;
  background: var(--ri-raised);
}
body.ri-nagopin .ri-susec-pafu {
  border-top: 0;
  box-shadow: inset 0 3px 0 var(--ri-fg);
}
body.ri-nagopin .ri-kuso {
  padding-top: 0;
  padding-bottom: 0;
}
body.ri-nagopin .ri-vigoy .ri-ko {
  padding: 0;
}
body.ri-nagopin .ri-bottom {
  margin-top: 40px;
}
@media (min-width: 561px) {
  body.ri-nagopin .ri-susec {
    align-items: stretch;
  }
}
@media (max-width: 1100px) {
  .ri-fatu {
    grid-template-columns: repeat(var(--ri-kinug), minmax(0, 1fr));
  }
  .ri-foreg-bejipik input {
    width: 170px;
  }
}
@media (max-width: 960px) {
  .ri-bejipik-yozat, .ri-bejipik-ladore .ri-ducuyu {
    display: none;
  }
  .ri-ziza-nena {
    display: inline-flex;
    margin-left: auto;
    margin-right: -9px;
  }
  .ri-bejipik-ladore .ri-ziza {
    margin-left: auto;
  }
  .ri-bejipik-mivogey {
    min-height: 68px;
  }
  .ri-susec, .ri-cemoc, .ri-javi-ru, .ri-javi-pilaju {
    grid-template-columns: minmax(0, 1fr);
  }
  body.ri-nagopin .ri-susec {
    align-items: start;
  }
  .ri-javi-pilaju > .ri-bataz {
    order: 0;
  }
  .ri-javi-zeku {
    grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "orta orta" "sol sag";
  }
  .ri-javi-guga, .ri-kuso {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ri-kuso {
    grid-template-columns: repeat(var(--ri-sufaz), minmax(0, 1fr));
  }
  .ri-fatu {
    grid-template-columns: repeat(var(--ri-sufaz), minmax(0, 1fr));
  }
  .ri-hot-zupey, .ri-ja-zupey, .ri-mil, .ri-loni-zupey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ri-hot-zupey li:nth-child(-n+5) {
    border-top: 1px solid var(--ri-border);
  }
  .ri-hot-zupey li:nth-child(-n+2), .ri-ja-zupey li:nth-child(-n+2) {
    border-top: 3px solid var(--ri-fg);
  }
  .ri-ja-zupey li:nth-child(3) {
    border-top: 1px solid var(--ri-border);
  }
  .ri-cehake {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ri-jufo);
  }
  .ri-bottom-kuro {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ri-bottom-kuro > div:first-child {
    grid-column: 1 / -1;
  }
  .ri-repi {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ri-bottom-mivogey {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .ri-bottom-zupey {
    max-width: 100%;
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
    mask-image: linear-gradient(90deg, #000 85%, transparent);
  }
  .ri-bottom-pupoguk .ri-bottom-zupey {
    justify-content: flex-start;
  }
}
@media (max-width: 720px) {
  :root {
    --ri-jufo: 18px;
  }
  .ri-netimo {
    padding: 0 16px;
  }
  .ri-bejipik-mivogey {
    gap: 6px;
    min-height: 60px;
  }
  .ri-bejipik-ladore .ri-bejipik-mivogey {
    min-height: 60px;
    gap: 6px;
  }
  .ri-lujo {
    flex: 1 1 0;
    min-width: 0;
  }
  .ri-lujo img, .ri-bejipik-ladore .ri-lujo img {
    max-width: 100%;
    max-height: 38px;
    object-fit: contain;
    object-position: left center;
  }
  .ri-lujo span {
    font-size: 24px;
  }
  .ri-ducuyu a {
    height: 42px;
    padding: 0 10px;
    font-size: 13.5px;
  }
  .ri-pipepa-zupey, .ri-lideted-da, .ri-jigukej-da {
    display: none;
  }
  .ri-pipepa-mivogey {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .ri-fe {
    margin-top: 32px;
  }
  .ri-vob h2 {
    font-size: 19px;
  }
  .ri-susec {
    margin-top: 16px;
  }
  .ri-susec-javi {
    -webkit-line-clamp: 4;
  }
  .ri-susec-co {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .ri-susec-co::-webkit-scrollbar {
    display: none;
  }
  .ri-kuso, .ri-javi-pipepa, .ri-ja-zupey, .ri-tos {
    grid-template-columns: minmax(0, 1fr);
  }
  .ri-kuso {
    border-top-width: 2px;
  }
  .ri-javi-pipepa .ri-pipepa-leyifah + .ri-pipepa-leyifah {
    margin-top: 6px;
  }
  .ri-ja-zupey li:nth-child(2) {
    border-top: 1px solid var(--ri-border);
  }
  .ri-javi-ma {
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: minmax(0, 1fr);
  }
  .ri-javi-ma > .ri-ma-pafu + .ri-bataz {
    margin-top: 22px;
  }
  .ri-bataz-jine {
    grid-template-columns: 128px minmax(0, 1fr); gap: 12px;
  }
  .ri-bataz-jine .ri-bataz-javi {
    font-size: 16px;
  }
  .ri-bataz-jine .ri-bataz-pupoguk {
    display: none;
  }
  .ri-jiji-da {
    font-size: 18px;
  }
  .ri-gay {
    font-size: 18px;
  }
  .ri-hun {
    flex-direction: column;
    align-items: flex-start;
  }
  .ri-cehake, .ri-kovere {
    grid-template-columns: minmax(0, 1fr);
  }
  .ri-tos-pupoguk[rel="next"] {
    text-align: left;
    align-items: flex-start;
    border-top: 1px solid var(--ri-border);
  }
}
@media (max-width: 560px) {
  .ri-javi-guga, .ri-javi-zeku, .ri-ru-pilaju, .ri-ru-su, .ri-hot-zupey, .ri-mil, .ri-fatu, .ri-loni-zupey {
    grid-template-columns: minmax(0, 1fr);
  }
  .ri-javi-zeku {
    grid-template-areas: "orta" "sol" "sag";
  }
  .ri-javi-guga {
    gap: 0;
  }
  .ri-javi-guga > .ri-bataz-medium, .ri-fatu > .ri-bataz-medium {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr); gap: 12px;
    align-items: start;
    padding: 12px 0;
    border-top: 1px solid var(--ri-border);
  }
  .ri-javi-guga > .ri-bataz-medium:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .ri-javi-guga > .ri-bataz-medium .ri-bataz-nena, .ri-fatu > .ri-bataz-medium .ri-bataz-nena {
    padding-top: 0;
  }
  .ri-javi-guga > .ri-bataz-medium .ri-bataz-javi, .ri-fatu > .ri-bataz-medium .ri-bataz-javi {
    font-size: 15.5px;
  }
  .ri-javi-guga > .ri-ru li:first-child {
    padding-top: 10px;
    border-top: 1px solid var(--ri-border);
  }
  .ri-fatu {
    gap: 0;
  }
  .ri-ru-pilaju li:nth-child(2), .ri-ru-su li:nth-child(2) {
    padding-top: 10px;
    border-top: 1px solid var(--ri-border);
  }
  .ri-ru-pilaju li:nth-child(2) {
    padding-top: 12px;
  }
  .ri-hot-zupey li:nth-child(2) {
    border-top: 1px solid var(--ri-border);
  }
  .ri-javi-zeku .ri-zeku-yozat li:first-child {
    padding-top: 10px;
    border-top: 1px solid var(--ri-border);
  }
  .ri-javi-zeku .ri-zeku-ki {
    padding-top: 14px;
  }
  .ri-hohad > div {
    grid-template-columns: minmax(0, 1fr); gap: 2px;
  }
  .ri-repi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ri-bottom-kuro {
    grid-template-columns: minmax(0, 1fr);
  }
  body.ri-nagopin .ri-fe, body.ri-nagopin .ri-susec-guduk, body.ri-nagopin .ri-susec-pafu, body.ri-nagopin .ri-vigoy, body.ri-nagopin .ri-vivima {
    padding-left: 14px;
    padding-right: 14px;
  }
}