#ps5-quote{max-width:1000px;color:#282038}
#ps5-quote>a{color:#7041cf;text-decoration:none;font-weight:600}
#ps5-quote .card{background:linear-gradient(155deg,#f5f0ff 0,#fff 42%);padding:clamp(24px,5vw,48px)!important;box-shadow:0 16px 50px #39226b12!important}
#ps5-quote h1{font-size:clamp(24px,3vw,32px);font-weight:750;letter-spacing:-.6px;line-height:1.25}
#ps5-quote .accessory-row{border:1px solid #ebe6f3!important;border-radius:14px;padding:16px!important;margin-top:10px;background:#fff;gap:12px;flex-wrap:wrap}
#ps5-quote .accessory-row:has(input:checked){background:#f7f2ff;border-color:#a58ad8!important}
#ps5-quote label{display:flex;align-items:center;font-weight:600;cursor:pointer;flex:1}
#ps5-quote .form-check-input{width:20px;height:20px;flex-shrink:0}
#ps5-quote .form-check-input:checked{background-color:#7741d6;border-color:#7741d6}
#ps5-quote .quantity{min-width:24px;text-align:center;font-weight:600}
#ps5-quote .btn-primary{background:#7741d6;border-color:#7741d6;border-radius:12px;padding:14px;font-weight:650}
#ps5-quote .btn-primary:hover{background:#6130bb}
#ps5-quote img{width:220px!important;height:220px!important;mix-blend-mode:multiply}
#orderConfirmModal .ps5-review-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #eee;text-align:left}
#ps5-quote .form-check-input{border-color:#766c87}
#ps5-quote :is(button,input,a):focus-visible{outline:3px solid #8755d9;outline-offset:3px}
@media all {

    :where(html[data-theme="dark"]) #ps5-quote {color:#f3f4f6}

    :where(html[data-theme="dark"]) #ps5-quote .card {background:linear-gradient(155deg,#292136,#181a20 55%);color:#f3f4f6}

    :where(html[data-theme="dark"]) #ps5-quote :is(h1,h2,label,.quantity) {color:#f3f4f6}

    :where(html[data-theme="dark"]) #ps5-quote .text-muted {color:#c4c2ce!important}

    :where(html[data-theme="dark"]) #ps5-quote>a {color:#c4b5fd}

    :where(html[data-theme="dark"]) #ps5-quote .accessory-row {background:#20232b;border-color:#777184!important}

    :where(html[data-theme="dark"]) #ps5-quote .accessory-row:has(input:checked) {background:#35264c;border-color:#b49ae8!important}

    :where(html[data-theme="dark"]) #ps5-quote .btn-outline-secondary {color:#f3f4f6;border-color:#a49aae;background:#292633}

    :where(html[data-theme="dark"]) #ps5-quote .btn-outline-secondary:hover:not(:disabled) {background:#514067;border-color:#c4b5fd}

    :where(html[data-theme="dark"]) #ps5-quote .btn:disabled {opacity:1;color:#a7a0b0;border-color:#696172;background:#292633}

    :where(html[data-theme="dark"]) #ps5-quote .form-check-input {background-color:#20232b;border-color:#aaa1b9}

    :where(html[data-theme="dark"]) #ps5-quote .form-check-input:checked {background-color:#7741d6;border-color:#d3baff}

    :where(html[data-theme="dark"]) #ps5-quote .btn-primary {color:#fff!important;background:#7040c5;border-color:#b59be5}

    :where(html[data-theme="dark"]) #ps5-quote .btn-primary:hover {background:#6032b0}

    :where(html[data-theme="dark"]) #ps5-quote img {mix-blend-mode:normal;background:#fff;border-radius:18px;padding:12px}

    :where(html[data-theme="dark"]) #ps5-quote #quote-error {color:#ffb4b4!important}

}