:root {
    --second: hsl(221, 100%, 5%);
    --second-light: hsl(198, 61%, 31%);
    --second-light-opacity: hsla(198, 61%, 31%, 0.4);
    --primary: hsl(23, 83%, 53%);
    --gray: hsl(0, 0%, 40%);
    --dark-gray: hsl(0, 0%, 20%);
    --light-gray: hsl(200, 3%, 79%);
    --bg-hero: hsl(211, 100%, 9%);
    --bg-card: hsl(200, 32%, 100%);
    --light-gray-opacity: hsla(200, 3%, 79%, 25%);
    --white: hsl(0, 0%, 100%);
    --white-opacity: rgb(255 255 255 / 0.8);
    --white-opacity-strong: rgb(255 255 255 / 0.55);
    --gray-opacity: rgb(102 102 102 / 0.8);
    --gray-opacity-strong: rgb(102 102 102 / 0.05);
    --gray-opacity-banner: rgb(102 102 102 / 0.15);
    --text: hsl(0, 0%, 20%);
    --text-shadow: 1px 1px 2px rgb(0 0 0 / 0.3);
    --box-shadow: 0 5px 15px rgb(0 0 0 / 0.3);
    --box-shadow-promo: 0 5px 5px rgb(0 0 0 / 0.1);
    --box-shadow-hover: 0 15px 35px rgb(0 0 0 / 0.55);
    --bg-dark: url('../img/bg_dark.webp');
    --bg-light: url('../img/bg_white.webp');
    --bg-card-small: url('../img/bg-hot.webp');
    --bg-card-small-hover: url('../img/bg-hot-hover.webp');
    --bg-repeat: repeat;
    --bg-position: top left;
    --font-oswald: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    --font-arial-narrow: 'Arial Narrow', 'Oswald', Arial, sans-serif;
    --air: 5rem;
}
@media (max-width: 1024px) {
    :root {--air: 1.5rem;}
}
* { margin: 0; padding: 0; box-sizing: border-box;}
body { font-family: Arial, 'Helvetica Neue', sans-serif; background: var(--white); color: var(--text); padding-top: 101px;font-size: 16px;}
      @media (max-width: 1024px) {body {padding-top: 79px; font-size: 14px;}}  

.container { max-width: 1560px; margin: 0 auto; width: 100%;padding:0 20px;}
@media (min-width: 1561px) {.container {padding:0;}}
 @media (max-width: 768px) {.container {max-width: 100%; padding: 0 16px;}}

h1, h2, h3, .header-title, .stat-number, .header-nav a, .footer-nav a {
    font-family: var(--font-oswald);
}
.header { position: fixed;top: 0; left: 0;width: 100%; z-index: 10000;/*transition: background-color 0.3s ease;*/}

.header.header-scrolled {  background: var(--bg-light); color: var(--second);}
    .header-scrolled .nav a, .header-scrolled .burger span, .header-scrolled .lang-switch a, .header-scrolled .icon-orange, .header-scrolled .logo-box, .header-scrolled .lang-switch  a:not(:last-child)::after { color: var(--second); }
    .header-scrolled .date-place {color: var(--gray-opacity);}
    .header-scrolled .lang-switch a.active { color: var(--gray); text-decoration: none; }
    .header-scrolled .header-row--first {border-bottom: 1px solid var(--gray-opacity);}
    .header-scrolled .burger span { background: var(--second);}
    .header-scrolled  .burger::before { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: var(--second); transition: 0.2s; top: 0; }
    .header-scrolled  .burger::after { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: var(--second); transition: 0.2s; bottom: 0; }

    .header.header-scrolled .btn-outline { border-color: var(--second); color: var(--second);}
    .header.header-scrolled .btn-primary { background: var(--second); border: none; color: var(--white);  border: 1px solid transparent;}
    .header.header-scrolled .btn-primary:hover {background: transparent; border: 1px solid var(--second); color: var(--second); }
    .header.header-scrolled .btn-outline:hover {background: var(--second); color: var(--white);  }

@media (max-width: 768px) {
        .header-scrolled .header-row--first {border-bottom: none} 
        .header-scrolled .nav a {color: var(--white);}
    }

/*.header { background: var(--bg-dark) var(--bg-repeat);  color: var(--white);  padding: 20px 0 15px 0;  background-size: 180px auto; border-bottom: 1px solid var(--primary);}*/
.header { background: var(--second); background-repeat: var(--bg-repeat);  color: var(--white);  padding: 20px 0 15px 0;  background-size: 180px auto; border-bottom: 1px solid var(--primary);}
.grid-header { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: start; }
.grid-col-logo { display: flex; align-items: flex-start; }
.logo-box { background-color: var(--primary); border-radius: 5px; display: inline-block; padding: 4px 10px;}
    .logo-img { height: 50px; width: auto; display: block;}

.header-row--first { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--white-opacity);}
.date-place { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; font-size: 1.0rem; color: var(--white-opacity);}
.icon-orange { color: var(--primary); }
.search-lang { display: flex; align-items: center; gap: 24px; }
.lang-switch { display: flex; gap: 8px; }
    .lang-switch a { color: var(--primary); text-decoration: none; }
    .lang-switch a.active { color: var(--white); text-decoration: none; }
    .lang-switch a:hover { color: var(--white-opacity); }
.lang-switch  a:not(:last-child)::after { content: ' /'; position: relative;  margin: 0px 0px 0 4px; color: var(--white); background: transparent;}
.header-row--second { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; padding-top: 10px;}

.nav { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; flex: 1; }
    .nav a { font-family: 'Oswald', sans-serif; font-size: clamp(1.15rem, 1vw, 1.1rem); color: var(--white); text-decoration: none; padding: 0 clamp(8px, 1.2vw, 15px); position: relative; text-transform: uppercase; }
        .nav > ul > li:not(:last-child) > a::after { content: '|'; position: relative; right: -15px; color: var(--primary); background: transparent; width: auto; height: auto; }
        .nav a:hover, .nav li.active a { color: var(--primary); }
        .nav > ul { display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; }
        .nav > ul > li { position: relative; }

    .nav .podmenu { position: absolute; top: 41px; left: 0; background: var(--white); min-width: 240px; padding: 10px 0 0 0 0; z-index: 10; border: 1px solid var(--primary); opacity: 0; visibility: hidden; transition: 0.2s; }
    .nav > ul > li:hover .podmenu { opacity: 1; visibility: visible; }
        .nav .podmenu li { display: block; margin: 0; padding: 0; }
        .nav .podmenu a, .nav li.active .podmenu a { font-family: 'Arial', sans-serif; font-size: clamp(0.85rem, 0.9vw, 1.0rem); color: var(--second); padding: 10px 16px; display: block; white-space: nowrap; text-transform: none; }
        .header-scrolled .nav .podmenu a:hover,  .nav .podmenu a:hover, .nav li.active .podmenu a:hover  { background: var(--primary); color: var(--white); }
        .nav .podmenu a::after { display: none; }

    .burger { display: none; cursor: pointer; width: 30px; height: 20px; position: relative; }
        .burger span { position: absolute; left: 0; width: 100%; height: 3px; background: var(--primary); transition: 0.2s; top: 50%; transform: translateY(-50%); }
        .burger::before { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: var(--primary); transition: 0.2s; top: 0; }
        .burger::after { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: var(--primary); transition: 0.2s; bottom: 0; }
        .burger.active span { opacity: 0; }
        .burger.active::before { top: 50%; transform: translateY(-50%) rotate(45deg); }
        .burger.active::after { bottom: 50%; transform: translateY(50%) rotate(-45deg); }

@media (max-width: 1400px) {
    .action-buttons { display: none !important; }
    .nav a { padding: 0 clamp(6px, 1.5vw, 12px); }
}
@media (max-width: 1024px) {
    .grid-header { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; }
    .burger { display: flex; }
    .header-row--first {border-bottom: none;padding-bottom: 0;}
    .logo-img { height: 35px; width: auto; display: block;}
    .action-buttons, .date-place { display: none !important; }
    .nav { position: fixed; top: 79px; left: -100%; width: 80%; /*height: 100%;*/ background: var(--second); transition: 0.3s; z-index: 100; padding: 20px 20px 40px; overflow-y: auto; }
        .nav.active { left: 0; }
        .nav ul { flex-direction: column; gap: 0; width: 100%; height: auto;}
        .nav li { border-bottom: 1px solid rgba(255,255,255,0.1); }
        .nav a { display: block; padding: 12px 0; font-size: 1rem; }
        .nav a:not(:last-child)::after { display: none; }
        .nav .podmenu { position: static; border: none; background: transparent; padding-left: 20px; display: none; }
        .nav li.open .podmenu { display: block; }
       .header-scrolled .nav .podmenu a,  .nav .podmenu a { color: var(--white); white-space: normal; }
        body.menu-open { overflow: hidden; }
        .header-row--second { flex-direction: column; align-items: flex-start; }
        .search-lang svg, .lang-switch .active {display: none;}  
        .grid-col-content {justify-content: center;    align-items: center;   padding-bottom: 0;   margin: 0;    display: flex;}
}

.action-buttons { display: flex; gap: 16px; }
.header .btn { padding: 5px 10px; font-size: .8rem; cursor: pointer; }
.header .btn-outline { background: transparent; border: 1px solid var(--primary); color: var(--primary); }
.header .btn-primary { background: var(--primary); border: none; color: var(--second); }
.btn-primary:hover {background: transparent; border: 1px solid var(--primary); color: var(--primary); }
.btn-outline:hover {background: var(--primary); color: var(--second);  }

section {width: 100%;}

.corner { position: relative; }
    .corner::before, .corner::after { content: ''; position: absolute; width: 150px; height: 81px; background: url('../img/border-card.svg') no-repeat; background-size: contain; pointer-events: none; opacity: 0.6; }
    .corner::before { top: 0; left: 0; }
    .corner::after { bottom: 0; right: 0; transform: scale(-1, -1); }

.mask { position: relative; }
    .mask::before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%;  mask: url('../img/mask.svg') right/contain no-repeat; -webkit-mask: url('../img/mask.svg') right/contain no-repeat; opacity: 1; pointer-events: none; z-index: 0; }

.footer { background: var(--second) var(--bg-repeat);  color: var(--white);  padding: 20px 0 40px;  background-size: 200px auto; border-top: 2px solid var(--white-opacity-strong);}
    .grid-footer { display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: start; }
    .footer .container {background-color: var(--second); padding: 20px 0px;}

.footer-col--center { display: flex; flex-direction: column; gap: 16px; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 0;  justify-content: center; flex: 1;}
    .footer-nav a { font-family: 'Oswald', sans-serif; font-size: 1rem; color: var(--white-opacity); text-decoration: none; padding: 0 12px; position: relative; }
        .footer-nav a:not(:last-child)::after { content: '|'; position: relative; right: -12px; color: var(--white-opacity); background: transparent; width: auto; height: auto; }
        .footer-nav a:hover { color: var(--white); }

.footer-consent { font-size: 0.75rem; color: var(--white-opacity); text-align: center; border-top: 1px solid var(--white-opacity);padding-top: 25px;}
    .footer-consent a { color: var(--white-opacity); text-decoration: none; font-size: 0.8rem;}
    .footer-consent a:hover { color: var(--white); text-decoration: underline;}
    .footer-consent .separator { color: var(--white); margin: 0 8px; }

.footer-copyright { font-size: 0.95rem; color: var(--white-opacity); text-align: center;}
  .footer-copyright img.logo-org {width: 100%;max-width:450px; height: auto;display: block; margin: 10px auto;opacity: .6;}

.footer-col--contacts { display: flex; flex-direction: column; gap: 8px; font-size: 0.9rem; color: var(--white-opacity); }
.footer-address, .footer-phone { line-height: 1.4; }


.footer-socials { margin-top: 20px; display: flex; gap: 16px;   align-items: center;}
.social-link { color: var(--white-opacity); font-size: 22px; transition: 0.2s; }
.social-link:hover { color: var(--white); }
.footer-col--logo {display: flex; flex-direction: column;align-items: center;}
.footer-org img {margin: 20px auto 0 auto;display: block;}

@media (max-width: 1024px) { 
    .grid-footer { grid-template-columns: 1fr; gap: 0; text-align: center; } 
    .footer-nav { justify-content: center; } .footer-nav a { padding: 0 8px; display: none;} 
        .footer-nav a:not(:last-child)::after { right: -8px; } 
    .footer-consent { text-align: center; } 
    .footer-col--logo img {height: 50px;}
    .footer-col--contacts {margin: 20px auto;}
     .footer .container {padding: 20px;}
}

.videophone { position: relative;   height: 520px;   border-bottom: 4px solid var(--primary); color: var(--white); text-shadow:var(--text-shadow); overflow: hidden;z-index: 100;}
    .videophone .label { position: relative;   width: 100%;  text-align: center;  padding: 0 40px 20px 40px;  backdrop-filter: blur(2px);margin: 10px 10vw 20px;text-align: center; padding-bottom: 15px;
        & h1 {font-size: clamp(1.75rem, 5vw, 2.5rem);text-shadow: var(--text-shadow); color: var(--white); padding-top: 20px; padding-bottom: 0px;text-shadow: var(--text-shadow);text-transform: uppercase;font-weight: normal;}
        & h2 { font-size: clamp(1.75rem, 5vw, 2.5rem);font-weight: normal;text-transform: uppercase; color: var(--white);border: 0;margin: 15px auto 5px auto;letter-spacing: 1px; border-bottom: 1px solid var(--white-opacity);padding-bottom: 30px;}
        & .button {position: absolute;bottom: -22px; right: -40px;font-family: var(--font-oswald); font-size: 1.2rem; display: none;}
        & .button a {font-size: 1.15rem; color: var(--white);padding-left:clamp(30px, 2.6vw, 50px);text-transform: uppercase;font-family: var(--font-oswald); color: var(--white); font-weight: 400;}
        & .button a:hover {text-decoration: none;} 
        & .button a.visit {color: var(--primary);} 
        & .date_location {padding: 40px 0 20px 0;}
        & .date_location span {font-size: 1.8rem;text-transform: uppercase;font-family: var(--font-arial-narrow); padding: 0 20px;}
    }
.videophone .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at center, #000 0%, rgba(0,0,0,0) 50%); }
    .videophone .container { position: relative; z-index: 2;  height: 100%;  display: flex;   align-items: center;   justify-content: center;}
        .videophone .label::before,  .videophone .label::after {content: ''; position: absolute;  width: 216px; height: 135px; background: url('../img/label-hero.svg') no-repeat; background-size: contain;}
        .videophone .label::before {  top: -15px; right: -40px; }
        .videophone .label::after { bottom: -20px; left: -40px; transform: scale(-1, -1); }
.bg-videophone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }

@media (max-width: 1400px) and (min-width: 767px)  {
.videophone .label {max-width: 1280px; width: 100%;
   & .button {display: block;} 
      & h1 {font-size: 2.0rem; letter-spacing: 0;}
      & h2 {font-size: 2.0rem;}
}
}
            
@media (max-width: 768px) {
    .videophone .label { position: relative;  text-align: center;  padding: 0;max-width: 400px; backdrop-filter: blur(2px); margin: 0;
        & h1 {font-size: 1.22rem; letter-spacing: 0;}
        & h2 {font-size: 1.15rem;}
        & .date_location {padding-top: 10px;}
        & .date_location span {font-size: 1.1rem;font-family: var(--font-arial-narrow) !important; padding: 5px 10px;display: block;}    
        & .date_location .button a {font-size: 0.9rem;text-transform: uppercase;font-family: var(--font-arial-narrow);padding-left: 10px;}
        & .button {all:unset; display: block;width: 80%;margin: auto;}
    }
     .videophone .label::before, .videophone .label::after {display: none;}
     .videophone .label .button a, .videophone .label .button a.visit {display: block;padding:5px 10px;margin:25px auto;text-decoration: none;border: 1px solid var(--primary);color: var(--white);width: 100%;background-color: var(--primary);}
     .hotlink-title {width: auto;}
    
} 
            
.stat { position: relative; padding: 30px 0 60px 0; background: transparent; }
    .stat-bg { position: absolute; top: 55px; left: 0; width: 100%; height: 85px; background-image: url(../img/bg-uc1.png); background-repeat: repeat; background-size: auto; z-index: 0; opacity: .05;filter: grayscale(100%);}

    .stat .container { display: flex; justify-content: center; }
    .stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 100px; text-align: center; }
        .stat-card { position: relative; padding: 20px 50px; background: var(--white);}
        .stat-card::before, .stat-card::after { content: ''; position: absolute; width: 150px; height: 81px; background: url('../img/border-card.svg') no-repeat; background-size: contain; }
            .stat-card::before { top: 0; left: 0;  }
            .stat-card::after {bottom: 0; right: 0; transform: scale(-1, -1); }
            .stat-number { font-family: var(--font-oswald); font-size: 3.8rem; font-weight: 700; color: var(--primary); line-height: 1.2; margin-bottom: 10px; text-wrap-mode: nowrap;}
            .stat-label { font-family: var(--font-arial-narrow); font-size: 0.9rem; text-transform: uppercase; color: var(--gray); letter-spacing: 1px; }
            .stat-card-text {font-size: 1.15rem;line-height: 1.5;text-align: justify;}


@media (max-width: 1400px) { 
        .stat-grid { grid-template-columns: repeat(2, 1fr); gap: 2em 5rem;}
        .stat-bg {height: 250px;}
    }  
@media (max-width: 768px) { .stat-bg {height: 487px;}}
@media (max-width: 640px) { .stat-grid { grid-template-columns: 1fr; gap: 30px; } .stat-number { font-size: 2.5rem; } }

/* ===== ВРЕМЕННЫЙ ПЕРЕКЛЮЧАТЕЛЬ (ПОТОМ УДАЛИТЬ) ===== */
input[name="statSwitch"] { position: absolute; opacity: 0; pointer-events: none; }

.stat-numbers { display: block; }
.stat-text { display: none; }

#showText:checked ~ .stat-numbers { display: none; }
#showText:checked ~ .stat-text { display: block; }

.stat-toggle { display: flex;  gap: 20px; justify-content: center; margin-top: 40px;  padding: 12px 24px;  font-family: var(--font-arial-narrow), Arial, sans-serif;
    & label { padding: 8px 24px;  background: #fff;  cursor: pointer;  color: var(--gray);  transition: all 0.2s;  border: 1px solid #ddd;}
    & label:hover { background: #e0e0e0;}
}
#showStats:checked ~ .stat-toggle label[for="showStats"] {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}
#showText:checked ~ .stat-toggle label[for="showText"] {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}
.stat:has(#showStats:checked) .stat-toggle label[for="showStats"] { background: var(--primary); color: #fff; border-color: var(--primary); }
.stat:has(#showText:checked) .stat-toggle label[for="showText"] { background: var(--primary); color: #fff; border-color: var(--primary); }

section {width: 100%;padding: 80px 0;
  & h2 {color: var(--second-light);text-transform: uppercase;font-size: clamp(1.5rem, 5vw, 2.5rem);border-bottom: 2px solid var(--primary);width: fit-content;margin-bottom: 40px;font-weight: 400;}
  & button {width: fit-content;   box-sizing: border-box;   background: var(--second-light);   color: var(--white);  font-size: 1.2rem;  font-family: var(--font-arial-narrow);  text-transform: uppercase;   text-decoration: none;   padding: 10px 40px;  border: 0;   margin: 40px 20px 0 20px; cursor: pointer; display: inline-block; font-weight: 600;}
  & button:hover {transform: translateY(-3px); box-shadow: 0 2px 4px rgb(0 0 0/0.5); background: var(--primary);}
  & a.btn {width: fit-content;   box-sizing: border-box;   background: var(--second-light);   color: var(--white);  font-size: 1.2rem;  font-family: var(--font-arial-narrow);  text-transform: uppercase;   text-decoration: none;   padding: 10px 40px;  border: 0;   margin: 10px 0px 0 0px; cursor: pointer; display: inline-block; font-weight: 600;}
  & a.btn:hover {transform: translateY(-3px); box-shadow: 0 2px 4px rgb(0 0 0/0.5); background: var(--primary);}
}
@media (max-width: 1024px) {section {width: 100%;padding: 40px 0; margin: 0;} .welcome-photo, .collage {padding: 20px 0;} .reason{padding: 40px 0 20px;} .stat-bg {display: none;}}
@media (max-width: 768px) {section {margin:0; padding: 25px 0;
  & a.btn {margin: auto;}
  & h2 {text-align: center;width: auto;margin-bottom: 20px;}
}  
.stat-bg {display: none;} }

.benefits { padding: 60px 0; background: var(--white); }
.col-left {margin-top: 40px;}
    .benefits-grid { display: grid; grid-template-columns: 40% 60%; gap:0}
        .benefits-left-title { font-family: var(--font-oswald); font-size: 4rem; color: var(--primary); margin-bottom: 5px;border-bottom: 2px solid var(--second); width: fit-content;}
        .benefits-left-subtitle { font-family: var(--font-oswald); font-size: 1.25rem; color: var(--second);margin-top: -4px; padding-top: 10px; font-weight: normal; margin-bottom: 25px; text-transform: uppercase; }
        .col-left p {font-size: 1.5rem;line-height: 1.5;padding: 10px 0;}
        .dissolvable {position: relative; cursor: pointer; min-height: 35px;}
        .dissolvable-layer {position: absolute;top: 0; left: 0;  width: 100%;  transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out;}
.dissolvable-first {  opacity: 1;  filter: blur(0px);}
.dissolvable-last {  opacity: 0;  filter: blur(10px);  pointer-events: none;}
.dissolvable:hover .dissolvable-first {  opacity: 0;  filter: blur(10px);}
.dissolvable:hover .dissolvable-last {  opacity: 1;  filter: blur(0px);  pointer-events: auto;}

        .col-right { display: flex; flex-direction: column; gap: 2px; }
            .benefit-card { position: relative; padding: 35px; overflow: hidden; border-top: 4px solid var(--primary); 
                & button {margin: 20px 0 0 0; padding: 0; background: transparent;font-family: var(--font-oswald);color: var(--primary);text-transform: uppercase;text-decoration: underline;border: 0;font-size: 1.125rem;cursor: pointer;}
                & button:hover {color: var(--white);background: transparent;}
            }
            .benefit-card-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/bg-benefit.jpg') center/cover no-repeat; z-index: 0; }
            .benefit-card-overlay { position: absolute; top: 0; left: 0; width: 65%; height: 100%; background: rgba(4,14,26,0.75); z-index: 1; }
                 .benefit-card.left .benefit-card-overlay {right: 35%;}
                 .benefit-card.right .benefit-card-overlay {left: 35%;}
            .benefit-card-content { position: relative; z-index: 2; color: var(--white); }
            .benefit-card-title { font-family: var(--font-oswald); font-size: 1.5rem; margin-bottom: 15px; text-transform: uppercase; font-weight: 500;}
            .benefit-card-text {  font-size: 1.0rem; line-height: 1.4; opacity: 0.9; max-width: 60%; }
            .benefit-card.left .benefit-card-content { text-align: left; }
            .benefit-card.right .benefit-card-content { text-align: right; }
            .benefit-card.right .benefit-card-text { margin-left: auto; }
            
@media (min-width: 1561px) {.col-left {padding-right: 60px;}}
@media (max-width: 1024px) { .benefits-grid { grid-template-columns: 1fr; gap: 60px; } .benefits {margin-top: 0;padding-top: 0;} } 
@media (max-width: 768px) { 
    .benefit-card-text { max-width: 100%; } 
    .benefit-card--right  .benefit-card-text { margin-left: 0; } 
     .benefit-card.left .benefit-card-overlay {right: 0;}
       .benefit-card.right .benefit-card-overlay {left: 0;}
       .benefit-card.right .benefit-card-content {text-align: left;}
       .benefit-card-overlay {width: 100%;} 
}

.hotlinks { padding: 60px 0; background: var(--white); position: relative;}
    .bg-hotlinks { position: absolute; top: 190px; left: 0; width: 100%; height: 410px; background-image: url(../img/bg-res.png); background-repeat: var(--bg-repeat); background-size: 250px auto; opacity: .2;} 
    
   .hotlinks-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);  gap: 60px;
    grid-template-areas:
        "participant . visit"
        "participant statistic visit"
        "themie statistic catalog"
        "themie . catalog";
  
}
    .hotlinks-grid a, .hotlinks-grid a:hover {text-decoration: none;}
        .participant { grid-area: participant; }
        .visit { grid-area: visit; }
        .statistic { grid-area: statistic; }
        .themie { grid-area: themie; }
        .catalog { grid-area: catalog; }
        
        .hotlink-card {position: relative; width: stretch; height: 210px; background:hsla(198 0 94 / 90%); padding: 35px; text-align: left; display: flex; flex-direction: column; justify-content: top;   transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;box-shadow: var(--box-shadow);}         
        .hotlink-card:hover { background: var(--second);transform: translateY(-3px);box-shadow: var(--box-shadow-hover);} 
        .hotlink-card-bg.mask::before {opacity: 1;}
        .hotlink-card::before {top: 10px; left: 10px; filter: grayscale(100%) opacity(0.5);}
        .hotlink-card:hover::before {top: 10px; left: 10px; filter: brightness(0) invert(1);}
        .hotlink-card.active .hotlink-title, .hotlink-title:hover {color: var(--white);} 
        .hotlink-card.active {background: var(--second);}      
        .hotlink-card.active img {opacity: 1;}
        .hotlink-card.active .hotlink-title, .hotlink-title:hover {color: var(--white);}
        .hotlink-card.active::before { content: ''; position: absolute; top: 10px; left: 10px; width: 150px; height: 81px; background: url('../img/border-card.svg') no-repeat; filter: brightness(0) invert(1); }
        .hotlink-card::after {display: none;}
        .hotlink-title { font-family: var(--font-oswald); font-size: clamp(1.6rem, 2.1vw, 2.1rem); margin-bottom: 15px; text-transform: uppercase; color: var(--gray); font-weight: 500; width: 200px;}
        .hotlink-card:hover .hotlink-title {color: var(--white);}
        .hotlink-card .hotlink-card-bg {width: 208px; height: 192px; position: absolute; bottom: -3px; right: -2px;} 
        .hotlink-card-bg img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(100%) opacity(.3); transition: filter 0.3s ease; will-change: filter;}
        .hotlink-card-bg.mask img { mask: url('../img/mask.svg') right/contain no-repeat; -webkit-mask: url('../img/mask.svg') right/contain no-repeat;}
        .hotlink-card.active .hotlink-card-bg img, .hotlink-card:hover .hotlink-card-bg img { filter: grayscale(0%) opacity(1);}

@media (min-width: 1280px) and (max-width: 1560px)  {
    .hotlinks-grid { gap: 40px;} 
    .hotlink-card {width: 100%;}
    .hotlink-title {width: 200px;}
}

@media (min-width: 768px) and (max-width: 1281px)  {
    .hotlinks-grid { 
    display: grid;
    grid-template-columns: 1fr 1fr 0 1fr 1fr;
    grid-template-areas: 
        "participant participant . visit visit"
        "catalog catalog . themie themie"
        ". statistic statistic statistic.";
    gap: 40px 20px;
    }
    .hotlink-card {width: 100%;}
    .bg-hotlinks {height: 600px;top:220px} 
    .hotlink-title {font-size: 1.8rem;}
}

@media (max-width: 767px) { 
    .hotlinks {background: #e6e6e6;}    
    .hotlinks-grid { grid-template-columns: 1fr; grid-template-areas: "participant" "visit" "statistic" "themie" "catalog"; gap: 40px;}
    .bg-hotlinks {display: none;}
    .hotlink-card { height: 170px; background: var(--second); padding: 25px 33px; width: 100%; flex-direction: column;overflow: hidden;}
    .hotlink-card-bg.mask img { filter: grayscale(0%) opacity(1);margin-top:40px}
    .hotlink-card .hotlink-card-bg {filter: grayscale(0%) opacity(.7); background-repeat: no-repeat;} 
    .hotlink-card .hotlink-title {color: var(--white);}
    .hotlink-card::before {filter: brightness(0) invert(1);}
}

section.news {padding: 60px 0;}
.news-grid {display: grid; gap: 3.2em; align-items: start; grid-template-columns: 1fr 422px; /*padding: 40px 0;*/background: var(--white);}

.cards-news {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
    .card-news { background: #f7f7f7; padding: 20px 15px; transition: transform 0.2s ease, box-shadow 0.2s ease, border 0.2s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border: 1px solid transparent; }
        .card-news:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); border: 1px solid var(--primary); }
        .card-news .news-preview  {margin: 10px -15px;}
            .card-news .news-preview img {width: 100%;}
    .card-news .news-link {color: var(--second);font-size: 1.0rem;text-decoration: none;font-family: var(--font-arial-narrow);}
    .card-news:hover .news-link {color: var(--primary);}
.news-date {font-size: 1.0rem;  font-family: var(--font-arial-narrow); color: var(--primary);  display: flex; align-items: center;  gap: 10px; }


.news-subscribe {border-top: 4px solid var(--primary);padding: 15px 35px 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-left:  #f7f7f7; border-right:  #f7f7f7;border-bottom:  #f7f7f7;}
    .news-subscribe h3 {font-weight: 500;color: var(--second);font-size: 1.5rem; text-align: center;margin-top: -5px;}
    .subscribe-form { display: flex; flex-direction: column; gap: 20px; padding: 20px 25px;}
        .subscribe-form input[type="text"],
        .subscribe-form input[type="email"] { border: 1px solid var(--second); color: var(--second); padding: 10px 15px; width: 100%; box-sizing: border-box; }
        .subscribe-form button { width: 100%; box-sizing: border-box;  background: var(--primary);color: var(--white); font-family: var(--font-arial-narrow);  font-size: 1rem;  text-transform: uppercase;  text-decoration: none;  padding: 10px 0px;border: 0;}
        .subscribe-form label { align-items: baseline; gap: 8px; font-size: 0.8rem; color: var(--gray);}
            .subscribe-form label a {color: var(--primary);flex-wrap: wrap;}
            .subscribe-form label a:hover {text-decoration: underline;} 
        .subscribe-form label input { width: auto; margin: 0; }
        .subscribe-form input::-webkit-input-placeholder { color: var(--second); opacity: 1; }
        .subscribe-form input::-moz-placeholder { color: var(--second); opacity: 1; }
        .subscribe-form input:-ms-input-placeholder { color: var(--secondy); opacity: 1; }
        .subscribe-form input::placeholder { color: var(--second); opacity: 1; }

@media (min-width: 1561px) {.news-grid {gap: 100px;}}        
@media (max-width: 1024px) and (min-width: 786px){
    .news-grid  {grid-template-columns: repeat(2, 1fr);}
    .cards-news {display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
    .subscribe-form {padding: 20px 0;}
    .card-news .news-preview img {display: none;}
}

@media (max-width: 787px) {
    .news-grid  {grid-template-columns: repeat(1, 1fr);}
    .cards-news {display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
    .subscribe-form {padding: 20px 0;}
}

/*update 28.05*/
    .news.new .cards-news.new a { display: block; text-decoration: none; color: inherit;}
    .news.new .cards-news.new .news-grid { justify-content: space-between;}
    .news.new .news-card.corner { box-shadow: var(--box-shadow); }
        .news.new .news-card.corner:hover { transform: translateY(-5px); box-shadow: var(--box-shadow-hover); }
        .news.new .news-card.corner .news-img { position: relative; width: 100%; height: 240px; background-size: cover; background-position: center; }
          .news.new .news-card.corner .news-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); transition: opacity 0.3s; pointer-events: none; }
          .news.new .news-card.corner:hover .news-img::after { opacity: 0; }
        .news.new .news-card.corner .news-date-badge { position: absolute; top: 10px; right: 10px; background: var(--primary); color: var(--white); padding: 5px 12px; font-size: 0.8rem; font-weight: 600; z-index: 2; border-radius: 0; }
        .news.new .news-card.corner .news-title-overlay { position: absolute; bottom: 20px; left: 20px; right: 20px; color: var(--white); font-family: var(--font-oswald); font-size: 1.2rem; line-height: 1.3; z-index: 2; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
        .news.new .news-card.corner .news-content { padding: 25px 25px 10px 25px;min-height: 40px;}    
        .news.new .news-card.corner .news-excerpt { font-size: 0.9rem; color: var(--gray); margin-bottom: 25px; line-height: 1.4;  text-decoration: none;    display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;  word-break: break-word;}
        .news.new .news-card.corner .news-link { color: var(--primary); text-decoration: none; font-weight: 600; border-bottom: 1px solid transparent; }
        .news.new .news-card.corner:hover .news-excerpt { color: var(--primary); }
        .news.new .news-card.corner::before { top: 10px !important; left: 10px;  filter: brightness(0) invert(1); z-index: 100;}
        .news.new .news-card.corner::after { bottom: 10px; right: 10px; }
        .news.new .cards-news.new button.btn {border: 0; background: var(--primary); font-family: var(--font-arial-narrow); font-size: 1rem; padding: 10px 40px; text-transform: uppercase; color: var(--white);}


        
@media (max-width: 1024px) and (min-width: 786px){
    .news.new .news-grid  {grid-template-columns: repeat(2, 1fr);}
    .news.new .cards-news {display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
    .news.new .news-card.corner .news-img  {background-image: none !important;}
     .news.new .news-card.corner .news-img { position: relative; width: 100%; height: auto;padding: 15px 20px}
        .news.new .news-card.corner .news-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: opacity 0.3s; pointer-events: none; }
        .news.new .news-card.corner .news-title-overlay { position: relative; color: var(--second);  z-index: 2;   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);   padding: 40px 40px 0 0px;}
     .news.new .news-card.corner .news-content {display: none;}
      .news.new .news-card.corner .news-date-badge {position: relative;  width: fit-content;  margin: -10px 0 0 auto; color: var(--second);background: transparent;border-bottom: 1px solid var(--primary);font-weight: normal; padding: 0;line-height: 1.2;}      
    .news.new .news-card.corner::before { filter: brightness(0) invert(0);}
}

.news.new .news-subscribe {border-top: 4px solid var(--primary);padding: 30px 35px 7px; box-shadow: var(--box-shadow); border-left:  #f7f7f7; border-right:  #f7f7f7;border-bottom:  #f7f7f7;}
    .news.new .news-subscribe h3 {font-weight: 500;color: var(--second-light);font-size: 1.5rem; text-align: center;margin-top: -5px;}
    .news.new .subscribe-form { display: flex; flex-direction: column; gap: 20px; padding: 20px 25px;
        & input[type="text"], input[type="email"] { border: 1px solid var(--second-light); color: var(--second-light); padding: 10px 15px; width: 100%; box-sizing: border-box; }
        & button { width: 100%; box-sizing: border-box;  background: var(--second-light);color: var(--white); font-family: var(--font-arial-narrow);  font-size: 1rem;  text-transform: uppercase;  text-decoration: none;  padding: 10px 0px;border: 0;margin: 0;cursor: pointer;}
        & button:hover {transform: translateY(-3px); box-shadow: 0 2px 4px rgb(0 0 0/0.5); background: var(--primary);}
        & label { align-items: baseline; gap: 8px; font-size: 0.8rem; color: var(--gray);}
        & label a {color: var(--primary);flex-wrap: wrap;}
        & label a:hover {text-decoration: underline;} 
        & label input { width: auto; margin: 0; }
        & input::-webkit-input-placeholder { color: var(--second); opacity: 1; }
        & input::-moz-placeholder { color: var(--second); opacity: 1; }
        & input:-ms-input-placeholder { color: var(--secondy); opacity: 1; }
        & input::placeholder { color: var(--second); opacity: 1; }
    }
.news.new .news-subscribe input:focus::placeholder  {opacity: 0;transition: opacity 0.15s ease;}
@media (min-width: 1561px) {.news-grid {gap: 100px;}}        

@media (max-width: 1024px) and (min-width: 786px){
    .news.new .news-grid  {grid-template-columns: repeat(2, 1fr);}
    .news.new .cards-news {display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
 .news.new .subscribe-form {padding: 20px 0;}
    .news.new .card-news .news-preview img {display: none;}
}

@media (max-width: 787px) {
   .news.new  .news-grid  {grid-template-columns: repeat(1, 1fr);}
   .news.new  .cards-news {display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
   .news.new  .subscribe-form {padding: 20px 0;}
}


.banners {padding: 60px 0 80px 0; position: relative;display: flex;}
.bg-banners { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 150px;     background-image: url(../img/bg-uc1.png);   background-repeat: var(--bg-repeat);   background-size: auto;    opacity: .05;z-index: 1; filter: grayscale(100%);    z-index: 0;} 
.banner-img {display: flex;  margin: 0 auto;  padding: 0; background-color: var(--white); position: relative; overflow: hidden; width: 70%; outline: 1px solid var(--gray-opacity-banner);outline-offset: 1px; box-shadow: var(--box-shadow);
        & img {width: 100%; max-width: 100%; height: auto; display: block;}
        & .label-ad {position: absolute; top: 15px; right: -35px; transform: rotate(35deg); background: var(--gray-opacity); color: var(--white-opacity); font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; padding: 10px 45px 10px 65px; z-index: 2; pointer-events: none; text-shadow: var(--text-shadow);box-shadow: var(--box-shadow);letter-spacing: 2px;}
    }
@media (max-width: 1024px) {
.bg-banners {display: none;} 
}
@media (max-width: 787px) {.banners .banner-img {width: 100%;}}


.partners { padding: 60px 0; background: #e6e6e6;}
    .slider-card { display: flex; background: var(--white); border: 1px solid var(--gray-opacity-strong); width: fit-content; padding: 20px; text-align: center; position: relative; outline: 1px solid var(--white);  outline-offset: 2px; align-items: center; margin: 20px 0;}
        .slider-card img { max-width: 100%; height: auto; display: block; margin: auto;  }
    .partner-label {  background: var(--second-light); color: var(--white); display: inline-block; padding: 3px 5px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 0.8rem;font-family: var(--font-arial-narrow); opacity: .85;text-transform: uppercase;letter-spacing: 2px;}

        .partners-slider-viewport {display: flex; align-items: stretch;position: relative; display: flex; overflow-x: auto;  scrollbar-width: none;}
        .slider-card { flex: 0 0 auto; scroll-snap-align: start; background: var(--white); padding: 20px; width: 250px; display: flex; align-items: center; justify-content: center; filter: grayscale(100%);opacity: .8;}
         .slider-card:hover { opacity: 1; filter: grayscale(0%);outline: 1px solid var(--second-light); border: 1px solid var(--second-light-opacity);}
            .slider-card img { max-width: 100%; height: auto; display: block; }

    .slider-animated {     display: flex;  gap: 2rem;  padding-right: 2rem;  animation: scrollPartners 25s infinite linear;}
        .partners-slider-viewport:hover .slider-animated { animation-play-state: paused;}
        @keyframes scrollPartners {
            from { transform: translateX(0); }
            to { transform: translateX(-100%); }
        }


@media (max-width: 768px) {
    .partners-top, .partners-cards {grid-template-columns: repeat(1, 1fr);} 
    .partners-top, .slider-track {gap: 0;}
    .partners-cards {gap: 40px;}
    .partners h2 {font-size: 1.9rem;margin: 0 auto 40px auto;}
    .slider-card  { display: flex; align-items: center; justify-content: center;}
     .partners-slider {padding: 0 60px;}

}
 
/*update 28.05*/
    .cards-news.new a { display: block; text-decoration: none; color: inherit;}
    .cards-news.new .news-grid { justify-content: space-between;}
        .news-card.corner { position: relative; background: var(--white); overflow: hidden; transition: 0.2s;     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  border-left: #f7f7f7; border-right: #f7f7f7;  border-bottom: #f7f7f7;
          &:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
          & .news-img { position: relative; width: 100%; height: 240px; background-size: cover; background-position: center; 
            &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); transition: opacity 0.3s; pointer-events: none; }
          }
        & .news-date-badge { position: absolute; top: 10px; right: 10px; background: var(--primary); color: var(--white); padding: 5px 12px; font-size: 0.8rem; font-weight: 600; z-index: 2; border-radius: 0; }
        & .news-title-overlay { position: absolute; bottom: 20px; left: 20px; right: 20px; color: var(--white); font-family: var(--font-oswald); font-size: 1.2rem; line-height: 1.3; z-index: 2; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
        & .news-content { padding: 25px 25px 10px 25px;min-height: 40px;} 
        & .news-excerpt { font-size: 0.9rem; color: var(--gray); margin-bottom: 15px; line-height: 1.4;  text-decoration: none;    display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;  word-break: break-word;
          &:hover .news-excerpt { color: var(--primary); }
          
        }
        & .news-link { color: var(--primary); text-decoration: none; font-weight: 600; border-bottom: 1px solid transparent; }
          &::before { top: 10px !important; left: 10px;  filter: brightness(0) invert(1); z-index: 100;}
          &::after { bottom: 10px; right: 10px; }
        }
        .news-card.corner:hover .news-img::after { opacity: 0; }
        .cards-news.new button.btn {border: 0; background: var(--primary);font-family: var(--font-arial-narrow);font-size: 1rem;padding: 10px 40px;text-transform: uppercase;color: var(--white);}

      
.mission {padding: 60px 0 20px 0;  max-width: 1560px; margin: 0 auto;  text-transform: uppercase; 
    & p {text-align: center; letter-spacing: .05vw; font-family: var(--font-oswald); line-height: 1.2; font-size: clamp(1.5rem, 2.8vw, 2.8rem);color: var(--second-light);} 
}

.news-detail {padding: 40px 0; 
  & h2 {font-size: 170%;}
  & .breadcrumbs {font-family: var(--font-arial-narrow); font-size: clamp(0.85rem, 1.2vw, 1.05rem); margin-bottom: 20px; padding: 15px 0; border-bottom: 1px solid var(--gray-opacity-banner); border-top: 1px solid var(--gray-opacity-banner);   
    & a {color: var(--gray-opacity); text-decoration: none; display: inline;
      &:hover {color: var(--primary);}
    }
    & a:not(:last-child)::after {content: " / "; margin: 0 8px; color: var(--gray);}
    & a:not(:last-child):hover::after {text-decoration: none;}
    & .breadcrumb-current {color: var(--text);}
  }
  & .news-detail-content {max-width: 1200px; margin: 0 auto 60px auto; 
    & h3 {font-size: clamp(0.95rem, 1.2vw, 1.25rem); text-transform: uppercase;font-weight: 400;padding-bottom: 0;padding-top: 20px;color: var(--second);border-bottom: 1px dashed var(--gray-opacity);margin-bottom: 10px;width: fit-content;}
    & img {height: auto; display: block; box-shadow: var(--box-shadow);margin: 10px auto;max-width: 80%;}  
    & .btn {width: fit-content; margin: 5px auto 10px;border: 2px solid var(--second-light); color: var(--second-light);background: transparent;display: block;padding: 5px 10px;} 
    & .news-detail-image {margin-bottom: 30px; 
      & img {width: 100%; height: auto; display: block; box-shadow: var(--box-shadow);margin: 10px 40px;}    
     }
    & .news-detail-date {margin: 0 auto 20px auto; width: fit-content; display: flex; align-items: center; gap: 8px;
      & svg {color: var(--text);}
    }
    & .news-detail-text {font-size: 1.05rem; line-height: 1.7; color: var(--text);
      & p {margin-bottom: 10px;}
       & ul {list-style: none; padding: 0; margin: 0px 0 0px 30px;
    & li {padding: 5px 0; position: relative; padding-left: 20px;
      &::before {content: ""; position: absolute; left: 0; top: 12px; width: 10px; height: 10px; background-color: var(--primary);  flex-shrink: 0;}
      & strong {font-weight: 700; color: var(--primary);}
    }
  }
    }
    & .news-detail-nav {display: flex; gap: 10px; font-family: var(--font-arial-narrow); font-size: 0.95rem; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--gray-opacity-banner);
      & a {color: var(--primary); text-decoration: none; font-size: 2rem;}
      & a:hover {text-decoration: underline;}
      & .separator {color: var(--gray);}
      & .current {color: var(--second); font-weight: 600;}
    }
    & .news-detail-nav-bottom {margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--gray-opacity-banner); display: flex; gap: 10px; font-family: var(--font-arial-narrow); font-size: 0.95rem;
      & a {color: var(--primary); text-decoration: none;}
      & a:hover {text-decoration: underline;}
      & .separator {color: var(--gray);}
      & .current {color: var(--second); font-weight: 600;}
    }
    & .back-link {display: inline-block; margin-top: 30px; font-family: var(--font-oswald); text-transform: uppercase; color: var(--primary); text-decoration: none; border-bottom: 2px solid transparent; transition: all 0.3s;
      &:hover {border-bottom-color: var(--primary);}
    }
  }
}

/*--INNER--*/

.hero.inner {position:relative; padding:40px 0 0 0 !important; min-height: clamp(280px, 30vh, 335px); border-bottom: 4px solid var(--primary);background: var(--bg-hero);}
.hero.inner .bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.05); z-index: 1; overflow: hidden;}
.hero.inner .container {position:relative; z-index: 100;}
 .hero.inner::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 583px; max-height: 335px; background-image: url(../img/bg-left.webp); background-repeat: no-repeat; background-size: contain; background-position: top left; pointer-events: none;}
  .hero.inner::before {content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; max-width: 583px; max-height: 335px; background-image: url(../img/bg-right.webp); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none;}
.hero.inner ul.section-menu { font-size: clamp(0.95rem, 1.0vw, 1.05rem); line-height: clamp(1.8rem, 2.5vh, 2.5rem); display: flex; justify-content: center; margin: 0 clamp(1rem, 9vw, 6rem); padding: 0; list-style: none; font-family: var(--font-arial-narrow); font-weight: 400; letter-spacing: 0; text-align: center; flex-wrap: wrap; }
  .hero.inner ul.section-menu li {padding:0 2vh;}
  .hero.inner ul.section-menu li a {color:var(--white); text-decoration: none;text-transform: uppercase;opacity: .6;}
    .hero.inner ul.section-menu li.active a, .hero.inner ul.section-menu li a:hover { text-decoration: underline; opacity:1.0;} 
    .hero.inner .breadcrumbs {display:none}
.hero.inner h1 {margin:80px 0 0 0; text-align:center; color:var(--primary); text-transform: uppercase; font-size: clamp(2rem, 6vw, 3.5rem); margin-bottom: 40px;text-shadow: var(--text-shadow); font-weight: 400;initial-letter: .1vw;}
.hero.inner .breadcrumbs { margin: 20px 0 40px 0; text-align: center; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 0; text-transform: uppercase;  color: var(--white);  display: none;}
.breadcrumbs {display: flex; justify-content: center;}

@media (max-width: 1980px) { .hero.inner .bg-overlay {background: linear-gradient( to right,   transparent 0%,  rgba(0, 0, 0, 0.4) 15%,   rgba(0, 0, 0, 0.95) 50%,    rgba(0, 0, 0, 0.4) 85%,    transparent 100%  );  }}

/* Адаптив */
@media (max-width: 1280px) {
    .hero.inner .bg-overlay { background: rgba(0,0,0,0.5);}
    .hero.inner .breadcrumbs {display: block; margin: 0; color: var(--white);}
    .hero.inner ul.section-menu {display: none;}
    .hero.inner .breadcrumbs a {text-decoration: none;}
    .hero.inner .breadcrumbs a > span {color: var(--white);text-decoration: none;opacity: 1; line-height: 2;}
    .hero.inner .breadcrumbs span { opacity: .6; line-height: 2;}
}
@media (max-width: 767px) {
    .hero.inner h1 {color:var(--white);margin-top: 5vh;}
    .hero.inner .bg-overlay {background: rgba(0,0,0,0.4);}
    .breadcrumbs {display: block;margin-top: 2.5vh;}
    .hero.inner ul.section-menu {display: none;}
    .hero.inner .breadcrumbs a {text-decoration: none;}
    .hero.inner .breadcrumbs a > span {color: var(--white);text-decoration: none;opacity: 1; line-height: 2;}
    .hero.inner .breadcrumbs span { opacity: .6; line-height: 2;}
    .hero.inner::before, .hero.inner::after {max-height: 250px; max-width: 250px;}

}

.hero.inner.stand {background-color: var(--bg-hero); position: relative;max-height: 335px; }
 .hero.inner.stand::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 583px; max-height: 335px; background-image: url(../img/bg-left.webp); background-repeat: no-repeat; background-size: contain; background-position: top left; pointer-events: none;}
  .hero.inner.stand::before {content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; max-width: 583px; max-height: 335px; background-image: url(../img/bg-right.webp); background-repeat: no-repeat; background-size: contain; background-position: bottom right; pointer-events: none;}


.welcome-photo {
    & img {width: 33%;} 
    & .btn {margin: 20px auto; display: block;}
 }

 @media (min-width: 1024px) {
    section.welcome-photo  {padding: 40px 16px}
 }
@media (max-width: 768px) {.welcome-photo img {width: 100%;} section.welcome-photo {padding: 20px 0;}}

section.stats.inner { position: relative; padding: 40px 0 15px;
    & .stat-bg { position: absolute; top: 70px; left: 0; width: 100%; height: 85px; background-image: url(../img/bg-uc1.png); background-repeat: repeat; background-size: auto; z-index: 0; opacity: .8; filter: none;filter:grayscale(100%) opacity(.05)}
    & .stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 100px; text-align: center; justify-content: center; }
    & .stat-item { position: relative; padding: 20px 50px; background: var(--white);box-shadow: 0 5px 15px rgba(0,0,0,0.30); transition: transform 0.3s, box-shadow 0.3s; }
      & .stat-item:hover {transform: translateY(-4px); box-shadow: var(--box-shadow-hover)}
    & .stat-number { font-family: var(--font-oswald); font-size: 3.75rem; font-weight: 700; color: var(--second-light); line-height: 1.2; margin-bottom: 10px; white-space: nowrap;}
    & .stat-label { font-family: var(--font-arial-narrow); font-size: 0.9rem; text-transform: uppercase; color: var(--gray); letter-spacing: 1px; font-weight: 700;}
}

       .themie .themie-item::before, section.stats .stat-item::before {left: 0px;top: 0px;filter: opacity(.05);}
       .themie .themie-item::after, section.stats .stat-item::after {right: 0px;bottom: 0px;filter: opacity(.05);}
       .themie:hover .themie-item:hover::before, section.stats:hover .stat-item:hover::before {left: 0px;top: 0px;filter: opacity(.5)}
       .themie:hover .themie-item:hover::after, section.stats:hover .stat-item:hover::after {right: 0px;bottom: 0px;filter: opacity(.5)}
@media (max-width: 1400px) { 
       section.stats.inner .stat-grid { grid-template-columns: repeat(2, 1fr); gap: 2em 5rem;}
       section.stats.inner .stat-bg {height: 250px;}
    }  
@media (max-width: 768px) { section.stats.inner .stat-bg {height: 255px;}}
@media (max-width: 640px) { section.stats.inner .stat-grid { grid-template-columns: 1fr; gap: 30px; } .stat-number { font-size: 2.5rem; } }

section.benefits.participant {position: relative;}
section.benefits.participant::before  { content: ''; background-image: url(../img/bg-res.png); background-repeat: var(--bg-repeat); background-size: 350px auto; opacity: .3;position: absolute; top: 0;left: 0;width: 100%;height: 100%;}

.intro { position: relative; padding: 0;
  & p {font-size: clamp(1.2rem, 3vw, 1.5rem); padding: 20px 0;}
}

.b2b {
    & .container {display: grid;gap: 30px;}
}

.reason-cards {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; justify-content: center;}
.reason-card {background: var(--white); padding: 30px 50px; text-align: center;  box-shadow: var(--box-shadow); transition: transform 0.3s, box-shadow 0.3s; flex: 1 1 calc(33.333% - 30px); min-width: 250px;border: 1px solid var(--gray-opacity-strong);}
.reason-card:hover {transform: translateY(-8px); box-shadow: var(--box-shadow-hover)}
.reason-icon {width: 75px; height: auto; margin-top: 5px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;}
.reason-card h3 {font-family: var(--font-oswald); font-size: clamp(1.2rem, 3vw, 1.5rem); color: var(--second); margin-bottom: 15px;font-weight: 400;color: var(--primary);line-height: 2rem;}
.reason-card p {font-family: var(--font-arial-narrow); font-size: clamp(0.85rem, 2vw, 1.05rem); color: var(--second); line-height: 1.4; margin: 0;letter-spacing: 0.05rch;}

  .reason-card::before {left: 0px;top: 0px;filter: opacity(.05);}
  .reason-card::after {right: 0px;bottom: 0px;filter: opacity(.05);}
    .reason-card:hover::before {left: 0px;top: 0px;filter: opacity(.65);}
  .reason-card:hover::after {right: 0px;bottom: 0px;filter: opacity(.65);}


.reason.visit {
& .reason-cards { gap: var(--air);}
& .reason-card {flex: 1 1 calc(50% - var(--air)); min-width: 250px;}
}

@media (max-width: 768px) {
.reason-card {flex: 1 1 100%; padding: 20px;}
.reason-icon {width: 60px;margin-top: 10px; margin-bottom: 5px;}
.reason-card h3 {font-size: 1.25rem;}
}

.mit-prtcp-specials-item-img .new {background: var(--primary);color: var(--white);font-family: var(--font-arial-narrow);font-weight: 600;padding: 10px;position: absolute; bottom: 10px; right: -50px; transform: rotate(-35deg);width: 200px;text-align: center;box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

@media (min-width: 1561px) {
.mit-prtcp-specials-item:nth-child(odd) {justify-content: space-between; flex-direction: row-reverse;}
.mit-prtcp-specials-item {display: flex; gap: 30px;}
}
.mit-prtcp_flex-row:hover {transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.15);}
.mit-prtcp_flex-row:nth-child(odd)::before {top:auto; bottom: 10px; left: 10px; transform: scaleY(-1);filter: opacity(.8);}
.mit-prtcp_flex-row:nth-child(odd)::after {display: none;}
.mit-prtcp_flex-row:nth-child(even)::after {bottom: 10px; right: 10px;filter: opacity(.8);}
.mit-prtcp_flex-row:nth-child(even)::before {display: none;}
.mit-prtcp-blocks-item-button:hover {transform: translateY(-3px); box-shadow: 0 2px 4px rgb(0 0 0/0.5); } 

@media (max-width: 1280px) and (min-width: 786px) {.mit-prtcp_flex-row:nth-child(odd)::before {left:auto; left:auto; bottom: 10px; right: 10px;filter: opacity(.8);transform: scale(-1, -1);}.mit-prtcp-specials-item-text {
    & p {
        padding-right: 20px;
    }}
  }
@media (max-width: 980px) {
     .mit-prtcp-specials-item {flex-direction: column !important;}
        .mit-prtcp-specials-item-text::after {display: none;} 
        .mit-prtcp_flex-row:nth-child(odd)::before {left:auto; left:auto; bottom: 10px; right: 10px;filter: opacity(.8);transform: scale(-1, -1);}
        .mit-prtcp-specials-item-text {
          & p {
              padding-right: 20px;
          }}
    }


.stat-bar-item {margin-bottom: 35px; position: relative; height: 60px;}
.stat-bar-bg {height: 100%; background: var(--gray-opacity-strong); position: relative;}
.stat-bar-fill {height: 100%; background: var(--bg-dark); filter:opacity(.8); background-size: 180px auto; width: 0%; position: relative; white-space: nowrap; display: flex; align-items: center;}
.stat-bar-label {color: var(--white); font-family: var(--font-arial-narrow); font-weight: 700; text-transform: uppercase; font-size: 1rem;padding: .5vh 1vh;text-transform: uppercase;  font-size: clamp(0.8rem, 2vw, 1.2rem);}
.stat-bar-percent {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-family: var(--font-arial-narrow); font-size: clamp(1.2rem, 4vw, 2.8rem);;  font-weight: 700; color: var(--primary);}

@media (max-width: 768px) {
.stat-bar-item {height: auto;  margin-bottom: 2vh;}
.stat-bar-fill {white-space: normal;background: var(--second); }
.stat-bar-label {font-size: 0.8rem; padding-left: 10px;}
.stat-bar-percent {font-size: 1.2rem; right: 10px;}
}

.who_participant {padding: 60px 0;
  & img {border-bottom: 4px solid var(--primary);width: 100%;}
  & button {margin: 40px auto 0 auto; display: block; }
}

.participation-help {padding-bottom: 0;}
.participation-help .container {background: var(--gray-opacity-strong); padding:40px;}
.participation-help-text {display: grid; grid-template-columns: auto 1fr; gap: 10vw; align-items: start;}
.participation-help-text h2 {margin: 0;}
.participation-help-right {display: flex; flex-direction: column; gap: 20px;line-height: 1.8rem;}
.participation-help-contacts-item {margin: 13px 0 0 0;}
.participation-help-contacts-item b,
.participation-help-contacts div { color: var(--gray); font-size: 1.1rem;padding: 0 0 10px 0;}
.participation-help-right a, .participation-help-contacts div a {align-items: center; color: var(--primary); text-decoration: none;}
  .participation-help-right a:hover, .participation-help-contacts div a:hover {color: var(--second-light); text-decoration: underline;}
.participation-help-contacts-item div a svg {width: 24px; height: 24px; fill: none; stroke: var(--primary); margin: 0 11px 0 0;}

@media (max-width: 768px) {
.participation-help .container {padding: 20px;}
.participation-help-text {grid-template-columns: 1fr; gap: 20px;}
}

.themie {
    & h2 {margin-bottom: 10px;} 
    & .container section.intro {padding: 0;}
    & .container a {text-decoration: none;}
  }

.themie-grid {display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px; margin: 40px 0;  grid-auto-rows: 1fr;}
.themie-item {display: flex; flex-direction: column; justify-content: center; align-items: center;  padding: 20px; font-family: var(--font-arial-narrow);  font-size: clamp(14px, 1.01rem, 18px);text-align: center; color: var(--second); line-height: 1.4; transition: transform 0.3s, box-shadow 0.3s; min-height: 200px; box-shadow: var(--box-shadow);
  & img {max-width:75px; height: auto; margin: 20px auto;}
  & p {display: none;}
}
.themie-item:hover {transform: translateY(-5px); box-shadow: var(--box-shadow-hover); background: var(--white);  min-height: 200px;
 & img {display: none;}
  & p {display: block;}
}
 .themie-item:hover::before {left: 5px;top: 5px; filter: opacity(1);}
 .themie-item:hover::after {right: 5px;bottom: 5px; filter: opacity(1);}
.themie-buttons {text-align: center;}

@media (max-width: 1024px) {
.themie-grid {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 768px) {

  
.themie-grid {grid-template-columns: repeat(2, 1fr);
  & a {transform: none !important;filter: none !important;}
}
.themie-item {position: relative; padding: 0; aspect-ratio: 1/1; min-height: auto;
 & img {height:65px;margin: 0;}
 & p {display: none;}
}
.themie-item:hover {transform: translateY(0); transition: none !important; box-shadow: var(--box-shadow);position: relative; padding: 0; aspect-ratio: 1/1; min-height: auto;
 & img {height:65px;margin: 0;display: block;}
 & p {display: none;}
 & ::before {display: none;} 
 & ::after {display: none;}
}
.themie  {  & button {display: block;width: 100%; margin: 2vh auto;}}
.inner-themie {
  & h2 {margin-bottom: -15px;}
  & .back-link a {width: fit-content;   box-sizing: border-box;   background: var(--second-light);   color: var(--white);  font-size: 1.2rem;  font-family: var(--font-arial-narrow);  text-transform: uppercase;   text-decoration: none;   padding: 10px 40px;  margin: 40px 20px 0 20px; font-weight: 600;}
  & .back-link a:hover {transform: translateY(-3px); box-shadow: 0 2px 4px rgb(0 0 0/0.5); background: var(--primary);}
}

.section-head {display: flex; align-items: flex-start; gap: 20px; margin-bottom: 40px; flex-wrap: nowrap;
  & img {width: clamp(40px, 8vw, 80px); height: auto; flex-shrink: 0;}
  
}
}
@media (min-width: 1561px) {
.section-head {display: flex; gap: 20px; align-items: flex-start;  flex-wrap: wrap; margin-bottom: 40px;
  & img  {width: clamp(40px, 8vw, 80px); height: auto; flex-shrink: 0;}
  & h2 {margin: 0;}
}}

@media (max-width: 768px) {
  .section-head img {display: none;} 
  .inner-themie .back-link a {width: 100%;  font-size: 1.0rem; padding: 10px 30px;  margin: 20px 0 0 0; font-weight: 600;}}

.back-link { margin-bottom: 30px; }
.back-link > a { color: var(--second); text-decoration: none; display: inline-flex; align-items: center; gap: 8px;}
.two-columns { display: flex; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; }
.two-columns .col { flex: 1; background: var(--light-gray); padding: 20px; }
.form-block { background: var(--gray-opacity-strong); padding: 40px; text-align: center; margin: 40px 0; }
.form-block form { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-top: 20px; }
.form-block input { padding: 12px 20px; width: 250px; background: var(--white); border: 1px solid var(--gray-opacity); }
@media (max-width: 768px) { .two-columns { flex-direction: column; } .form-block input { width: 100%; } }

.sections-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 40px 0;}
.section-card {background: var(--light-gray-opacity);  padding: 20px; transition: all 0.3s;position: relative; box-shadow: var(--box-shadow);}
  .section-card:hover {transform: translateY(-5px); box-shadow: var(--box-shadow-hover); background: var(--white);}
  .section-card h3 {font-family: var(--font-oswald); font-size: 1.5rem; color: var(--primary); margin-bottom: 12px; padding-bottom: 8px; font-weight: 400; border-bottom: 2px solid var(--second);}
  .section-card ul {list-style: none; padding: 0; margin: 0 0 20px 0;}
    .section-card li {font-family: var(--font-arial-narrow); font-size: 1.15rem; color: var(--second); padding: 5px 0 5px 35px; position: relative; line-height: 1.3;}

   .section-card li::before {content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m475.397 214.475-56.582-5.904c-3.166-10.507-7.4-20.718-12.645-30.494l35.911-44.112c3.24-3.98 2.941-9.766-.69-13.392l-47.008-46.915c-3.627-3.618-9.397-3.912-13.369-.684l-44.111 35.829c-9.812-5.268-20.026-9.507-30.504-12.657l-5.903-56.572c-.532-5.094-4.825-8.964-9.946-8.964h-66.38c-5.121 0-9.415 3.87-9.946 8.964l-5.904 56.581c-10.51 3.167-20.724 7.403-30.502 12.649l-44.113-35.831c-3.976-3.23-9.752-2.932-13.375.691l-46.916 46.916c-3.624 3.623-3.922 9.399-.691 13.376l35.831 44.113c-5.246 9.777-9.481 19.99-12.649 30.501l-56.581 5.904c-5.093.531-8.963 4.825-8.963 9.946v66.38c0 5.121 3.87 9.414 8.963 9.946l56.573 5.903c3.15 10.479 7.388 20.693 12.656 30.504l-35.83 44.111c-3.228 3.975-2.933 9.745.684 13.369l46.916 47.008c3.625 3.631 9.411 3.932 13.392.69l44.111-35.911c9.775 5.244 19.986 9.479 30.496 12.645l5.904 56.582c.531 5.093 4.825 8.963 9.946 8.963h66.38c5.121 0 9.414-3.87 9.946-8.963l5.903-56.574c10.477-3.148 20.688-7.386 30.497-12.651l44.109 35.91c3.976 3.237 9.758 2.943 13.385-.684l47.008-47.008c3.626-3.626 3.921-9.408.684-13.385l-35.91-44.109c5.267-9.811 9.504-20.021 12.652-30.497l56.573-5.903c5.092-.532 8.963-4.825 8.963-9.946v-66.38c-.002-5.121-3.873-9.414-8.965-9.945zm-11.037 67.314-54.391 5.676c-4.17.436-7.628 3.427-8.657 7.492-3.347 13.221-8.664 26.049-15.807 38.129-2.131 3.604-1.79 8.155.854 11.402l34.513 42.394-34.24 34.24-42.394-34.513c-3.247-2.644-7.798-2.986-11.403-.853-12.076 7.141-24.904 12.459-38.128 15.807-4.065 1.029-7.057 4.485-7.492 8.656l-5.676 54.391h-48.358l-5.675-54.391c-.435-4.165-3.419-7.619-7.477-8.653-13.296-3.387-26.13-8.706-38.143-15.81-3.604-2.133-8.156-1.793-11.403.853l-42.387 34.508-34.168-34.235 34.442-42.402c2.638-3.247 2.975-7.793.845-11.395-7.141-12.077-12.459-24.905-15.808-38.128-1.028-4.065-4.486-7.057-8.656-7.492l-54.39-5.676v-48.358l54.389-5.675c4.166-.435 7.62-3.418 8.654-7.477 3.388-13.296 8.708-26.129 15.811-38.143 2.129-3.602 1.792-8.147-.846-11.395l-34.437-42.396 34.163-34.163 42.396 34.436c3.248 2.638 7.793 2.975 11.394.845 12.016-7.104 24.849-12.424 38.144-15.812 4.058-1.034 7.042-4.488 7.477-8.653l5.675-54.39h48.358l5.676 54.39c.436 4.17 3.427 7.628 7.492 8.658 13.221 3.347 26.05 8.666 38.129 15.807 3.602 2.13 8.148 1.792 11.394-.846l42.402-34.441 34.235 34.167-34.508 42.388c-2.644 3.248-2.984 7.798-.854 11.403 7.104 12.016 12.425 24.85 15.812 38.143 1.034 4.058 4.488 7.042 8.652 7.477l54.391 5.675z' fill='%23999999'/%3E%3Cpath d='m257.406 155.845c-56.14 0-101.812 45.672-101.812 101.811 0 56.089 45.672 101.72 101.812 101.72 56.089 0 101.72-45.631 101.72-101.72 0-56.138-45.631-101.811-101.72-101.811zm0 183.531c-45.111 0-81.812-36.659-81.812-81.72 0-45.11 36.701-81.811 81.812-81.811 45.061 0 81.72 36.701 81.72 81.811 0 45.061-36.659 81.72-81.72 81.72z' fill='%23666666'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; position: absolute; left: 5px; top: 7px;}

  .section-card::before,  .section-card:hover::before {display: none;}
 .section-card::after {right: 15px;bottom: 15px; filter: opacity(.65);}
 .section-card:hover::after {right: 15px;bottom: 15px; filter: opacity(1);}

@media (max-width: 992px) {.sections-grid {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px) {.sections-grid {grid-template-columns: 1fr;} }


/*update hotlink 16.06.2026*/
.hotlinks-grid.new {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px clamp(20px, 2vw, 35px) ; margin-top: 20px;align-items: stretch}
.hotlinks-grid.new .hotlink-card, .hotlinks-grid.new .hotlink-social {background: var(--white); display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px; border: 1px solid var(--gray-opacity-strong); transition: all 0.3s; text-decoration: none; color: var(--second);height: 100%;box-shadow: var(--box-shadow);}
.hotlinks-grid.new .hotlink-card {
  & button.btn {font-size: 0.9rem;padding: 10px 20px; margin: 10px 0px 0 0px;background: var(--second-light);font-family: var(--font-arial-narrow);width: 100%;display: block;}
  & button.btn:hover {background: var(--primary);}
  & .hotlink-content {width: 100%;} 
}
.hotlinks-grid.new .hotlink-card:hover {background: var(--white); transform: translateY(-4px); border-color: var(--primary);box-shadow: var(--box-shadow-hover);border: 1px solid var(--gray-opacity-strong)}
.hotlink-card.hotlink-social {display: flex; align-items: center; justify-content: center; padding: 20px;}
.hotlink-social-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; justify-items: center; align-items: center; width: 100%;background: var(--second-light);padding: 7px 5px; margin: 22px 0 0 0;}
.hotlink-social-links .social-link {color: var(--white); font-size: 1.3rem; transition: color 0.3s; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.hotlink-social-links .social-link:hover {color: var(--primary);}
.hotlink-social-links .social-link--rutube svg {width: 24px; height: 24px; transition: all 0.3s; stroke: var(--white); fill: none;}
.hotlink-social-links .social-link--rutube:hover svg {stroke: var(--primary);}

@media (min-width: 768px) and (max-width: 1024px) {
   .hotlinks-grid.new .hotlink-card:nth-child(5) {grid-column: auto; width: 100%; max-width: 400px;margin: 0 auto;}
}

@media (max-width: 768px) {
.hotlink-social-links {grid-template-columns: repeat(4, 1fr); gap: 15px;}
.hotlink-social-links .social-link {font-size: 2rem;}
.hotlink-social-links .social-link--rutube svg {width: 32px; height: 32px;}
}

@media (max-width: 576px) {.hotlinks-grid.new {grid-template-columns: 1fr;}}

/*update 19.06.2026*/
.reviews {padding: 60px 0; position: relative; background: var(--gray-opacity-strong);
  &::before {content: ""; position: absolute; left: 0; bottom: 0; width: 550px; height: 100%; background-image: url(../img/rw-l.png); background-size: contain; background-repeat: no-repeat; background-position: left bottom; z-index: 1; pointer-events: none;opacity: .4;}
  &::after {content: ""; position: absolute; top: 0; right: 0; width: 550px; height: 100%; background-image: url(../img/rw-r.png); background-size: contain; background-repeat: no-repeat; background-position: right top; z-index: 1; pointer-events: none;opacity: .4;}
  & .btn {display: block; margin: 40px auto 0 auto; text-align: center;position: relative;z-index: 10;}
  & h2 {z-index: 10;position: relative;}
}
.reviews-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px;z-index: 10;position: relative;}
.review-card {background: var(--white); padding: 20px; transition: all 0.3s; display: flex; flex-direction: column; border-radius: 0;box-shadow: var(--box-shadow); }

.review-text {background: #f3f5f6; padding: 10px 20px; font-size: 1rem; line-height: 1.5; color: var(--text); margin: 0; position: relative; border-bottom: none; border: 1px solid var(--light-gray);
  & p {line-clamp:6; -webkit-line-clamp: 6; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;font-size: 1rem;text-align: justify;font-size: .95rem; color: var(--gray);}
}
.review-text::after { content: "";  position: absolute;  bottom: -28px;  left: 90px;  width: 0;  height: 0;  border-left: 25px solid transparent;  border-right: 7px solid #f3f5f6;  border-top: 22px solid #f3f5f6;
    border-bottom: 7px solid transparent; filter: drop-shadow(1px 2px 0 #C8CACB);}

.review-author {display: flex; align-items: center; gap: clamp(10px, 2vw, 25px); padding: clamp(25px, 2vw, 25px) clamp(0px, 3vw, 0px); background: var(--white);
  & h4 {font-family: var(--font-oswald); font-size: 1.2rem; color: var(--primary); text-transform: uppercase; letter-spacing: 0.5px;font-weight: normal;;}
  & p {font-family: var(--font-arial-narrow); font-size: 1.0rem; color: var(--second-light);line-height: 1.3;letter-spacing: 0.15rch;}
}
.author-photo {width: 100px; height: 100px; background: var(--gray-opacity-strong); flex-shrink: 0; overflow: hidden;
& img {width: 100%; height: 100%; object-fit: cover; display: block;}
}

.review-card:hover {transform: translateY(-4px); box-shadow: var(--box-shadow-hover);}

@media (max-width: 992px) {
  .reviews-grid {grid-template-columns: repeat(1, 1fr);} 
  .review-text p {-webkit-line-clamp: none; overflow: visible; display: block;}
  .reviews::before,  .reviews::after {width: 250px;}  
}


.banners.inner {background-image: none;}

.video { background: var(--light-gray-opacity); z-index: 1; margin: 40px auto; text-align: center; }
.bg-video { background: url(../img/i_5.webp); background-size: cover; background-position-y: center; background-repeat: no-repeat; padding: 60px 80px; border-top: 4px solid var(--primary) !important; max-width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.bg-video iframe { display: block; width: 100%; max-width: 720px; height: auto; aspect-ratio: 16 / 9; margin: 0 auto;  box-shadow: var(--box-shadow-hover);}

@media (max-width: 787px) { .bg-video{padding: 0;}
}
.bg-video iframe.expanded { width: 100% !important;  max-width: 100% !important;   height: auto !important;   aspect-ratio: 16 / 9 !important;}
/*Стили ОГ*/


.mit-prtcp-wrapper {
      & .mit-prtcp_flex-col {display: flex;     flex-direction: column;   max-width: 1560px;   margin: 0 auto;  gap: 5vh;}
        & .mit-prtcp_flex-row {display: flex;box-shadow: var(--box-shadow);border: 1px solid var(--gray-opacity-strong);position: relative;}
        & .mit-prtcp_txt-accent {font-weight: bold;color:  var(--primary);}
        & p:first-child {font-size: 1.2rem;font-weight: bold;margin-top: 0;color: var(--second)}        
      & .mit-prtcp_flex-row:hover {box-shadow: var(--box-shadow-hover);}
}

 .mit-prtcp-specials-item-text {flex-basis: 49%;margin:auto 1vw;
    & p:first-child {font-size: 1.2rem;font-weight: bold;margin-top: 30px;color: var(--second-light)}
    & img {display: inline-block;height: 20px;width: auto;vertical-align: middle;margin-right: 5px;}
    & p {margin-bottom: 1.5rem;line-height: 1.5rem;margin-left: 1.5rem;}
  }

   .mit-prtcp-specials-item-img {flex-basis: 49%;position: relative;overflow: hidden;
    & img {width: 100%;max-width: 100%;height: 100%;object-fit: cover;display: block;}
  }


.mit-prtcp-importance-collage {width: 100%;height: 730px;display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(12, 1fr);grid-gap: 3px;max-width: 1560px;margin: 0 auto;}
  .mit-prtcp-importance-collage-item {background-size: cover;background-position: top center;color: rgba(0, 0, 0, 0);font-size: 0;
    &#mpici_01 {
      background-image: url(../upload/tp8ppqcbvh8ltzv8lg8684y42hcjnk2q.webp);
      grid-area: 1 / 1 / 7 / 3;
    }
    &#mpici_02 {
      background-image: url(../upload/p0xrgo7v5abr5em6od2pe4c56s7b51e2.webp);
      grid-area: 7 / 1 / 13 / 3;
    }
    &#mpici_03 {
      background-image: url(../upload/wy30fuu1nork5j397l3tv5kv42k29rrl.webp);
      grid-area: 1 / 3 / 5 / 5;
    }
    &#mpici_04 {
      background-image: url(../upload/puovnkjwu0xyg86ivcxfjmwlowpb9rrd.webp);
      grid-area: 5 / 3 / 9 / 5;
    }
    &#mpici_05 {
      background-image: url(../upload/blsn46li13gri3x2xgpm0gc7ztlxytuj.webp);
      grid-area: 9 / 3 / 13 / 5;
    }
    &#mpici_06 {
      background-image: url(../upload/qhzfg85ey8daus360gr6a3j37vjejjov.webp);
      grid-area: 1 / 5 / 4 / 5;
    }
    &#mpici_07 {
      background-image: url(../upload/wuevz22fcjj2lwoa1w590wsl166zt6xo.webp);
      grid-area: 4 / 5 / 7 / 5;
    }
    &#mpici_08 {
      background-image: url(../upload/ew5kp2e8zr4bj0i7ys01kz09dgy00i99.webp);
      grid-area: 1 / 6 / 7 / 7;
    }
    &#mpici_09 {
      background-image: url(../upload/ul318rs45vk9yh1zxtscf97d3wsr3qqp.webp);
      grid-area: 7 / 5 / 13 / 7;
    }
  }
 .mit-prctp-blocks-container {display: grid;grid-template-rows: repeat(2, 1fr);grid-template-columns: repeat(4, 1fr);gap: 40px;max-width: 1560px;margin: 0 auto;}
  .mit-prtcp-blocks-item {background-color: rgba(255, 255, 255, 0.8);backdrop-filter: blur(5px);border-top: 5px solid var(--primary);box-shadow: 2px 3px 15px 2px rgba(73, 73, 73, 0.2);padding: 20px 20px;display: flex;flex-direction: column;justify-content: space-between;
    &#mpbi-01 {grid-area: 1/1/3/2;}
    &#mpbi-02 {grid-area: 1/2/2/4;}
    &#mpbi-03 {grid-area: 1/4/2/5;}
    &#mpbi-04 {grid-area: 2/2/3/3;}
    &#mpbi-05 {grid-area: 2/3/3/5;}
  }
  .mit-prtcp-blocks-item-text {
    & p:first-of-type {font-weight: bold;margin: 0 0 10px 0;color: var(--second-light);font-size: 1.1rem;}
    & p:last-of-type {font-size: 1.0rem;padding-bottom: 2vh;line-height: 1.5;}
  }

  .mit-prtcp-blocks-item-button {width: fit-content;padding:7px 20px;background-color:var(--second-light);
    & p {margin: 0;}
    & a {color: #fff;text-decoration: none;font-size: 1.1rem;}
 & a:hover {color: var(--white);}
  }
    .mit-prtcp-blocks-item-button:hover {background-color:var(--primary);color: var(--second);}

@media (max-width: 980px) {
    .mit-prtcp-wrapper {& .mit-prtcp_txt-large {font-size: 1.3rem;text-align: center;}}
}

 @media (max-width: 980px) {.mit-prtcp-wrapper {
      & .mit-prtcp-buttons {display: flex;flex-direction: column;gap: 10px;}
      & .mit-prtcp_txt-large {font-size: 1.3rem;text-align: center;}}
    
      .mit-prtcp-intro-photos {flex-direction: column !important;
      & img {width: 100%;margin: 5px;}
    }
    .mit-prtcp-importance-container {flex-direction: column !important;gap: 20px;}
    .mit-prtcp-importance-item {width: 100%;
      & p:first-of-type {font-size: 1.1rem;}
      & p:last-of-type {font-size: 1rem;}
    }
    .mit-prtcp-importance-numbers-container {flex-direction: column !important;gap: 20px;}
    .mit-prtcp-importance-numbers-item {width: 100%;
      & p:last-of-type {font-size: 1.3rem;}
    }
    .mit-prtcp-topic-container {flex-direction: column !important;gap: 20px;}
    .mit-prtcp-topic-item {display: flex;flex-direction: row !important;align-items: center;align-content: center;width: 100%;
      & p {font-size: 1.1rem; text-align: left;}
      & img {margin: 0 20px 0 10px; width: 40px; height: auto;}
    }
    .mit-prctp-blocks-container {display: flex;flex-direction: column;gap: 20px;}
    .mit-prtcp-specials-item {gap: 20px;}

    .mit-prtcp-auditory-container {flex-direction: column !important;gap: 20px;}
    .mit-prtcp-auditory-item {flex-basis: 100%;background-size: contain;}

    .mit-prtcp-reviews-item {flex-direction: column !important;gap: 20px;}
    .mit-prtcp-reviews-item-img {text-align: center;
      & img {margin: 0 auto;}
    }
    .mit-prtcp-reviews-item-text {
      & p:first-of-type {
        text-align: center;
      }
    }
    .mit-prtcp-outro-container {
      flex-direction: column !important;
    }
    .mit-prtcp-outro-right {
      & p:first-of-type {
        margin-top: -5px;
      }
    }
    .mit-prtcp-importance-collage {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, 1fr);
    }
    .mit-prtcp-importance-collage-item {
      &#mpici_01 {grid-area: 1 / 1 / 1 / 2}
      &#mpici_02 {grid-area: 1 / 2 / 1 / 3}
      &#mpici_03 {grid-area: 1 / 3 / 1 / 4}
      &#mpici_04 {grid-area: 2 / 1 / 2 / 2}
      &#mpici_05 {grid-area: 2 / 2 / 2 / 3}
      &#mpici_06 {grid-area: 2 / 3 / 2 / 4}
      &#mpici_07 {grid-area: 3 / 1 / 3 / 2}
      &#mpici_08 {grid-area: 3 / 2 / 3 / 3}
      &#mpici_09 {grid-area: 3 / 3 / 3 / 4}
    }
  }

.cards__three {display: grid;grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));  gap: 2rem;align-items: stretch;justify-items: stretch;  background: url(img/background_tools_light.webp);  background-size: 50%;  background-repeat: repeat;  padding: 2rem;}

.cards-stand-item {background: var(--white_100);  background-position: center center;  background-size: contain;  aspect-ratio: 3 / 2;  padding: 2rem;  display: flex;  gap: 1rem;  flex-direction: column;  justify-content: space-between;  border-radius: var(--radius);  border: 1px solid var(--black_10);   transition: transform 0.3s ease, box-shadow 0.3s ease;}

.cards-stand-item img {  height: 200px;  margin: 0 auto;}
.cards-stand-item p {  font-size: .95rem;}

.cards-stand-item h3 {  text-align: center;    font-size: clamp(1.5rem, 1.7vw, 1.7rem);     font-weight: 400;    color: var(--dark-gray);}

.techical-support {position: relative;}
.techical-support::before {content: '';    background-image: url(../img/bg-res.png);    background-repeat: var(--bg-repeat);    background-size: 350px auto;    opacity: .2;    position: absolute;    top: 0;
    left: 0;    width: 100%;    height: 100%;}

.cards-stand-item { background: var(--white); background-position: center center; background-size: contain; aspect-ratio: 3 / 2; padding: 2rem; display: flex; gap: 1rem; flex-direction: column; justify-content: space-between; box-shadow: var(--box-shadow); transition: transform 0.3s ease, box-shadow 0.3s ease;
  & img { height: 200px; margin: 0 auto; }
  & p { font-size: 1.0rem; line-height: 1.7; text-align: justify; margin-left: 0;}
  & h3 { text-align: center; }
  & hgroup { margin-bottom: 1.25vh; min-height: 40px; }
}
.cards-stand-item::before { left: 1px; top: 1px; filter: opacity(.05);}
.cards-stand-item::after { right: 1px; bottom: 1px;  filter: opacity(.05);}
.cards-stand-item:hover {transform: translateY(-8px);  box-shadow: var(--box-shadow-hover)}
    .cards-stand-item:hover::before {left: 1px;top: 1px;filter: opacity(.65);}
    .cards-stand-item:hover::after {right: 1px;bottom: 1px;filter: opacity(.65);}
    .cards-stand-contacts { display: flex; flex-direction: row; gap: 1rem; margin-top: 1rem; place-items: end; place-content: end; 
      & .stand-form-order {flex: 1; min-width: 0; justify-content: space-between; height: 100%;}
      & img { width: 150px; height: auto; object-fit: cover; object-position: top; background: var(--gray-opacity-strong); outline: 2px solid var(--gray-opacity-strong); outline-offset: 4px; margin-right: .5vh;}
      & h4 { margin: 0; font-family: var(--font-oswald);font-size: clamp(1.7rem, 1.5vw, 1.7rem); color: var(--primary); text-transform: uppercase; letter-spacing: 0.5px; font-weight: normal; } 
      & a { color: var(--second); text-decoration: none; border-bottom: 1px solid transparent; transition: 0.2s; }
      & a:hover { color: var(--primary); border-bottom-color: var(--primary); }    
    }
.stand-form-order .contact-info  {min-height: 50px; flex: 1; display: flex; flex-direction: column; justify-content: center;}
  .cards-stand-item hgroup p { font-family: var(--font-arial-narrow); font-size: 1.0rem; color: var(--second-light); line-height: 1.3; letter-spacing: 0.15rch; }   
.stand-hall { font-size: 80%; }
.contact-icon { color: var(--primary);  display: inline-block; vertical-align: middle; line-height: 1; margin-right: 4px; color: var(--primary); width: 1.2em; text-align: center;}
button.blue { background: var(--second); } 
    button:hover.blue { background: var(--second-light); }
    button.blue.order { font-size: .9rem; padding: 10px; font-family: var(--font-arial-narrow); margin: 40px 0px 0 0px; width: 100%; }

@media (max-width: 768px) {
  .cards__three {padding: 2em 0;}
    .cards-stand-item { aspect-ratio: auto; padding: 1.5rem; 
      & p {text-align: center;}
    }

    .cards-stand-contacts { flex-direction: column; align-items: center; gap: 1rem; 
       & .stand-form-order {width: 100%;}
    }
    .cards-stand-contacts img { width: 200px; height: auto;margin: 0;}
    .cards-stand-item hgroup { min-height: auto; margin-bottom: 1rem; font-size: 1.qrem;text-align: center;}
    .contact-info { min-height: auto; }
    button.blue.order { margin-top: 20px; }
}
.newslinks_container { display: grid; gap: var(--air); grid-template-columns: 1fr 4fr; box-sizing: border-box; }
.newslinks_stand { display: grid; grid-template-columns: 2.5fr 4.5fr; }
    .news_overall_container details { margin-block: 1rem; border: 1px solid var(--gray-opacity-banner); padding: .98rem; font-weight: 600; }
    .news_overall_container summary::marker { color: var(--primary); }
    .quicklinks { display: block; margin: 1rem 0; padding: 10px; color: var(--second); border: 1px solid var(--primary); font-weight: 600; display: flex; flex-direction: row; gap: 1rem; align-items: center; font-family: var(--font-arial-narrow);text-transform: uppercase;text-decoration: none; }
    .quicklinks>img { width: 32px; height: 32px; }
    .quicklinks:hover { transform: translateY(1px); filter: brightness(120%); color: var(--primary); }
    .ql-soc { background-color: var(--primary); padding: 1rem; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; }
    .ql-soc img { width: 32px; height: 32px; margin: 0 auto; }
    .links_something { background: var(--black_10); height: 210px; border: 2px dashed var(--black_70); padding: 10px; box-sizing: border-box; }
    .links_soc { display: flex; flex-direction: column; gap: 1rem; justify-content: space-around; color: var(--black_70); }
    .links_soc img { height: 20px; width: auto; margin-right: 1rem; }

@media (max-width: 1280px) { 
    .newslinks_container { grid-template-columns: 1fr; gap: 2rem; } 
    .newslinks_stand { grid-template-columns: 1fr; } 
    .quicklinks { gap: 0.5rem; padding: 8px; } 
    .quicklinks img { width: 24px; } 
}
@media (max-width: 768px) { 
    .newslinks_container { grid-template-columns: 1fr; gap: 1.5rem; } 
    .newslinks_stand { grid-template-columns: 1fr; } 
    .quicklinks { font-size: 0.9rem; padding: 6px; gap: 0.5rem; } 
    .quicklinks img { width: 20px; } 
    .news_overall_container details { padding: 0.7rem; font-size: 0.9rem; } 
    .ql-soc { flex-wrap: wrap; gap: 0.5rem; justify-content: center; } 
    .ql-soc img { width: 24px; height: 24px; } 
    .links_soc { gap: 0.5rem; } 
    .links_soc img { width: 18px; } 
}

.news_overall_container details { margin-block: 1rem; border: 1px solid var(--second-light-opacity); padding: .98rem; font-weight: 400; transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; }
.news_overall_container details:hover { border-color: var(--second-light); background-color: rgba(0, 0, 0, 0.02); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); }
.news_overall_container details[open] { border-color: var(--second-light); background-color: #fafafa; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); }
.news_overall_container summary { cursor: pointer; list-style: none; font-weight: 600; transition: color 0.3s ease; padding-bottom: 0.2rem; }
.news_overall_container summary::-webkit-details-marker { display: none; }
.news_overall_container summary::after { content: '+'; float: right; color: var(--primary); font-size: 1.5rem; line-height: 1; transition: transform 0.3s ease; }
.news_overall_container details[open] summary::after { content: '−'; }
.news_overall_container summary:hover { color: var(--second); }
.news_overall_container details p { margin-top: 0.8rem; margin-bottom: 0.5rem; padding-top: 0.8rem; border-top: 1px solid var(--gray-opacity-banner); animation: fadeIn 0.3s ease; line-height: 1.5rem;}
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }


/* ===== POPOVER ===== */
[popover] { background: var(--white); border: none;max-width: 600px; width: 100%; box-shadow: var(--box-shadow-hover); margin: auto;     border-top: 4px solid var(--primary);
    padding: 30px 35px;  box-shadow: var(--box-shadow);  border-left: #f7f7f7;  border-right: #f7f7f7;  border-bottom: #f7f7f7;    max-height: 90vh; overflow-y: auto; overscroll-behavior: contain;}
.popover-close { position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 2.8rem; cursor: pointer; color: var(--second-light); font-weight: 300;}
.popover-close:hover { color: var(--primary); background: transparent;box-shadow: none;}
#order-popover h3 {font-weight: 500;   color: var(--second-light);   font-size: 1.5rem;   text-align: center;   margin-top: -5px; text-transform: uppercase;margin-bottom: 2rem;}

.order-form { display: flex; flex-direction: column; gap: 15px; }
    .order-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
    .order-form input[type="text"],
    .order-form input[type="email"],
    .order-form input[type="tel"],
    .order-form textarea { border: 1px solid var(--second-light); padding: 10px 15px; width: 100%;box-sizing: border-box;font-size: 1rem;  font-family: Arial, Helvetica, sans-serif;}
    .order-form textarea { resize: vertical; }
    .order-form input::placeholder { color: var(--second); opacity: .5; font-size: 1rem;  text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
    .order-form textarea::placeholder { color: var(--second); opacity: .5; font-size: 1rem;  text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}

    .order-form .checkbox-label { align-items: baseline; gap: 8px; font-size: 0.8rem; color: var(--gray);}
    .order-form .checkbox-label input[type="checkbox"] { width: auto; margin: 0; accent-color: var(--primary); flex-shrink: 0; margin: 0 10px 0 0;}
    .order-form .checkbox-label a { color: var(--primary); flex-wrap: wrap;}
    .order-form .checkbox-label a:hover { text-decoration: underline; }
        .order-form input::-moz-placeholder { color: var(--second); opacity: .5; }
        .order-form input:-ms-input-placeholder { color: var(--second); opacity: .5; }
        .order-form input::placeholder { color: var(--second); opacity: .5; }
    .order-form label input { width: auto; margin: 0; }
    .order-form input::-webkit-input-placeholder { color: var(--second); opacity: .5; }
    .order-form input:focus::placeholder,
    .order-form textarea:focus::placeholder {opacity: 0; transition: opacity 0.25s ease;}

    .order-form .captcha-row { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-top: 10px;}
    .order-form .captcha-row img { max-height: 50px; border: 1px solid var(--gray-opacity-banner); }
    .order-form .captcha-row input { flex: 1; }

    .order-form  button {width: 100%;box-sizing: border-box;background: var(--second-light);color: var(--white);font-family: var(--font-arial-narrow); font-size: 1rem; text-transform: uppercase; text-decoration: none; padding: 10px 0px; border: 0; margin: 1rem 0 0 0; cursor: pointer;    }

@media (max-width: 768px) {
    [popover] { padding: 20px; max-width: 100%; }
    .order-form .form-row { grid-template-columns: 1fr; gap: 10px; }
    .order-form .captcha-row { flex-direction: column; align-items: stretch; }
   .popover-close { top: -35px; right: -30px;}
}


.benefits-plates .benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px;
    & a.btn {    margin: 20px 0 0 0;      padding: 0;      background: transparent;      font-family: var(--font-oswald);      color: var(--primary);      text-transform: uppercase;     text-decoration: underline;      border: 0;      font-size: 1.125rem;}
    & a.btn:hover {color: var(--white);background: transparent;}
      & .benefit-card-overlay {right: 40%; width: 60%;}
      & .benefit-card .benefit-card-content { text-align: left; }
      & .benefit-card .benefit-card-text { margin-left: 0; width: 55%;}
            
}
@media (max-width: 768px) {
    .benefits-plates .benefits-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .benefits-plates .benefits-grid .benefit-card-overlay {right: 0; width: 100%;}
    .benefits-plates .benefits-grid .benefit-card .benefit-card-text {width: 100%;}
    .benefits-plates .benefits-grid .benefit-card .benefit-card-content {text-align: center;}
}

.about {padding: 60px 0 0 0;
  & h2 {margin-bottom: 20px;} 
  & p {line-height: 2rem;}
  & aside {font-family: var(--font-arial-narrow); font-size: clamp(1.3rem, 2.5vw, 1.5rem); line-height: clamp(1.5rem, 3vw, 2rem); margin: 20px 40px; border-left: 4px solid var(--primary); padding-left: 2rem; font-style: italic; color: var(--second);}
  & small {display: block; font-size: .85rem;color: var(--gray-dark);padding: 10px 40px;font-style: italic;}
  & img {margin: 20px auto;display: block;}
}

@media (max-width: 768px) {.about aside { padding-left: 1rem;}}

.infografics {position: relative;}
.infografics-grid {display: grid;   grid-template-columns: 0.8fr 2fr 0.8fr;   gap: var(--air);   
    grid-template-areas:
        "info-year . info-square"
        "info-year info-info info-square"
        "info-participant info-info info-visit"
        "info-participant . info-visit";
}

.bg-infografics { position: absolute;    top: 190px;    left: 0;    width: 100%;    height: 470px;    background-image: url(../img/bg-res.png);    background-repeat: var(--bg-repeat);    background-size: 350px auto;    opacity: .20;z-index: 0;}
.info-year { grid-area: info-year; aspect-ratio: 1 / 1;}
.info-info { grid-area: info-info; padding: 20px; background: var(--second-light) !important;box-shadow: var(--box-shadow); display: flex; flex-direction: column; justify-content: center;
  & p {text-align: center;  font-size: clamp(0.95rem, 1.5vw, 1.75rem);  color: var(--white);}
}
.info-square { grid-area: info-square; aspect-ratio: 1 / 1;}
.info-participant { grid-area: info-participant; aspect-ratio: 1 / 1; }
.info-visit { grid-area: info-visit; aspect-ratio: 1 / 1; }

.stat-infografic { text-align: center;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center; padding: 10px 20px;box-shadow: var(--box-shadow);background: var(--bg-card);z-index: 10;}
.info-number { font-family: var(--font-oswald);  font-size: clamp(3rem, 5vw, 4.0rem);  font-weight: 700;  color: var(--primary); line-height: 1.1;  margin-bottom: 8px;}
.info-label { font-family: var(--font-arial-narrow);    font-size: clamp(0.8rem, 1vw, 0.95rem);    color: var(--gray-dark);    line-height: 1.3;    text-transform: uppercase;    letter-spacing: 0.3px;}
.info-text {    font-family: var(--font-roboto);    font-size: clamp(0.95rem, 1.2vw, 1.1rem);    line-height: 1.6;    color: var(--gray-dark);    text-align: left;    padding: 0 15px;    margin: 0;}
.info-img {width: max(100px, 4.5vw); height: auto;}
@media (max-width: 992px) {
    .infografics-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        grid-template-areas:
            "info-info info-info"
            "info-year info-square"
            "info-participant info-visit";
    }
    .stat-infografic {aspect-ratio: auto;}
}
@media (max-width: 576px) {
    .infografics-grid {
        grid-template-columns: 1fr;
        gap: 25px;
        grid-template-areas:
            "info-info"
            "info-year"
            "info-square"
            "info-participant"
            "info-visit";
    }
}

@media (max-width: 576px) { .infografics-grid {
         grid-template-columns: 1fr;
        gap: 25px;
        grid-template-areas:
            "info-info"
            "info-year"
            "info-square"
            "info-participant"
            "info-visit";
    }
    .info-text {
        text-align: center; padding: 0;}
}

.quicklink.about, .quicklink.visit {background: var(--gray-opacity-banner);padding: 40px 0;}
.quicklink.about .quicklinks-grid, .quicklink.visit .quicklinks-grid  {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  gap: 10px 20px;
  & img { margin: 10px; width: 38px;height: auto;}
  & .quicklinks {background: var(--white-opacity);transform: none; filter: none;}
  & .quicklinks:hover {background: var(--white);filter: none; }
}

  @media (max-width: 768px) {  .quicklinks {margin: 15px 0;}}

 #about section.photogallery {padding: 20px 0;
  & h2 {font-size: 200%;}
}

.photogallery {padding: 60px 0; overflow: hidden;
  & .gallery-slider {overflow: hidden; position: relative;}
  & .gallery-track {display: flex; animation: slide 24s linear infinite; width: 100%;}
  & .gallery-slide {flex: 0 0 25%; padding: 0 10px; box-sizing: border-box;}
  & .gallery-slide img {width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
  & .gallery-track:hover {animation-play-state: paused;}
}

@keyframes slide {0% {transform: translateX(0);} 100% {transform: translateX(-100%);}}

@media (max-width: 768px) {
    .photogallery .gallery-slide {flex: 0 0 100%;}
    .photogallery .gallery-track {animation-duration: 20s;}
}



.audience {padding: 60px 0;
  & h2 {margin-bottom: 10px;}
  .intro {padding: 0 0 20px 0;}
  .outro {padding: 0 0 20px 0;}
}
.audience-intro {font-size: 1.1rem; max-width: 800px; margin: 0 auto 40px; text-align: center;}
.audience-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}
.audience-card {background: var(--light-gray-opacity); overflow: hidden; display: flex; flex-direction: column;
  & img {width: 100%; height: 200px; object-fit: cover; object-position: 50% 50%; display: block;}
}
.audience-card-content {padding: 30px 40px;
  & h3 {font-family: var(--font-oswald); font-size: clamp(1.2rem, 2vw, 1.8rem); text-transform: uppercase; color: var(--primary); margin-bottom: 15px;    color: var(--primary); padding-bottom: 8px;  font-weight: 400;
    border-bottom: 2px solid var(--second);}
  & p {font-size: 1rem; line-height: 1.5; color: var(--gray-dark); margin-bottom: 15px;}
  & ul {list-style: none; padding: 0; margin: 0;}
  & ul li {padding: 6px 0 6px 40px; position: relative; font-size: 1rem; line-height: 1.4; color: var(--gray-dark);}
  & ul li::before {content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m475.397 214.475-56.582-5.904c-3.166-10.507-7.4-20.718-12.645-30.494l35.911-44.112c3.24-3.98 2.941-9.766-.69-13.392l-47.008-46.915c-3.627-3.618-9.397-3.912-13.369-.684l-44.111 35.829c-9.812-5.268-20.026-9.507-30.504-12.657l-5.903-56.572c-.532-5.094-4.825-8.964-9.946-8.964h-66.38c-5.121 0-9.415 3.87-9.946 8.964l-5.904 56.581c-10.51 3.167-20.724 7.403-30.502 12.649l-44.113-35.831c-3.976-3.23-9.752-2.932-13.375.691l-46.916 46.916c-3.624 3.623-3.922 9.399-.691 13.376l35.831 44.113c-5.246 9.777-9.481 19.99-12.649 30.501l-56.581 5.904c-5.093.531-8.963 4.825-8.963 9.946v66.38c0 5.121 3.87 9.414 8.963 9.946l56.573 5.903c3.15 10.479 7.388 20.693 12.656 30.504l-35.83 44.111c-3.228 3.975-2.933 9.745.684 13.369l46.916 47.008c3.625 3.631 9.411 3.932 13.392.69l44.111-35.911c9.775 5.244 19.986 9.479 30.496 12.645l5.904 56.582c.531 5.093 4.825 8.963 9.946 8.963h66.38c5.121 0 9.414-3.87 9.946-8.963l5.903-56.574c10.477-3.148 20.688-7.386 30.497-12.651l44.109 35.91c3.976 3.237 9.758 2.943 13.385-.684l47.008-47.008c3.626-3.626 3.921-9.408.684-13.385l-35.91-44.109c5.267-9.811 9.504-20.021 12.652-30.497l56.573-5.903c5.092-.532 8.963-4.825 8.963-9.946v-66.38c-.002-5.121-3.873-9.414-8.965-9.945zm-11.037 67.314-54.391 5.676c-4.17.436-7.628 3.427-8.657 7.492-3.347 13.221-8.664 26.049-15.807 38.129-2.131 3.604-1.79 8.155.854 11.402l34.513 42.394-34.24 34.24-42.394-34.513c-3.247-2.644-7.798-2.986-11.403-.853-12.076 7.141-24.904 12.459-38.128 15.807-4.065 1.029-7.057 4.485-7.492 8.656l-5.676 54.391h-48.358l-5.675-54.391c-.435-4.165-3.419-7.619-7.477-8.653-13.296-3.387-26.13-8.706-38.143-15.81-3.604-2.133-8.156-1.793-11.403.853l-42.387 34.508-34.168-34.235 34.442-42.402c2.638-3.247 2.975-7.793.845-11.395-7.141-12.077-12.459-24.905-15.808-38.128-1.028-4.065-4.486-7.057-8.656-7.492l-54.39-5.676v-48.358l54.389-5.675c4.166-.435 7.62-3.418 8.654-7.477 3.388-13.296 8.708-26.129 15.811-38.143 2.129-3.602 1.792-8.147-.846-11.395l-34.437-42.396 34.163-34.163 42.396 34.436c3.248 2.638 7.793 2.975 11.394.845 12.016-7.104 24.849-12.424 38.144-15.812 4.058-1.034 7.042-4.488 7.477-8.653l5.675-54.39h48.358l5.676 54.39c.436 4.17 3.427 7.628 7.492 8.658 13.221 3.347 26.05 8.666 38.129 15.807 3.602 2.13 8.148 1.792 11.394-.846l42.402-34.441 34.235 34.167-34.508 42.388c-2.644 3.248-2.984 7.798-.854 11.403 7.104 12.016 12.425 24.85 15.812 38.143 1.034 4.058 4.488 7.042 8.652 7.477l54.391 5.675z' fill='%23999999'/%3E%3Cpath d='m257.406 155.845c-56.14 0-101.812 45.672-101.812 101.811 0 56.089 45.672 101.72 101.812 101.72 56.089 0 101.72-45.631 101.72-101.72 0-56.138-45.631-101.811-101.72-101.811zm0 183.531c-45.111 0-81.812-36.659-81.812-81.72 0-45.11 36.701-81.811 81.812-81.811 45.061 0 81.72 36.701 81.72 81.811 0 45.061-36.659 81.72-81.72 81.72z' fill='%23666666'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; position: absolute; left: 5px; top: 7px;}
}
.audience-card-content.visit h3 {color: var(--second-light);}
.audience-card {display: flex; flex-direction: column; height: 100%;}
.audience-card-image {margin-top: auto;}
.outro {text-align: center; margin-top: 40px;
   & p { font-size: clamp(1.2rem, 3vw, 1.5rem);   padding: 20px 0;}
}
.audience-card .btn {margin: 30px auto; align-self: center;}
.audience-card.corner::before {left: 15px; top: 15px; right: auto; transform: scaleX(1); filter: opacity(.35);}
    .audience-card.corner::after {display: none;}

@media (max-width: 768px) {.audience-grid {grid-template-columns: 1fr; gap: 20px;}}


.contacts-page {padding: 40px 0;}
.contacts-block {margin-bottom: 60px;}
.contacts-title {font-family: var(--font-oswald); font-size: clamp(1.3rem, 2vw, 1.8rem); text-transform: uppercase; color: var(--second-light); margin-bottom: 30px; border-bottom: 2px solid var(--gray-opacity-banner); padding-bottom: 15px;}
.contacts-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 30px 40px;}
.contact-card {display: flex;  flex-direction: row;align-items: flex-start; gap: 20px; background: var(--light-gray-opacity); padding: 20px;}
 .contact-photo {width: 180px;  flex-direction: row; height: auto; object-fit: cover; object-position: top; background: var(--gray-opacity-strong); outline: 2px solid var(--gray-opacity-strong); outline-offset: 4px; flex-shrink: 0;}
.contact-item {display: flex; align-items: stretch; gap: 20px; background: var(--light-gray-opacity); padding: 20px;}
.contact-info {display: flex; flex-direction: column; justify-content: space-between; flex: 1;margin-left: 1vw;}
.contact-name {font-family: var(--font-oswald);     font-size: clamp(1.5rem, 1.5vw, 1.7rem); text-transform: uppercase; color: var(--primary);  letter-spacing: 0.5px;    color: var(--primary);   font-weight: normal; margin: 0;}
.contact-position {font-family: var(--font-arial-narrow);   font-size: 1.2rem;   color: var(--second-light);   line-height: 1.3;   letter-spacing: 0.15rch;}
.contact-details { margin-top: auto; padding-top: 8px;
  & a {color: var(--second);   text-decoration: none;   border-bottom: 1px solid transparent;   transition: 0.2s;}
  & a:hover {text-decoration: underline;color: var(--primary);}
  & p {padding-top: .5vw;}
  & p span:nth-of-type(2) {margin-left: 1vw;} 
}

.contacts-grid.two-cols {display: grid; grid-template-columns: 1fr 1fr; gap: 30px 40px;}
.contacts-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 30px 40px; align-items: stretch;}
.contacts-map {box-shadow: var(--box-shadow);}

@media (max-width: 992px) {
    .contacts-grid {grid-template-columns: 1fr 1fr; gap: 20px;}
    .contact-card {flex-direction: column; align-items: center; text-align: center; padding: 20px;}
    .contact-photo {width: 150px; height: auto;}
    .contact-info {margin-left: 0;}
    .contact-name {font-size: clamp(1.2rem, 2.5vw, 1.5rem);}
    .contact-position {font-size: 1rem;}
    .contact-details p {padding-top: 1vw;}
    .contact-item {flex-direction: column; align-items: center; text-align: center;}
    .contact-item.no-photo {justify-content: flex-start; height: auto;}
    .contacts-grid.two-cols {grid-template-columns: 1fr 1fr; gap: 20px;}
}

@media (max-width: 768px) {
    .contacts-page {padding: 30px 0;}
    .contacts-block {margin-bottom: 40px;}
    .contacts-title {font-size: clamp(1.1rem, 3vw, 1.4rem); margin-bottom: 20px; padding-bottom: 10px;}
    .contacts-grid {grid-template-columns: 1fr; gap: 20px;}
    .contacts-grid.two-cols {grid-template-columns: 1fr; gap: 20px;}
    .contact-card {padding: 15px;}
    .contact-item {padding: 15px;}
    .contact-name {font-size: clamp(1rem, 3vw, 1.2rem);}
    .contact-position {font-size: 0.9rem;}
    .contact-details {font-size: 0.9rem;}
    .contact-details p {padding-top: 1.5vw;}
    .contact-item.no-photo {padding: 0;}
}

@media (max-width: 480px) {
    .contacts-page {padding: 20px 0;}
    .contacts-block {margin-bottom: 30px;}
    .contacts-title {font-size: clamp(0.9rem, 4vw, 1.1rem); margin-bottom: 15px; padding-bottom: 8px;}
    .contacts-grid {gap: 15px;}
    .contacts-grid.two-cols {gap: 15px;}
    .contact-card {padding: 12px;}
    .contact-item {padding: 12px;}
    .contact-name {font-size: clamp(0.85rem, 4vw, 1rem);}
    .contact-position {font-size: 0.8rem;}
    .contact-details {font-size: 0.8rem;}
    .contact-details p {padding-top: 2vw;}
    .contact-item.no-photo {padding: 0;}
    .contact-item.no-photo .contact-details p {font-size: 0.85rem;}
}


.themie.inner .themie-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}

  .themie-card {position: relative; width: stretch; height: 250px; background:hsla(198 0 94 / 90%); padding: 35px 15px 25px 35px; text-align: left; display: flex; flex-direction: column; justify-content: top;   transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;box-shadow: var(--box-shadow); font-family: var(--font-oswald); font-size: clamp(1.6rem, 2.1vw, 2.1rem); margin-bottom: 5px; text-transform: uppercase; color: var(--gray); }       
   .themie-card h3 {font-size: 18px;width: 225px;font-weight: 400;}  
   .themie-card .themie-card-icon {width: 60px; height: 60px; position: relative;border:0.15rem solid var(--primary); border-radius: 60px; margin-top: auto; filter: grayscale(100%) opacity(.5);
    & img  {margin: auto;width: 100%;height: 100%;padding: 0.45rem;filter: grayscale(100%) opacity(1);}
  }
 .themie-card:hover .themie-card-icon {border:.15rem solid var(--white); filter: grayscale(100%) opacity(1);
    & img {filter: grayscale(0%) opacity(1) brightness(0) invert(1); margin-left: 0px;}
  }
        .themie-card:hover { background: var(--second);transform: translateY(-3px);box-shadow: var(--box-shadow-hover);} 
        .themie-card-bg.mask::before {opacity: 1;}
        .themie-card::before {top: 10px; left: 10px; filter: grayscale(100%) opacity(0.5);}
        .themie-card:hover::before {top: 10px; left: 10px; filter: brightness(0) invert(1);}
        .themie-card.active .themie-card, .themie-card:hover {color: var(--white);} 
        .themie-card.active {background: var(--second);
          & img {opacity: 1; margin-right: 1px;}
        }      
        .themie-card.active .themie-card, .themie-card:hover {color: var(--white);}
        .themie-card.active::before { content: ''; position: absolute; top: 10px; left: 10px; width: 150px; height: 81px; background: url('../img/border-card.svg') no-repeat; filter: brightness(0) invert(1); }
        .themie-card::after {display: none;}
        .themie-card:hover .themie-card {color: var(--white);}
        .themie-card .themie-card-bg {width: 208px; height: 192px; position: absolute; bottom: -3px; right: -1px;} 
        .themie-card-bg img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(100%) opacity(.3); transition: filter 0.3s ease; will-change: filter;}
        .themie-card-bg.mask img { mask: url('../img/mask.svg') right/contain no-repeat; -webkit-mask: url('../img/mask.svg') right/contain no-repeat;   margin: -1px 2px -1px -1px;}
        .themie-card.active .themie-card-bg img, .themie-card:hover .themie-card-bg img { filter: grayscale(0%) opacity(1);margin-right: 2px;}
@media (min-width: 1561px) {
.themie.inner .themie-grid .hydraulic {grid-column: 2 / 3;}
.themie.inner .themie-grid .storage {grid-column: 3 / 4;}
}

@media (max-width: 1024px)  { 
    .themie.inner .themie-grid {grid-template-columns: repeat(2, 1fr); gap: 20px;}  
      }
@media (max-width: 768px) {.themie.inner .themie-grid {grid-template-columns: 1fr;}
    .themie-card{ height: 150px; background: var(--second); padding: 25px 33px; width: 100%; flex-direction: column;overflow: hidden;}
       .themie-card h3 {font-size: 18px;width: 220px;font-weight: 400;}  
    .themie-card-bg.mask img {display: none;}
    .themie-card .themie-card-bg {filter: grayscale(0%) opacity(1); background-repeat: no-repeat;} 
    .themie-card .themie-card-title {color: var(--white);}
    .themie-card::before {filter: brightness(0) invert(1);}
    .themie-card .themie-card-icon {border:2px solid var(--white); filter: none;width: 80px;height: 80px;border-radius: 80px; position:absolute; top: 50%; transform: translateY(-50%); right: 20px;
      & img  {margin: auto; width: 100%;height: 100%; padding: 15px; filter: grayscale(0%) opacity(1) brightness(0) invert(1);}
    }
}
@media (max-width: 480px) {.themie.inner .themie-grid {grid-template-columns: 1fr;}}

.steps-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 30px 0;}
.step-card {padding: 30px; background: var(--white); box-shadow: var(--box-shadow); border-top: 4px solid var(--primary);}
.step-card-inner {display: flex; align-items: center; gap: 25px;}
.step-number {flex-shrink: 0; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: var(--second-light); color: #fff; border-radius: 50%; font-family: var(--font-oswald); font-size: 2.2rem; line-height: 1;text-shadow: var(--text-shadow);}
.step-content {flex: 1;
  & h3 {font-family: var(--font-oswald); text-transform: uppercase; font-size: clamp(1.1rem, 1.5vw, 1.3rem); margin: 0 0 8px;font-weight: normal;}
  & p {font-size: clamp(1rem, 1.2vw, 1.35rem); color: var(--gray-dark); margin: 0 0 12px;}
  & .btn {background: var(--primary);margin: 10px 0 0 0;}
  & .btn:hover {background: var(--second-light);}
  & .step-help {font-size: clamp(0.85rem, 1vw, 1.15rem); color: var(--light-gray);font-style: italic; border-top: 1px solid var(--dark-gray); padding: 20px 0 0 0;display: block;}
}

@media (max-width: 768px) {.steps-grid {grid-template-columns: 1fr; gap: 20px;} .step-card-inner {flex-direction: column; text-align: center;} .step-number {width: 60px; height: 60px; font-size: 1.8rem;}}

.about-info .grid-about-info {display: grid; grid-template-columns: 1fr 1fr; gap: 0;}
.about-info-item {min-height: 400px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
  & h3 {margin: 12px 0 0 0; color: var(--white); font-family: var(--font-oswald); font-size: clamp(1.1rem, 1.5vw, 1.6rem); font-weight: 500; text-transform: uppercase;text-shadow: var(--text-shadow);font-weight: normal;letter-spacing: .05rem;}
}
.about-info-item.dates .about-info-item-bg  {background: radial-gradient(circle, rgb(102 102 102 / 0.55) 0%, rgb(102 102 102 / 0.05) 100%), url(/MITEX/img/info-date.webp) no-repeat center; background-size: cover;}
.about-info-item.place .about-info-item-bg {background: radial-gradient(circle, rgb(102 102 102 / 0.55) 0%, rgb(102 102 102 / 0.05) 100%), url(/MITEX/img/about-info-place.jpg) no-repeat center; background-size: cover;}
.about-info-item-bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat:no-repeat center; background-size: cover; transition: transform 0.2s;}
.about-info-item:hover .about-info-item-bg {transform: scale(1.05);}
.about-info-item-content {display: flex; flex-direction: column; justify-content: center; height: 70%; aspect-ratio: 3/2; backdrop-filter: blur(2px);  text-align: center; color: var(--white); max-width: 540px; position: relative; background: var(--second-light); box-shadow: var(--box-shadow);}
  .about-info-item-content::before {top: 10px; left: 10px; filter: brightness(0) invert(1);}
  .about-info-item-content::after {bottom: 10px; right: 10px; filter: brightness(0) invert(1);}
.about-info-item-icon svg {display: block; width: 35px; height: 45px; fill: none; stroke: var(--white); margin: 0 auto;}
.about-info-item-title {margin: 16px 0 0 0; font-family: var(--font-arial-narrow); font-size: 1.5rem; font-weight: 600;text-shadow: var(--text-shadow);}
.about-info-item-notice {margin: 4px 0 0 0;font-size: 16px; opacity: 1.0rem;text-shadow: var(--text-shadow);}

.shemie {position: relative;
  & ::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%);left: 0; width: 100%; height: 450px; background-image: url(../img/bg-uc1.png); background-repeat: var(--bg-repeat); background-size: auto;    opacity: .05;  z-index: 1;  filter: grayscale(100%);  z-index: 0;}
  & img {width: 95%;height: auto;box-shadow: var(--box-shadow);margin: 0 auto;display: block;z-index: 100;position: relative;}
}

@media (max-width: 1219px) {.about-info .grid-about-info {grid-template-columns: 1fr;}}
@media (max-width: 767px) {
    .about-info-item {min-height: 300px;}
    .about-info-item-content {padding: 19px 24px !important;}
    .about-info-item h3 {font-size: 20px;}
    .shemie img {width: 100%;height: auto;box-shadow: none;margin: 0 auto;display: block;}
}
.about-info-item h3 {margin:12px 0 0 0;}
.about-info-item-title {margin:16px 0 0 0; }
.about-info-item-notice {margin:4px 0 0 0; font-weight:400; font-size:16px; line-height:20px;}

@media (max-width:1219px) {
    .about-info {display:block}
    .about-info-item {min-width:0; max-width:none}
}
.about-area-map {margin:60px 0 0 0}
.about-area-map .main-title {max-width:890px; margin:0 auto; font-size:20px; line-height:22px; padding-top:40px;}
.about-area-map .main-anonce {max-width:764px; color:var(--text-dark); line-height: 22px;}
.about-info-item h3 {margin:12px 0 0 0; color:var(--white); }

@media (max-width:767px) {
  .about-area-map {margin:0}
	.about-info-item {min-height: 368px;}
	.about-info-item h3 {font-size: 22px;}
	.about-info-item h3 {margin:12px 0 0 0; color:var(--white);}
	.about-info-item-title {margin:16px 0 0 0; }
}

.about-area-info {display: grid; grid-template-columns: 1fr 1fr; gap: 0; color: var(--text-dark);}
.about-area-info-container {padding: 40px; background: var(--gray-opacity-strong); display: flex; flex-direction: column; gap: auto;
  & .section-subtitle {font-family: var(--font-oswald); text-transform: uppercase; font-size: 1rem; color: var(--second); margin: 0 0 8px;}
  & .transport-item {margin-bottom: 8px;}
  & .transport-item i {color: var(--primary); font-size: 1.2rem; margin-top: 2px; flex-shrink: 0;}
  & .transport-text {font-size: 1.15rem; margin: 0 0 4px 0; line-height: 1.7;}
  & .transport-item .transport-text:last-child {margin-bottom: 25px;}
  & .transport-text.parking {font-style: italic;}
}
.about-area-info-container {
  & h3 {font-family: var(--font-oswald); text-transform: uppercase; font-size: 1.2rem; color: var(--primary); margin: 0 0 8px;font-kerning: auto;font-weight: 400;}
  & .address-item {display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px;}
  & i {color: var(--primary); font-size: 1.2rem; margin-top: 2px; flex-shrink: 0;}
  & .address-text {font-size: 1.2rem; margin: 0; line-height: 1.5;}
}  
.about-area-info-container .transport-section {margin-top: 10px;}
.about-area-info-map {display: flex; min-height: 400px;}
.about-area-info-map #ymaps-map-id_13554002745948613653 {width: 100%; height: 100%; min-height: 400px;}
@media (max-width: 1219px) {.about-area-info {grid-template-columns: 1fr;} .about-area-info-container {max-width: none;} .about-area-info-map {min-height: 350px;}}
@media (max-width: 767px) {.about-area-info {margin: 40px -20px 0 -20px;} .about-area-info-container {padding: 24px; margin: 0 20px; gap: 15px;} .about-area-info-container h3 {font-size: 1rem;} .about-area-info-container .address-item .address-text, .about-area-info-container .transport-text {font-size: 0.9rem;} .about-area-info-map {min-height: 300px; padding: 0 20px;}}

.archive-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;}
.archive-card {position: relative; display: block; text-decoration: none; color: #fff; aspect-ratio: 3/2; overflow: hidden;box-shadow: var(--box-shadow);}
  .archive-card:hover {box-shadow: var(--box-shadow-hover);transform: translateY(-3px); } 
.archive-bg {position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.2s;}
  .archive-card:hover .archive-bg {transform: scale(1.15);}

.archive-content {position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(0,0,0,0.35); padding: 20px 0 0 0; text-align: center;}
  .archive-card:hover .archive-content {background: rgba(0,0,0,0.01);}
.archive-year {font-family: var(--font-oswald); font-size: clamp(1.5rem, 5vw, 2rem); line-height: 1;text-shadow: var(--text-shadow);   position: absolute;  top: 5px;    right: -45px;   transform: rotate(35deg);   background: var(--gray-opacity);   color: var(--white-opacity);   text-transform: uppercase;  letter-spacing: 0.5px;   padding: 10px 50px 10px 60px;   z-index: 2;   pointer-events: none;   text-shadow: var(--text-shadow);  box-shadow: var(--box-shadow); letter-spacing: 2px; }
.archive-card:hover .archive-year {background: var(--primary);}
.archive-date-place {font-size: 1rem; margin-top: 8px; opacity: 0.9;text-shadow: var(--text-shadow);background: rgba(0,0,0,0.4); padding: 20px 30px; margin-top: auto;width: 100%;}
  .archive-card:hover .archive-date-place {background: var(--second-light);}

.archive-page-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin: 30px 0;}
.page-card {position: relative; display: flex; flex-direction: column; aspect-ratio: 3/2; overflow: hidden; box-shadow: var(--box-shadow); text-decoration: none !important; transition: box-shadow 0.3s, transform 0.3s; padding: 0;
  & p {margin-top: auto; padding: 20px; background: var(--light-gray); color: var(--second); font-family: var(--font-oswald); border-top: 3px solid var(--primary); text-transform: uppercase; font-size: 1.15rem; text-align: center; z-index: 1;width: 100%;letter-spacing: 1px;}
}
.page-card:hover {box-shadow: var(--box-shadow-hover); transform: translateY(-0px);
 & p {font-size: 150%; color: var(--second-light);padding: 16px;}
}

.page-bg {position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.2s;}
.page-card:hover .page-bg {transform: scale(1.15);}

.page-card .page-bg:not([style*="background-image"]) {background: var(--light-gray-opacity);}
.page-card .page-bg:not([style*="background-image"])::before {content: ''; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background-size: contain; background-repeat: no-repeat; background-position: center;  z-index: 1; pointer-events: none; transition: opacity 0.3s; opacity: .55;z-index: 100;}
.page-card:hover .page-bg:not([style*="background-image"])::before {opacity: 1;}

.arch-photo .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-photo.svg');}
.arch-video .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-video.svg');}
.arch-programm .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-programm.svg');}
.arch-speakers .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-speakers.svg');}
.arch-review .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-reviews.svg');}
.arch-catalog .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-catalogue.svg');}
.arch-post-release .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-press.svg');}
.arch-itog .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-results.svg');}
.arch-support .page-bg:not([style*="background-image"])::before {background-image: url('/MITEX/img/icons/placeholder-support.svg');}

@media (max-width: 1024px) {.archive-grid {grid-template-columns: repeat(3, 1fr); gap: 25px;}}
@media (max-width: 768px) {.archive-grid {grid-template-columns: repeat(2, 1fr); gap: 20px;}}
@media (max-width: 480px) {.archive-grid {grid-template-columns: 1fr; gap: 15px;}}

@media (max-width: 1024px) {
    .archive-page-grid {grid-template-columns: repeat(3, 1fr); gap: 20px;}
}
@media (max-width: 768px) {
    .archive-page-grid {grid-template-columns: repeat(2, 1fr); gap: 15px;}
    .page-card p {font-size: 0.85rem; padding: 15px;}
}
@media (max-width: 480px) {
    .archive-page-grid {grid-template-columns: 1fr; gap: 15px;}
    .page-card p {font-size: 0.8rem; padding: 12px;}
}

.itog a.btn {display: block; margin: 40px auto 0;}

#benefit-visit .hero.inner, #benefit-participant .hero.inner {margin-bottom:  40px;}

#benefit-visit {
  & .itog, .themie {background: var(--light-gray-opacity);}
}
#benefit-visit .themie .themie-item {background: var(--bg-card);}
.get-ticket.visit {padding: 30px 40px;
  & ul {list-style: none; padding: 0; margin: 0;}
  & ul li {padding: 6px 0 6px 40px; position: relative; font-size: 1rem; line-height: 1.4; color: var(--gray-dark);}
  & ul li::before {content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m475.397 214.475-56.582-5.904c-3.166-10.507-7.4-20.718-12.645-30.494l35.911-44.112c3.24-3.98 2.941-9.766-.69-13.392l-47.008-46.915c-3.627-3.618-9.397-3.912-13.369-.684l-44.111 35.829c-9.812-5.268-20.026-9.507-30.504-12.657l-5.903-56.572c-.532-5.094-4.825-8.964-9.946-8.964h-66.38c-5.121 0-9.415 3.87-9.946 8.964l-5.904 56.581c-10.51 3.167-20.724 7.403-30.502 12.649l-44.113-35.831c-3.976-3.23-9.752-2.932-13.375.691l-46.916 46.916c-3.624 3.623-3.922 9.399-.691 13.376l35.831 44.113c-5.246 9.777-9.481 19.99-12.649 30.501l-56.581 5.904c-5.093.531-8.963 4.825-8.963 9.946v66.38c0 5.121 3.87 9.414 8.963 9.946l56.573 5.903c3.15 10.479 7.388 20.693 12.656 30.504l-35.83 44.111c-3.228 3.975-2.933 9.745.684 13.369l46.916 47.008c3.625 3.631 9.411 3.932 13.392.69l44.111-35.911c9.775 5.244 19.986 9.479 30.496 12.645l5.904 56.582c.531 5.093 4.825 8.963 9.946 8.963h66.38c5.121 0 9.414-3.87 9.946-8.963l5.903-56.574c10.477-3.148 20.688-7.386 30.497-12.651l44.109 35.91c3.976 3.237 9.758 2.943 13.385-.684l47.008-47.008c3.626-3.626 3.921-9.408.684-13.385l-35.91-44.109c5.267-9.811 9.504-20.021 12.652-30.497l56.573-5.903c5.092-.532 8.963-4.825 8.963-9.946v-66.38c-.002-5.121-3.873-9.414-8.965-9.945zm-11.037 67.314-54.391 5.676c-4.17.436-7.628 3.427-8.657 7.492-3.347 13.221-8.664 26.049-15.807 38.129-2.131 3.604-1.79 8.155.854 11.402l34.513 42.394-34.24 34.24-42.394-34.513c-3.247-2.644-7.798-2.986-11.403-.853-12.076 7.141-24.904 12.459-38.128 15.807-4.065 1.029-7.057 4.485-7.492 8.656l-5.676 54.391h-48.358l-5.675-54.391c-.435-4.165-3.419-7.619-7.477-8.653-13.296-3.387-26.13-8.706-38.143-15.81-3.604-2.133-8.156-1.793-11.403.853l-42.387 34.508-34.168-34.235 34.442-42.402c2.638-3.247 2.975-7.793.845-11.395-7.141-12.077-12.459-24.905-15.808-38.128-1.028-4.065-4.486-7.057-8.656-7.492l-54.39-5.676v-48.358l54.389-5.675c4.166-.435 7.62-3.418 8.654-7.477 3.388-13.296 8.708-26.129 15.811-38.143 2.129-3.602 1.792-8.147-.846-11.395l-34.437-42.396 34.163-34.163 42.396 34.436c3.248 2.638 7.793 2.975 11.394.845 12.016-7.104 24.849-12.424 38.144-15.812 4.058-1.034 7.042-4.488 7.477-8.653l5.675-54.39h48.358l5.676 54.39c.436 4.17 3.427 7.628 7.492 8.658 13.221 3.347 26.05 8.666 38.129 15.807 3.602 2.13 8.148 1.792 11.394-.846l42.402-34.441 34.235 34.167-34.508 42.388c-2.644 3.248-2.984 7.798-.854 11.403 7.104 12.016 12.425 24.85 15.812 38.143 1.034 4.058 4.488 7.042 8.652 7.477l54.391 5.675z' fill='%23999999'/%3E%3Cpath d='m257.406 155.845c-56.14 0-101.812 45.672-101.812 101.811 0 56.089 45.672 101.72 101.812 101.72 56.089 0 101.72-45.631 101.72-101.72 0-56.138-45.631-101.811-101.72-101.811zm0 183.531c-45.111 0-81.812-36.659-81.812-81.72 0-45.11 36.701-81.811 81.812-81.811 45.061 0 81.72 36.701 81.72 81.811 0 45.061-36.659 81.72-81.72 81.72z' fill='%23666666'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; position: absolute; left: 5px; top: 7px;}
  & small {font-style: italic; color: var(--gray);font-size: 1.05rem;}
  }

  @media (max-width: 768px) {
    #benefit-visit .btn {width: 100%;text-align: center;}
    .get-ticket.visit {padding: 0;}
  }


.news.full .news-grid {display: grid; grid-template-columns: 1fr; gap: 0;}
.news.full .cards-news {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.news.new.full .news-subscribe {margin-top: var(--air);
  & h3 {text-align: left;margin-left: 20px;}
}

.news-detail .news-subscribe {margin-top: var(--air);
  & h3 {text-align: left;margin-left: 40px;border-bottom: none;color: var(--second-light);    font-size: 1.5rem;}
}

.news.full .news-subscribe, .news-detail .news-subscribe {background: var(--light-gray-opacity)}
.news.full .subscribe-form {display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; padding: 20px 25px; align-items: center;
    & input[type="text"], & input[type="email"] {flex: 1 1 200px; padding: 10px 15px; border: 1px solid var(--second-light); color: var(--second-light); box-sizing: border-box; min-width: 150px;}
    & button {flex: 0 0 auto; width: auto; padding: 10px 30px; background: var(--second-light); color: var(--white); font-family: var(--font-arial-narrow); font-size: 1rem; text-transform: uppercase; border: 0; cursor: pointer;}
    & button:hover {transform: translateY(-3px); box-shadow: 0 2px 4px rgb(0 0 0 / 0.5); background: var(--primary);}
    & label {flex: 1 1 100%; display: flex; align-items: baseline; gap: 8px; font-size: 0.8rem; color: var(--gray); 
        & a {color: var(--primary); flex-wrap: wrap;}
        & a:hover {text-decoration: underline;}
        & input {width: auto; margin: 0;}        
    }
    & input::placeholder {color: var(--second); opacity: 1;}
}

.news-detail .news-subscribe {padding: 0;}
.news-detail .subscribe-form {display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; padding: 20px 20px 20px 40px; align-items: center;  
    & input[type="text"], & input[type="email"] {flex: 1 1 200px; padding: 10px 15px; border: 1px solid var(--second-light); color: var(--second-light); box-sizing: border-box; min-width: 150px;margin: 0;}
    & button {flex: 0 0 auto; width: auto; padding: 10px 30px; background: var(--second-light); color: var(--white); font-family: var(--font-arial-narrow); font-size: 1rem; text-transform: uppercase; border: 0; cursor: pointer;margin-top: 0;}
    & button:hover {transform: translateY(-3px); box-shadow: 0 2px 4px rgb(0 0 0 / 0.5); background: var(--primary);}
    & label {flex: 1 1 100%; display: flex; align-items: baseline; gap: 8px; font-size: 0.8rem; color: var(--gray); margin: 0;
        & a {color: var(--primary); flex-wrap: wrap;}
        & a:hover {text-decoration: underline;}
        & input {width: auto; margin: 0;}        
    }
    & input::placeholder {color: var(--second); opacity: 1;}
}

@media (max-width: 768px) {.news.full .subscribe-form {flex-direction: column; & input[type="text"], & input[type="email"], & button {width: 100%; flex: 1 1 auto;}}}
@media (max-width: 1200px) {.news.full .cards-news {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 992px) {.news.full .cards-news {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px) {.news.full .cards-news {grid-template-columns: 1fr;} .news.full .subscribe-form {flex-direction: column;} .news.full .subscribe-form label {display: inline-block;} }


.hotels-catalog {position: relative;
    &::after {content: "";    position: absolute;    bottom: 0;    left: 0;     width: 100%;     height: 15px;     background-image: url(/MITEX/img/bg-uc1.png);     background-repeat: var(--bg-repeat);    background-size: auto;    opacity: .05;      z-index: 1;
        filter: grayscale(100%);      z-index: 0; } 
}
.intro ul {padding-left: 20px; margin-bottom: 40px}
 .intro ul li {font-family: var(--font-arial-narrow); font-size: 1.25rem; color: var(--second); padding: 5px 0 5px 35px; position: relative; line-height: 1.3;list-style-type: none;}
 .intro a.btn {display: block;margin: 10px auto;}

   .intro ul li::before {content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m475.397 214.475-56.582-5.904c-3.166-10.507-7.4-20.718-12.645-30.494l35.911-44.112c3.24-3.98 2.941-9.766-.69-13.392l-47.008-46.915c-3.627-3.618-9.397-3.912-13.369-.684l-44.111 35.829c-9.812-5.268-20.026-9.507-30.504-12.657l-5.903-56.572c-.532-5.094-4.825-8.964-9.946-8.964h-66.38c-5.121 0-9.415 3.87-9.946 8.964l-5.904 56.581c-10.51 3.167-20.724 7.403-30.502 12.649l-44.113-35.831c-3.976-3.23-9.752-2.932-13.375.691l-46.916 46.916c-3.624 3.623-3.922 9.399-.691 13.376l35.831 44.113c-5.246 9.777-9.481 19.99-12.649 30.501l-56.581 5.904c-5.093.531-8.963 4.825-8.963 9.946v66.38c0 5.121 3.87 9.414 8.963 9.946l56.573 5.903c3.15 10.479 7.388 20.693 12.656 30.504l-35.83 44.111c-3.228 3.975-2.933 9.745.684 13.369l46.916 47.008c3.625 3.631 9.411 3.932 13.392.69l44.111-35.911c9.775 5.244 19.986 9.479 30.496 12.645l5.904 56.582c.531 5.093 4.825 8.963 9.946 8.963h66.38c5.121 0 9.414-3.87 9.946-8.963l5.903-56.574c10.477-3.148 20.688-7.386 30.497-12.651l44.109 35.91c3.976 3.237 9.758 2.943 13.385-.684l47.008-47.008c3.626-3.626 3.921-9.408.684-13.385l-35.91-44.109c5.267-9.811 9.504-20.021 12.652-30.497l56.573-5.903c5.092-.532 8.963-4.825 8.963-9.946v-66.38c-.002-5.121-3.873-9.414-8.965-9.945zm-11.037 67.314-54.391 5.676c-4.17.436-7.628 3.427-8.657 7.492-3.347 13.221-8.664 26.049-15.807 38.129-2.131 3.604-1.79 8.155.854 11.402l34.513 42.394-34.24 34.24-42.394-34.513c-3.247-2.644-7.798-2.986-11.403-.853-12.076 7.141-24.904 12.459-38.128 15.807-4.065 1.029-7.057 4.485-7.492 8.656l-5.676 54.391h-48.358l-5.675-54.391c-.435-4.165-3.419-7.619-7.477-8.653-13.296-3.387-26.13-8.706-38.143-15.81-3.604-2.133-8.156-1.793-11.403.853l-42.387 34.508-34.168-34.235 34.442-42.402c2.638-3.247 2.975-7.793.845-11.395-7.141-12.077-12.459-24.905-15.808-38.128-1.028-4.065-4.486-7.057-8.656-7.492l-54.39-5.676v-48.358l54.389-5.675c4.166-.435 7.62-3.418 8.654-7.477 3.388-13.296 8.708-26.129 15.811-38.143 2.129-3.602 1.792-8.147-.846-11.395l-34.437-42.396 34.163-34.163 42.396 34.436c3.248 2.638 7.793 2.975 11.394.845 12.016-7.104 24.849-12.424 38.144-15.812 4.058-1.034 7.042-4.488 7.477-8.653l5.675-54.39h48.358l5.676 54.39c.436 4.17 3.427 7.628 7.492 8.658 13.221 3.347 26.05 8.666 38.129 15.807 3.602 2.13 8.148 1.792 11.394-.846l42.402-34.441 34.235 34.167-34.508 42.388c-2.644 3.248-2.984 7.798-.854 11.403 7.104 12.016 12.425 24.85 15.812 38.143 1.034 4.058 4.488 7.042 8.652 7.477l54.391 5.675z' fill='%23999999'/%3E%3Cpath d='m257.406 155.845c-56.14 0-101.812 45.672-101.812 101.811 0 56.089 45.672 101.72 101.812 101.72 56.089 0 101.72-45.631 101.72-101.72 0-56.138-45.631-101.811-101.72-101.811zm0 183.531c-45.111 0-81.812-36.659-81.812-81.72 0-45.11 36.701-81.811 81.812-81.811 45.061 0 81.72 36.701 81.72 81.811 0 45.061-36.659 81.72-81.72 81.72z' fill='%23666666'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; position: absolute; left: 5px; top: 10px;}
.hotels-catalog-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));  gap: var(--air);  margin: 40px 0;}
.hotel-info {padding: 20px;flex-grow: 1;display: flex; flex-direction: column; background: #fff;}
.hotel-item { background: #FFFFFF;  box-shadow: var(--box-shadow);  overflow: hidden;  transition: all 0.3s ease;  border: 1px solid #EAEAEA;  display: flex;  flex-direction: column;
    &:hover {transform: translateY(-5px);    box-shadow: var(--box-shadow);}
}

.hotel-main-content { display: flex; align-items: center; padding: 15px; min-height: 210px; background-size: cover; background-position: center; position: relative;
    &:before {content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.3);  z-index: 1;}
}

.hotel-logo { width: 160px;  height: 160px;  display: flex;  align-items: center;  justify-content: center;  background: #fff;  padding: 15px;  flex-shrink: 0;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);  position: relative;  z-index: 2;
    & img { max-height: 100%;  max-width: 100%;  object-fit: contain;box-shadow:none}
}

.hotel-links-promo-container {position: absolute;   top: 15px;   right: 15px;   display: flex;   flex-direction: column;   align-items: flex-end;   z-index: 2;}
.hotel-links-row {display: flex;   gap: 10px;   margin-bottom: 10px;
    & .btn { padding: 0 12px; height: 32px; font-size: .95rem !important; line-height: 1.2rem !important; display: flex !important; margin: 0;}
    & .btn::before { content: "";  position: absolute;  left: 50%;  top: 50%;  width: 82px;  height: 82px;  border-radius: 50%;  margin: -41px 0 0 -41px;  background: #ffffff;  transform: scale(0);  transition: transform 0.2s;}
}

.hotel-main-content {display: flex;   align-items: flex-start;  padding: 15px;   min-height: 190px;  background-size: cover;  background-position: center;  position: relative;}

.hotel-title-row { display: flex; justify-content: space-between;  align-items: center;  margin-bottom: 15px;  width: 100%;}
.hotel-title-row  h3 {text-transform: uppercase;  color: var(--primary);font-weight: 500;font-size: 180%;}

.hotel-link {display: inline-flex;  align-items: center;  padding: 10px 15px;    text-decoration: none;  transition: all 0.2s;  background: rgba(255,255,255,0.9);  border: 1px solid #E0E6ED;  color: #403F44;  box-shadow: var(--box-shadow);}
.hotel-link-icon {display: inline-block; width: 18px; height: 18px; margin-right: 8px; background-size: contain; background-repeat: no-repeat; transition: all 0.2s;}

.hotel-promo-below {padding: 8px 12px; background: rgba(255, 255, 255, 0.9); box-shadow: var(--box-shadow-promo);  margin-left: 15px; white-space: nowrap; position: relative;
    & strong { font-family: var(--font-oswald); color:  var(--second-light); font-size: 1.2rem;font-weight:500}
}

.promo-corner { position: relative; 
    &::before, &::after { content: ''; position: absolute; width: 100px; height: 22px; background: url('/MITEX/img/promocod.svg') no-repeat; background-size: contain; pointer-events: none; opacity: 0.6; }
    &::before { top: 24px; left: 0; }
    &::after { bottom: 21px; right: -2px; transform: scale(-1, -1); }
  }

.hotel-site .hotel-link-icon {background-image: url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="%23403F44"><path d="m2.25 12c.00113-.9942.39658-1.9474 1.0996-2.6504.70301-.70302 1.65618-1.09847 2.6504-1.0996h5.25v-1.5h-5.25c-1.39239 0-2.72774.55312-3.71231 1.53769s-1.53769 2.31991-1.53769 3.71231.55312 2.7277 1.53769 3.7123 2.31992 1.5377 3.71231 1.5377h5.25v-1.5h-5.25c-.99422-.0011-1.94739-.3966-2.6504-1.0996-.70302-.703-1.09847-1.6562-1.0996-2.6504z"/><path d="m18 6.75h-5.25v1.5h5.25c.9946 0 1.9484.39509 2.6517 1.09835.7032.70325 1.0983 1.65705 1.0983 2.65165s-.3951 1.9484-1.0983 2.6517c-.7033.7032-1.6571 1.0983-2.6517 1.0983h-5.25v1.5h5.25c1.3924 0 2.7277-.5531 3.7123-1.5377s1.5377-2.3199 1.5377-3.7123-.5531-2.72774-1.5377-3.71231-2.3199-1.53769-3.7123-1.53769z"/><path d="m17.4375 11.2803h-10.875v1.5h10.875z"/></g></svg>'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; display: inline-block; filter: brightness(0) invert(1);}

.hotel-map .hotel-link-icon {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23403F44"><path d="M12 12q.825 0 1.413-.588Q14 10.825 14 10t-.587-1.413Q12.825 8 12 8q-.825 0-1.412.587Q10 9.175 10 10q0 .825.588 1.412Q11.175 12 12 12Zm0 7.35q3.05-2.8 4.525-5.088Q18 11.975 18 10.2q0-2.725-1.738-4.463Q14.525 4 12 4 9.475 4 7.737 5.737 6 7.475 6 10.2q0 1.775 1.475 4.062Q8.95 16.55 12 19.35ZM12 22q-4.025-3.425-6.012-6.363Q4 12.7 4 10.2q0-3.75 2.413-5.975Q8.825 2 12 2t5.587 2.225Q20 6.45 20 10.2q0 2.5-1.987 5.437Q16.025 18.575 12 22Zm0-11.8Z"/></svg>');filter: brightness(0) invert(1);}

.hotel-link:hover .hotel-link-icon {filter: brightness(0) invert(1);}
/* Промокод */
.hotel-promo-below {padding: 8px 12px;}

.hotel-description {line-height: 1.6; margin-bottom: 0; flex-grow: 1;font-family: "NotoSans-Regular", sans-serif;color: var(--text); 
     & p {padding: 7px 0;text-align: justify;}
}

/*визовая поддержка */

    .visa {padding-top: 120px;
        & h3 {font-size: clamp(1.3rem, 2vw, 1.8rem); text-transform: uppercase;  color: var(--primary);  margin-bottom: 30px;  border-bottom: 2px solid var(--gray-opacity-banner); padding-bottom: 10px;width: fit-content;font-weight: normal;}
        & h4 {font-size: 120%;padding-bottom: 10px;}
    }

    .image-block {display: flex; flex-direction: row-reverse;  gap: 30px;   margin: 20px 0; align-items: center;
     & img {max-width: 600px;width: 100%; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
    }
    .image-text {flex: 1;
       & P {color: var(--text); font-size: clamp(1.1rem, 2vw, 1.2rem); line-height: 1.5;padding-bottom: 10px;}
    }
  
  .contacts-wrapper {margin-top: 20px;border-top: 1px solid #eee;padding-top: 20px;}
  .contacts-container {display: flex;align-items: flex-start;    gap: 30px;}
  .logo-section {display: flex;flex-direction: column;align-items: flex-start;min-width: 200px;
    & .partner-text {font-size: clamp(0.9rem, 2vw, 1.0rem);color: #555;margin-top: 5px;max-width: 260px;text-align: center;font-family: var(--font-arial-narrow)}
    }
  .logo-link {display: inline-block;margin-bottom: 10px;}
  
  .contact-item {display: flex;align-items: center;margin-bottom: 2px;}
  .contact-content {flex: 1;
         & P {color: var(--text); font-size: clamp(0.9rem, 2vw, 1.0rem); line-height: 1.1;}
         & .fa-envelope, .fa-phone, a {color: var(--primary);text-decoration: none;}
         & a:hover {text-decoration: underline;} 
   }
  .section-divider {margin: 40px 0;border-top: 1px solid #eee;}
  @media (max-width: 768px) {.image-block {flex-direction: column;}
    .image-block img {max-width: 100%;}
    .contacts-container {flex-direction: column;}
    .logo-section {margin-bottom: 20px;align-items: center;text-align: center;}
    .section-divider {margin: 30px 0;}
  }

 .media-materials {padding: 40px 0;
  & a {color: var(--primary);text-decoration: none;}
  & a:hover {text-decoration: non;}
  & .intro {text-align: left;} 
}
.media-block {margin-bottom: 30px; /*border-top: 2px solid var(--gray-opacity-banner);*/ padding-top: 30px;
  &  p { color: var(--gray-dark); margin-bottom: 20px;line-height: 1.5;font-size: clamp(1.0rem, 1.5vw, 1.2rem); }
}
.media-block-title {font-family: var(--font-oswald); font-size: clamp(1.3rem, 2vw, 1.8rem); text-transform: uppercase; color: var(--second-light); margin-bottom: 15px;}
.media-subblock { padding-top: 40px; border-bottom: 1px dashed var(--second-light-opacity);padding-bottom: 30px;
  &  .btn {margin: 0 auto 40px auto;display: block;}
}
.media-subblock-title {font-family: var(--font-oswald); font-size: clamp(1.1rem, 1.5vw, 1.4rem); text-transform: uppercase; color: var(--second);  font-weight: 400; margin-bottom: 10px; }
.media-cards {display: grid; grid-template-columns: 1fr 1fr; gap: var(--air); margin: 15px 0;}
.media-card {background: var(--white); box-shadow: var(--box-shadow); transition: all 0.3s ease; border: 1px solid var(--gray-opacity-banner);display: flex;flex-direction: column;
  &:hover {transform: translateY(-4px); box-shadow: var(--box-shadow-hover);flex:1} 
  & .btn-small {padding: 6px 18px; font-size: 0.95rem; background: var(--second-light); color: #fff; border: 0; cursor: pointer; transition: background 0.3s; text-transform: uppercase; text-decoration: none; margin: 0 0 0 auto;}
  .btn-small:hover {background: var(--primary);}
}
.media-card-preview {background: var(--light-gray-opacity); padding:0 20px; display: flex; align-items: center; justify-content: center; min-height: 150px;
  &  img {width: 100%; height: 350px; object-fit: contain; object-position: center; padding: 20px;  box-sizing: border-box;}
}
  .media-card.logo img {width: 260px;}
  .media-card.logo .media-card-preview p {font-family: var(--font-arial-narrow); text-align: justify;line-height: 1.5;margin-top: 20px;}
.media-card-info {padding: 15px 20px 20px; display: flex; justify-content: space-between; align-items: center;margin-top:auto;  flex-shrink: 0;}
.media-card-name {font-family: var(--font-arial-narrow); font-size: 1.25rem; color: var(--second);}
.media-links-row {display: flex; gap: 20px; flex-wrap: wrap; margin: 15px 0;
  & .btn {padding: 10px 25px; background: var(--second-light); color: #fff; text-decoration: none; font-family: var(--font-oswald); text-transform: uppercase; font-size: 0.85rem; transition: background 0.3s;}
  & .btn:hover {background: var(--primary);}
}
.media-note {font-size: 1.0rem; color: var(--gray); font-style: italic; margin-top: 25px;line-height: 1.5;
  & a {color: var(--primary); text-decoration: none;}
  &  a:hover {text-decoration: underline;}
}
.media-requirements {list-style: none; padding: 0; margin: 10px 0 15px;
  & li { font-size: clamp(1.0rem, 1.5vw, 1.2rem);  color: var(--gray-dark); padding: 6px 0 6px 30px; position: relative; line-height: 1.4; border-bottom: 1px solid var(--gray-opacity-banner);}
  & li::before {content: "—"; position: absolute; left: 0; color: var(--primary);}
}
@media (max-width: 768px) {.media-cards {grid-template-columns: 1fr; gap: 20px;}     .media-card {height: auto;} .media-card.logo .media-card-preview {display: flex; flex-direction: column; align-items: center;}
.media-card .media-card-preview img {width: 100%; padding: 20px 0; height: auto;}
.media-card.logo .media-card-preview p {font-family: var(--font-arial-narrow); text-align: justify; line-height: 1.5; margin: 0px 0 40px 0;}
section .media-subblock {
 & a.btn {display: block; font-size: 1.1rem;padding: 10px; width: 100%;  text-align: center;}
 & a.btn.btn-small {width: fit-content !important}
}
}