.kit-builder-section{--kb-bg: #001e7c;--kb-text: #ffffff;--kb-text-secondary: rgba(255, 255, 255, .6);--kb-text-tertiary: rgba(255, 255, 255, .4);--kb-text-inverse: #0e1230;--kb-accent: #00ffff;--kb-accent-soft: rgba(30, 99, 245, .13);--kb-surface-1: rgba(255, 255, 255, .04);--kb-surface-2: rgba(255, 255, 255, .06);--kb-border-subtle: rgba(255, 255, 255, .12);--kb-border-default: rgba(255, 255, 255, .14);--kb-border-strong: rgba(255, 255, 255, .18);--kb-error: #ff5b8a;--kb-radius-tile: 14px;--kb-radius-card: 32px;--kb-radius-pill: 999px;--kb-radius-cta: 100px;background:var(--kb-bg);color:var(--kb-text);padding:32px 0}.kit-builder-section__container{max-width:1456px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.kit-builder-section__container{padding:0 88px}}.kit-builder-section__container--full-width{max-width:none;padding:0 24px}.kit-builder{display:block;color:var(--kb-text)}.kit-builder--empty{display:none}.kit-builder__layout{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:768px){.kit-builder__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}}.kit-builder__stage{display:flex;flex-direction:column;gap:16px;order:0}@media(min-width:768px){.kit-builder__stage{order:0;position:sticky;top:24px}}.kit-builder__heading{font-family:Al-HilalFont,Al-Hilal Jersey,sans-serif;font-size:clamp(36px,8vw,100px);line-height:1.05;letter-spacing:-1.5px;font-weight:700;margin:0 0 16px;color:var(--kb-text)}@media(max-width:767px){.kit-builder__heading{font-size:clamp(30px,11vw,56px);margin:0 0 8px;text-align:center}}.kit-builder__image-wrap{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:var(--kb-radius-card);background:radial-gradient(ellipse 50% 60% at 50% 50%,#1e63f554,#1e63f521,#0000);overflow:hidden}.kit-builder__image-wrap[data-image-aspect="1-1"]{aspect-ratio:1 / 1}.kit-builder__image-wrap[data-image-aspect="4-5"]{aspect-ratio:4 / 5}.kit-builder__image-wrap[data-image-aspect="3-4"]{aspect-ratio:3 / 4}.kit-builder__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.kit-builder__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kit-builder__overlay-svg{position:absolute;fill:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.kit-builder__image-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--kb-text-secondary);font-size:14px;text-align:center;padding:16px}.kit-builder__image-empty[hidden]{display:none}.kit-builder__panel{display:flex;flex-direction:column;gap:16px;order:1}@media(min-width:768px){.kit-builder__panel{order:0;padding-top:20px}}.kit-builder__subheading{display:none}.kit-builder__step{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.kit-builder__step[hidden]{display:none}.kit-builder__step-header{display:flex;align-items:center;gap:8px;min-height:20px}.kit-builder__step-label{flex:1;font-size:11px;font-weight:600;letter-spacing:1.98px;color:var(--kb-text-secondary);text-transform:uppercase;margin:0;padding:0}.kit-builder__step-accessory{font-size:13px;font-weight:600;color:var(--kb-accent)}.kit-builder__step-accessory[hidden]{display:inline;visibility:hidden}.kit-builder__step-accessory--link{text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.kit-builder__options{display:flex;flex-wrap:wrap;gap:10px}.kit-builder__options--tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:12px}.kit-builder__options--pills{flex-wrap:wrap;gap:10px}.kit-builder__options--stack{flex-direction:column;gap:8px}.kit-builder__option--tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;aspect-ratio:78 / 90;padding:8px;background:var(--kb-surface-1);border:1.5px solid var(--kb-border-subtle);border-radius:var(--kb-radius-tile);cursor:pointer;font-family:inherit;color:var(--kb-text);transition:border-color .15s ease,background-color .15s ease}.kit-builder__option--tile:hover:not(.is-disabled){border-color:var(--kb-border-strong)}.kit-builder__option--tile.is-selected{background:var(--kb-accent-soft);border-color:var(--kb-accent)}.kit-builder__option--tile.is-disabled{opacity:.45;cursor:not-allowed}.kit-builder__option--tile .kit-builder__option-label{font-size:9px;letter-spacing:.9px;text-transform:uppercase;font-weight:600}.kit-builder__option--tile .kit-builder__option-thumb{width:50px;height:55px;display:flex;align-items:center;justify-content:center}.kit-builder__option--tile .kit-builder__option-thumb img{max-width:100%;max-height:100%;object-fit:contain}.kit-builder__option--tile .kit-builder__option-thumb svg{width:100%;height:100%;opacity:.65}.kit-builder__option--pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px 8px;background:transparent;border:1px solid var(--kb-border-strong);border-radius:var(--kb-radius-pill);color:var(--kb-text);font-size:14px;font-weight:500;letter-spacing:.14px;cursor:pointer;font-family:inherit;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.kit-builder__option--pill:hover:not(.is-disabled){border-color:var(--kb-text)}.kit-builder__option--pill.is-selected{background:var(--kb-text);color:var(--kb-text-inverse);border-color:var(--kb-text)}.kit-builder__option--pill.is-disabled{opacity:.6;cursor:not-allowed;text-decoration:line-through;color:var(--kb-text-tertiary)}.kit-builder__option-image{width:25px;height:25px;object-fit:contain}.kit-builder__personalisation-fields{display:flex;flex-direction:column;gap:12px}.kit-builder__personalisation-fields[hidden]{display:none}.kit-builder__segmented{display:flex;width:100%;height:52px;padding:4px;background:var(--kb-surface-1);border:1px solid var(--kb-border-subtle);border-radius:var(--kb-radius-pill)}.kit-builder__segmented-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;background:transparent;border:none;border-radius:var(--kb-radius-pill);color:#ffffffb3;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer}.kit-builder__segmented-btn.is-active{background:var(--kb-accent);color:var(--kb-text-inverse)}.kit-builder__segmented-btn svg{width:14px;height:14px}.kit-builder__field{display:flex;flex-direction:column;gap:4px}.kit-builder__field[hidden]{display:none}.kit-builder__custom-row{display:flex;gap:10px;align-items:stretch}.kit-builder__custom-row[hidden]{display:none}.kit-builder__field--name{flex:1 1 0;min-width:0}.kit-builder__field--number{flex:0 0 110px}.kit-builder__field--name .kit-builder__input{text-align:center;letter-spacing:.75px;font-weight:600;text-transform:uppercase}.kit-builder__field--number .kit-builder__input{text-align:center;font-weight:600;padding:0}.kit-builder__field-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--kb-text-secondary)}.kit-builder .kit-builder__input,.kit-builder .kit-builder__select{width:100%;height:52px;padding:0 20px;background:var(--kb-surface-1);border:1px solid var(--kb-border-default);border-radius:var(--kb-radius-tile);color:#fff;font-size:15px;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.kit-builder .kit-builder__input::placeholder{color:var(--kb-text-tertiary)}.kit-builder .kit-builder__input:focus,.kit-builder .kit-builder__input:focus-visible,.kit-builder .kit-builder__select:focus,.kit-builder .kit-builder__select:focus-visible{outline:none;border-color:var(--kb-accent);box-shadow:0 0 0 1px var(--kb-accent)}.kit-builder__input--number{max-width:none}.kit-builder__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23ffffff99' stroke-width='1.5'%3E%3Cpath d='M3.5 5L7 8.5L10.5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px;padding-right:44px}.kit-builder__select option{color:var(--kb-text-inverse)}.kit-builder__field-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--kb-text-tertiary);min-height:14px}.kit-builder__counter.is-error,.kit-builder__error{color:var(--kb-error)}.kit-builder__error[hidden]{display:none}.kit-builder__hint-row{display:flex;justify-content:space-between;font-size:12px;color:var(--kb-text-secondary)}.kit-builder__hint-row[hidden]{display:none}.kit-builder__divider{height:1px;background:var(--kb-border-subtle);margin:4px 0}.kit-builder__summary{display:flex;flex-direction:column;gap:16px}.kit-builder__breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.kit-builder__breakdown-item{display:flex;justify-content:space-between;font-size:13px;color:var(--kb-text-secondary)}.kit-builder__breakdown-amount{font-variant-numeric:tabular-nums}.kit-builder__subtotal{display:flex;justify-content:space-between;align-items:baseline}.kit-builder__subtotal-label{font-size:18px;font-weight:600;color:var(--kb-text)}.kit-builder__subtotal-value{font-size:26px;font-weight:700;letter-spacing:.26px;color:var(--kb-text);font-variant-numeric:tabular-nums}.kit-builder__cta{width:100%;padding:16px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2.4px;background:var(--kb-accent);color:var(--kb-text-inverse);border:none;border-radius:var(--kb-radius-cta);cursor:pointer;font-family:inherit;box-shadow:0 14px 20px #00ffff2e;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.kit-builder__cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 24px #00ffff40}.kit-builder__cta:disabled,.kit-builder__cta.is-disabled{background:#ffffff2e;color:#ffffff80;box-shadow:none;cursor:not-allowed}.kit-builder__cta.loading{opacity:.7;cursor:progress}.kit-builder__footnote{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--kb-text-secondary);margin:0;text-align:center}.kit-builder__footnote span+span:before{content:" \b7  ";margin-right:8px}.kit-builder__notice{font-size:12px;color:var(--kb-text-secondary);margin:0;text-align:center}.kit-builder__notice[hidden]{display:none}.kit-builder__error-global{color:var(--kb-error);font-size:13px;margin:0;padding:8px 12px;background:#ff5b8a1f;border-radius:var(--kb-radius-tile)}.kit-builder__error-global[hidden]{display:none}.kit-builder__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.kit-builder__modal[hidden]{display:none}.kit-builder__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.kit-builder__modal-panel{position:relative;width:min(900px,100%);max-height:85vh;overflow-y:auto;background:#fff;color:#0e1230;border-radius:16px;padding:32px;box-shadow:0 30px 60px #0006}.kit-builder__modal-title{margin:0 0 16px;font-size:22px;font-weight:700;color:#001852}.kit-builder__modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:transparent;cursor:pointer;font-size:28px;line-height:1;color:#001852}.kit-builder__modal-content{font-size:14px;line-height:1.5}.kit-builder__modal-content h3{margin:20px 0 8px;font-size:16px;color:#001852}.kit-builder__modal-content table{width:100%;border-collapse:collapse;margin-bottom:12px}.kit-builder__modal-content th,.kit-builder__modal-content td{padding:6px 8px;border:1px solid #d8dbe8;text-align:center;font-size:12px}.kit-builder__modal-content thead th{background:#001852;color:#fff;font-weight:600}@media(max-width:767px){.kit-builder__layout{display:flex;flex-direction:column}.kit-builder__step--kit-type{order:-1}}@media(max-width:767px){.kit-builder-section,.kit-builder-section *{overflow-anchor:none}.kit-builder__stage{position:sticky;top:var(--header-height-mobile, 60px);z-index:5;background:var(--kb-bg);margin-left:-24px;margin-right:-24px;padding:0 24px}.kit-builder__heading{transition:font-size .25s ease,margin .25s ease}.kit-builder__image-wrap{transition:height .25s ease}.kit-builder.is-shrunk .kit-builder__heading{font-size:clamp(36px,12vw,48px);margin:0 0 8px;line-height:1.05}.kit-builder.is-shrunk .kit-builder__image-wrap{aspect-ratio:auto;height:22vh;border-radius:0}.kit-builder.is-shrunk .kit-builder__stage{padding:24px 0 12px}}.kit-builder__personalisation-fields{gap:8px}.kit-builder__personalisation-fields:has([data-kb-custom-row][hidden]) .kit-builder__field-meta{display:none}[dir=rtl] .kit-builder__step-label,[dir=rtl] .kit-builder__field-label,[dir=rtl] .kit-builder__hint-row{text-align:right}[dir=rtl] .kit-builder__subtotal-value,[dir=rtl] .kit-builder__breakdown-amount{direction:ltr;unicode-bidi:embed}[dir=rtl] .kit-builder__select{background-position:left 18px center;padding-right:20px;padding-left:44px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kit-builder.css.map */