.elementor-1888 .elementor-element.elementor-element-481e62f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1888 .elementor-element.elementor-element-481e62f:not(.elementor-motion-effects-element-type-background), .elementor-1888 .elementor-element.elementor-element-481e62f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F9F9F9 0%, #F9F9F9 100%);}.elementor-1888 .elementor-element.elementor-element-7104d4a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1888 .elementor-element.elementor-element-9388f3b{--display:flex;}.elementor-1888 .elementor-element.elementor-element-e0f37d7{--display:flex;}@media(min-width:768px){.elementor-1888 .elementor-element.elementor-element-7104d4a{--content-width:1200px;}.elementor-1888 .elementor-element.elementor-element-9388f3b{--width:60%;}.elementor-1888 .elementor-element.elementor-element-e0f37d7{--width:40%;}}/* Start custom CSS */@font-face {
        font-family: 'GT America Extended';
        src: url('https://try.playyourcourt.com/wp-content/uploads/2025/05/GT-America-Extended-Black.woff') format('woff');
        font-weight: 900;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Supreme LL Sub';
        src: url('https://try.playyourcourt.com/wp-content/uploads/2025/05/Supreme-Medium.woff') format('woff');
        font-weight: 400;
        font-display: swap;
    }
    
    .pssco,
    .pssco *,
    .pssco *::before,
    .pssco *::after {
        box-sizing: border-box;
    }
    
    .pssco {
        --c-yellow: #E8FF3D;
        --c-yellow-hover: #F5FF66;
        --c-black: #0A0A0A;
        --c-white: #FFFFFF;
        --c-green: #00E5A0;
        --c-green-deep: #00B37D;
        --c-gray-50: #FAFAF7;
        --c-gray-100: #F5F5F0;
        --c-gray-200: #E5E5E0;
        --c-gray-300: #D2D2CB;
        --c-gray-400: #A0A09A;
        --c-gray-500: #76766F;
        --c-gray-600: #5A5A55;
        --c-fd: 'GT America Extended', Impact, sans-serif;
        --c-fb: 'Supreme LL Sub', 'Helvetica Neue', sans-serif;
        background: var(--c-gray-100);
        color: var(--c-black);
        font-family: var(--c-fb);
        -webkit-font-smoothing: antialiased;
        line-height: 1.55;
        display: block;
    }
    
    .pssco h1,
    .pssco h2,
    .pssco h3,
    .pssco p,
    .pssco ul,
    .pssco li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .pssco a {
        color: inherit;
        text-decoration: none;
    }
    
    .pssco .topbar {
        background: var(--c-black);
        height: 56px;
        display: flex;
        align-items: center;
        padding: 0 24px;
    }
    
    .pssco .topbar img {
        height: 22px;
        width: auto;
        display: block;
    }
    
    .pssco .steps {
        background: var(--c-white);
        border-bottom: 1px solid var(--c-gray-200);
        padding: 18px 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .pssco .step {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-family: var(--c-fb);
        font-size: 11px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--c-gray-400);
    }
    
    .pssco .step.active {
        color: var(--c-black);
    }
    
    .pssco .step.done {
        color: var(--c-green-deep);
    }
    
    .pssco .step-num {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--c-gray-200);
        color: var(--c-gray-500);
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 11px;
    }
    
    .pssco .step.active .step-num {
        background: var(--c-black);
        color: var(--c-yellow);
    }
    
    .pssco .step.done .step-num {
        background: var(--c-green);
        color: var(--c-black);
    }
    
    .pssco .step-sep {
        width: 60px;
        height: 1px;
        background: var(--c-gray-300);
        margin: 0 18px;
    }
    
    @media (max-width:540px) {
        .pssco .step-sep {
            width: 28px;
            margin: 0 10px;
        }
        .pssco .step span:not(.step-num) {
            display: none;
        }
    }
    
    .pssco .form-col {
        background: var(--c-gray-100);
        padding: 40px 32px 0;
    }
    
    .pssco.summary-col,
    .pssco .summary-col {
        position: relative;
        width: 100%;
        max-width: 460px;
        margin-left: auto;
        box-sizing: border-box;
        background: transparent;
        padding: 0;
    }
    
    @media (min-width:961px) {
        .pssco.summary-col .summary-col-pin {
            position: fixed;
            top: 115px;
            right: max(16px, calc((100vw - min(100vw, 1200px)) / 2 + 32px));
            width: min(460px, calc(40vw - 48px));
            max-height: calc(100vh - 120px);
            overflow-y: auto;
            z-index: 100;
            box-sizing: border-box;
            padding: 40px 32px 80px;
            background: var(--c-gray-100);
        }
        .pssco.summary-col .summary-col-placeholder {
            width: 100%;
            visibility: hidden;
            pointer-events: none;
        }
    }
    
    .pssco.pssco-form-slice {
        background: var(--c-gray-100);
        padding-left: 32px;
        padding-right: 32px;
    }
    
    .pssco.pssco-form-slice--last {
        padding-bottom: 80px;
    }
    
    @media (max-width:960px) {
        .pssco .form-col {
            padding: 24px 16px 0;
        }
        .pssco.summary-col,
        .pssco .summary-col {
            max-width: none;
            margin-left: 0;
        }
        .pssco.summary-col .summary-col-pin {
            position: static;
            width: 100%;
            max-height: none;
            overflow: visible;
            padding: 24px 16px 64px;
            background: var(--c-gray-100);
        }
        .pssco.summary-col .summary-col-placeholder {
            display: none;
        }
        .pssco.pssco-form-slice {
            padding-left: 16px;
            padding-right: 16px;
        }
        .pssco.pssco-form-slice--last {
            padding-bottom: 64px;
        }
    }
    
    .pssco .h-eyebrow {
        font-family: var(--c-fb);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--c-gray-500);
        margin-bottom: 8px;
    }
    
    .pssco .h-display {
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: clamp(28px, 3.6vw, 40px);
        line-height: 0.95;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: var(--c-black);
        margin-bottom: 6px;
        text-wrap: balance;
    }
    
    .pssco .h-display .accent {
        border-bottom: 5px solid var(--c-yellow);
        padding-bottom: 1px;
    }
    
    .pssco .h-sub {
        font-family: var(--c-fb);
        font-size: 14px;
        color: var(--c-gray-600);
        margin-bottom: 32px;
        max-width: 540px;
    }
    
    .pssco .section-title {
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 14px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--c-black);
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .pssco .section-title .num {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        background: var(--c-black);
        color: var(--c-yellow);
        border-radius: 50%;
        font-size: 11px;
    }
    
    .pssco .card {
        background: var(--c-white);
        border: 1px solid var(--c-gray-200);
        border-radius: 10px;
        padding: 24px;
        margin-bottom: 18px;
    }
    
    .pssco .form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-bottom: 12px;
    }
    
    .pssco .form-row.single {
        grid-template-columns: 1fr;
    }
    
    .pssco .form-row:last-child {
        margin-bottom: 0;
    }
    
    @media (max-width:600px) {
        .pssco .form-row {
            grid-template-columns: 1fr;
        }
    }
    
    .pssco .field {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    
    .pssco .field label {
        font-family: var(--c-fb);
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--c-gray-600);
        font-weight: 600;
    }
    
    .pssco .field input,
    .pssco .field select {
        width: 100%;
        background: var(--c-white);
        border: 1px solid var(--c-gray-300);
        border-radius: 6px;
        padding: 12px 14px;
        font-family: var(--c-fb);
        font-size: 15px;
        color: var(--c-black);
        transition: border 120ms, box-shadow 120ms;
    }
    
    .pssco .field input:focus,
    .pssco .field select:focus {
        outline: none;
        border-color: var(--c-black);
        box-shadow: 0 0 0 3px rgba(232, 255, 61, 0.4);
    }
    
    .pssco #stripe-form {
        background: transparent;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        font-family: inherit;
        max-width: none;
    }
    
    .pssco #payment-element {
        background: var(--c-white);
        border: 1px solid var(--c-gray-300);
        border-radius: 6px;
        padding: 14px;
        min-height: 48px;
    }
    
    .pssco .stripe-foot {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        margin-top: 10px;
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--c-gray-400);
    }
    
    .pssco .stripe-foot .lock {
        width: 10px;
        height: 10px;
        opacity: 0.6;
    }
    
    .pssco .bump {
        position: relative;
        background: var(--c-white);
        border: 2px dashed var(--c-gray-300);
        border-radius: 10px;
        margin-bottom: 14px;
        overflow: hidden;
        transition: border-color 150ms, background 150ms, box-shadow 150ms;
    }
    
    .pssco .bump.selected {
        border-style: solid;
        border-color: var(--c-green-deep);
        background: #F2FFFA;
        box-shadow: 0 6px 20px rgba(0, 179, 125, 0.12);
    }
    
    .pssco .bump-header {
        display: grid;
        grid-template-columns: 26px 1fr auto;
        gap: 14px;
        align-items: center;
        padding: 16px 18px;
        cursor: pointer;
    }
    
    .pssco .bump-header>div:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 1.1;
    }
    
    .pssco .bump-check {
        width: 22px;
        height: 22px;
        border: 2px solid var(--c-gray-400);
        border-radius: 5px;
        background: var(--c-white);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    .pssco .bump.selected .bump-check {
        background: var(--c-green-deep);
        border-color: var(--c-green-deep);
    }
    
    .pssco .bump-check svg {
        width: 14px;
        height: 14px;
        opacity: 0;
    }
    
    .pssco .bump.selected .bump-check svg {
        opacity: 1;
    }
    
    .pssco .bump-tag {
        display: inline-block;
        background: var(--c-yellow);
        color: var(--c-black);
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 10px;
        letter-spacing: 0.1em;
        padding: 3px 7px;
        border-radius: 3px;
        margin-bottom: 6px;
        align-self: flex-start;
    }
    
    .pssco .bump-title {
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 15px;
        letter-spacing: -0.005em;
        text-transform: uppercase;
        color: var(--c-black);
        line-height: 1.15;
    }
    
    .pssco .bump-sub {
        font-size: 12px;
        color: var(--c-gray-600);
        margin-top: 4px;
    }
    
    .pssco .bump-price {
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 22px;
        color: var(--c-black);
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        line-height: 1;
    }
    
    .pssco .bump-price .strike {
        font-family: var(--c-fb);
        font-size: 12px;
        font-weight: 400;
        color: var(--c-gray-500);
        text-decoration: line-through;
        margin-bottom: 4px;
    }
    
    .pssco .bump-body {
        padding: 0 18px 18px 58px;
        font-size: 13px;
        color: var(--c-gray-600);
        line-height: 1.6;
    }
    
    .pssco .bump-body p {
        margin-bottom: 8px;
    }
    
    .pssco .bump-body p:last-child {
        margin-bottom: 0;
    }
    
    @media (max-width:600px) {
        .pssco .bump-body {
            padding: 0 18px 18px 18px;
        }
    }
    
    .pssco .summary {
        background: var(--c-white);
        border: 1px solid var(--c-gray-200);
        border-radius: 10px;
        overflow: hidden;
    }
    
    .pssco .summary-head {
        background: var(--c-black);
        color: var(--c-white);
        padding: 18px 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .pssco .summary-head-title {
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 13px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }
    
    .pssco .summary-head-meta {
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--c-gray-400);
    }
    
    .pssco .summary-body {
        padding: 20px 22px;
    }
    
    .pssco .summary-item {
        display: flex;
        gap: 14px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--c-gray-200);
        margin-bottom: 16px;
    }
    
    .pssco .summary-item:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .pssco .summary-item[hidden] {
        display: none;
    }
    
    .pssco .summary-item-body {
        flex: 1;
        min-width: 0;
    }
    
    .pssco .summary-item-title {
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 14px;
        line-height: 1.2;
        text-transform: uppercase;
        margin-bottom: 4px;
    }
    
    .pssco .summary-item-sub {
        font-size: 12px;
        color: var(--c-gray-600);
        line-height: 1.4;
    }
    
    .pssco .summary-item-price {
        text-align: right;
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 15px;
        white-space: nowrap;
    }
    
    .pssco .summary-item-price .strike {
        display: block;
        font-family: var(--c-fb);
        font-weight: 400;
        font-size: 11px;
        color: var(--c-gray-500);
        text-decoration: line-through;
        margin-bottom: 2px;
    }
    
    .pssco .summary-item-price .free {
        color: var(--c-green-deep);
    }
    
    .pssco .summary-totals {
        border-top: 2px solid var(--c-black);
        margin-top: 8px;
        padding-top: 16px;
    }
    
    .pssco .summary-totals .row {
        display: flex;
        justify-content: space-between;
        padding: 4px 0;
        font-size: 13px;
        color: var(--c-gray-600);
    }
    
    .pssco .summary-totals .row.grand {
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 22px;
        color: var(--c-black);
        margin-top: 10px;
        padding-top: 14px;
        border-top: 1px solid var(--c-gray-200);
    }
    
    .pssco .checkout-cta {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
    }
    
    .pssco .checkout-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        background: var(--c-yellow);
        color: var(--c-black);
        border: none;
        padding: 20px 24px;
        border-radius: 8px;
        font-family: var(--c-fd);
        font-weight: 900;
        font-size: 17px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background 120ms, transform 100ms, box-shadow 150ms;
        width: 100%;
    }
    
    .pssco .checkout-btn:hover {
        background: var(--c-yellow-hover);
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(232, 255, 61, 0.4);
    }
    
    .pssco .checkout-btn:active {
        transform: translateY(0);
    }
    
    .pssco .checkout-btn.pg-checkout-btn[disabled],
    .pssco .checkout-btn[disabled] {
        opacity: 0.6;
        cursor: progress;
        transform: none;
    }
    
    .pssco .cta-microcopy {
        font-family: var(--c-fb);
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--c-gray-500);
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .pssco .cta-microcopy .dot {
        width: 3px;
        height: 3px;
        background: var(--c-gray-300);
        border-radius: 50%;
    }
    
    .pssco .foot {
        text-align: center;
        padding: 24px 16px;
        font-size: 11px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--c-gray-400);
    }
    
    .pssco .foot a {
        color: var(--c-gray-600);
        margin: 0 8px;
    }
    
    .pssco .foot a:hover {
        color: var(--c-black);
    }/* End custom CSS */