.tnc-configurator{--tnc-accent:var(--theme-palette-color-1, #1f7a3d);--tnc-accent-soft:color-mix(in srgb, var(--tnc-accent) 8%, transparent);--tnc-heading:var(--theme-palette-color-3, #1a1d21);--tnc-text:var(--theme-palette-color-4, #56606c);--tnc-border:var(--theme-palette-color-5, #e2e6ea);--tnc-surface:var(--theme-palette-color-8, #fff);--tnc-surface-alt:var(--theme-palette-color-7, #f6f7f9);--tnc-radius:10px;margin:0 0 1.75em;color:var(--tnc-text)}.tnc-configurator *{box-sizing:border-box}.tnc-step{padding:0 0 1.5em}.tnc-step+.tnc-step{border-top:1px solid var(--tnc-border);padding-top:1.5em}.tnc-configurator .tnc-step__head{display:flex;align-items:center;gap:.65em;margin:0 0 1em;padding:0}.tnc-configurator .tnc-step__num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;margin:0;border-radius:50%;background:var(--tnc-accent);color:#fff;font-size:.85em;font-weight:700;line-height:1}.tnc-configurator .tnc-step__title{margin:0;padding:0;font-size:1.05em;line-height:1.45;color:var(--tnc-heading)}.tnc-configurator .tnc-step__head>*{margin-block:0}.tnc-dimensions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1em}.tnc-field__label{display:block;margin:0 0 .4em;font-weight:600;color:var(--tnc-heading)}.tnc-input-group{position:relative;display:flex;align-items:center}.tnc-configurator .tnc-input{width:100%;padding:.75em 3em .75em .9em;border:1px solid var(--tnc-border);border-radius:var(--tnc-radius);background:var(--tnc-surface);color:var(--tnc-heading);font-size:1.05em;font-weight:600;line-height:1.4;transition:border-color 0.15s ease,box-shadow 0.15s ease}.tnc-configurator .tnc-input:focus{outline:none;border-color:var(--tnc-accent);box-shadow:0 0 0 3px var(--tnc-accent-soft,rgb(31 122 61 / .12))}.tnc-input-group__unit{position:absolute;right:.9em;font-size:.9em;font-weight:600;color:var(--tnc-text);pointer-events:none}.tnc-field__hint{margin:.45em 0 0;font-size:.82em;opacity:.75}.tnc-area-bar{display:flex;flex-wrap:wrap;gap:1.5em;margin-top:1.1em;padding:.9em 1.1em;border-radius:var(--tnc-radius);background:var(--tnc-surface-alt)}.tnc-area-bar__item{display:flex;flex-direction:column;gap:.15em}.tnc-area-bar__label{font-size:.78em;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.tnc-area-bar__value{font-size:1.05em;color:var(--tnc-heading)}.tnc-tax,.tnc-total__tax{font-size:.75em;font-weight:400;opacity:.7}.tnc-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6em}.tnc-swatch{margin:0;cursor:pointer}.tnc-swatch__input{position:absolute;opacity:0;width:0;height:0}.tnc-swatch__body{display:flex;align-items:center;gap:.65em;padding:.7em .85em;border:1px solid var(--tnc-border);border-radius:var(--tnc-radius);background:var(--tnc-surface);transition:border-color 0.15s ease,box-shadow 0.15s ease,transform 0.15s ease}.tnc-swatch:hover .tnc-swatch__body{border-color:var(--tnc-accent)}.tnc-swatch__input:checked+.tnc-swatch__body{border-color:var(--tnc-accent);box-shadow:0 0 0 1px var(--tnc-accent)}.tnc-swatch__input:focus-visible+.tnc-swatch__body{box-shadow:0 0 0 3px var(--tnc-accent-soft,rgb(31 122 61 / .2))}.tnc-swatch__dot{flex:none;position:relative;width:22px;height:22px;border-radius:50%;background:var(--tnc-swatch-color,#ccc);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12)}.tnc-swatch__input:checked+.tnc-swatch__body .tnc-swatch__dot::after{content:"";position:absolute;inset:-5px;border:2px solid var(--tnc-accent);border-radius:50%}.tnc-swatch__name{font-weight:600;color:var(--tnc-heading);line-height:1.2}.tnc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75em}.tnc-card{margin:0;cursor:pointer}.tnc-card__input{position:absolute;opacity:0;width:0;height:0}.tnc-card__body{display:flex;align-items:flex-start;gap:.75em;height:100%;padding:1em 1.1em;border:1px solid var(--tnc-border);border-radius:var(--tnc-radius);background:var(--tnc-surface);transition:border-color 0.15s ease,box-shadow 0.15s ease}.tnc-card:hover .tnc-card__body{border-color:var(--tnc-accent)}.tnc-card__input:checked+.tnc-card__body{border-color:var(--tnc-accent);box-shadow:0 0 0 1px var(--tnc-accent);background:var(--tnc-accent-soft,transparent)}.tnc-card__mark{flex:none;position:relative;width:18px;height:18px;margin-top:.15em;border:2px solid var(--tnc-border);border-radius:50%;background:var(--tnc-surface);transition:border-color 0.15s ease}.tnc-card__input:checked+.tnc-card__body .tnc-card__mark{border-color:var(--tnc-accent)}.tnc-card__input:checked+.tnc-card__body .tnc-card__mark::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--tnc-accent)}.tnc-card__text{display:flex;flex-direction:column;gap:.2em}.tnc-card__title{color:var(--tnc-heading);font-size:.98em;text-transform:uppercase;letter-spacing:.02em}.tnc-card__desc{font-size:.86em;line-height:1.45}.tnc-card__badge{margin-top:.35em;font-size:.82em;font-weight:600;color:var(--tnc-accent)}.tnc-page .tnc-summary{padding:1.4em 1.5em;border:1px solid var(--tnc-border);border-radius:calc(var(--tnc-radius) + 2px);background:var(--tnc-surface-alt)}.tnc-summary__product{margin:0 0 .9em;font-weight:700;color:var(--tnc-heading)}.tnc-summary__list{margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}.tnc-summary__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5em 1em;font-size:.94em}.tnc-summary__row dt{margin:0;font-weight:400;opacity:.85}.tnc-summary__row dd{margin:0;font-weight:600;color:var(--tnc-heading);text-align:right}.tnc-total{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.4em;margin-top:1.1em;padding-top:1em;border-top:1px solid var(--tnc-border)}.tnc-total__label{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tnc-heading)}.tnc-total__value{font-size:1.85em;font-weight:700;line-height:1.1;color:var(--tnc-heading)}.tnc-qty-label{display:block;margin:0 0 .6em;font-weight:600;color:var(--tnc-heading)}.tnc-error{margin:.9em 0 0;padding:.7em .9em;border-radius:var(--tnc-radius);background:rgb(200 40 40 / .08);color:#b02121;font-size:.9em}.tnc-unit{font-size:.6em;font-weight:600;opacity:.75;white-space:nowrap}@media (max-width:480px){.tnc-page .tnc-summary{padding:1.1em 1em}.tnc-total__value{font-size:1.55em}}.tnc-page{margin:0}.tnc-page__head{margin:0 0 1.75em;text-align:center}.tnc-page__title{margin:0 0 .3em;font-size:clamp(1.6em, 3vw, 2.3em);line-height:1.15;color:var(--tnc-heading)}.tnc-page__subtitle{margin:0;font-size:1.02em;opacity:.8}.tnc-page__notices{margin:0 0 1.5em}.tnc-page__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,0.9fr);gap:2em;align-items:start}.tnc-page__main>.tnc-step:first-child{padding-top:0}.tnc-page__aside{position:sticky;top:2em}.tnc-page__aside .tnc-preview-section{padding:0 0 1em}.tnc-page__aside .tnc-step+.tnc-summary{border-top:1px solid var(--tnc-border);margin-top:0;padding:1.4em 1.5em}.tnc-search{position:relative;margin:0 0 .85em}.tnc-configurator .tnc-search__input{width:100%;padding:.65em .9em .65em 2.5em;font-size:.95em;font-weight:500}.tnc-search__input::-webkit-search-cancel-button{cursor:pointer}.tnc-search__icon{position:absolute;top:50%;left:.85em;display:flex;transform:translateY(-50%);color:var(--tnc-text);opacity:.55;pointer-events:none}.tnc-search__empty{margin:0 0 .85em;padding:.75em .9em;border:1px dashed var(--tnc-border);border-radius:var(--tnc-radius);font-size:.9em;text-align:center}.tnc-search__empty[hidden]{display:none}.tnc-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75em;max-height:min(58vh, 420px);overflow-y:auto;overscroll-behavior:contain;padding:3px;margin:-3px;scrollbar-width:thin;scrollbar-color:var(--tnc-border) #fff0}.tnc-products[hidden]{display:none}.tnc-products::-webkit-scrollbar{width:8px}.tnc-products::-webkit-scrollbar-track{background:#fff0}.tnc-products::-webkit-scrollbar-thumb{border-radius:4px;background:var(--tnc-border)}.tnc-products::-webkit-scrollbar-thumb:hover{background:var(--tnc-text)}.tnc-product[hidden]{display:none}.tnc-product{margin:0;cursor:pointer}.tnc-product__input{position:absolute;opacity:0;width:0;height:0}.tnc-product__body{position:relative;display:flex;align-items:center;gap:.9em;height:100%;padding:.8em;border:1px solid var(--tnc-border);border-radius:var(--tnc-radius);background:var(--tnc-surface);transition:border-color 0.15s ease,box-shadow 0.15s ease}.tnc-product:hover .tnc-product__body{border-color:var(--tnc-accent)}.tnc-product__input:checked+.tnc-product__body{border-color:var(--tnc-accent);box-shadow:0 0 0 1px var(--tnc-accent)}.tnc-product__input:focus-visible+.tnc-product__body{box-shadow:0 0 0 3px var(--tnc-accent-soft,rgb(31 122 61 / .2))}.tnc-product__media{flex:none;width:64px;height:64px;overflow:hidden;border-radius:calc(var(--tnc-radius) - 3px);background:var(--tnc-surface-alt)}.tnc-product__media img{width:100%;height:100%;object-fit:cover;display:block}.tnc-product__text{display:flex;flex:1 1 auto;flex-direction:column;gap:.25em;min-width:0}.tnc-product__name{overflow-wrap:anywhere}.tnc-product__name{font-weight:600;font-size:.95em;line-height:1.3;color:var(--tnc-heading)}.tnc-product__price{font-size:.9em;font-weight:700;color:var(--tnc-accent)}.tnc-product__unit{font-weight:400;opacity:.8}.tnc-product__check{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:auto;border:2px solid var(--tnc-border);border-radius:50%;background:var(--tnc-surface);transition:border-color 0.15s ease}.tnc-product__check-dot{width:8px;height:8px;border-radius:50%;background:#fff0;transition:background-color 0.15s ease}.tnc-product__input:checked+.tnc-product__body .tnc-product__check{border-color:var(--tnc-accent)}.tnc-product__input:checked+.tnc-product__body .tnc-product__check-dot{background:var(--tnc-accent)}.tnc-page__actions{display:grid;grid-template-columns:90px 1fr;gap:.6em;align-items:center;margin-top:1.2em}.tnc-page__actions .tnc-qty-label{grid-column:1 / -1;margin:0}.tnc-configurator .tnc-input--qty{padding-right:.9em;text-align:center}.tnc-page .tnc-submit{width:100%;margin:0;padding:.85em 1.2em;font-weight:600;line-height:1.2;cursor:pointer}.tnc-page__cart-link{margin:.9em 0 0;text-align:center;font-size:.88em}.tnc-page--empty{padding:1.2em;border:1px dashed var(--tnc-border,#e2e6ea);border-radius:10px;text-align:center}.tnc-preview{margin:1.2em 0 0;padding:.8em;border:1px solid var(--tnc-border);border-radius:var(--tnc-radius);background:var(--tnc-surface-alt);color:var(--tnc-text);transition:background-color 0.25s ease,border-color 0.25s ease,color 0.25s ease}.tnc-page__aside .tnc-preview{margin-top:0}.tnc-preview--light-color{--tnc-border:rgba(255, 255, 255, 0.18);--tnc-surface:rgba(255, 255, 255, 0.09);--tnc-surface-alt:#262b31;--tnc-heading:#f3f5f7;--tnc-text:#ccd2d9;background:#262b31;border-color:rgb(255 255 255 / .14)}.tnc-preview--light-color .tnc-preview__dot{box-shadow:inset 0 0 0 1px rgb(0 0 0 / .25)}.tnc-preview__svg{display:block;width:100%;height:auto;max-height:260px;overflow:visible}.tnc-preview__dims line{stroke:var(--tnc-text);stroke-width:1;opacity:.45}.tnc-preview__dims text{fill:var(--tnc-heading);font-size:12px;font-weight:600;font-family:inherit}.tnc-preview__caption{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em;margin-top:.6em}.tnc-preview__chip{display:inline-flex;align-items:center;gap:.4em;padding:.28em .7em;border:1px solid var(--tnc-border);border-radius:999px;background:var(--tnc-surface);font-size:.8em;font-weight:600;color:var(--tnc-heading);line-height:1.5}.tnc-preview__chip[hidden]{display:none}.tnc-preview__dot{width:12px;height:12px;border-radius:50%;background:var(--tnc-border);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .15)}.tnc-preview__detail{display:flex;align-items:center;justify-content:center;gap:.7em;margin-top:.75em;padding-top:.75em;border-top:1px dashed var(--tnc-border)}.tnc-preview__detail[hidden]{display:none}.tnc-preview__detail-svg{flex:none;width:58px;height:58px}.tnc-preview__detail-text{display:flex;flex-direction:column;gap:.1em;font-size:.82em;line-height:1.35}.tnc-preview__detail-text strong{color:var(--tnc-heading)}.tnc-preview__detail-hint{opacity:.7}.tnc-preview__note{margin:.55em 0 0;text-align:center;font-size:.78em;opacity:.7}.tnc-preview__note[hidden]{display:none}@media (max-width:900px){.tnc-page__grid{grid-template-columns:minmax(0,1fr)}.tnc-page__aside{position:static}}@media (prefers-reduced-motion:no-preference){.tnc-preview__svg rect,.tnc-preview__dims line,.tnc-preview__dims text{transition:all 0.18s ease}}