/* Local merchant shell additions. Original source typography/layout CSS remains primary. */
#razer-mega-menu>ul>li:has(> #level-one-mm-lifestyle-node),#razer-mega-menu>ul>li:has(> #level-one-mm-gold-node),#razer-mega-menu>ul>li:has(> #level-one-mm-community-node){display:none!important}
.elite-dota-slide .homepage-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.68),transparent 60%);pointer-events:none}
.elite-dota-slide .homepage-hero-image img{object-fit:cover;object-position:center}
.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image{overflow:hidden}
.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image img{animation:elite-naga-camera 5s ease-in-out infinite alternate;transform-origin:50% 75%}
.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 4% 5% at 35% 58%,rgba(34,255,115,.72),transparent 75%),radial-gradient(ellipse 5% 9% at 46% 65%,rgba(44,255,105,.38),transparent 75%);animation:elite-mouse-breathe 2.6s ease-in-out infinite}
.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image::after{content:"";position:absolute;left:3%;right:3%;bottom:5%;height:52%;pointer-events:none;background:url('/assets/naga-lightning.svg?v=2') center/100% 100% no-repeat;animation:elite-naga-lights 1.8s ease-in-out infinite alternate}
@keyframes elite-naga-camera{from{transform:scale(1.015)}to{transform:scale(1.07)}}
@keyframes elite-naga-lights{0%{opacity:.25;transform:scale(.97)}30%{opacity:1}60%{opacity:.55}100%{opacity:1;transform:scale(1.03)}}
@keyframes elite-mouse-breathe{0%,100%{opacity:.12}50%{opacity:1}}
@media(max-width:767px){.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image::before{background:radial-gradient(ellipse 5% 3% at 17% 59%,rgba(34,255,115,.72),transparent 75%),radial-gradient(ellipse 7% 5% at 41% 62%,rgba(44,255,105,.38),transparent 75%)}.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image::after{bottom:14%;height:44%}}
@media(prefers-reduced-motion:reduce){.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image img,.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image::after,.homepage-hero-video-carousel:has(a[href="/gaming-mice/razer-naga-v3-pro"]) .homepage-hero-image::before{animation:none}}
.campaign-view.view-front:has(img[alt^="Team Razer headshot"]) {overflow:hidden}
.campaign-view.view-front:has(img[alt^="Team Razer headshot"])::after {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(112deg,transparent 32%,rgba(60,255,55,.38) 41%,rgba(174,255,143,.38) 43%,transparent 49%),radial-gradient(ellipse at 28% 12%,rgba(52,255,42,.48),transparent 35%),radial-gradient(ellipse at 76% 17%,rgba(68,255,135,.40),transparent 32%);background-size:180% 100%,150% 100%,150% 100%;mask-image:linear-gradient(to bottom,#000 0%,#000 18%,transparent 28%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 18%,transparent 28%);animation:elite-team-lights 4s ease-in-out infinite alternate}
.campaign-view.view-front:has(img[alt^="Team Razer headshot"])::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,rgba(148,255,127,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(85,255,171,.65) 0 1px,transparent 2px);background-size:110px 90px,155px 120px;background-position:0 0,50px 20px;mask-image:linear-gradient(to bottom,#000,transparent 28%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 28%);animation:elite-team-sparkle 3s ease-in-out infinite alternate}
@keyframes elite-team-lights {from {background-position:0% 0%,0% 0%,100% 0%;opacity:.65} to {background-position:100% 0%,100% 0%,0% 0%;opacity:1}}
@keyframes elite-team-sparkle {from {opacity:.18} to {opacity:.8}}
@media(max-width:900px){.campaign-view.view-front:has(img[alt^="Team Razer headshot"])::after,.campaign-view.view-front:has(img[alt^="Team Razer headshot"])::before{mask-image:linear-gradient(to bottom,#000 0%,#000 32%,transparent 43%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 32%,transparent 43%)}}
@media (prefers-reduced-motion:reduce) {.campaign-view.view-front:has(img[alt^="Team Razer headshot"])::after,.campaign-view.view-front:has(img[alt^="Team Razer headshot"])::before {animation:none;opacity:.5}}
.mirror-merchant-logo{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:84px;line-height:1.05!important;color:#fff!important;font-family:Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.25px;text-decoration:none!important}
.mirror-merchant-logo small{font-size:9px;letter-spacing:2.8px;padding-top:4px}
.mirror-merchant-logo,.mirror-mobile-brand{animation:elite-logo-breathe 2.6s ease-in-out infinite}
@keyframes elite-logo-breathe{0%,100%{color:#fff;text-shadow:0 0 2px #44d62c55}50%{color:#eaffdf;text-shadow:0 0 5px #8dff71,0 0 14px #44d62c,0 0 24px #44d62c99}}
@media(prefers-reduced-motion:reduce){.mirror-merchant-logo,.mirror-mobile-brand{animation:none}}
.mirror-mobile-brand{display:none}
.mirror-shell-ready .logo-container{min-width:90px}
.mirror-shell-ready .razer-mega-menu>ul>li.active>.razer-mega-menu-bg{display:block;visibility:visible;opacity:1}
.mirror-shell-ready .razer-mega-menu>ul>li.active>.razer-mega-menu-bg>.razer-mega-menu-container{display:flex}
.mirror-shell-ready button.submenu-button[menu-expanded="true"]+.submenu-container>.submenu-holder{display:block!important}
.mirror-shell-ready button.submenu-button[menu-expanded="false"]+.submenu-container>.submenu-holder{display:none!important}
.mirror-shell-ready .submenu-container button.submenu-button{pointer-events:auto!important;cursor:pointer!important}
.mirror-shell-ready header #cartDropDown,.mirror-shell-ready header #search-box{display:none!important}
.mirror-shell-dialog{font-family:Roboto,Arial,sans-serif;width:min(720px,calc(100vw - 32px));max-width:none;max-height:90dvh;overflow:auto;padding:28px;border:1px solid #555;color:#eee;background:#181818;box-sizing:border-box;z-index:999999}
.mirror-shell-dialog::backdrop{background:#000c}
.mirror-shell-dialog h2{font-size:24px;line-height:1.25;margin:0 40px 24px 0;color:#fff}
.mirror-shell-dialog h3{font-size:18px;line-height:1.4;color:#fff}
.mirror-shell-dialog p{color:#aaa;font-size:14px;line-height:1.65}
.mirror-shell-close{position:absolute;right:12px;top:10px;width:44px;height:44px;font-size:28px;border:0;color:white;background:transparent;cursor:pointer}
.mirror-primary-action{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;background:#44d62c;color:#000!important;text-decoration:none!important;font-size:14px;font-weight:700;border-radius:3px;box-sizing:border-box;margin:16px 16px 0 0}
.mirror-phone-action{display:inline-flex;align-items:center;min-height:44px;color:#ddd!important;font-size:14px}
.mirror-search-input{display:block;width:100%;box-sizing:border-box;padding:14px 16px;min-height:48px;border:1px solid #777;background:#111;color:#fff;font-size:16px;border-radius:0}
.mirror-search-results{display:grid;grid-template-columns:1fr;gap:0}
.mirror-search-results a{display:block;min-height:44px;box-sizing:border-box;padding:14px 8px;border-bottom:1px solid #383838;color:#eee;font-size:14px;line-height:1.4;text-decoration:none}
.mirror-search-results a:hover,.mirror-search-results a:focus{color:#44d62c;background:#222}
.mirror-whatsapp{position:fixed;right:20px;bottom:20px;z-index:10000;background:#25d366;color:#052d14!important;padding:13px 20px;min-height:46px;box-sizing:border-box;border-radius:24px;font:700 14px Arial,sans-serif;box-shadow:0 3px 16px #0005;text-decoration:none!important}
.mirror-shell-ready :focus-visible{outline:2px solid #7eb8fa;outline-offset:3px}
@media(min-width:992px){
  .mirror-shell-ready .razer-mega-menu>ul>li>.razer-mega-menu-bg{position:fixed!important;top:60px!important;left:0!important;right:0!important;width:100%!important;max-width:100vw;max-height:calc(100dvh - 64px);overflow-x:hidden;overflow-y:auto;background:#222;box-sizing:border-box;transform:none!important}
  .mirror-shell-ready .razer-mega-menu>ul>li>.razer-mega-menu-bg>.razer-mega-menu-container{position:relative!important;top:0!important;left:0!important;right:auto!important;transform:none!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:24px 20px!important;box-sizing:border-box;overflow:visible;display:none;justify-content:flex-start;gap:24px}
  .mirror-shell-ready .razer-mega-menu>ul>li.active>.razer-mega-menu-bg>.razer-mega-menu-container{display:flex}
  .mirror-shell-ready .razer-mega-menu>ul>li>.razer-mega-menu-bg>.razer-mega-menu-container>.submenu-container:first-child{flex:0 0 280px;width:280px!important;min-width:0;max-width:100%;margin:0!important;padding:0!important}
  .mirror-shell-ready .razer-mega-menu>ul>li>.razer-mega-menu-bg>.razer-mega-menu-container>.razer-more-about-container{flex:0 1 280px;width:280px;min-width:0;margin-left:auto}
  .mirror-shell-ready .razer-mega-menu>ul>li>.razer-mega-menu-bg>.razer-mega-menu-container .submenu-holder{max-width:100%;box-sizing:border-box;left:0}
  .mirror-shell-ready .submenu-container.mirror-submenu-open{position:fixed!important;top:var(--mirror-panel-top,84px)!important;left:var(--mirror-panel-left,400px)!important;right:auto!important;transform:none!important;width:280px!important;min-width:280px!important;max-width:280px!important;height:auto!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;overflow-x:visible!important;visibility:visible!important;z-index:10;background:#222;box-sizing:border-box}
  .mirror-shell-ready .razer-more-about-container:empty{display:none!important}
  .mirror-shell-ready #mega-menu-mobile-open{display:none!important}
}
@media(max-width:991px){
  .mirror-shell-ready header .mirror-merchant-logo{visibility:hidden!important}
  .mirror-shell-ready .mirror-mobile-brand{z-index:100;visibility:visible!important}
  .mirror-mobile-brand{display:flex;position:absolute;top:0;left:50%;transform:translateX(-50%);align-items:center;height:60px;color:#fff!important;white-space:nowrap;font:700 14px Arial,sans-serif;letter-spacing:.5px;text-decoration:none!important}
  .mirror-nav-open{overflow:hidden}
  .mirror-shell-ready #mega-menu-mobile-open{display:block!important;z-index:101;min-width:44px;min-height:44px;cursor:pointer}
  .mirror-shell-ready #mega-menu-mobile-open img{max-width:24px}
  .mirror-shell-ready #razer-mega-menu-container>.razer-mega-menu-container:not(.open){visibility:hidden!important;pointer-events:none}
  .mirror-shell-ready #razer-mega-menu-container>.razer-mega-menu-container.open{visibility:visible!important;pointer-events:auto;left:0!important;position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;overflow:auto;background:#111;z-index:10001;padding:58px 20px 24px;box-sizing:border-box}
  .mirror-shell-ready .mirror-mobile-open #mobile-nav-model{display:block;position:absolute;right:14px;top:12px}
  .mirror-shell-ready .mirror-mobile-open #mega-menu-mobile-close{display:block;width:32px;height:32px;padding:6px;box-sizing:content-box}
  .mirror-shell-ready .mirror-mobile-open #razer-mega-menu{height:auto!important;margin:0!important;direction:ltr!important;overflow:visible}
  .mirror-shell-ready .mirror-mobile-open #razer-mega-menu>ul{display:block!important;padding:0!important}
  .mirror-shell-ready .mirror-mobile-open #razer-mega-menu>ul>li{display:block;width:100%;height:auto;border-bottom:1px solid #333;position:relative;padding:0!important}
  .mirror-shell-ready .mirror-mobile-open .logo-container{padding:12px!important}
  .mirror-shell-ready .mirror-mobile-open .level-one-menu{display:inline-flex!important;align-items:center;min-height:52px;padding:12px 52px 12px 8px!important;width:100%;box-sizing:border-box}
  .mirror-shell-ready .mirror-mobile-open .level-one-toggle-button{display:block!important;position:absolute;right:0;top:0;width:48px;height:52px;overflow:hidden;font-size:0!important;background:transparent;border:0}
  .mirror-shell-ready .mirror-mobile-open .level-one-toggle-button span{display:none}
  .mirror-shell-ready .mirror-mobile-open .level-one-toggle-button:after{content:'+';font-size:24px;color:#bbb}
  .mirror-shell-ready .mirror-mobile-open li.active>.level-one-toggle-button:after{content:'−'}
  .mirror-shell-ready .mirror-mobile-open .razer-mega-menu-bg{position:static!important;display:none;background:#222;max-height:none}
  .mirror-shell-ready .mirror-mobile-open li.active>.razer-mega-menu-bg{display:block}
  .mirror-shell-ready .mirror-mobile-open .razer-mega-menu-bg>.razer-mega-menu-container{display:block!important;transform:none!important;position:static!important;margin:0!important;padding:12px!important;box-sizing:border-box;max-width:100%;width:100%}
  .mirror-shell-ready .mirror-mobile-open .razer-mega-menu-bg .submenu-container{transform:none!important;width:100%!important;position:static!important;visibility:visible!important;min-height:0!important}
  .mirror-shell-ready .mirror-mobile-open .razer-mega-menu-bg .submenu-holder{position:static!important;transform:none!important;width:100%!important;max-height:none!important;padding-left:8px!important;box-sizing:border-box}
  .mirror-shell-ready .mirror-mobile-open .razer-mega-menu-bg .submenu-button{min-height:44px;white-space:normal}
  .mirror-shell-ready .mirror-mobile-open .razer-more-about-container,.mirror-shell-ready .mirror-mobile-open .mega-menu-close-button{display:none!important}
  .mirror-shell-ready .mirror-mobile-open .razer-mega-menu-bg .submenu-container .submenu-container .submenu-container .submenu-container{display:block!important}
  .mirror-shell-dialog{padding:22px 18px}
  .mirror-whatsapp{right:12px;bottom:12px;padding:12px 16px}
}