/* PS5 only. Preserve individual photo dimensions, positions and layer order. */
body.ccps-page.cc-storefront-v1 #content{max-width:1600px;width:calc(100% - 40px);padding:12px 0 28px}
body.ccps-page #content>.page-header{display:none}
body.ccps-page #content :is(.elementor-41512,.elementor-41615,.elementor-5221) .elementor-container{max-width:none}
body.ccps-page #content :is(.elementor-41512,.elementor-41615,.elementor-5221) .elementor-widget-wrap{padding:0}
body.ccps-page #content .ccps-nav{display:flex;gap:6px;margin:0 0 10px;padding:0}
body.ccps-page #content .ccps-nav button{flex:1;min-width:0;min-height:40px;padding:7px 10px;border:1px solid #3a3b43;border-radius:4px;background:#141519;color:#dedee4;font-size:14px;line-height:1.15;font-weight:600}
body.ccps-page #content .ccps-nav button[aria-current]{background:linear-gradient(110deg,#781d35,#2b141d);border-color:#ba3a5b;color:#fff}
body.ccps-page #content .ccps-nav button:hover{border-color:#d16b86}
body.ccps-page #content .ccps-nav button:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.ccps-page #content #vpc-container{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start;width:100%;padding:0;margin:0;position:relative;isolation:isolate}
body.ccps-page #content #vpc-container:after,body.ccps-page #content #vpc-container>.conf_desc,body.ccps-page #content #vpc-container>.ccps-empty,body.ccps-page #content #debug:empty,body.ccps-page #content #vpc-form-builder-wrap:not(:has(*)){display:none}
body.ccps-page #content #vpc-bottom-limit{position:absolute;bottom:0;height:0;width:0}
body.ccps-page #content #vpc-preview-wrap{grid-column:1;grid-row:1;position:sticky!important;top:var(--ccps-top,170px)!important;width:100%!important;max-width:100%;padding:0!important;margin:0!important;float:none;align-self:start;border:1px solid #3b3d43;border-radius:7px;background:#0c0d0f;overflow:hidden;z-index:2}
body.ccps-page #content #vpc-preview-wrap .default-right-skin{display:none}
body.ccps-page #content .ccps-viewport{overflow:hidden;position:relative;background:#090a0b}
body.ccps-page #content .vpc-global-preview{transform-origin:0 50%;transition:none}
body.ccps-page #content #vpc-preview{border:0!important;background:transparent!important}
body.ccps-page #content #vpc-components{grid-column:2;grid-row:1;width:100%!important;max-width:none;height:auto!important;max-height:none!important;padding:6px!important;margin:0;float:none;border:1px solid #393a41;border-radius:7px;background:#111215;min-width:0}
body.ccps-page #content #vpc-components .vpc-component{border:1px solid #303138;border-radius:4px;background:#121316;margin-bottom:4px;overflow:hidden;padding:0;scroll-margin-top:180px}
body.ccps-page #content #vpc-components .vpc-component:last-child{margin-bottom:0}
body.ccps-page #content #vpc-components .ccps-other-step{display:none!important}
body.ccps-page #content #vpc-components .vpc-component-header{display:flex;align-items:center;min-height:38px;padding:7px 28px 7px 10px;background:transparent!important;cursor:pointer;border:0;color:#eeeef3;position:relative}
body.ccps-page #content #vpc-components .vpc-component-header>span{padding:0;font-size:14px;font-weight:600;line-height:1.2;min-width:0}
body.ccps-page #content #vpc-components .vpc-component-header:after{content:'+';position:absolute;right:10px;top:9px;font:400 18px/1 Arial;color:#d87a90}
body.ccps-page #content #vpc-components .vpc-component-header[aria-expanded=true]:after{content:'−'}
body.ccps-page #content #vpc-components :is(.vpc-selected-icon,.vpc-component-header .txt){display:none!important}
body.ccps-page #content #vpc-components .vpc-options{background:#0d0e11!important;color:#e8e8ec;margin:0;padding:6px;box-sizing:border-box;border-top:1px solid #ffffff13}
body.ccps-page #content #vpc-components .vpc-group{display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0 0 5px;border:0;min-width:0}
body.ccps-page #content #vpc-components .vpc-group-name{width:100%;margin:2px 0;border:0!important;background:transparent!important;padding:0;color:#bdbfc7;font-size:11px;letter-spacing:.03em}
body.ccps-page #content #vpc-components .vpc-group-name:empty{display:none}
body.ccps-page #content #vpc-components .vpc-single-option-wrap{position:relative;flex:0 0 40px;max-width:40px;padding:0;margin:0;min-width:0}
body.ccps-page #content #vpc-components .vpc-options label.custom{display:block!important;position:relative;width:40px!important;height:40px!important;min-height:0;margin:0!important;padding:0;box-sizing:border-box;border:1px solid #41424a;border-radius:4px;background:#18191e;cursor:pointer}
body.ccps-page #content #vpc-components .vpc-options label.custom:before{content:''!important;width:30px!important;height:30px!important;top:4px;left:4px;background-size:contain;border:0;border-radius:2px}
body.ccps-page #content #vpc-components .vpc-options input:checked+label.custom{border-color:#cf4769;background:#42202b;box-shadow:inset 0 0 0 1px #ae2f50}
body.ccps-page #content #vpc-components .vpc-options input:checked+label.custom:after{content:'✓';display:block;position:absolute;top:1px;right:1px;left:auto;color:#fff;font:700 10px/1 Arial;background:#7e203a;border-radius:2px;width:11px;height:11px;transform:none}
body.ccps-page #content #vpc-components .vpc-options input:is([type=radio],[type=checkbox]){display:block!important;position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body.ccps-page #content #vpc-components .vpc-options input:focus-visible+label,body.ccps-page #content .vpc-component-header:focus-visible{outline:2px solid #fff;outline-offset:1px}
body.ccps-page #content #vpc-components .textfield{flex-basis:100%;max-width:100%;padding:6px;margin-bottom:4px;background:#17181d;border:1px solid #3c3e46;border-radius:4px}
body.ccps-page #content #vpc-components .textfield>label{color:#eeeef3;font-size:13px}
body.ccps-page #content #vpc-components .textfield input[type=text]{width:100%;background:#090b0e;color:#fff;border:1px solid #555661;border-radius:4px;font-size:16px;padding:6px;min-height:40px}
body.ccps-page #content #vpc-components :is(.vpc-font-dropdown,.vpc-font-list){background:#1a1b21;color:#eeeef3;border-color:#54555e}
body.ccps-page #content #vpc-components .vpc-textfield-label{color:#c7c8cf}
body.ccps-page #content #vpc-container .vpc-action-buttons{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;float:none;padding:9px 12px;margin:0;border:0;border-top:1px solid #38353c;border-radius:0;background:#151419;position:relative;z-index:4;box-sizing:border-box}
body.ccps-page #content #vpc-container .vpc-action-buttons>.o-col{width:auto;padding:0;margin:0;float:none}
body.ccps-page #content .ccps-total{display:flex;align-items:baseline;gap:7px;line-height:1.2}
body.ccps-page #content .ccps-total>span{font-size:13px;color:#b9b8c3}
body.ccps-page #content .ccps-total strong{font-size:23px;color:#fff;font-weight:600}
body.ccps-page #content #vpc-add-to-cart{min-height:42px;padding:9px 15px!important;margin:0!important;border:1px solid #c54864;border-radius:4px;background:linear-gradient(110deg,#ad2345,#651a30 75%,#34141e)!important;color:#fff!important;font-size:14px;line-height:1.2;font-weight:600;white-space:normal}
body.ccps-page #content #vpc-add-to-cart:after{display:none}

body.ccps-page #content .ccps-part:has(>.ccps-other-step){display:none!important}
body.ccps-page .ccps-effect-note{position:fixed;z-index:10001;width:max-content;max-width:min(245px,calc(100vw - 16px));padding:8px 10px;border:1px solid #764052;border-radius:4px;background:#171319;color:#f3eef1;font-size:13px;line-height:1.35;pointer-events:none;box-shadow:0 4px 14px #0008}
body.ccps-page .ccps-effect-note[hidden]{display:none}
 body.ccps-page #content #vpc-components .ccps-part{display:block;border:1px solid #303138;border-radius:4px;background:#121316;overflow:hidden;margin-bottom:4px}
 body.ccps-page #content #vpc-components .ccps-part>.vpc-component{border:0;border-radius:0;margin:0}
 body.ccps-page #content #vpc-components .ccps-effect{display:none!important}
 body.ccps-page #content #vpc-components .ccps-effect-tile{display:block;position:relative;flex:0 0 40px;width:40px;height:40px;min-height:0;padding:4px;margin:0;border:1px solid #41424a;border-radius:4px;background:#18191e}
 body.ccps-page #content .ccps-effect-icon{display:block;width:30px;height:30px;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:2px}
 body.ccps-page #content #vpc-components .ccps-effect-tile[aria-disabled=true]{background:#08090b;border-color:#27282d;cursor:not-allowed}
 body.ccps-page #content .ccps-effect-tile[aria-disabled=true] .ccps-effect-icon{filter:grayscale(1) brightness(.3);opacity:.65}
 body.ccps-page #content #vpc-components .ccps-effect-tile[aria-pressed=true]{border-color:#cf4769;background:#42202b;box-shadow:inset 0 0 0 1px #ae2f50}
 body.ccps-page #content .ccps-effect-tile[aria-pressed=true]:after{content:'✓';position:absolute;top:1px;right:1px;color:#fff;font:700 10px/11px Arial;background:#7e203a;border-radius:2px;width:11px;height:11px}
 body.ccps-page #content .ccps-effect-tile:focus-visible{outline:2px solid #fff;outline-offset:1px}
/* Type and Text stay open within their tabs; other sections retain VPC accordions. */
body.ccps-page #content #vpc-components :is([data-ccps-group="0"],[data-ccps-group="3"]) .vpc-component-header{cursor:default;padding-right:10px}
body.ccps-page #content #vpc-components :is([data-ccps-group="0"],[data-ccps-group="3"]) .vpc-component-header:after{display:none}
body.ccps-page #content #vpc-components :is([data-ccps-group="0"],[data-ccps-group="3"]) .vpc-options{display:block!important;height:auto!important;opacity:1!important}
/* Keep the six original text controls, with compact native colour/font pickers. */
body.ccps-page #content #vpc-components [data-ccps-group="3"]{overflow:visible}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .textfield{display:grid;flex-basis:100%;max-width:100%;width:100%;grid-template-columns:minmax(0,1fr) minmax(155px,1fr);gap:3px 8px;padding:5px;margin:0;overflow:visible}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .textfield>label{grid-column:1/-1;margin:0;line-height:1.25}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .textfield-box{grid-row:2;grid-column:1;align-self:end;clear:none;margin:0;min-width:0}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .textfield input[type=text]{display:block;height:32px;min-height:32px;margin:0;padding:4px 7px}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .vpc-textfield{display:grid;grid-row:2;grid-column:2;grid-template-columns:42px minmax(0,1fr);gap:7px;min-width:0}
body.ccps-page #content #vpc-components [data-ccps-group="3"] :is(.vpc-textfield-color,.vpc-textfield-font){float:none;width:auto;margin:0;min-width:0}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .vpc-textfield-label{font-size:10px;line-height:1.2;margin:0 0 3px}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .vpc-textfield-color>span[data-field]{display:block;width:32px;height:32px;margin:0;border:1px solid #555761;border-radius:3px;cursor:pointer}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .color-code{display:none}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .vpc-font-dropdown{width:100%;height:32px;line-height:32px}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .selected-font-field{height:32px;line-height:32px;padding:0 22px 0 6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ccps-page #content #vpc-components [data-ccps-group="3"] .vpc-font-list{z-index:30;min-width:150px;right:0;left:auto}
/* Native colour selection, presented as a compact dark palette. */
body.ccps-page .qtip.text-color{width:224px!important;max-width:calc(100vw - 24px);border:1px solid #704052;border-radius:7px;background:#15161b;color:#eee;box-shadow:0 6px 18px #0008}
body.ccps-page .qtip.text-color .qtip-content{padding:10px;overflow:visible}
body.ccps-page .qtip.text-color .wpc-custom-colors-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px}
body.ccps-page .qtip.text-color .wpc-custom-colors-container>div{display:flex!important;flex-direction:column-reverse;align-items:center;margin:0!important;min-width:0}
body.ccps-page .qtip.text-color strong[data-name]{font-family:inherit;font-size:9px;font-weight:400;line-height:1.2;margin:4px 0 0!important;color:#ddd!important;text-align:center!important}
body.ccps-page .qtip.text-color .vpc-custom-color{display:block;width:30px;height:30px;margin:0;border:1px solid #6b6b73;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 0 3px #15161b}
body.ccps-page .qtip.text-color .vpc-custom-color:hover{outline:2px solid #d55071;outline-offset:1px}
@media(max-width:767px){body.ccps-page .qtip.text-color{position:fixed!important;top:auto!important;bottom:86px;left:50%!important;transform:translateX(-50%)}}
@media(min-width:768px){
 body.ccps-page #content #vpc-container[data-ccps-step="3"]{align-items:stretch}
 body.ccps-page #content #vpc-container[data-ccps-step="3"] #vpc-preview-wrap{grid-row:1;align-self:stretch;display:flex;flex-direction:column}
 body.ccps-page #content #vpc-container[data-ccps-step="3"] .ccps-viewport{flex:1;display:flex;align-items:center}
 body.ccps-page #content #vpc-container[data-ccps-step="3"] #vpc-components{align-self:stretch}
}
/* Transparent photo layers must not intercept pointer input intended for text. */
body.ccps-page #content #vpc-container.ccps-text-editing #vpc-preview img{pointer-events:none}

 body.ccps-page #content #vpc-components [data-ccps-group="0"]{border:0;background:transparent}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-component-header{border:1px solid #303138;border-radius:4px;margin-bottom:8px}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-options{padding:0;border:0;background:transparent!important}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-group{gap:8px;margin:0}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-single-option-wrap{flex-basis:100%;max-width:100%}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] label.custom{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;width:100%!important;height:auto!important;min-height:74px;padding:12px 40px 12px 56px;text-align:left;color:#e9e9ee;background:#17181d}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] label.custom:before{left:13px;top:calc(50% - 15px)}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] input:checked+label.custom{background:linear-gradient(110deg,#46212d,#21151b)}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] input:checked+label.custom:after{top:calc(50% - 7px);right:14px;width:14px;height:14px;font-size:12px;line-height:14px;text-align:center}
 body.ccps-page #content .ccps-type-name{display:block;font-size:15px;line-height:1.25;font-weight:600}
 body.ccps-page #content .ccps-type-details{display:block;margin-top:4px;font-size:13px;line-height:1.35;font-weight:400;color:#c6c5cd}
@media(max-width:980px){body.ccps-page #content #vpc-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}}
@media(max-width:767px){
 body.ccps-page.cc-storefront-v1 #content{width:calc(100% - 20px);padding:8px 0 20px}
 body.ccps-page #content .ccps-nav{gap:4px;margin-bottom:8px}
 body.ccps-page #content .ccps-nav button{font-size:12px;padding:6px 3px;min-height:42px}
 body.ccps-page #content #vpc-container{display:flex;flex-direction:column;gap:8px;padding-bottom:calc(70px + (100vw - 22px)*533/993)}
 body.ccps-page #content #vpc-preview-wrap{position:sticky!important;top:var(--ccps-top,10px)!important;order:1;z-index:20;flex-shrink:0}
 body.ccps-page #content .ccps-viewport{touch-action:pan-y;aspect-ratio:993/533}
 body.ccps-page #content .ccps-viewport.ccps-zoomed{touch-action:none}
 body.ccps-page #content #vpc-components{order:2;padding:4px!important}
 body.ccps-page #content #vpc-components .vpc-component-header{min-height:42px;padding:8px 28px 8px 8px}
 body.ccps-page #content #vpc-components .vpc-single-option-wrap{flex-basis:34px;max-width:34px}
 body.ccps-page #content #vpc-components .ccps-effect-tile{flex-basis:34px;width:34px;height:34px;}
 body.ccps-page #content #vpc-components .vpc-options label.custom{width:34px!important;height:34px!important}
 body.ccps-page #content #vpc-components .vpc-options label.custom:before{top:1px;left:1px;width:30px!important;height:30px!important}
 body.ccps-page #content #vpc-container .vpc-action-buttons{position:fixed;left:0;right:0;bottom:0;width:100%;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:7px 7px 0 0;z-index:90;box-shadow:0 -3px 12px #0006;gap:8px}
 body.ccps-page #content .ccps-total{flex-direction:column;gap:1px;min-width:80px}
 body.ccps-page #content .ccps-total strong{font-size:22px}
 body.ccps-page #content #vpc-add-to-cart{padding:9px 12px!important;min-height:44px}
 body.ccps-page:has(.grecaptcha-badge) #content #vpc-container .vpc-action-buttons{padding-right:80px}
 body.ccps-page footer{padding-bottom:75px}
}

@media(max-width:980px){
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-single-option-wrap{flex-basis:100%;max-width:100%}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-options label.custom{width:100%!important;height:auto!important;min-height:60px;padding:8px 30px 8px 49px}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] label.custom:before{left:9px;top:calc(50% - 15px)}
 body.ccps-page #content .ccps-type-name{font-size:13px}
 body.ccps-page #content .ccps-type-details{font-size:12px;margin-top:3px}
}

/* Disabled effects retain their neutral border even when the theme focuses them. */
body.ccps-page #content #vpc-components .ccps-effect-tile[aria-disabled=true]:is(:hover,:focus,:active){border-color:#27282d!important;background:#08090b!important;box-shadow:none!important;outline:none}
body.ccps-page #content #vpc-components .ccps-effect-tile[aria-disabled=true]:focus-visible{outline:1px solid #a5a5ac;outline-offset:1px}
@media(max-width:767px){body.ccps-page #content #vpc-container{overflow-anchor:none}}

body.ccps-page #content .vpc-global-preview{position:relative}
body.ccps-page #content .ccps-preview-snapshot{position:absolute;inset:0;pointer-events:none;z-index:100}
body.ccps-page #content .ccps-preview-snapshot img{position:absolute;top:0;left:0;width:100%;height:auto;margin:0;max-width:100%}

@media(max-width:767px){
 body.ccps-page #content #vpc-components .ccps-color-row{display:grid;grid-template-columns:repeat(var(--ccps-colors),minmax(0,1fr));gap:2px}
 body.ccps-page #content #vpc-components .ccps-color-row .vpc-group-name{grid-column:1/-1}
 body.ccps-page #content #vpc-components .ccps-color-row .vpc-single-option-wrap{min-width:0}
 body.ccps-page #content #vpc-components .ccps-color-row label.custom{padding:0}
 body.ccps-page #content #vpc-components .ccps-color-row label.custom:before{left:1px;top:1px;}
}

@media(max-width:767px){
 body.ccps-page #content #vpc-components{container-type:inline-size}
 body.ccps-page #content #vpc-components [data-ccps-group="1"]{--ccps-icon-size:calc((100cqw - 36px)/12)}
 body.ccps-page #content #vpc-components [data-ccps-group="1"] .vpc-group{gap:2px}
 body.ccps-page #content #vpc-components [data-ccps-group="1"] .vpc-single-option-wrap{flex-basis:var(--ccps-icon-size);max-width:var(--ccps-icon-size)}
 body.ccps-page #content #vpc-components [data-ccps-group="1"] label.custom{width:var(--ccps-icon-size)!important;height:var(--ccps-icon-size)!important}
 body.ccps-page #content #vpc-components [data-ccps-group="1"] label.custom:before{width:calc(100% - 2px)!important;height:calc(100% - 2px)!important;top:1px;left:1px}
 body.ccps-page #content #vpc-components .ccps-part{--ccps-icon-size:calc((100cqw - 36px)/12)}
 body.ccps-page #content #vpc-components .ccps-effect-tile{flex-basis:var(--ccps-icon-size);width:var(--ccps-icon-size);height:var(--ccps-icon-size);padding:1px}
 body.ccps-page #content #vpc-components .ccps-effect-icon{width:100%;height:100%}
}


html.ccps-loading body.ccps-page #content #vpc-container{min-height:440px}
html.ccps-loading body.ccps-page #content #vpc-container>:not(#vpc-loader-container),html.ccps-loading body.ccps-page #content .ccps-nav{visibility:hidden!important;pointer-events:none!important}
html.ccps-loading body.ccps-page #content #vpc-loader-container{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important;background:#0c0d0f!important;border:1px solid #34353b;border-radius:7px;z-index:20!important;color:#eee;box-sizing:border-box}
body.ccps-page #content #vpc-loader-container .ccps-loading-card{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:min(360px,calc(100% - 48px));margin:100px auto 32px;text-align:center;display:grid;gap:14px}
body.ccps-page #content #vpc-loader-container .ccps-loading-label{font-size:18px;line-height:1.4;color:#eee;font-weight:500}
body.ccps-page #content #vpc-loader-container .ccps-loading-track{height:7px;overflow:hidden;border:1px solid #36363d;border-radius:20px;background:#202025}
body.ccps-page #content #vpc-loader-container .ccps-loading-track>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#781d35,#e52546);border-radius:inherit;transition:width .18s ease}
body.ccps-page #content #vpc-loader-container .ccps-loading-percent{font-size:13px;line-height:1;color:#b9b9c0;font-variant-numeric:tabular-nums}
body.ccps-page #content #vpc-loader-container .ccps-loading-retry{justify-self:center;min-height:42px;margin-top:6px;padding:8px 24px;border:1px solid #bb395a;border-radius:4px;background:#572032;color:#fff}
body.ccps-page #content #vpc-loader-container .ccps-loading-retry[hidden]{display:none}
body.ccps-page #content #vpc-loader-container .ccps-loading-retry:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.ccps-page #content #vpc-loader-container[hidden]{display:none!important}
@media(max-width:980px){html.ccps-loading body.ccps-page #content #vpc-container{min-height:350px}body.ccps-page #content #vpc-loader-container .ccps-loading-card{margin-top:80px}}
@media(prefers-reduced-motion:reduce){body.ccps-page #content #vpc-loader-container .ccps-loading-track>span{transition:none}}

/* PC layout; option values, prices and preview layers remain native VPC. */
body.ccps-page #content .ccps-upgrades{display:none}

 body.ccps-page #content #vpc-components .ccps-up-source{display:none!important}
 body.ccps-page #content #vpc-container[data-ccps-step="2"] .ccps-upgrades{display:block;padding:6px}
 body.ccps-page #content .ccps-upgrades h2{font-size:13px;line-height:1.25;font-weight:600;margin:0 0 7px;color:#eeedf2}
 body.ccps-page #content .ccps-up-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 body.ccps-page #content .ccps-up-paddles{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ccps-page #content .ccps-up-card{display:block;position:relative;height:150px;padding:0;margin:0;text-align:left;border:1px solid #38383f;border-radius:5px;background:#111216;color:#eeedf2;overflow:hidden;min-width:0;cursor:pointer;font:inherit;line-height:1.25;white-space:normal;text-transform:none;letter-spacing:normal;box-shadow:none;transition:border-color .15s}
 body.ccps-page #content .ccps-up-paddles .ccps-up-card{height:126px}
@media(hover:hover) and (pointer:fine){body.ccps-page #content .ccps-up-card:not(:disabled):hover{border-color:#a55069}}
 body.ccps-page #content :is(.ccps-up-card,.ccps-up-config)[aria-pressed=true]{border-color:#db536e;box-shadow:inset 0 0 0 1px #8e2a45}
 body.ccps-page #content .ccps-up-photo{position:absolute;inset:0;display:block}
 body.ccps-page #content .ccps-up-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:0;margin:0}
 body.ccps-page #content .ccps-up-copy{display:block;position:absolute;bottom:0;left:0;right:0;padding:20px 7px 7px;background:linear-gradient(transparent,rgba(10,11,15,.8) 24%,rgba(10,11,15,.94));}
 body.ccps-page #content .ccps-up-copy strong{display:block;font-size:12px;font-weight:600;line-height:1.15}
 body.ccps-page #content .ccps-up-description{display:block;font-size:10px;font-weight:400;line-height:1.2;color:#d0cbd2;margin-top:3px}
 body.ccps-page #content .ccps-up-price{display:block;font-size:12px;line-height:1.2;font-weight:600;color:#fff;margin-top:5px;white-space:nowrap}
 body.ccps-page #content .ccps-up-paddles .ccps-up-copy{padding:20px 9px 7px}
 body.ccps-page #content .ccps-up-paddles .ccps-up-none{height:33px;grid-column:1/-1;background:#16151b}
 body.ccps-page #content .ccps-up-none .ccps-up-copy{position:static;background:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px}
 body.ccps-page #content .ccps-up-none .ccps-up-price{margin:0}
 body.ccps-page #content .ccps-up-check{display:none;position:absolute;top:4px;left:4px;width:17px;height:17px;place-items:center;border-radius:50%;background:#9c2945;color:#fff;font:11px/1 Arial}
 body.ccps-page #content .ccps-up-card[aria-pressed=true] .ccps-up-check{display:grid}
 body.ccps-page #content .ccps-up-divider{margin-top:12px!important;padding-top:10px;border-top:1px solid #34313a}
 body.ccps-page #content .ccps-up-configurations{padding-top:8px}
 body.ccps-page #content .ccps-upgrades [hidden]{display:none!important}
 
 
 
 
 
 
 body.ccps-page #content .ccps-upgrades button:disabled{opacity:.4;cursor:not-allowed}
 body.ccps-page #content .ccps-upgrades button:focus-visible{outline:2px solid #f0a8bb;outline-offset:2px}

body.ccps-page #content .ccps-up-card>.ccps-up-price{position:absolute;top:5px;right:5px;z-index:2;margin:0;padding:4px 6px;background:rgba(15,16,20,.68);border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:11px;font-weight:500}
body.ccps-page #content .ccps-up-none .ccps-up-copy strong{font-size:15px}
body.ccps-page #content .ccps-up-paddles .ccps-up-photo img{object-position:center;object-fit:cover}
@media(max-width:980px){
 body.ccps-page #content .ccps-up-extras{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ccps-page #content .ccps-up-card{height:155px}
 body.ccps-page #content .ccps-up-description{font-size:11px}
 body.ccps-page #content .ccps-up-paddles .ccps-up-card{height:115px}
 body.ccps-page #content .ccps-up-paddles .ccps-up-none{height:33px}
 
}

@media(max-width:767px){
 body.ccps-page #content .ccps-up-extras{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 body.ccps-page #content .ccps-up-extras .ccps-up-card{height:130px}
 body.ccps-page #content .ccps-up-extras .ccps-up-copy{padding:16px 4px 5px}
 body.ccps-page #content .ccps-up-extras .ccps-up-copy strong{font-size:10px}
 body.ccps-page #content .ccps-up-extras .ccps-up-description{font-size:9px;line-height:1.15}
 body.ccps-page #content .ccps-up-extras .ccps-up-card>.ccps-up-price{font-size:9px;top:3px;right:3px;padding:3px}
}

body.ccps-page #content .ccps-upgrades .ccps-up-card:disabled:is(:hover,:focus,:active){border-color:#38383f!important;box-shadow:none!important;outline:none;background:#111216}
body.ccps-page #content .ccps-upgrades .ccps-up-card:disabled:focus-visible{outline:1px solid #a5a5ac;outline-offset:1px}

@media(max-width:767px), (hover:none), (pointer:coarse){
 body.ccps-page #content .ccps-upgrades :is(.ccps-up-card,.ccps-up-config){-webkit-tap-highlight-color:transparent}
 body.ccps-page #content .ccps-upgrades .ccps-up-card:not([aria-pressed=true]):is(:hover,:focus,:active){border-color:#38383f!important;box-shadow:none!important}
 
 body.ccps-page #content .ccps-upgrades button:focus:not(:focus-visible){outline:none!important}
}


body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-options label.custom{min-height:150px;height:150px!important;padding:16px 46px 16px 16px;overflow:hidden;isolation:isolate;background:#101115} body.ccps-page #content #vpc-components [data-ccps-group="0"] label.custom:before{display:block!important;inset:0!important;width:100%!important;height:100%!important;background-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.42) 48%,rgba(0,0,0,.04) 72%)!important;z-index:1;pointer-events:none} body.ccps-page #content #vpc-components [data-ccps-group="0"] label.custom .ccps-type-photo{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;z-index:0;border-radius:0} body.ccps-page #content #vpc-components [data-ccps-group="0"] :is(.ccps-type-name,.ccps-type-details){position:relative;z-index:2;max-width:53%;text-shadow:0 1px 3px #000} body.ccps-page #content #vpc-components [data-ccps-group="0"] input:checked+label.custom:after{z-index:3} @media(max-width:767px){body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-options label.custom{min-height:118px;height:118px!important;padding:12px 30px 12px 12px}} body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-component-header{display:none!important} 

body.ccps-page #content .ccps-click-compat{background:#141519;color:#eee;border:1px solid #494a52;border-radius:8px;width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:22px}
body.ccps-page #content .ccps-click-compat::backdrop{background:#000b}
body.ccps-page #content .ccps-compat-head{display:flex;align-items:start;gap:14px;justify-content:space-between}
body.ccps-page #content .ccps-compat-head h2{font-size:23px;margin:0;line-height:1.2}
body.ccps-page #content .ccps-click-compat p{font-size:15px;line-height:1.5;color:#bdc0c8;margin:16px 0}
body.ccps-page #content .ccps-click-compat button{background:none;color:#eee;border:0;font-size:27px;padding:0 5px;cursor:pointer}
body.ccps-page #content .ccps-click-compat a{display:block;background:#a91635;color:white;text-align:center;padding:13px;border-radius:5px;text-decoration:none}
body.ccps-page #content .ccps-click-compat a:focus-visible,body.ccps-page #content .ccps-click-compat button:focus-visible{outline:2px solid #ee5275;outline-offset:3px}
body.ccps-page #content .ccps-color-tabs{display:none}
@media(max-width:767px){
 body.ccps-page #content #vpc-components .ccps-color-tabs{display:flex;gap:4px;margin:5px 0 9px}
 body.ccps-page #content #vpc-components .ccps-color-tabs button{flex:1;min-width:0;background:#111216;border:1px solid #42434a;border-radius:4px;color:#eee;padding:8px 3px;font:inherit;font-size:13px;line-height:1.2;cursor:pointer}
 body.ccps-page #content #vpc-components .ccps-color-tabs button[aria-selected=true]{background:linear-gradient(110deg,#b70e39,#771431);border-color:#cc2853}
 body.ccps-page #content #vpc-components .ccps-color-tabs button:focus-visible{outline:2px solid #ed6e91;outline-offset:2px}
 body.ccps-page #content #vpc-components .ccps-color-pane:not(.ccps-color-active){display:none!important}
 body.ccps-page #content #vpc-components .ccps-color-pane>.vpc-group-name{display:none!important}
 body.ccps-page #content #vpc-components .ccps-color-row{gap:3px;margin:0 0 5px}
 body.ccps-page #content #vpc-components .ccps-color-row .vpc-single-option-wrap{flex-basis:auto;max-width:none;width:100%}
 body.ccps-page #content #vpc-components .ccps-color-row label.custom{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:4px}
 body.ccps-page #content #vpc-components .ccps-color-row label.custom:before{width:calc(100% - 2px)!important;height:calc(100% - 2px)!important;background-size:cover;border-radius:2px}
 body.ccps-page #content #vpc-components .ccps-color-row input:checked+label:after{content:'✓';color:white;font-size:12px;position:absolute;top:0;right:1px;background:transparent;line-height:1}
}

/* Compact mobile type cards and inline colour selection information. */
body.ccps-page #content .ccps-color-info{display:none}
@media(max-width:767px){
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-group{gap:6px}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-options label.custom{height:clamp(64px,10svh,80px)!important;min-height:0;padding:8px 28px 8px 10px}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .ccps-type-name{font-size:12px;line-height:1.15;max-width:58%}
 body.ccps-page #content #vpc-components [data-ccps-group="0"] .ccps-type-details{font-size:11px;line-height:1.2;margin-top:3px;max-width:56%}
 body.ccps-page #content #vpc-components .ccps-color-info{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 2px 2px;margin-top:6px;border-top:1px solid #292a31;min-height:25px;color:#c8c8ce;font-size:12px;line-height:1.2}
 body.ccps-page #content #vpc-components .ccps-color-info strong{font-weight:500;color:#eee;white-space:nowrap}
}
@media(max-width:767px) and (max-height:750px){body.ccps-page #content #vpc-components [data-ccps-group="0"] .vpc-options label.custom{height:56px!important;padding-top:6px;padding-bottom:6px}body.ccps-page #content #vpc-components [data-ccps-group="0"] .ccps-type-details{font-size:10px;line-height:1.15;margin-top:2px}}