.court-product{display:block;background:#fff;color:#595d5e;font-family:var(--font-body-family,Arial,sans-serif)}
.court-product__layout{display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(500px,.95fr);gap:86px;padding-top:42px;padding-bottom:76px;max-width:1230px}
.court-plan{text-align:center}.court-product__eyebrow{margin:0 0 12px;color:#f45100;font-size:11px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}.court-plan h2{margin:0;font-size:21px;font-weight:600;font-variant:small-caps}.court-plan__drawing{max-width:430px;margin:22px auto 12px}.court-plan svg{display:block;width:100%;height:auto;overflow:visible}.court-plan__zone{cursor:pointer;stroke:#fff;stroke-width:2;transition:filter .15s,opacity .15s,stroke-width .15s}.court-plan__zone:hover,.court-plan__zone:focus{filter:brightness(.92);outline:none}.court-plan__zone.is-selected{stroke:#005a45;stroke-width:6}.court-plan__zone.is-disabled{cursor:default;opacity:.58}.court-plan__zone.is-disabled:hover{filter:none}.court-plan__zone--1{fill:#bf4a00}.court-plan__zone--2{fill:#f25400}.court-plan__zone--3{fill:#fa9258}.court-plan__zone--4{fill:#f4c3a4}.court-plan__rays{fill:none;stroke:#f5f5f3;stroke-width:3}.court-plan__numbers{pointer-events:none}.court-plan__numbers text{fill:#fff;stroke:rgba(0,62,47,.6);stroke-width:1.2px;paint-order:stroke fill;font-size:10px;font-weight:800}.court-plan__court-lines{fill:none;stroke:#fff;stroke-width:2}.court-plan__north{font-size:10px;font-weight:700;fill:#fff;letter-spacing:.16em}.court-plan__legend{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.court-plan__legend button{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:9px 10px;color:#565a5b;cursor:pointer}.court-plan__legend button::before{content:"";width:11px;height:11px;border-radius:2px;background:var(--category-color)}.court-plan__legend button.is-selected{background:#e9eaeb;border-radius:4px;font-weight:700}.court-plan__legend button:disabled{cursor:default;opacity:.48}
.court-config h1{max-width:600px;margin:0 0 7px;color:#565a5b;font-size:38px;line-height:1.15;font-weight:700;font-variant:small-caps}.court-config__starting{margin:0 0 28px;font-size:14px}.court-config__starting strong{color:#f45100}.court-step{margin-top:25px}.court-step h2{display:flex;align-items:center;gap:10px;margin:0 0 13px;font-size:14px;text-transform:uppercase}.court-step h2 span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#005a45;color:#fff;font-size:12px}.court-choice-row{display:flex;flex-wrap:wrap;gap:8px}.court-choice{min-height:40px;padding:0 15px;border:1px solid #d3d5d4;border-radius:2px;background:#fff;color:#5c6060;cursor:pointer}.court-choice:hover:not(:disabled){border-color:#005a45}.court-choice.is-selected{border-color:#005a45;background:#005a45;color:#fff}.court-choice:disabled{opacity:.38;cursor:not-allowed}
.court-category-list{display:grid;gap:8px}.court-category{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:13px;width:100%;min-height:63px;padding:10px 17px;border:1px solid #d4d6d5;border-radius:2px;background:#fff;text-align:left;color:#575b5b;cursor:pointer}.court-category:hover:not(:disabled){border-color:#005a45}.court-category.is-selected{border:2px solid #005a45;background:#f5f8f7;padding:9px 16px}.court-category:disabled{opacity:.45;cursor:not-allowed}.court-category__color{width:12px;height:26px;border-radius:2px;background:var(--category-color)}.court-category__name{display:block;font-size:16px;font-weight:700;font-variant:small-caps}.court-category__stock{display:block;color:#999;font-size:11px}.court-category__stock.is-low{color:#f45100;font-weight:700}.court-category__price{font-size:16px;font-weight:700;white-space:nowrap}
.court-purchase{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:26px;margin-top:28px;padding-top:25px;border-top:1px solid #d4d6d5}.court-purchase__label{display:block;margin-bottom:8px;color:#929697;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.court-quantity__control{display:grid;grid-template-columns:37px 45px 37px;height:44px;border:1px solid #d3d5d4}.court-quantity__control button,.court-quantity__control input{border:0;border-right:1px solid #d3d5d4;background:#fff;text-align:center;color:#595d5e}.court-quantity__control button{cursor:pointer;font-size:18px}.court-quantity__control button:last-child{border-right:0;color:#005a45}.court-quantity__control input{width:100%;appearance:textfield}.court-quantity__control input::-webkit-inner-spin-button{display:none}.court-subtotal{text-align:right}.court-subtotal strong{display:block;color:#005a45;font-size:27px;white-space:nowrap}.court-add{height:56px;padding:0 23px;border:0;border-radius:2px;background:#005a45;color:#fff;font-size:14px;text-transform:uppercase;cursor:pointer}.court-add:disabled{background:#d9dbdd;color:#777;cursor:not-allowed}.court-message{min-height:18px;margin:11px 0 0;text-align:right;color:#8a8e8f;font-size:11px}.court-eticket{display:flex;gap:15px;margin-top:14px;padding:14px 18px;border-left:3px solid #00624b;background:#eff5f2;color:#005a45}.court-eticket strong{text-transform:uppercase}.court-eticket p{margin:5px 0 0;color:#5c6060;font-size:12px}.court-limit{color:#96999a;font-size:11px}.court-description{max-width:1230px;padding-bottom:85px}.court-description h2{margin:0 0 10px;font-size:23px;font-weight:500;font-variant:small-caps}.court-description h3{margin:27px 0 10px;font-size:14px;font-variant:small-caps}.court-description p,.court-description li{max-width:590px;font-size:14px;line-height:1.65}.court-description ul{padding-left:16px}.court-description li::marker{color:#f45100}
@media(max-width:990px){.court-product__layout{grid-template-columns:1fr;gap:35px;padding-top:28px}.court-plan__drawing{max-width:390px}.court-config{max-width:680px;margin:auto;width:100%}.court-description{padding-bottom:60px}.court-config h1{font-size:31px}}
@media(max-width:640px){.court-product__layout{padding-inline:20px;padding-bottom:45px}.court-plan h2{font-size:18px}.court-plan__drawing{max-width:330px;margin-top:10px}.court-plan__legend{gap:4px}.court-plan__legend button{font-size:12px;padding:8px}.court-config h1{font-size:28px}.court-step{margin-top:23px}.court-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.court-choice{padding:7px 8px;height:auto}.court-category{padding-inline:12px}.court-category.is-selected{padding-inline:11px}.court-category__price{font-size:14px}.court-purchase{grid-template-columns:auto 1fr;gap:17px;position:relative;padding-bottom:70px}.court-add{position:absolute;left:0;right:0;bottom:0;width:100%}.court-subtotal strong{font-size:23px}.court-message{text-align:left}.court-description{padding-inline:20px}.court-description h2{font-size:21px}}