body .jersey-builder{--color-text: var(--ps-black);--color-text-muted: var(--ps-text-muted);--color-border: rgba(0, 0, 0, .08);--color-background: #f1f1f1;--color-accent: var(--ps-primary);--color-accent-hover: color-mix(in srgb, var(--ps-primary) 86%, var(--ps-black));--radius-base: 12px;--radius-small: 8px;--radius-card: 10px;--shadow-small: 0 1px 3px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .08);--font-heading: var(--h1-font);--font-body: var(--body1-font);color:var(--color-text);background:var(--color-background);border-radius:8px;font-family:var(--font-body);margin:16px 12px;position:relative}@media screen and (min-width:992px){body .jersey-builder{margin:24px;border-radius:8px}}.jersey-builder__actions{display:grid;gap:12px}.jersey-builder__submission-status{min-height:1.5em;margin:0;color:currentColor;font-size:14px;line-height:1.5}.jersey-builder__submission-status.is-success{display:none}.jersey-builder__submission-status.is-error{color:#b42318}.jersey-builder__start-another{justify-self:start;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:currentColor;font:inherit;cursor:pointer}.jersey-builder__start-another:hover{border-bottom-color:transparent}.jersey-builder__start-another:focus-visible{outline:2px solid currentColor;outline-offset:4px}body.jersey-builder-modal-open{overflow:hidden}.jersey-builder-order-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease}.jersey-builder-order-modal[hidden]{display:none}.jersey-builder-order-modal.is-open{opacity:1}.jersey-builder-order-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#080808b8;cursor:default}.jersey-builder-order-modal__dialog{position:relative;display:flex;flex-direction:column;align-items:center;width:min(100%,610px);max-height:calc(100vh - 40px);overflow-y:auto;padding:clamp(30px,5vw,56px) clamp(24px,6vw,62px) 28px;border-radius:12px;background:#f5f6f1;box-shadow:0 30px 90px #0000005c;color:var(--ps-black);font-family:var(--body1-font);text-align:center;transform:translateY(14px) scale(.985);transition:transform .18s ease}.jersey-builder-order-modal.is-open .jersey-builder-order-modal__dialog{transform:translateY(0) scale(1)}.jersey-builder-order-modal__dialog:focus{outline:none}.jersey-builder-order-modal__title{margin:0 0 clamp(26px,5vh,44px);color:var(--ps-black);font-family:var(--h1-font);font-size:clamp(32px,6vw,52px);font-weight:800;letter-spacing:.02em;line-height:1.12;text-transform:uppercase}.jersey-builder-order-modal__copy{display:grid;gap:clamp(24px,4vh,38px)}.jersey-builder-order-modal__copy p{margin:0;font-size:clamp(19px,3.2vw,28px);font-weight:400;letter-spacing:.005em;line-height:1.48}.jersey-builder-order-modal__label{margin:clamp(26px,5vh,44px) 0 22px;font-family:var(--h1-font);font-size:clamp(24px,4.4vw,38px);font-weight:800;letter-spacing:.01em;line-height:1.2;text-transform:uppercase}.jersey-builder-order-modal__result{display:flex;align-items:baseline;justify-content:center;gap:.22em;width:100%;padding:.8rem 1.5rem 1rem;background:var(--ps-primary);color:var(--ps-white, #fff);font-family:var(--h1-font);font-size:clamp(31px,6vw,52px);font-weight:700;white-space:nowrap}.jersey-builder-order-modal__close{min-width:128px;margin-top:18px}@media screen and (max-width:480px){.jersey-builder-order-modal{padding:12px}.jersey-builder-order-modal__dialog{max-height:calc(100vh - 24px);padding:28px 20px 20px;border-radius:9px}.jersey-builder-order-modal__copy p{font-size:18px;line-height:1.4}.jersey-builder-order-modal__result{padding-inline:10px;font-size:clamp(28px,10vw,40px)}}@media(prefers-reduced-motion:reduce){.jersey-builder-order-modal,.jersey-builder-order-modal__dialog{transition:none}}.jersey-builder__inner{display:grid;gap:24px;max-width:1280px;margin:0 auto;padding:18px 16px 88px}@media screen and (max-width:991px){.jersey-builder--homepage .jersey-builder__inner{padding-bottom:24px}}@media screen and (min-width:992px){.jersey-builder__inner{grid-template-columns:1fr 1fr;align-items:start;padding:30px 24px 40px;gap:36px}}@media screen and (min-width:992px){.jersey-builder__inner{gap:48px;padding:36px 32px 44px}}.jersey-builder__left{display:grid;gap:18px}@media screen and (max-width:991px){.jersey-builder__preview{order:-1}}.jersey-builder__header{display:grid;gap:4px}.jersey-builder__eyebrow{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}@media screen and (min-width:992px){.jersey-builder__eyebrow{font-size:13px}}.jersey-builder__product-title{font-family:var(--font-heading);font-size:36px;font-weight:800;line-height:1;color:var(--ps-primary);margin:0;letter-spacing:-.02em}@media screen and (min-width:992px){.jersey-builder__product-title{font-size:48px}}@media screen and (min-width:992px){.jersey-builder__product-title{font-size:56px}}.jersey-builder__preview,.jersey-builder__preview-inner{position:relative}@media screen and (min-width:992px){.jersey-builder__preview-inner{position:sticky;top:88px}}.jersey-builder__image-frame{position:relative;overflow:hidden;width:100%;min-height:360px;border-radius:var(--radius-base)}.jersey-builder__image{display:block;width:100%;height:100%;object-fit:contain}.jersey-builder__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:var(--color-text-muted);text-align:center}.jersey-builder__print-preview{position:absolute;left:20%;right:22%;top:14%;display:grid;justify-items:center;row-gap:28px;pointer-events:none;text-align:center;color:var(--ps-white);text-shadow:0 1px 4px rgba(0,0,0,.45)}.jersey-builder--hide-print-preview .jersey-builder__print-preview{display:none}.jersey-builder[data-garnitura=away] .jersey-builder__print-preview,.jersey-builder[data-garnitura-type=away] .jersey-builder__print-preview{color:var(--ps-primary);text-shadow:none}.jersey-builder__preview-name{max-width:100%;overflow:hidden;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap}.jersey-builder__preview-number{display:flex;align-items:flex-end;justify-content:center;gap:clamp(1px,.35vw,4px);width:100%;max-width:100%;overflow:hidden;line-height:0}.jersey-builder__preview-digit{display:block;flex:0 1 auto;width:auto;height:100%;min-width:0;-webkit-user-select:none;user-select:none}.jersey-builder__preview-digit-fallback{font-family:"FK Sarajevo 23-24",sans-serif;font-size:inherit;font-weight:700;line-height:.9}.jersey-builder__controls{display:grid;gap:0;align-content:start}.jersey-builder__step{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--color-border);overflow:hidden;max-height:800px;opacity:1;transition:max-height .4s ease,opacity .35s ease,padding .35s ease,border-bottom-width .35s ease,margin .35s ease}.jersey-builder__step:first-child{padding-top:18px}.jersey-builder__step--collapsed{max-height:0!important;opacity:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom-width:0!important;margin-top:0!important;margin-bottom:0!important;pointer-events:none}.jersey-builder__print-details{--print-detail-height: 132px;position:relative;min-height:var(--print-detail-height)}.jersey-builder__print-detail{position:absolute;top:0;right:0;bottom:0;left:0;border-bottom:none;opacity:1;transform:translateY(0);transition:opacity .24s ease,visibility .24s ease}.jersey-builder__print-detail.jersey-builder__step--collapsed{max-height:none!important;padding:18px 0!important;border-bottom-width:0!important;opacity:0!important;visibility:hidden;transform:none}.jersey-builder__step:last-of-type{border-bottom:none}.jersey-builder__step-number{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--ps-white);background:var(--color-accent);border-radius:50%;line-height:1;margin-top:2px}.jersey-builder__step-content{flex:1;min-width:0;display:grid;gap:10px}.jersey-builder__step-title{font-family:var(--font-heading);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--ps-primary);line-height:1.2}@media screen and (min-width:992px){.jersey-builder__step-title{font-size:18px}.jersey-builder__print-preview{row-gap:44px}}.jersey-builder__step-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.jersey-builder__step-col{display:flex;gap:12px;min-width:0}.jersey-builder__step-col .jersey-builder__step-number{flex:0 0 24px;width:24px;height:24px;font-size:11px}.jersey-builder__step-col .jersey-builder__step-content{gap:8px}.jersey-builder__options--cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.jersey-builder__option--card{display:grid;place-items:center;gap:6px;min-height:56px;padding:10px 10px 8px;background:var(--ps-white);border:2px solid rgba(0,0,0,.08);border-radius:var(--radius-card);cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:600;text-align:center;color:var(--color-text);-webkit-user-select:none;user-select:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.jersey-builder__option--card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-small);transform:translateY(-1px)}.jersey-builder__option--card[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--ps-white));box-shadow:var(--shadow-medium);transform:translateY(-1px)}.jersey-builder__option--card .jersey-builder__option-image{display:block;width:100%;max-width:64px;height:44px;object-fit:contain;pointer-events:none}@media screen and (min-width:992px){.jersey-builder__options--cards{grid-template-columns:repeat(3,1fr)}.jersey-builder__option--card{min-height:62px;padding:10px}.jersey-builder__option--card .jersey-builder__option-image{max-width:76px;height:50px}}.jersey-builder__options:not(.jersey-builder__options--cards):not(.jersey-builder__options--select):not(.jersey-builder__options--segmented){display:flex;flex-wrap:wrap;gap:10px}.jersey-builder__option--size{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;min-width:56px;min-height:48px;padding:8px 20px;color:var(--color-text);background:var(--ps-white);border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-small);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.15;text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.jersey-builder__option--size:hover{border-color:var(--color-accent);box-shadow:var(--shadow-small)}.jersey-builder__option--size[aria-pressed=true]{color:var(--ps-white);background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-small)}.jersey-builder__option--size:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.jersey-builder__select--large{box-sizing:border-box;width:100%;min-height:48px;padding:8px 44px 8px 16px;color:var(--color-text);background:var(--ps-white);border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-small);outline:none;font-family:var(--font-body);font-size:15px;font-weight:500;line-height:1.3;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.jersey-builder__select--large:hover{border-color:#0003}.jersey-builder__select--large:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.jersey-builder__select-shell{position:relative;width:100%;height:fit-content}.jersey-builder__select-shell:after{content:"";position:absolute;top:45%;right:18px;width:10px;height:10px;border-right:2px solid rgba(0,0,0,.3);border-bottom:2px solid rgba(0,0,0,.3);pointer-events:none;transform:translateY(-50%) rotate(45deg)}@media screen and (min-width:992px){.jersey-builder__select--large{min-height:48px;font-size:16px;padding:8px 48px 8px 18px}.jersey-builder__select-shell:after{top:50%}}.jersey-builder__options--segmented{--print-control-offset: 0%;--print-control-gutter: 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-small);overflow:hidden;background:var(--ps-white);position:relative;isolation:isolate;contain:paint}.jersey-builder__options--segmented:before{content:"";position:absolute;box-sizing:border-box;z-index:0;top:var(--print-control-gutter);bottom:var(--print-control-gutter);left:var(--print-control-gutter);width:calc((100% - (var(--print-control-gutter) * 2)) / 3);background:var(--color-accent);border-radius:calc(var(--radius-small) - 3px);box-shadow:var(--shadow-small);transform:translate3d(var(--print-control-offset),0,0);transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}.jersey-builder__option--segmented{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 12px;color:var(--color-text);background:transparent;border:none;border-right:1.5px solid rgba(0,0,0,.1);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;text-align:center;-webkit-user-select:none;user-select:none;transition:color .22s ease,border-color .22s ease}.jersey-builder__option--segmented:last-child{border-right:none}.jersey-builder__option--segmented:hover{color:var(--color-accent)}.jersey-builder__option--segmented[aria-pressed=true]:hover,.jersey-builder__option--segmented[aria-pressed=true]{color:var(--ps-white);border-right:none;border-radius:8px}@supports (-webkit-touch-callout: none){@media(hover:none)and (pointer:coarse){.jersey-builder__options--segmented:before{content:none}.jersey-builder__option--segmented{transition:background-color .16s ease,color .16s ease,border-color .16s ease;-webkit-tap-highlight-color:transparent}.jersey-builder__option--segmented[aria-pressed=true]{background:var(--color-accent);border-radius:8px;box-shadow:inset 0 0 0 var(--print-control-gutter) var(--ps-white)}}}.jersey-builder__input{box-sizing:border-box;width:100%;min-height:44px;padding:8px 16px;color:var(--color-text);background:var(--ps-white);border:1.5px solid rgba(0,0,0,.1);border-radius:var(--radius-small);outline:none;font-family:var(--font-body);font-size:15px;font-weight:500;line-height:1.3;transition:border-color .2s ease,box-shadow .2s ease}.jersey-builder__input:hover{border-color:#0003}.jersey-builder__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.jersey-builder__input::placeholder{color:#0000004d;font-weight:400}@media screen and (min-width:992px){.jersey-builder__input{min-height:48px;font-size:16px;padding:8px 18px}}.jersey-builder__field-note{color:var(--color-text-muted);font-size:12px;line-height:1.35;margin-top:0}.jersey-builder__summary{display:grid;gap:12px;padding-top:4px;margin-bottom:12px}.jersey-builder__summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.jersey-builder__summary-label{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--color-text-muted);text-transform:uppercase}.jersey-builder__price{font-family:var(--font-heading);font-size:36px;font-weight:800;color:var(--color-accent);line-height:1}.jersey-builder__summary-price{display:inline-grid;grid-template-columns:auto auto;align-items:center;justify-content:flex-end;column-gap:8px;row-gap:5px}.jersey-builder__compare-price{font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1;color:var(--color-text-muted);text-decoration:line-through}.jersey-builder__compare-price[hidden],.jersey-builder__member-price-badge[hidden]{display:none}.jersey-builder__member-price-badge{display:inline-flex;grid-column:1 / -1;align-items:center;justify-content:center;justify-self:flex-end;padding:4px 6px;border-radius:4px;background:var(--ps-pop);color:var(--ps-white);font-size:10px;line-height:1;font-weight:800;letter-spacing:0;text-transform:uppercase}@media screen and (min-width:992px){.jersey-builder__price{font-size:40px}}@media screen and (min-width:992px){.jersey-builder__price{font-size:44px}}.jersey-builder__message{min-height:18px;color:var(--color-text-muted);font-size:13px;line-height:1.35;text-align:center}.jersey-builder__message.is-error{color:var(--ps-danger)}.jersey-builder__message.is-success{color:var(--ps-success)}.jersey-builder-sticky-preview{display:none}@media screen and (max-width:991px){.jersey-builder-sticky-preview{position:fixed;top:var(--sticky-preview-top, 0px);left:0;right:0;z-index:29;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:8px 14px;color:var(--color-text);background:#fffffff5;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 8px 18px #00000014;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.jersey-builder-sticky-preview.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.jersey-builder-sticky-preview__image{display:block;width:62px;height:74px;object-fit:contain;border-radius:6px;background:var(--color-background)}.jersey-builder-sticky-preview__image.is-empty{visibility:hidden}.jersey-builder-sticky-preview__body{display:grid;gap:2px;min-width:0}.jersey-builder-sticky-preview__details,.jersey-builder-sticky-preview__print{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jersey-builder-sticky-preview__details{font-size:12px;font-weight:700;line-height:1.2;color:var(--color-text)}.jersey-builder-sticky-preview__print{font-size:11px;font-weight:600;line-height:1.2;color:var(--color-text-muted)}.jersey-builder-sticky-preview__price{font-family:var(--font-heading);font-size:18px;font-weight:800;line-height:1;color:var(--color-accent);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.jersey-builder-sticky-preview{transition-duration:.01ms}}.jersey-builder__sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;align-items:center;gap:12px;padding:12px 16px;background:var(--ps-white);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 20px #00000014}@media screen and (max-width:991px){.jersey-builder__sticky-bar{display:flex}.jersey-builder__sticky-bar.is-hidden{display:none!important}}.jersey-builder__sticky-price{flex:0 0 auto;font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--color-accent);white-space:nowrap}.jersey-builder__sticky-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;color:var(--ps-white);background:var(--color-accent);border:none;border-radius:var(--radius-small);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;transition:background-color .25s ease}.jersey-builder__sticky-cta:hover{background:var(--color-accent-hover)}.jersey-builder__sticky-cta[disabled],.jersey-builder__sticky-cta[aria-disabled=true]{opacity:.5;cursor:not-allowed}.jersey-builder__heading{display:grid;gap:8px}.jersey-builder__title{font-family:var(--h1-font);font-size:var(--h1-mob);line-height:var(--h1-mob-lh);font-weight:400;color:var(--ps-primary)}.jersey-builder__subtitle{color:var(--color-text-muted);font-family:var(--body1-font);font-size:var(--body1-mob);line-height:var(--body1-mob-lh)}@media screen and (min-width:992px){.jersey-builder__inner{padding-bottom:40px}.jersey-builder__print-details{--print-detail-height: 144px}.jersey-builder__step{padding:14px 0}.jersey-builder__print-detail,.jersey-builder__print-detail.jersey-builder__step--collapsed{padding:14px 0!important}}@media(prefers-reduced-motion:reduce){.jersey-builder__options--segmented:before,.jersey-builder__print-detail{transition-duration:.01ms}}@media screen and (min-width:992px){.jersey-builder__title{font-size:var(--h1-desk);line-height:var(--h1-desk-lh)}.jersey-builder__subtitle{font-size:var(--body1-desk);line-height:var(--body1-desk-lh)}}body.dedicated-jersey-builder header,body.dedicated-jersey-builder footer,body.dedicated-jersey-builder .announcement-bar,body.dedicated-jersey-builder .section-mobile-nav{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jersey-builder.css.map */