/* PRESS PLAY dropdown in the top menu */
.nav-dd{position:relative;display:flex;align-items:center;flex:0 0 auto}
.nav-dd-btn{width:22px;height:30px;margin-left:-4px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:inherit;border-radius:999px}
.nav-dd-btn i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .25s;opacity:.75}
.nav-dd.open .nav-dd-btn i{transform:rotate(225deg) translate(-1px,-1px)}
.navlinks .nav-dd-btn{color:#c9c4c1}
.pp-page .navlinks .nav-dd-btn{color:#4a1a1e}
.nav-dd-menu{position:fixed;z-index:200;display:none;min-width:230px;padding:8px;border-radius:16px;background:#0a1018;border:1px solid rgba(171,189,198,.4);box-shadow:0 22px 44px rgba(0,0,0,.45)}
.nav-dd.open .nav-dd-menu{display:block;animation:ddin .18s ease-out}
@keyframes ddin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.navlinks .nav-dd-menu a,.pp-page .navlinks .nav-dd-menu a{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:#fff;background:transparent;white-space:nowrap}
.navlinks .nav-dd-menu a:hover,.pp-page .navlinks .nav-dd-menu a:hover{background:rgba(171,189,198,.16);color:#fff}
.nav-dd-menu b{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font:400 13px 'Anton',sans-serif;background:#e2122f;color:#fff}
.nav-dd-menu em{margin-left:auto;font:700 9px 'General Sans',sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#ff6b80}
@media(max-width:900px){
 .nav-dd{display:block;flex:none;border-bottom:1px solid var(--line)}
 .pp-page .nav-dd{border-bottom-color:rgba(110,13,18,.18)}
 .nav-dd-main{display:block!important;width:calc(100% - 52px)}
 .navlinks .nav-dd>a{border-bottom:0!important}
 .nav-dd-btn{position:absolute;right:0;top:0;width:52px;height:50px;margin:0}
 .nav-dd-menu{position:static;box-shadow:none;border:0;border-left:2px solid #e2122f;border-radius:0;margin:0 0 12px 12px;padding:2px 0 2px 6px;background:transparent;min-width:0}
 .navlinks .nav-dd-menu a,.pp-page .navlinks .nav-dd-menu a{color:inherit;padding:11px 8px;border-bottom:0}
 .pp-page .nav-dd-menu a{color:#2a0a0d!important}
}
@media(min-width:901px){.nav{gap:10px}.navlinks a{padding:10px 6px;font-size:11px;letter-spacing:.02em}.nav-dd-main{padding-right:4px}}
@media(max-width:900px){
 .nav-dd-btn{top:5px;right:6px;width:40px;height:40px;border-radius:50%;border:1.5px solid #e2122f!important;background:rgba(226,18,47,.14);opacity:1}
 .navlinks .nav-dd-btn,.pp-page .navlinks .nav-dd-btn{color:#e2122f}
 .nav-dd-btn i{width:10px;height:10px;border-right-width:3px;border-bottom-width:3px;opacity:1;transform:rotate(45deg) translate(-2px,-2px)}
 .nav-dd.open .nav-dd-btn i{transform:rotate(225deg) translate(-2px,-2px)}
 .nav-dd.open .nav-dd-btn{background:#e2122f;color:#fff}
 .navlinks .nav-dd.open .nav-dd-btn,.pp-page .navlinks .nav-dd.open .nav-dd-btn{color:#fff}
}