.kit-page{--kit-accent-saving: #0F6E56;--kit-accent-warranty: #3B6D11;--kit-accent-chart: #1D9E75;--kit-radius: 12px;--kit-radius-sm: calc(var(--kit-radius) / 1.5);--kit-card-pad: 18px;--kit-section-pad: 28px;--kit-grid-gap: 16px;--kit-card-border: #E5E4DE;--kit-border: var(--kit-card-border);--kit-border-strong: rgba(0, 0, 0, .18);--kit-bg-surface: #F7F6F2;--kit-bg-card: #FFFFFF;--kit-shadow: none;--kit-text: #1A1A18;--kit-text-muted: #6B6B66;--kit-text-faint: #999994;display:block;max-width:1200px;margin:0 auto;padding:24px 20px;color:var(--kit-text);font-family:inherit}.kit-page *{box-sizing:border-box}.kit-page,.kit-page p,.kit-page li,.kit-page span,.kit-page label,.kit-page button,.kit-page input,.kit-page output{font-family:var(--kit-body-font, inherit)}.kit-page .kit-hero{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start;padding:24px 0 var(--kit-section-pad);border-bottom:1px solid var(--kit-card-border);margin-bottom:var(--kit-section-pad)}.kit-page .kit-hero--framed{background:var(--kit-hero-card-bg);border:var(--kit-hero-card-border-width, 1px) solid var(--kit-hero-card-border, transparent);border-radius:var(--kit-hero-card-radius, 16px);padding:var(--kit-hero-card-pad, 24px);border-bottom:var(--kit-hero-card-border-width, 1px) solid var(--kit-hero-card-border, transparent)}.kit-page .kit-hero__description{font-size:var(--kit-description-size, 14px);color:var(--kit-description-color, #334155);line-height:var(--kit-description-line-height, 1.6);margin:0 0 18px;max-width:64ch}.kit-page .kit-hero__right-col{display:flex;flex-direction:column;gap:14px;align-self:start}.kit-page .kit-hero__right-col.is-sticky{position:sticky;top:24px}.kit-page .kit-hero__image-frame{margin:0;background:var(--kit-bg-surface, #F1F5F9);border:.5px solid var(--kit-hero-card-border, #D8E2EC);border-radius:var(--kit-radius, 12px);aspect-ratio:var(--kit-hero-image-aspect, 1 / 1);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.kit-page .kit-hero__image{width:100%;height:100%;object-fit:var(--kit-hero-image-fit, contain)}.kit-page .kit-hero__eyebrow{font-size:var(--kit-hero-eyebrow-size, 12px);letter-spacing:.6px;text-transform:uppercase;color:var(--kit-eyebrow-color, var(--kit-text-muted));margin:0 0 6px}.kit-page .kit-hero__title{font-family:var(--kit-hero-title-font, inherit);font-size:var(--kit-hero-title-size, 28px);line-height:var(--kit-hero-title-line-height, 1.2);margin:0 0 18px;font-weight:500;color:var(--kit-heading-color, var(--kit-text))}.kit-page .kit-hero__stats{list-style:none;display:flex;flex-direction:column;gap:var(--kit-hero-stats-gap, 10px);padding:0;margin:0;font-size:var(--kit-hero-stats-size, 14px);color:var(--kit-text-muted)}.kit-page .kit-hero__stats li{display:flex;align-items:center;gap:10px}.kit-page .kit-hero__stats strong{color:var(--kit-text);font-weight:500}.kit-page .kit-hero__stat-icon{width:20px;height:20px;color:var(--kit-text-muted);flex-shrink:0}.kit-page .kit-hero__price-card{background:var(--kit-price-card-bg, var(--kit-bg-surface));border:var(--kit-price-card-border-width, 0) solid var(--kit-price-card-border, transparent);border-radius:var(--kit-price-card-radius, var(--kit-radius));padding:var(--kit-card-pad);color:var(--kit-price-card-text, var(--kit-text));display:flex;flex-direction:column;gap:var(--kit-price-card-gap, 4px)}.kit-page .kit-hero__price-card>*{margin:0}.kit-page .kit-hero__price-card form{margin-top:var(--kit-price-card-gap, 4px)}.kit-page .kit-hero__price-card .kit-hero__price-label,.kit-page .kit-hero__price-card .kit-hero__price-meta{color:inherit;opacity:.7}.kit-page .kit-hero__price-card .kit-hero__price{color:inherit;font-size:var(--kit-hero-price-size, 28px)}.kit-page .kit-hero__price-label{font-size:11px;color:var(--kit-text-muted);margin:0;text-transform:uppercase;letter-spacing:.4px}.kit-page .kit-hero__price{font-size:28px;font-weight:500;margin:4px 0 2px}.kit-page .kit-hero__price-meta{font-size:12px;color:var(--kit-text-muted);margin:0 0 12px}.kit-page .kit-hero__saving{display:inline-block;background:#0f6e561a;color:var(--kit-accent-saving);font-size:12px;padding:4px 10px;border-radius:var(--kit-radius-sm);margin:0 0 14px;font-weight:500}.kit-page .kit-hero__cta{width:100%;margin-top:6px}.kit-page .kit-section{padding:var(--kit-section-pad) 0;border-bottom:1px solid var(--kit-card-border)}.kit-page .kit-section:last-of-type{border-bottom:0}.kit-page .kit-section__heading{font-size:var(--kit-section-heading-size, 18px);font-weight:500;margin:0 0 16px;display:flex;align-items:center;gap:6px;color:var(--kit-heading-color, var(--kit-text))}.kit-page .kit-section__footnote{font-size:12px;color:var(--kit-text-muted);margin:12px 0 0;font-style:italic}.kit-page .kit-info-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:0;cursor:pointer;color:var(--kit-text-faint);padding:0;border-radius:50%;transition:background .15s ease,color .15s ease}.kit-page .kit-info-trigger:hover{background:var(--kit-bg-surface);color:var(--kit-text)}.kit-page .kit-components-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kit-grid-gap)}.kit-page .kit-card{background:var(--kit-bg-card);border:var(--kit-card-border-width, 1px) solid var(--kit-card-border);border-radius:var(--kit-radius);padding:var(--kit-card-pad);box-shadow:var(--kit-shadow);display:flex;flex-direction:column;gap:12px}.kit-page .kit-card__media{position:relative;aspect-ratio:1 / 1;background:var(--kit-bg-surface);border-radius:var(--kit-radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.kit-page .kit-card__media img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}.kit-page .kit-card__qty-badge{position:absolute;top:8px;right:8px;background:var(--kit-text);color:#fff;font-size:11px;padding:2px 8px;border-radius:999px;font-weight:500}.kit-page .kit-card__title{font-size:14px;font-weight:500;margin:0;line-height:1.35}.kit-page .kit-card__warranty{display:inline-flex;align-items:center;gap:6px;background:#3b6d1114;color:var(--kit-accent-warranty);font-size:12px;padding:4px 8px;border-radius:var(--kit-radius-sm);align-self:flex-start;font-weight:500}.kit-page .kit-card__headline{font-size:12px;color:var(--kit-text-muted);margin:0}.kit-page .kit-card__actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}.kit-page .kit-card__spec-btn,.kit-page .kit-card__link{font-size:12px;padding:6px 8px;background:transparent;border:1px solid var(--kit-border-strong);border-radius:var(--kit-radius-sm);cursor:pointer;text-align:center;color:var(--kit-text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:background .15s ease}.kit-page .kit-card__spec-btn:hover,.kit-page .kit-card__link:hover{background:var(--kit-bg-surface)}.kit-page .kit-card__link{border-color:transparent;color:var(--kit-text-muted)}.kit-page .kit-mounting-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;font-size:12px;color:var(--kit-text-muted);background:var(--kit-bg-surface);padding:10px 12px;border-radius:var(--kit-radius-sm)}.kit-page .kit-customise{background:var(--kit-bg-card);border:var(--kit-card-border-width, 1px) solid var(--kit-card-border);border-radius:var(--kit-radius);padding:4px var(--kit-card-pad);box-shadow:var(--kit-shadow)}.kit-page .kit-stepper-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--kit-border)}.kit-page .kit-stepper-row:last-child{border-bottom:0}.kit-page .kit-stepper-title{font-size:14px;font-weight:500;margin:0 0 4px;display:flex;align-items:center;gap:4px}.kit-page .kit-stepper-sub{font-size:12px;color:var(--kit-text-muted);margin:0}.kit-page .kit-stepper{display:inline-flex;align-items:center;background:var(--kit-bg-surface);border-radius:var(--kit-radius-sm);padding:4px;gap:6px}.kit-page .kit-stepper button{width:30px;height:30px;background:var(--kit-bg-card);border:1px solid var(--kit-border);border-radius:6px;cursor:pointer;font-size:16px;line-height:1;color:var(--kit-text);font-weight:500;transition:background .15s ease}.kit-page .kit-stepper button:hover{background:var(--kit-bg-surface)}.kit-page .kit-stepper button:disabled{opacity:.35;cursor:not-allowed}.kit-page .kit-stepper span{min-width:30px;text-align:center;font-weight:500;font-size:14px}.kit-page .kit-savings-card{background:var(--kit-bg-card);border:var(--kit-card-border-width, 1px) solid var(--kit-card-border);border-radius:var(--kit-radius);padding:var(--kit-card-pad);box-shadow:var(--kit-shadow);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.kit-page .kit-savings-amount{font-size:var(--kit-savings-amount-size, 28px)!important}.kit-page .kit-savings-input label{display:block;font-size:12px;color:var(--kit-text-muted);margin:0 0 8px}.kit-page .kit-slider-row{display:flex;align-items:center;gap:12px}.kit-page .kit-slider-row input[type=range]{flex:1}.kit-page .kit-slider-row output{font-weight:500;min-width:72px;text-align:right;font-size:14px}.kit-page .kit-savings-result{background:var(--kit-bg-surface);border-radius:var(--kit-radius-sm);padding:16px;text-align:center}.kit-page .kit-savings-label{font-size:12px;color:var(--kit-text-muted);margin:0}.kit-page .kit-savings-amount{font-size:28px;font-weight:500;color:var(--kit-accent-saving);margin:4px 0 6px}.kit-page .kit-savings-payback{font-size:12px;color:var(--kit-text-muted);margin:0}.kit-page .kit-savings-payback strong{color:var(--kit-text);font-weight:500}.kit-page .kit-production-card{background:var(--kit-bg-card);border:var(--kit-card-border-width, 1px) solid var(--kit-card-border);border-radius:var(--kit-radius);padding:var(--kit-card-pad);box-shadow:var(--kit-shadow)}.kit-page .kit-stat__value{font-size:var(--kit-stat-value-size, 18px)}.kit-page .kit-production-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.kit-page .kit-stat{background:var(--kit-bg-surface);padding:12px 14px;border-radius:var(--kit-radius-sm)}.kit-page .kit-stat__label{font-size:11px;color:var(--kit-text-muted);margin:0;text-transform:uppercase;letter-spacing:.4px}.kit-page .kit-stat__value{font-size:18px;font-weight:500;margin:4px 0 0}.kit-page .kit-chart__heading{font-size:12px;color:var(--kit-text-muted);margin:0 0 10px}.kit-page .kit-chart__bars{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:start;height:140px}.kit-page .kit-chart__bar-col{display:flex;flex-direction:column;align-items:center;height:100%;gap:4px;justify-content:space-between}.kit-page .kit-chart__bar{width:100%;background:var(--kit-accent-chart);border-radius:0 0 3px 3px;min-height:2px;transition:height .3s ease}.kit-page .kit-chart__label{font-size:10px;color:var(--kit-text-faint);margin-top:auto}.kit-page .kit-tabs__nav{display:flex;gap:2px;border-bottom:1px solid var(--kit-border);margin-bottom:18px}.kit-page .kit-tabs__btn{padding:10px 16px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:13px;color:var(--kit-text-muted);cursor:pointer;font-weight:500;margin-bottom:-1px}.kit-page .kit-tabs__btn.is-active{color:var(--kit-text);border-bottom-color:var(--kit-text)}.kit-page .kit-tabs__pane{display:none}.kit-page .kit-tabs__pane.is-active{display:block}.kit-page .kit-spec-summary{padding:12px 0;border-bottom:1px solid var(--kit-border)}.kit-page .kit-spec-summary:last-child{border-bottom:0}.kit-page .kit-spec-summary__label{font-size:11px;color:var(--kit-text-faint);text-transform:uppercase;letter-spacing:.4px;margin:0}.kit-page .kit-spec-summary__title{font-size:14px;margin:2px 0 4px;font-weight:500}.kit-page .kit-spec-summary__link{font-size:12px;color:var(--kit-text-muted);text-decoration:none}.kit-page .kit-spec-summary__link:hover{color:var(--kit-text)}.kit-page .kit-downloads-list{list-style:none;padding:0;margin:0}.kit-page .kit-downloads-list li{padding:10px 0;border-bottom:1px solid var(--kit-border)}.kit-page .kit-downloads-list li:last-child{border-bottom:0}.kit-page .kit-downloads-list a{display:inline-flex;align-items:center;gap:8px;color:var(--kit-text);text-decoration:none;font-size:14px}.kit-page .kit-downloads-list a:hover{color:var(--kit-accent-saving)}.kit-page .kit-help-banner{margin-top:32px;background:var(--kit-help-banner-bg, var(--kit-bg-surface));color:var(--kit-help-banner-text, var(--kit-text));border-radius:var(--kit-help-banner-radius, var(--kit-radius));padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.kit-page .kit-help-banner__title{font-size:var(--kit-body-text-size, 14px);font-weight:500;margin:0 0 4px;color:inherit}.kit-page .kit-help-banner__subtitle{font-size:13px;color:inherit;opacity:.7;margin:0}.kit-page .kit-help-banner__btn{background:var(--kit-help-banner-btn-bg, var(--kit-text));color:var(--kit-help-banner-btn-text, #FFFFFF);text-decoration:none;padding:10px 18px;border-radius:var(--kit-radius-sm);font-size:13px;font-weight:500;white-space:nowrap}.kit-page .kit-help-banner__btn:hover{opacity:.85}.kit-page .kit-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.kit-page .kit-popup[hidden]{display:none}.kit-page .kit-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.kit-page .kit-popup__dialog{position:relative;background:var(--kit-bg-card);border-radius:var(--kit-radius);padding:28px 28px 24px;max-width:480px;width:100%;max-height:80vh;overflow-y:auto}.kit-page .kit-popup__dialog h3{font-size:16px;margin:0 0 12px;font-weight:500}.kit-page .kit-popup__dialog p{font-size:14px;line-height:1.6;color:var(--kit-text);margin:0}.kit-page .kit-popup__close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:0;font-size:22px;line-height:1;color:var(--kit-text-muted);cursor:pointer;border-radius:50%;transition:background .15s ease}.kit-page .kit-popup__close:hover{background:var(--kit-bg-surface);color:var(--kit-text)}@media(max-width:900px){.kit-page .kit-hero{grid-template-columns:1fr}.kit-page .kit-hero__price-card{position:static}.kit-page .kit-components-grid,.kit-page .kit-savings-card,.kit-page .kit-production-stats{grid-template-columns:1fr}.kit-page .kit-help-banner{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/product-kit.css.map */