.cat-cafe-page { padding-bottom: 64px; max-width: 100%; overflow-x: clip; }

.cat-cafe-hero { position: relative; padding: 18px 0 54px; }

.cat-cafe-doodle { position: absolute; z-index: 3; color: #edb000; font-family: Georgia, serif; line-height: 1; pointer-events: none; }

.cat-cafe-doodle--one { right: 44px; top: 5px; font-size: 76px; transform: rotate(8deg); }

.cat-cafe-doodle--two { left: 46%; top: 25px; font-size: 54px; }

.cat-story-doodles {
  position: relative;
  z-index: 0;
  grid-area: media;
  align-self: stretch;
  min-height: 0;
  margin-top: 560px;
  pointer-events: none;
}

.cat-story-doodles__item {
  position: absolute;
  display: block;
  width: clamp(46px, 6vw, 92px);
  height: auto;
  opacity: .1;
}

.cat-story-doodles__item--paw { left: 12%; top: 12%; width: clamp(54px, 7vw, 108px); transform: rotate(-14deg); }

.cat-story-doodles__item--yarn { right: 13%; top: 28%; width: clamp(48px, 5vw, 76px); transform: rotate(11deg); }

.cat-story-doodles__item--heart { left: 36%; top: 56%; width: clamp(42px, 4.5vw, 68px); transform: rotate(-8deg); }

.cat-story-doodles__item--fish { right: 29%; bottom: 10%; width: clamp(52px, 6vw, 88px); transform: rotate(9deg); }

@media (max-width:760px) {
.cat-story-doodles { display: none; }
}

.kgorod-cat-detail__media > img,
.kgv-cover-media-video {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
  cursor: zoom-in;
}

.kgv-cover-media-video { position: absolute; inset: 0; z-index: 1; }

.kgorod-cat-detail__back { color: var(--accent); font-size: 14px; font-weight: 800; text-decoration: none; }

.kgorod-cat-detail__status { display: inline-flex; margin: 28px 0 12px; padding: 7px 12px; border-radius: 999px; color: #5f4d29; background: #fff0bd; font-size: 13px; font-weight: 800; }

.kgorod-cat-detail__desc {
  max-width: 100%;
  margin: 18px 0 0;
  color: var(--muted);
  overflow-wrap: anywhere;
  font-size: 17px;
  line-height: 1.65;
}

.kgorod-cat-detail__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }

.kgv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--accent);
  border-radius: 999px;
  color: var(--accent);
  background: transparent;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
}

.kgv-btn-dark { color: #fff; background: var(--accent); }

.kgorod-cat-detail__body{container-type:inline-size}

.cat-actions{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px}

.cat-action-card{box-sizing:border-box;display:flex;width:100%;min-width:0;min-height:182px;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #e4ddd1;border-radius:24px;background:#fffdf9;color:#26352a;overflow:visible;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}

.cat-action-card__icon{display:grid;place-items:center;width:66px;height:66px;margin-bottom:19px;border-radius:50%;color:#3d8058;background:#eaf4df;transition:transform .18s ease}

.cat-action-card__icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.cat-action-card__title{display:block;width:100%;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,2.2vw,1.65rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal;hyphens:none}

.cat-action-card__description{display:block;width:100%;margin-top:9px;color:#6c766f;font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:normal;word-break:normal;hyphens:none}

.cat-action-card--adopt{border-color:#bad5be;background:#fffefd}

.cat-action-card--feed{background:#fff8e8}

.cat-action-card--feed .cat-action-card__icon{color:#ac7417;background:#fff0c1}

.cat-action-card--support{background:#fff5f5}

.cat-action-card--support .cat-action-card__icon{color:#c56365;background:#fde2e2}

.cat-action-card:hover{color:#26352a;transform:translateY(-3px);border-color:#b9c9b9;box-shadow:0 12px 28px rgba(48,67,45,.1)}

.cat-action-card--adopt:hover{box-shadow:0 12px 28px rgba(61,128,88,.15)}

.cat-action-card:hover .cat-action-card__icon{transform:scale(1.05)}

.cat-action-card:focus-visible{outline:3px solid #ffd955;outline-offset:3px;box-shadow:0 0 0 6px #3d8058}

@container (min-width:360px) {
.cat-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@container (min-width:360px) {
.cat-action-card{min-height:190px;padding:28px}
}

@media (max-width:640px) {
.cat-actions{gap:12px}
}

@media (max-width:640px) {
.cat-action-card{min-height:172px;padding:24px;border-radius:22px}
}

@media (max-width:640px) {
.cat-action-card__icon{width:60px;height:60px;margin-bottom:16px}
}

@media (max-width:640px) {
.cat-action-card__icon svg{width:30px;height:30px}
}

@media (max-width:640px) {
.cat-action-card__title{font-size:24px}
}

@media (max-width:640px) {
.cat-action-card__description{font-size:16px}
}

@media (max-width:340px) {
.cat-actions{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce) {
.cat-action-card,.cat-action-card__icon{transition:none}
}

@media (prefers-reduced-motion:reduce) {
.cat-action-card:hover{transform:none}
}

@media (max-width:640px) {
.cat-actions{grid-template-columns:1fr}
}

.cat-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

.cat-action-card{min-height:110px;flex-direction:row;align-items:center;gap:17px;padding:22px 20px;border-radius:20px}

.cat-action-card__icon{width:56px;height:56px;flex:0 0 56px;margin:0}

.cat-action-card__icon svg{width:28px;height:28px}

.cat-action-card__copy{display:block;min-width:0;flex:1}

.cat-action-card__title{font-size:clamp(21px,2vw,24px);line-height:1.15;font-weight:700}

.cat-action-card__description{margin-top:5px;font-size:16px;line-height:1.35}

.cat-action-card__arrow{display:grid;place-items:center;flex:0 0 20px;color:#536158;opacity:.62;transition:transform .18s ease}

.cat-action-card__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.cat-action-card--feed{background:#fffaf0}

.cat-action-card--support{background:#fff8f8}

.cat-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(48,67,45,.08)}

.cat-action-card:hover .cat-action-card__icon{transform:scale(1.03)}

.cat-action-card:hover .cat-action-card__arrow{transform:translateX(3px)}

@media (max-width:640px) {
.cat-actions{grid-template-columns:1fr;gap:12px}
}

@media (max-width:640px) {
.cat-action-card{min-height:104px;padding:20px;gap:16px;border-radius:18px}
}

@media (max-width:640px) {
.cat-action-card__icon{width:52px;height:52px;flex-basis:52px}
}

@media (max-width:640px) {
.cat-action-card__icon svg{width:26px;height:26px}
}

@media (max-width:640px) {
.cat-action-card__title{font-size:22px}
}

@media (max-width:640px) {
.cat-action-card__description{font-size:15px}
}

.cat-actions{grid-template-columns:1fr}

@container (min-width:500px) {
.cat-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.cat-action-card{position:relative;gap:12px}

.cat-action-card__title{font-size:21px}

.cat-action-card__arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%)}

.cat-action-card:hover .cat-action-card__arrow{transform:translate(3px,-50%)}

.cat-actions{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin-top:28px}

.cat-actions__primary,.cat-actions__secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}

.cat-action-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;min-width:0;min-height:58px;padding:0 20px;border:1px solid transparent;border-radius:17px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}

.cat-action-button svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.cat-action-button--adopt{color:#fff;background:#3d8058}

.cat-action-button--visit{color:#2f7650;border-color:#3d8058;background:#f8fcf5}

.cat-action-button--feed,.cat-action-button--support{min-height:50px;border-radius:15px;font-size:16px}

.cat-action-button--feed{color:#9a6714;border-color:#efd9a0;background:#fffaf0}

.cat-action-button--support{color:#b55d61;border-color:#efd1d1;background:#fff9f9}

.cat-action-button:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(46,64,43,.11)}

.cat-action-button--adopt:hover{background:#34724d}

.cat-action-button:focus-visible{outline:3px solid #ffd955;outline-offset:3px;box-shadow:0 0 0 5px #3d8058}

@media (max-width:640px) {
.cat-actions__primary,.cat-actions__secondary{grid-template-columns:1fr}
}

@media (max-width:640px) {
.cat-action-button{min-height:56px;font-size:16px}
}

@media (max-width:640px) {
.cat-action-button--feed,.cat-action-button--support{min-height:50px}
}

@media (prefers-reduced-motion:reduce) {
.cat-action-button{transition:none}
}

@media (prefers-reduced-motion:reduce) {
.cat-action-button:hover{transform:none}
}

.kgorod-cat-media-arrow,
.kgv-cover-media-play {
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #2e321f;
  background: rgba(255, 250, 241, 0.9);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
  font-size: 30px;
  cursor: pointer;
}

.kgorod-cat-media-arrow--prev { left: 16px; top: 50%; transform: translateY(-50%); }

.kgorod-cat-media-arrow--next { right: 16px; top: 50%; transform: translateY(-50%); }

.kgv-cover-media-play { right: 16px; bottom: 16px; display: none; font-size: 14px; }

.kgorod-cat-media-strip {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  padding: 4px 2px 10px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
}

.kgorod-cat-media-strip__item {
  position: relative;
  flex: 0 0 118px;
  width: 118px;
  height: 92px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 16px;
  background: #e9dfcf;
  scroll-snap-align: start;
  cursor: zoom-in;
}

.kgorod-cat-media-strip__item.is-active { border-color: #eeb000; }

.kgorod-cat-media-strip__item img { display: block; width: 100%; height: 100%; object-fit: cover; }

.kgorod-cat-media-strip__item--video {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #698052, #26331f);
}

.kgorod-cat-media-strip__item--video > img {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cafe-video-thumb {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(23, 36, 18, 0.22);
  font-size: 28px;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
  pointer-events: none;
}

.cat-cafe-info {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 18px;
  margin: 24px 0 58px;
}

.cat-cafe-info__copy,
.cat-cafe-info__note { padding: clamp(28px, 4vw, 48px); border-radius: 30px; }

.cat-cafe-info__copy { background: #fff5d6; }

.cat-cafe-info__copy h2,
.cat-help-card h2,
.cat-related-section > .cats-catalog-section__head h2 {
  margin: 10px 0 16px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.05;
  font-weight: 500;
}

.cat-cafe-info__copy p { max-width: 690px; margin: 0 0 22px; color: var(--muted); line-height: 1.6; }

.cat-cafe-info__note {
  position: relative;
  display: grid;
  place-content: center;
  min-height: 280px;
  color: var(--accent);
  background: #eef3e8;
  font-family: Georgia, serif;
  font-size: 31px;
  font-style: italic;
  text-align: center;
  transform: rotate(1deg);
}

.cat-cafe-info__note strong { color: #eeb000; font-size: 40px; line-height: 0.9; }

.cat-cafe-info__note i { position: absolute; right: 22px; top: 10px; color: #eeb000; font-size: 70px; font-style: normal; }

.cat-street-story { margin: 28px 0 58px; border-radius: 28px; background: #f3eee5; }

.cat-street-story summary { display: grid; gap: 8px; padding: clamp(26px, 4vw, 42px); cursor: pointer; list-style: none; }

.cat-street-story summary::-webkit-details-marker { display: none; }

.cat-street-story summary strong { font-family: Georgia, serif; font-size: clamp(27px, 3vw, 40px); font-weight: 500; }

.cat-street-story summary small { color: var(--accent); font-size: 14px; font-weight: 800; }

.cat-street-story__body { padding: 0 26px 28px; }

.cat-help-card,
.cat-final-card {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: end;
  margin: 44px 0 20px;
  padding: clamp(30px, 5vw, 54px);
  border-radius: 32px;
  background: linear-gradient(125deg, #fff1c6, #f2eee4 70%, #e7efe0);
}

.cat-help-card > div:first-child { max-width: 700px; }

.cat-help-card p { margin: 0; color: var(--muted); line-height: 1.6; }

@media (max-width:1050px) {
.kgorod-cat-detail { grid-template-columns: 1fr 0.9fr; }
}

@media (max-width:1050px) {
.kgorod-cat-detail__media,
  .kgorod-cat-detail__media > img,
  .kgv-cover-media-video { min-height: 480px; height: 480px; }
}

@media (max-width:760px) {
.kgorod-cat-detail__media,
  .kgorod-cat-detail__media > img,
  .kgv-cover-media-video { min-height: min(112vw, 520px); height: min(112vw, 520px); }
}

@media (max-width:760px) {
.kgorod-cat-detail__media { border-radius: 32px; }
}

@media (max-width:760px) {
.kgorod-cat-detail__body { width: 100%; padding: 22px 0 0; }
}

@media (max-width:760px) {
.kgorod-cat-detail__desc { font-size: 16px; line-height: 1.58; }
}

@media (max-width:760px) {
.cat-cafe-doodle--one { right: 8px; top: -12px; font-size: 58px; }
}

@media (max-width:760px) {
.cat-cafe-doodle--two { display: none; }
}

@media (max-width:760px) {
.cat-cafe-info { grid-template-columns: 1fr; }
}

@media (max-width:760px) {
.cat-cafe-info__note { min-height: 210px; }
}

@media (max-width:760px) {
.cat-help-card { display: block; }
}

@media (max-width:760px) {
.cat-help-card .hero-actions { margin-top: 24px; }
}

.cat-article-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}

.cat-article-related-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#fffaf0;color:inherit;text-decoration:none}

.cat-article-related-card:hover{color:inherit;border-color:rgba(21,21,21,.26)}

.cat-article-related-card .cat-article-related-card__art{display:block;width:100%;min-height:0;aspect-ratio:16/8.5;border-bottom:1px solid var(--border);background:#eef0e3;object-fit:cover}

.cat-article-related-card>span:not(.cat-article-related-card__art){margin:16px 18px 10px;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.18;font-weight:700;letter-spacing:-.03em}

.cat-article-related-card small{display:inline-flex;margin:0 18px 18px;color:#8b5a2b;font-size:13px;font-weight:800}

.cat-article-related-grid>.kgorod-cats__card{min-width:0;border-radius:22px;background:#fffaf0;box-shadow:none}

.cat-article-related-grid .kgorod-cats__image-wrap{aspect-ratio:16/8.5}

.cat-article-related-grid .kgorod-cats__body{padding:16px 18px 18px}

.cat-article-related-grid .kgorod-cats__name{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.18;font-weight:700;letter-spacing:-.03em}

@media (max-width:1050px) {
.cat-article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}

@media (max-width:640px) {
.cat-article-related-grid{grid-template-columns:1fr}
}

@media (max-width:640px) {
.cat-article-related-card span{font-size:18px}
}

.cat-traits__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width:420px) {
.cat-traits__list { gap: 8px; }
}