/* V75 premium mega menu, animated cards and professional mobile header */

/* ---------- Premium desktop mega menu ---------- */
.v7-site-header{isolation:isolate}
.v7-nav-item{position:relative}
.v7-nav-item>.v7-nav-link{border-radius:11px;transition:color .2s ease,background .2s ease,transform .2s ease}
.v7-nav-item>.v7-nav-link:hover,.v7-nav-item.open>.v7-nav-link{background:rgba(73,126,230,.08);transform:translateY(-1px)}
.v7-nav-item>.v7-nav-link .icon{transition:transform .22s ease,color .22s ease}
.v7-nav-item.open>.v7-nav-link .icon{color:#79a9ff}

.v7-mega{
  top:calc(100% + 14px)!important;
  width:760px!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(119,156,220,.22)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(65,126,255,.16),transparent 30%),
    linear-gradient(155deg,rgba(10,22,42,.99),rgba(5,13,27,.995))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.025) inset!important;
  backdrop-filter:blur(24px);
}
.v7-mega:before{background:#0a162a!important;border-color:rgba(119,156,220,.22)!important}
.v7-nav-item.open>.v7-mega{transform:translate(-50%,0) scale(1)!important}
.v75-nav-item-server>.v7-mega,.v75-nav-item-corporate>.v7-mega{left:auto!important;right:0!important;transform:translateY(-8px) scale(.985)!important}
.v75-nav-item-server.open>.v7-mega,.v75-nav-item-corporate.open>.v7-mega{transform:translateY(0) scale(1)!important}
.v75-nav-item-server>.v7-mega:before,.v75-nav-item-corporate>.v7-mega:before{left:auto!important;right:42px!important;transform:rotate(45deg)!important}

.v75-mega-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px 18px;border-bottom:1px solid rgba(121,154,210,.12)}
.v75-mega-head>div{display:flex;flex-direction:column;gap:4px}
.v75-mega-head span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#74a9ff}
.v75-mega-head strong{font-size:17px;color:#f2f6ff;letter-spacing:-.2px}
.v75-mega-head>a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(112,151,216,.18);border-radius:11px;background:rgba(255,255,255,.03);color:#bdd3f7;text-decoration:none;font-size:11px;font-weight:800;transition:.2s ease}
.v75-mega-head>a .icon{width:14px;height:14px}
.v75-mega-head>a:hover{background:rgba(73,126,230,.14);border-color:rgba(105,153,239,.38);color:#fff;transform:translateX(2px)}

.v7-mega-grid{padding:16px!important;gap:12px!important}
.v7-mega-card{
  min-height:112px!important;
  padding:15px!important;
  border:1px solid rgba(115,147,201,.13)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  color:#eef4ff!important;
  overflow:hidden;
  isolation:isolate;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.v7-mega-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(111,164,255,.11) 50%,transparent 78%);transform:translateX(-120%);transition:transform .55s ease;z-index:-1}
.v7-mega-card:hover{transform:translateY(-5px) scale(1.012)!important;border-color:rgba(104,155,246,.42)!important;background:linear-gradient(145deg,rgba(60,113,217,.13),rgba(255,255,255,.025))!important;box-shadow:0 18px 36px rgba(0,0,0,.25),0 0 26px rgba(56,110,223,.09)!important}
.v7-mega-card:hover:before{transform:translateX(120%)}
.v7-mega-icon{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(62,120,238,.2),rgba(38,82,174,.12))!important;border:1px solid rgba(109,157,244,.18);color:#87b5ff!important;box-shadow:0 10px 24px rgba(20,65,150,.13);transition:transform .24s ease,background .24s ease,color .24s ease!important}
.v7-mega-card:hover .v7-mega-icon{transform:scale(1.1) rotate(-4deg);background:linear-gradient(145deg,#2778ff,#5141ff)!important;color:#fff!important}
.v75-mega-copy{min-width:0;flex:1}
.v7-mega-card strong{font-size:13px!important;line-height:1.3!important;color:#f3f7ff!important}
.v7-mega-card small{font-size:10px!important;line-height:1.55!important;color:#879ab8!important}
.v75-mega-arrow{align-self:center;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;color:#5f7fae;opacity:0;transform:translateX(-7px);transition:.2s ease}
.v75-mega-arrow .icon{width:15px;height:15px}
.v7-mega-card:hover .v75-mega-arrow{opacity:1;transform:translateX(0);color:#9dc1ff;background:rgba(74,130,236,.11)}
.v75-mega-foot{display:flex;align-items:center;gap:20px;padding:13px 22px;border-top:1px solid rgba(121,154,210,.1);background:rgba(0,0,0,.1);color:#7890b3;font-size:10px;font-weight:700}
.v75-mega-foot span{display:inline-flex;align-items:center;gap:7px}.v75-mega-foot .icon{width:14px;height:14px;color:#6c9ff4}

.v75-mobile-menu-head,.v75-mobile-menu-actions,.v75-home-link>.icon,.v75-contact-link>.icon,.v75-mobile-overlay{display:none}

/* ---------- More lively card interactions ---------- */
.v69-category-card,.v72-feature-card,.v72-service-card,.v72-reason-card,.v74-domain-panel .v69-domain-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.v69-category-card:before,.v72-feature-card:before,.v72-service-card:before,.v72-reason-card:before{
  content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 22%,rgba(102,158,255,.13) 49%,transparent 76%);transform:translateX(-120%);transition:transform .65s ease;z-index:-1
}
.v69-category-card:hover,.v72-feature-card:hover,.v72-service-card:hover,.v72-reason-card:hover{
  transform:translateY(-8px);
  border-color:rgba(100,151,239,.42)!important;
  box-shadow:0 30px 75px rgba(0,0,0,.25),0 0 36px rgba(51,107,222,.08)!important;
  background:linear-gradient(155deg,rgba(16,36,70,.98),rgba(7,18,37,.99))!important;
}
.v69-category-card:hover:before,.v72-feature-card:hover:before,.v72-service-card:hover:before,.v72-reason-card:hover:before{transform:translateX(120%)}
.v69-category-icon,.v72-feature-icon,.v72-service-icon,.v72-reason-icon{transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.v69-category-card:hover .v69-category-icon,.v72-feature-card:hover .v72-feature-icon,.v72-service-card:hover .v72-service-icon,.v72-reason-card:hover .v72-reason-icon{transform:scale(1.09) rotate(-4deg);background:linear-gradient(145deg,#287bff,#4b3cff)!important;color:#fff!important;box-shadow:0 16px 36px rgba(39,103,238,.26)}
.v69-category-card .btn,.v72-service-card .btn{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.v69-category-card:hover .btn,.v72-service-card:hover .btn{transform:translateY(-2px);background:rgba(70,128,235,.12);border-color:rgba(100,151,239,.4)}
.v69-tld-chip{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.v69-tld-chip:hover{transform:translateY(-3px);border-color:rgba(98,152,246,.42)!important;background:rgba(58,108,207,.1)!important;box-shadow:0 12px 25px rgba(0,0,0,.16)}
.v74-domain-panel .v69-domain-card:hover{transform:translateY(-4px);border-color:rgba(101,153,244,.34)!important;box-shadow:0 36px 90px rgba(0,0,0,.27),0 0 38px rgba(49,104,218,.07)!important}

/* ---------- Professional mobile drawer ---------- */
@media(max-width:860px){
  body.v75-menu-open{overflow:hidden}
  .v7-site-header{height:68px!important;min-height:68px!important;background:rgba(3,10,23,.96)!important;box-shadow:0 10px 34px rgba(0,0,0,.24)}
  .v7-nav{height:68px!important;min-height:68px!important;padding:8px 14px!important;width:100%!important}
  .v7-nav .brand{max-width:210px;min-width:0}
  .v7-nav .brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;flex:0 0 auto}
  .v7-nav .brand-copy{min-width:0}.v7-nav .brand-copy strong{font-size:14px!important;white-space:nowrap}.v7-nav .brand-copy small{font-size:8px!important;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .v7-nav-actions{margin-left:auto}.v7-nav-actions>.currency-selector{display:none!important}.v7-nav-actions>.v75-desktop-login{display:none!important}.v7-customer-button{display:none!important}
  .v7-mobile-nav{display:grid!important;place-items:center;width:44px!important;height:44px!important;border-radius:13px!important;border:1px solid rgba(106,148,220,.2)!important;background:linear-gradient(145deg,rgba(52,107,216,.18),rgba(255,255,255,.03))!important;color:#dce9ff!important;box-shadow:0 10px 25px rgba(0,0,0,.16)}
  .v7-mobile-nav .icon{width:21px;height:21px}

  .v75-mobile-overlay{display:block;position:fixed;inset:0;z-index:999;background:rgba(0,4,13,.72);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
  body.v75-menu-open .v75-mobile-overlay{opacity:1;visibility:visible}

  .v7-main-nav{
    display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;
    width:min(92vw,430px)!important;max-height:none!important;margin:0!important;padding:0 14px 18px!important;
    flex-direction:column!important;align-items:stretch!important;gap:7px!important;overflow-y:auto!important;overscroll-behavior:contain;
    border:0!important;border-left:1px solid rgba(116,151,211,.17)!important;border-radius:0!important;
    background:radial-gradient(circle at 90% 5%,rgba(62,119,240,.16),transparent 28%),linear-gradient(180deg,#09162a,#050d1b 100%)!important;
    box-shadow:-30px 0 90px rgba(0,0,0,.5)!important;
    transform:translateX(105%);opacity:1!important;visibility:visible!important;transition:transform .32s cubic-bezier(.2,.8,.2,1)!important;z-index:1000!important;
  }
  .v7-main-nav.open{transform:translateX(0)}
  .v75-mobile-menu-head{display:flex;position:sticky;top:0;z-index:3;align-items:center;justify-content:space-between;margin:0 -14px 8px;padding:16px 16px 14px;border-bottom:1px solid rgba(115,150,210,.13);background:rgba(7,17,33,.94);backdrop-filter:blur(20px)}
  .v75-mobile-menu-head>div{display:flex;flex-direction:column;gap:3px}.v75-mobile-menu-head span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#6f9eea}.v75-mobile-menu-head strong{font-size:17px;color:#f1f6ff}
  .v75-mobile-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(116,151,211,.17);border-radius:13px;background:rgba(255,255,255,.035);color:#dce8fb}.v75-mobile-close .icon{width:20px;height:20px}

  .v7-main-nav>.v7-nav-link,.v7-main-nav>.v7-nav-item>.v7-nav-link{height:54px!important;min-height:54px!important;padding:0 15px!important;border:1px solid rgba(113,146,201,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;color:#dfe9f8!important;font-size:14px!important}
  .v7-main-nav>.v7-nav-link:hover,.v7-main-nav>.v7-nav-item>.v7-nav-link:hover,.v7-main-nav>.v7-nav-item.open>.v7-nav-link{background:rgba(64,116,216,.12)!important;border-color:rgba(99,147,234,.25)!important;transform:none!important}
  .v75-home-link>.icon,.v75-contact-link>.icon{display:block;width:18px;height:18px;color:#79a9fb}
  .v75-home-link,.v75-contact-link{justify-content:flex-start!important;gap:11px!important}.v75-contact-link span{flex:1}
  .v7-main-nav>.v7-nav-item>.v7-nav-link .icon{margin-left:auto}

  .v7-mega{position:static!important;display:none!important;width:100%!important;margin:0!important;padding:8px!important;border-radius:15px!important;transform:none!important;box-shadow:none!important;background:rgba(0,0,0,.13)!important}
  .v7-nav-item.open>.v7-mega{display:block!important;transform:none!important}
  .v7-mega:before{display:none!important}.v75-mega-head,.v75-mega-foot{display:none!important}
  .v7-mega-grid,.v7-mega-grid.two-by-two,.v7-mega-grid.six{grid-template-columns:1fr!important;padding:0!important;gap:7px!important}
  .v7-mega-card{min-height:74px!important;padding:11px!important;border-radius:13px!important;background:rgba(255,255,255,.026)!important}
  .v7-mega-card:hover{transform:none!important}.v7-mega-icon{width:40px!important;height:40px!important;border-radius:12px!important}.v7-mega-card strong{font-size:12px!important}.v7-mega-card small{font-size:9px!important}.v75-mega-arrow{display:none!important}

  .v75-mobile-menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:14px}
  .v75-mobile-support{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(113,146,201,.11);border-radius:15px;background:rgba(255,255,255,.026)}
  .v75-mobile-support>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(59,116,229,.14);color:#85b3ff}.v75-mobile-support .icon{width:19px;height:19px}.v75-mobile-support div{display:flex;flex-direction:column;gap:3px}.v75-mobile-support strong{font-size:12px;color:#eef4ff}.v75-mobile-support small{font-size:9px;color:#8095b3}
  .v75-mobile-menu-actions .currency-selector{display:flex!important;width:100%!important;min-height:46px!important}.v75-mobile-menu-actions .currency-selector select{width:100%!important;background:rgba(255,255,255,.035)!important;border-color:rgba(113,146,201,.14)!important;color:#dfe9f8!important}
  .v75-mobile-menu-actions>.btn,.v75-mobile-auth .btn{min-height:48px;border-radius:14px}.v75-mobile-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}

@media(max-width:520px){
  .v7-nav .brand-copy small{display:none!important}.v7-main-nav{width:100%!important}.v75-mobile-auth{grid-template-columns:1fr}.v75-mobile-menu-actions{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
}