/* The same shaped command rail on desktop and phones. */
.pcx-rail-editor[hidden],.pcx-rail-edit[hidden]{display:none!important}
body .pcx-game-hud .pcx-hud-search-toggle{margin:0;min-width:0;flex-direction:column;justify-content:center;gap:7px;font-size:13px;line-height:1.45;animation:none}
body .pcx-game-hud .pcx-hud-search-toggle>span{display:block;font-size:13px;white-space:nowrap}
body .pcx-header.pcx-game-hud .pcx-primary-links>.pcx-nav-home>a{width:100%;border:1px solid #6d8fa8!important;border-radius:19px 4px 19px 4px!important;background:linear-gradient(135deg,#ffffffef,#dcecf4dc)!important;box-shadow:inset 0 0 0 2px #ffffff8c,2px 3px 0 #c7dbe5!important;color:#36576f;font-weight:700;transition:translate .2s,filter .2s,box-shadow .2s}
body .pcx-game-hud .pcx-primary-links>.pcx-nav-home>a:hover{filter:brightness(1.04);translate:2px 0}body .pcx-game-hud .pcx-primary-links>.pcx-nav-home>a:active{translate:1px 2px;filter:brightness(.98)}
.pcx-rail-edit{display:none}.pcx-rail-editor{position:fixed;z-index:150;left:106px;top:20px;width:min(350px,calc(100vw - 125px));max-height:calc(100dvh - 40px);overflow:auto;padding:20px;background:linear-gradient(135deg,#f7fcfffa,#edf4eefa);border:1px solid #66849a;border-radius:24px 5px 24px 5px;box-shadow:inset 0 0 0 3px #fff9,6px 8px 0 #d5e2e9,0 18px 45px #5c789526;animation:pcx-command-in .18s ease-out both;color:#36576f}
.pcx-rail-editor.is-closing{animation:pcx-command-out .16s ease-in both}
.pcx-rail-editor-heading{display:flex;align-items:center;justify-content:space-between;font-size:21px}.pcx-rail-editor-heading button{width:32px;height:32px}.pcx-rail-editor p{font-size:14px!important;margin:10px 0 16px}.pcx-rail-editor button{border:1px solid #8eaabb;border-radius:12px 3px 12px 3px;background:linear-gradient(125deg,#f1f7ff,#e4f4ed);color:#36576f;padding:6px 10px;font-size:14px}
.pcx-rail-editor-row{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #aac1cf66;font-size:16px}.pcx-rail-editor-row [data-pcx-rail-drag]{cursor:grab;touch-action:none;font-size:23px;line-height:1.2}.pcx-rail-editor-row [aria-pressed=true]{background:linear-gradient(125deg,#dfeaff,#d9eee3);color:#184572}.pcx-rail-editor-row.is-dragging{opacity:.45}.pcx-rail-editor-row.is-drop-target{border-top:2px solid #3d7fa5}
.pcx-rail-status{color:#52748b}.pcx-rail-editor>[data-pcx-rail-retry]{margin-left:8px}
/* Search results participate in the panel layout instead of overflowing an absolute dropdown. */
body .pcx-game-hud .pcx-command-search[hidden]{display:none!important}
body .pcx-game-hud .pcx-command-search{position:fixed;left:110px;right:auto;top:22px;bottom:auto;width:min(610px,calc(100vw - 138px));height:min(710px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);display:flex;flex-direction:column;overflow:hidden;padding:23px;background:linear-gradient(130deg,#f8fcff,#e9f4f5)!important}
body .pcx-command-search-title{flex-shrink:0}
body .pcx-command-search .pcx-search{display:grid;grid-template-columns:minmax(0,1fr) 52px;grid-template-rows:56px minmax(0,1fr);align-items:stretch;align-content:stretch;gap:0;flex:1;min-height:0;height:auto;max-height:none;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;overflow:hidden;outline:none!important;animation:none!important}
body .pcx-command-search .pcx-search:after{display:none}
body .pcx-command-search input[type=search]{height:56px;min-height:0;width:100%;min-width:0;border:1px solid #91aec2;border-right:0;border-radius:14px 0 0 4px;background:#fffefc;padding:10px 14px;grid-column:1;grid-row:1}
body .pcx-command-search input[type=search]:focus{box-shadow:inset 0 0 0 2px #8caed4}
body .pcx-command-search .pcx-search>button{grid-column:2;grid-row:1;width:52px;height:56px;border:1px solid #91aec2;border-radius:0 4px 14px 0;align-self:start}
body .pcx-command-search .pcx-search-suggestions{position:static;grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;min-height:0;max-height:none;margin-top:15px;padding:12px 0 0;overflow:hidden;box-shadow:none;border:0;border-top:1px solid #afc6d4;border-radius:0;background:transparent}
body .pcx-command-search .pcx-search-suggestions ul{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
body .pcx-command-search .pcx-suggestions-heading,body .pcx-command-search .pcx-suggestions-status,body .pcx-command-search .pcx-suggestions-all{flex-shrink:0}
@media(min-width:960px){
 body .pcx-game-hud .pcx-nav-row{gap:10px;justify-content:flex-start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a7bdc8 transparent;padding-bottom:2px}
 body .pcx-game-hud [data-pcx-rail-item]{flex-shrink:0;cursor:grab;transition:translate .2s,filter .2s,opacity .2s;position:relative}
 body .pcx-game-hud [data-pcx-rail-item].is-rail-unpinned{display:none!important}
 body .pcx-game-hud [data-pcx-rail-item].is-dragging{opacity:.4}
 body .pcx-game-hud [data-pcx-rail-item].is-drop-target{outline:2px dashed #4f89a3;outline-offset:3px}
 body .pcx-game-hud .pcx-hud-search-toggle{width:100%;min-height:67px;padding:10px 4px!important;order:3}
 body .pcx-game-hud .pcx-hud-search-toggle svg{width:24px;height:24px}
 body .pcx-game-hud .pcx-dock-utilities>.pcx-account{order:4}body .pcx-game-hud .pcx-dock-utilities>.pcx-cart{order:5}
 body .pcx-game-hud .pcx-hud-help{order:6;margin-top:0}body .pcx-game-hud .pcx-hud-help.is-rail-bottom{margin-top:auto}
 body .pcx-rail-edit{display:flex;align-items:center;justify-content:center;gap:5px;order:99;flex-shrink:0;margin-top:auto;min-height:35px;width:100%;padding:5px 3px;background:linear-gradient(135deg,#f6faff,#e7f0ed);border:1px solid #a0b6c4;border-radius:12px 3px 12px 3px;color:#587c94;font-size:13px}
}
@media(max-width:959px){
 body{--pcx-mobile-rail:calc(68px + env(safe-area-inset-left,0px));padding-left:calc(var(--pcx-mobile-rail) + 8px);padding-bottom:0!important}
 body .pcx-game-hud .pcx-nav-shell{position:fixed;inset:0 auto 0 0;translate:none;width:var(--pcx-mobile-rail);max-width:none;height:100dvh;padding:calc(8px + env(safe-area-inset-top,0px)) 5px calc(8px + env(safe-area-inset-bottom,0px)) calc(5px + env(safe-area-inset-left,0px));border:0;border-right:1px solid #809fb2;border-radius:0 15px 3px 0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);box-shadow:inset -3px 0 0 #ffffffb3,3px 0 14px #7f9eae17}
 body .pcx-game-hud .pcx-nav-row{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;width:100%;height:100%;min-height:0;padding:0 0 3px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
 body .pcx-game-hud .pcx-nav-row::-webkit-scrollbar{display:none}
 body .pcx-game-hud .pcx-primary-nav,body .pcx-game-hud .pcx-primary-links,body .pcx-game-hud .pcx-primary-links>.pcx-nav-home,body .pcx-game-hud .pcx-dock-utilities{display:contents}
 body .pcx-game-hud [data-pcx-rail-item]{flex:0 0 auto;grid-column:auto;grid-row:auto;width:100%;min-height:64px;box-sizing:border-box}
 body .pcx-header.pcx-game-hud .pcx-nav-row [data-pcx-rail-item]{width:52px!important;max-width:100%;min-height:52px!important;margin-inline:auto!important;padding:5px 0!important;gap:3px!important;border-radius:15px 3px 15px 3px!important;line-height:1.3}
 body .pcx-header.pcx-game-hud .pcx-nav-row [data-pcx-rail-item]>svg{width:20px!important;height:20px!important}
 body .pcx-header.pcx-game-hud .pcx-primary-links>.pcx-nav-home>a:before{font-size:20px;line-height:1}
 body .pcx-header.pcx-game-hud .pcx-nav-row [data-pcx-rail-item]>span:not(.pcx-cart-count){line-height:1.3}
 body .pcx-game-hud .pcx-hud-search-toggle{min-height:64px;padding:8px 2px!important}
 body .pcx-game-hud .pcx-nav-row [data-pcx-rail-item]>span:not(.pcx-cart-count){font-size:12px!important;white-space:normal!important;line-height:1.4;letter-spacing:0;text-align:center}
 body .pcx-game-hud .pcx-primary-links>.pcx-nav-home>a{font-size:12px!important}
 body .pcx-game-hud .pcx-hud-search-toggle svg{width:22px;height:22px;flex-shrink:0}
 body .pcx-game-hud .pcx-cart-count{right:0;top:0;width:18px;height:18px;font-size:10px}
 body .pcx-game-hud .pcx-hud-help.is-rail-bottom{margin-top:auto!important}
 body.home .pcx-desktop-scene{height:calc(100dvh - 82px)}
 body.single-product{padding-bottom:145px!important}
 body.single-product .pcx-product-dock{left:calc(var(--pcx-mobile-rail) + 8px);right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;translate:none;transform:none;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px!important}
 body.single-product .pcx-product-dock>button:first-child{width:34px;min-width:34px}
 body.single-product .pcx-product-dock .pcx-dock-price{min-width:0;font-size:15px;line-height:1.5}
 body.single-product .pcx-product-dock .pcx-dock-buy{grid-column:1/-1;width:100%;justify-content:center;white-space:normal}
 .pcx-rail-editor,.pcx-rail-edit{display:none!important}
 body .pcx-game-hud .pcx-command-search{left:calc(var(--pcx-mobile-rail) + 8px);right:8px;top:calc(8px + env(safe-area-inset-top,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;height:auto;max-height:none;padding:14px}
 body .pcx-mobile-drawer{left:var(--pcx-mobile-rail);width:calc(100vw - var(--pcx-mobile-rail));max-width:calc(100vw - var(--pcx-mobile-rail))}
}
@media(max-width:700px){
 body .pcx-product-detail .pcx-product-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;min-width:0}
 body .pcx-product-detail .pcx-product-modes>button{min-width:0;flex-direction:column;gap:5px;white-space:normal;line-height:1.4;padding:8px 3px!important}
 body .pcx-product-detail[data-pcx-mode=preview]>.pcx-product-purchase{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
}
@media(max-width:375px){body .pcx-product-detail .pcx-preview-price{font-size:16px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.pcx-rail-editor,.pcx-rail-editor.is-closing{animation:none}}

@media(min-width:960px){body .pcx-game-hud .pcx-nav-row [data-pcx-rail-item].is-rail-bottom{margin-top:auto!important}}
@media(max-width:959px){body .pcx-game-hud .pcx-nav-row [data-pcx-rail-item].is-rail-bottom{margin-top:auto!important}}

@media(min-width:960px){body .pcx-game-hud .pcx-nav-row.has-rail-bottom .pcx-rail-edit{margin-top:0}}
