/* PIM V9: no change to payment or order handlers */
:root{--pim-v9-purple:#bd53c8;--pim-v9-gold:#e9c389}
html{background:#070309!important}
body:not(.panel-light){
 background:#09040d!important;
 background-image:linear-gradient(180deg,rgba(5,2,8,.18),rgba(7,2,11,.36)),url('/static/pim-waves-v9.webp')!important;
 background-position:center top,center top!important;
 background-size:cover,cover!important;
 background-attachment:fixed,fixed!important;
 background-repeat:no-repeat,no-repeat!important;
}
body:not(.panel-light) main,body:not(.panel-light) .section,body:not(.panel-light) .faq,
body:not(.panel-light) .pim-preorder-faq,body:not(.panel-light) .pim-campaign-v2{
 background-color:transparent!important;background-image:none!important;
}
body:not(.panel-light) footer{background:linear-gradient(180deg,rgba(11,4,16,.57),rgba(7,2,10,.88))!important}
body:not(.panel-light) .pim-v6-header{
 position:relative!important;z-index:40!important;max-width:none!important;
 min-height:70px!important;height:70px!important;margin:0!important;
 padding:0 clamp(18px,3.5vw,64px)!important;
 display:grid!important;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr)!important;
 align-items:center!important;gap:15px!important;
 background:linear-gradient(90deg,rgba(11,4,17,.96),rgba(38,10,43,.91),rgba(11,4,17,.96))!important;
 border-bottom:1px solid rgba(226,131,233,.23)!important;
 box-shadow:0 10px 30px rgba(44,8,53,.22)!important;
}
body:not(.panel-light) .pim-v6-header .brand{justify-self:start!important}
body:not(.panel-light) .pim-v6-header .brand img{width:68px!important;height:54px!important;object-fit:contain!important}
body:not(.panel-light) .pim-v6-header nav{
 justify-self:center!important;flex:none!important;width:max-content!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:clamp(3px,1vw,17px)!important;margin:0!important;padding:0!important;border:0!important;
}
body:not(.panel-light) .pim-v6-header .pim-actions-v9{justify-self:end!important;display:flex!important;align-items:center!important;gap:5px!important}
body:not(.panel-light) .pim-v6-header nav a,
body:not(.panel-light) .pim-v6-header .pim-icon-link{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 padding:9px 12px!important;border:1px solid transparent!important;border-radius:999px!important;
 background:transparent!important;color:#f3e9f2!important;text-decoration:none!important;
 font:600 13px/1.3 Manrope,Arial,sans-serif!important;letter-spacing:.01em!important;
 transition:background-color .15s,border-color .15s,box-shadow .15s!important;
}
body:not(.panel-light) .pim-v6-header nav a:hover,
body:not(.panel-light) .pim-v6-header nav a:focus-visible,
body:not(.panel-light) .pim-v6-header .pim-icon-link:hover,
body:not(.panel-light) .pim-v6-header .pim-icon-link:focus-visible{
 background:rgba(169,66,164,.25)!important;border-color:rgba(230,119,229,.52)!important;
 box-shadow:0 0 18px rgba(184,49,177,.34),inset 0 0 11px rgba(163,62,173,.12)!important;
 outline:2px solid transparent!important;
}
body:not(.panel-light) .pim-v6-header .pim-icon-link svg{color:#ecb8ec;flex:none}
body:not(.panel-light) .pim-v6-header .bag b{display:inline-flex!important;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px!important;background:#e9c389!important;color:#190b1b!important;border-radius:30px!important;font-size:11px!important}
/* On the landing, the exact campaign already displays the large logo. */
body:not(.panel-light) .pim-home-header .brand{visibility:hidden!important;pointer-events:none!important}
body:not(.panel-light) .pim-campaign-v2{padding:0!important;margin:0 auto!important;max-width:none!important}
body:not(.panel-light) .pim-campaign-art{width:min(100%,1450px)!important;max-width:1450px!important;margin:0 auto!important}
body:not(.panel-light) .pim-campaign-art img{display:block!important;width:100%!important;height:auto!important}
body:not(.panel-light) .pim-v6-preorder-info{background:rgba(15,5,21,.64)!important;backdrop-filter:blur(5px);max-width:1120px!important}
body:not(.panel-light) .pim-preorder-faq{background:rgba(10,3,17,.27)!important}
@media(max-width:1050px){
 body:not(.panel-light) .pim-v6-header{grid-template-columns:80px minmax(0,1fr) auto!important;padding:0 14px!important;gap:4px!important}
 body:not(.panel-light) .pim-v6-header nav{width:auto!important;gap:2px!important}
 body:not(.panel-light) .pim-v6-header nav a{font-size:12px!important;padding:8px 7px!important}
 body:not(.panel-light) .pim-v6-header .pim-icon-link{padding:7px!important}
}
@media(max-width:700px){
 body:not(.panel-light){background-attachment:scroll,scroll!important;background-size:auto 100%,auto 100%!important}
 body:not(.panel-light) .pim-v6-header{height:auto!important;min-height:100px!important;display:grid!important;
 grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;padding:8px 12px 10px!important;gap:5px!important}
 body:not(.panel-light) .pim-v6-header .brand{grid-column:1!important;grid-row:1!important}
 body:not(.panel-light) .pim-v6-header .pim-actions-v9{grid-column:2!important;grid-row:1!important}
 body:not(.panel-light) .pim-v6-header nav{grid-column:1 / -1!important;grid-row:2!important;
 width:100%!important;justify-self:center!important;justify-content:center!important;
 gap:clamp(1px,1.5vw,9px)!important;padding-top:7px!important;border-top:1px solid rgba(213,118,220,.17)!important}
 body:not(.panel-light) .pim-v6-header nav a{font-size:11px!important;padding:8px 6px!important}
 body:not(.panel-light) .pim-v6-header .pim-actions-v9 .pim-icon-link span{display:none!important}
 body:not(.panel-light) .pim-home-header .brand{visibility:visible!important}
 body:not(.panel-light) .pim-v6-header .brand img{height:47px!important;width:57px!important}
}
@media(prefers-reduced-motion:reduce){body:not(.panel-light) .pim-v6-header a{transition:none!important}}