/* ── Notice Bar ── */
.notice-bar{
  background:#1a1a1a;
  border-bottom:1px solid var(--border);
  padding:8px 24px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  font-size:12px;color:var(--text2);
  position:relative;z-index:200;
}
.notice-bar a{color:var(--text2);text-decoration:underline}
.notice-switch{
  background:#fff;color:#000;
  border:none;border-radius:4px;
  padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;
  transition:opacity .2s;
}
.notice-switch:hover{opacity:.85}
.notice-close{
  position:absolute;right:20px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:var(--text3);font-size:18px;cursor:pointer;line-height:1;
}

/* ── Nav ── */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(12px);
  height:60px;display:flex;align-items:center;
  padding:0 24px;
}
.nav-inner{max-width:1280px;width:100%;margin:0 auto;display:flex;align-items:center;gap:0}
.nav-group{margin-left:auto;display:flex;align-items:center;gap:12px}
.nav-logo{
  font-size:20px;font-weight:900;letter-spacing:-0.5px;
  color:#fff;margin-right:32px;flex-shrink:0;
  display:flex;align-items:center;gap:4px;
}
.nav-logo .logo-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
  }
.nav-logo .logo-info .logo{
  width:26px;
  height:26px;
}
.nav-logo .logo-info span{
  padding-left:4px;
  color:white;
}
.nav-logo .ok{color:#fff}
.nav-logo .x{color:#fff}
.nav-links{display:flex;align-items:center;gap:4px;flex:0 0 auto;}
.nav-links a{
  color:var(--text2);font-size:13px;padding:6px 12px;
  border-radius:6px;
  position: relative;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropbtn {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
  color:#eeeeee;
}
.arrow-down {
  margin-left: 8px;
  transition: 0.3s;
  width:10px;
  opacity: 0.6;
}
.nav-links a:hover{color:#fff}
.nav-links a:hover .arrow-down{
    opacity: 1;
}
.dropdown-content {
  display: flex;
  position: absolute;
  border-radius: 10px;
  background: #0e0d0d;
  min-width: 190px;
  left: -10px;
  top: 33px;
  padding: 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.dropdown-content a {
  text-decoration: none;
  display: block;
}
.dropdown.active .dropdown-content {
  opacity: 1;
  visibility: visible;
  z-index:999;
}
.dropdown.active .arrow-down {
  transform: rotate(180deg);
}
.dropdown-content .header-nav__item:nth-child(3) {
  margin-right: 0;
}
.nav-right{display:flex;align-items:center;margin-left:20px;flex-shrink:0}
.nav-icon-btn{
  background:none;border:none;color:var(--text2);cursor:pointer;
  padding:6px;border-radius:6px;font-size:16px;transition:color .2s;
}
.nav-icon-btn:hover{color:#fff}
.nav-lang{
  display:flex;align-items:center;gap:2px;
  background:none;border:none;color:var(--text2);cursor:pointer;
  font-size:13px;padding:6px 10px;border-radius:6px;transition:color .2s;
}
.nav-lang:hover{color:#fff}
.nav-login{
  background:none;border:1px solid var(--border);color:#fff;
  padding:6px 16px;border-radius:6px;font-size:14px;cursor:pointer;
  transition:border-color .2s;
}
.nav-login:hover{border-color:#666}
.nav-signup{
  background:#fff;color:#000;border:none;
  padding:6px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;
  transition:opacity .2s;
}
.nav-signup:hover{opacity:.88}

.header-lang {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.header-lang__header {
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
  transition: 0.3s;
  gap: 4px;
}
.header-lang__header-icon {
  transition: 0.3s;
  width:10px;
  margin-top:2px;
}
.header-lang__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  left: -10px;
  top: -8px;
  position: absolute;
  border-radius: 10px;
  background: #0e0d0d;
  transition: 0.3s;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  width:100px;
  padding: 51px 0 11px 10px;
}
.header-lang__menu a{
  font-size:13px;
}
.header-lang__menu-item {
  font-family: var(--font-main);
  text-transform: uppercase;
  transition: 0.3s;
  white-space: nowrap;
  color: var(--font-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.header-lang__menu-item span{
  font-size:13px;
  padding-top:3px;
}
.header-lang__menu-item.active,
.header-lang__menu-item:hover {
  color: var(--color-accent-hover);
}
.header-lang__menu-item.active {
  pointer-events: none;
}
.header-lang__menu-flag {
  height: 14px;
  width: 20px;
  object-fit: fill;
  object-position: center;
}
.header-lang.active .header-lang__menu,
.partnership-hero__item.active .partnership-hero__item-circle::after,
.partnership-hero__item:hover .partnership-hero__item-circle::after {
  opacity: 1;
  visibility: visible;
}
.header-lang.active .header-lang__header-icon {
  transform: rotate(180deg);
}
.header-lang__header .header-lang__menu-item:hover {
  color: #fff;
}

/* ── Mobile hamburger ── */
.hamburger{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px;width:40px;
height:40px;text-align: center;}
.mobile-menu{
  display:none;position:fixed;inset:60px 0 0 0;background:#000;
  z-index:99;overflow-y:auto;padding:24px;border-top:1px solid var(--border);
}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:14px 0;font-size:16px;border-bottom:1px solid var(--border);color:var(--text2)}
.mobile-menu .dropdown{display:block}
.mobile-menu .dropbtn{width:100%;display: flex;flex-direction: row;justify-content: space-between;}
.mobile-menu .dropbtn span{color:white;}
.mobile-menu .dropdown-content{
  display:none;
  position:static;
  background:transparent;
  min-width:auto;
  left:auto;
  top:auto;
  padding:0 0 14px 0;
  box-shadow:none;
  border-radius:0;
  opacity:1;
  visibility:visible;
  gap:0;
}
.mobile-menu .dropdown.active .dropdown-content{display:flex;}
.mobile-menu .dropdown-content a{padding:12px 0;font-size:15px;text-indent:20px;width:100%;border-bottom:none;}
.mobile-menu .m-btns{display:flex;gap:10px;margin-top:24px;flex-direction:row;flex-wrap: wrap;gap: 30px;}
.mobile-menu .m-btns a{border:none;display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;padding:0;}
.header-buttons,
.header-mobile__lang-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.header-buttons {
  gap: 20px;
}
.header-buttons .button {
  padding: 11.5px 35.5px;
}




/*footer*/
.footer{
  max-width:1280px;
  margin:0 auto;
}
.footer {
  z-index: 1;
  padding: 36px 0;
  background: var(--common-bg-color);
}
.footer .wrapper {
  position: relative;
}
.footer-block,
.footer-left {
  display: flex;
  align-items: flex-start;
}
.footer-block {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.footer-left {
  flex-direction: column;
}
.footer-left .header-logo__link {
  margin-bottom: 32px;
  text-align:center;
}

.footer-left h1{
  font-size:24px;
}
.footer-left .logo{
  width:64px;
  height:64px;
  margin-bottom:6px;
}

.footer-left .main__text {
  max-width: 562px;
}
.footer-left__links {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 36px;
}
.footer-right {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 270px;
}
.footer-right__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-right__column .header-nav{
  display: flex;
  flex-direction: column;
}
.footer-right__column .header-nav__item{
  padding-bottom:16px;
}
.footer-right__social {
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
}
.footer-right__column .header-lang {
  margin-bottom: 28px;
}
.footer-right__column .header-logo__link {
  display: none;
}
.footer-right__social {
  display: flex;
  gap: 22px;
}
.footer-right__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.contact-social__block-icon path,
.contact-social__link-icon path,
.footer-right__social-link svg path {
  fill: #fff;
  transition: 0.3s;
}
.footer-right__social-link:hover svg path {
  fill: var(--color-accent-hover);
}
.footer-left__stores {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-top: 24px;
}
.footer-left__stores-coming {
  color: rgba(249, 190, 58, 1);
  font-size: 14px;
  font-weight: 300;
  line-height: 147%;
  letter-spacing: 0.13125rem;
}
.footer-left__stores-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 11px;
}
.footer-left__stores-link {
  display: flex;
}
.footer-bottom__copyright {
  margin-top: 36px;
}

/* ── Responsive ── */
@media(max-width:1024px){
}

@media(max-width:768px){
  .notice-bar{font-size:11px;padding:8px 16px;text-align:center;flex-wrap:wrap;gap:8px}
  .nav{padding:0 16px}
  .nav-links,.nav-lang,.nav-login,.nav-signup,.nav-icon-btn{display:none}
  .hamburger{display:block}
  .nav-logo{margin-right:0}
  .nav-right{
    display: none;
  }
  .footer-block{
    display: flex;
    flex-direction: column;
    padding:0 20px;
  }
  .footer-right{
    gap: 24px;
    justify-content: space-between;
    margin-top:40px;
    width:100%;
  }
  .footer-right__social{
    flex-direction: row;
  }
  .footer-bottom__copyright{
    text-align:center;
  }
}

@media(max-width:480px){
  .crypto-grid{grid-template-columns:1fr 1fr}
}