/* Visual context for the existing GUIDE country catalogue and detail cards. */
.countries-guide-page { background: radial-gradient(circle at 85% 5%, #cda65a18, transparent 30rem), #0b1013; }
.countries-guide-page main { padding-top: clamp(3.5rem, 8vw, 6rem); }

.countries-guide-page .grid > .country-identity {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 232px;
  align-items: end;
  border-color: #e1c06b59;
  background-color: #0c1920;
  background-position: center;
  background-size: cover;
  box-shadow: 0 16px 35px #0005;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.countries-guide-page .grid > .country-identity::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #071017f4 0%, #071017d7 47%, #07101757 100%);
}
.countries-guide-page .grid > .country-identity > * { position: relative; }
.countries-guide-page .grid > .country-identity strong { color: #ffe1a0; font-size: 1.18rem; }
.countries-guide-page .grid > .country-identity small { color: #ebe2d2; }

.country-card--saudi-arabia { background-image: url('/static/images/guide/makkah-masjid-al-haram-cc-by-3.jpg'); }
.country-card--uzbekistan { background-image: url('/static/images/countries/uzbekistan-guide-v1.png'); }
.country-card--turkiye { background-image: url('/static/images/countries/turkiye-guide-v1.png'); }
.country-card--malaysia { background-image: url('/static/images/countries/malaysia-guide-v1.png'); }
.country-card--indonesia { background-image: url('/static/images/countries/indonesia-guide-v1.png'); }
.country-card--singapore { background-image: url('/static/images/countries/singapore-guide-v1.png'); }
.country-card--kazakhstan { background-image: url('/static/images/countries/kazakhstan-guide-v1.png'); }
.country-card--kyrgyzstan { background-image: url('/static/images/countries/kyrgyzstan-guide-v1.png'); }

.country-guide-page {
  background-color: #0b1114 !important;
  background-position: top center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
.country-guide-page main { padding-top: clamp(3.5rem, 7vw, 5.7rem); }
.country-guide-page main > .country-identity {
  position: relative;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 3.2rem);
  border: 1px solid #e1c06b66;
  background: linear-gradient(110deg, #081218ef 0%, #0a151ade 52%, #0a151a70 100%);
  box-shadow: 0 22px 52px #0008, inset 0 1px #fff1;
  backdrop-filter: blur(5px);
}
.country-guide-page main > .country-identity h1 { color: #ffe3a8; text-shadow: 0 2px 22px #000d; }
@media (max-width: 700px) {
  .country-guide-page main > .country-identity {
    padding: 1.35rem 1.15rem;
  }
  .country-guide-page main > .country-identity h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 10vw, 2.85rem);
    letter-spacing: .015em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
}
.country-guide-page main > .country-identity .lead { color: #e0d8cb; }
.country-guide-page main > section {
  padding: clamp(1.3rem, 3vw, 2rem);
  border: 1px solid #e1c06b44;
  background: linear-gradient(135deg, #0d1b20eb, #151a15df);
  box-shadow: 0 16px 38px #0004, inset 0 1px #fff1;
  backdrop-filter: blur(5px);
}
.country-guide-page .facts-table { border-color: #e1c06b4e; }
.country-guide-page .fact-label { background: #b78e3718; color: #f1d391; }
.country-guide-page .grid > * { border-color: #e1c06b4b; background: linear-gradient(145deg, #112731ed, #182017e5); }
.country-guide-page .grid > .guide-country-service {
  position: relative;
  min-height: 10.6rem;
  padding-bottom: 2.8rem;
  background: linear-gradient(135deg, #172a2ced, #171d16e8 62%, #4d3b1659);
}
.country-guide-page .guide-country-service::before {
  content: "ОФИЦИАЛЬНЫЙ ИСТОЧНИК";
  display: block;
  margin-bottom: .75rem;
  color: #f2cd78;
  font: 700 .68rem/1.1 Arial, sans-serif;
  letter-spacing: .12em;
}
.country-guide-page .guide-country-service em {
  position: absolute;
  inset: auto 1.1rem 1rem;
  color: #ffe2a0;
  font: 700 .78rem/1.1 Arial, sans-serif;
  font-style: normal;
  letter-spacing: .03em;
}
.country-guide-page .guide-country-service:hover,
.country-guide-page .guide-country-service:focus-visible {
  border-color: #f6d58b;
  box-shadow: 0 14px 28px #0007, inset 0 1px #fff2;
  transform: translateY(-2px);
}
.country-guide-page .guide-country-more-services {
  margin-top: 1.1rem;
  padding: 1rem 0 0;
  border-top: 1px solid #e1c06b42;
}
.country-guide-page .guide-country-more-services summary {
  cursor: pointer;
  color: #f1d391;
  font: 700 .84rem/1.3 Arial, sans-serif;
  letter-spacing: .035em;
}
.country-guide-page .guide-country-more-services > p {
  max-width: 52rem;
  margin: .7rem 0 1rem;
  color: #d8d0c1;
}
.country-guide-page .guide-country-more-services[open] summary { margin-bottom: .35rem; }
.country-guide-page .country-readiness { max-width: 780px; padding: 1.2rem 1.3rem; border-inline-start: 3px solid #e1c06b; background: linear-gradient(110deg, rgba(184,142,55,.16), rgba(8,17,20,.2)); }
.country-guide-page .country-readiness h3 { margin: .2rem 0 .55rem; color: #ffe3a8; font: normal clamp(1.25rem,2vw,1.55rem)/1.2 Georgia, serif; }
.country-guide-page .country-readiness p:last-child { margin-bottom: 0; color: #e0d8cb; line-height: 1.6; }

.country-guide--saudi-arabia { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/guide/makkah-masjid-al-haram-cc-by-3.jpg') !important; }
.country-guide--uzbekistan { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/countries/uzbekistan-guide-v1.png') !important; }
.country-guide--turkiye { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/countries/turkiye-guide-v1.png') !important; }
.country-guide--malaysia { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/countries/malaysia-guide-v1.png') !important; }
.country-guide--indonesia { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/countries/indonesia-guide-v1.png') !important; }
.country-guide--singapore { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/countries/singapore-guide-v1.png') !important; }
.country-guide--kazakhstan { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/countries/kazakhstan-guide-v1.png') !important; }
.country-guide--kyrgyzstan { background-image: linear-gradient(90deg, #071016f4, #071016cf 55%, #07101673), url('/static/images/countries/kyrgyzstan-guide-v1.png') !important; }

@media (hover: hover) {
  .countries-guide-page .grid > .country-identity:hover {
    transform: translateY(-4px);
    border-color: #f4d786;
    box-shadow: 0 21px 42px #0008;
  }
}
@media (max-width: 700px) {
  .country-guide-page { background-attachment: scroll !important; background-position: 60% top !important; }
  .countries-guide-page .grid > .country-identity { min-height: 210px; }
  .country-guide-page main > .country-identity, .country-guide-page main > section { padding: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) { .countries-guide-page .grid > .country-identity { transition: none; } }
