.paint-matcher{--pm-max-width: 720px;--pm-accent: var(--color-accent, #b8860b);--pm-gold: #d4a017;--pm-silver: #a0a0a0;--pm-bronze: #cd7f32;min-height:70vh;min-height:70svh}.paint-matcher__inner{max-width:var(--pm-max-width);margin:0 auto;padding:var(--spacing-8, 32px) var(--spacing-4, 16px)}.paint-matcher__progress{display:flex;gap:6px;margin-top:clamp(1.25rem,4vw,2rem);margin-bottom:clamp(1.5rem,5vw,2.5rem)}.paint-matcher__progress-step{flex:1;height:6px;border-radius:3px;background:var(--color-border, #ddd);transition:background .3s ease}.paint-matcher__progress-step.is-active,.paint-matcher__progress-step.is-complete{background:var(--pm-accent)}.paint-matcher__step{display:none;animation:pm-fade-in .35s ease}.paint-matcher__step.is-active{display:block}@keyframes pm-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.paint-matcher__question{margin-bottom:var(--spacing-6, 24px)}.paint-matcher__answers{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-4, 16px);margin-bottom:var(--spacing-6, 24px)}.paint-matcher__answers--finish{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.paint-matcher__answer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-5, 20px) var(--spacing-4, 16px);border:2px solid var(--color-border, #ddd);border-radius:8px;background:var(--color-background-body, #fff);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;text-align:center}.paint-matcher__answer:hover,.paint-matcher__answer:focus-visible{border-color:var(--pm-accent);box-shadow:0 0 0 1px var(--pm-accent);outline:none}.paint-matcher__answer.is-selected{border-color:var(--pm-accent);box-shadow:0 0 0 2px var(--pm-accent);background:#b8860b0f}.paint-matcher__answer-icon{font-size:2rem;line-height:1}.paint-matcher__answer-label{font-weight:600}.paint-matcher__colour-step,.paint-matcher__room-step{max-width:480px;margin:0 auto}.paint-matcher__colour-select-wrap{margin-bottom:var(--spacing-4, 16px)}.paint-matcher__colour-select-wrap[hidden]{display:none}.paint-matcher__colour-select-wrap .select2-container{width:100%!important}.paint-matcher__colour-select-wrap .select2-container--default .select2-selection--single{height:40px;padding:6px 10px;border:1px solid var(--color-border, #ddd);border-radius:4px;background:var(--color-background-body, #fff);font-size:.875rem}.paint-matcher__colour-select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:26px;padding-left:0}.paint-matcher__colour-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}.paint-matcher__colour-select-wrap .select2-container--default.select2-container--focus .select2-selection--single{border-color:var(--pm-accent);box-shadow:0 0 0 1px var(--pm-accent)}.paint-matcher__colour-custom{margin-top:var(--spacing-3, 12px)}.paint-matcher__calc-coats{display:flex;align-items:center;gap:var(--spacing-3, 12px);justify-content:center;margin-bottom:var(--spacing-4, 16px)}.paint-matcher__calc-coats input{width:72px;text-align:center}.paint-matcher__calc-walls-heading{margin-bottom:var(--spacing-1, 4px);font-weight:600}.paint-matcher__calc-units-hint{margin:0 auto var(--spacing-3, 12px);max-width:36rem;line-height:1.4;font-size:.8125rem;text-align:center;color:var(--color-text, #555)}.paint-matcher__calc-walls{display:flex;flex-direction:column;gap:var(--spacing-2, 8px);margin-bottom:var(--spacing-3, 12px)}.paint-matcher__calc-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.paint-matcher__calc-row-label{min-width:56px;font-size:.8125rem;font-weight:500}.paint-matcher__calc-field{display:flex;align-items:center;gap:4px}.paint-matcher__calc-field label{font-size:.75rem;white-space:nowrap}.paint-matcher__calc-field input{width:72px;text-align:center}.paint-matcher__calc-remove{background:none;border:none;cursor:pointer;line-height:1;color:var(--color-text, #555);font-size:1.25rem;padding:2px 4px}.paint-matcher__calc-remove:hover{opacity:.7}.paint-matcher__calc-add-wall{background:none;border:none;cursor:pointer;color:var(--color-text-link);text-decoration:underline;text-underline-offset:2px;margin-bottom:var(--spacing-3, 12px)}.paint-matcher__calc-error{color:#b3261e;margin-top:var(--spacing-2, 8px)}.paint-matcher__nav{display:flex;justify-content:space-between;gap:var(--spacing-4, 16px);margin-top:var(--spacing-6, 24px)}.paint-matcher__nav-btn{min-width:120px}.paint-matcher__nav-btn[hidden]{display:none}.paint-matcher__results{display:none;animation:pm-fade-in .35s ease}.paint-matcher__results.is-active{display:block}.paint-matcher__results-heading{margin-bottom:var(--spacing-6, 24px)}.paint-matcher .paint-matcher__need-summary{width:fit-content;max-width:100%;margin-inline:auto;margin-bottom:var(--spacing-6, 24px);padding:var(--spacing-3, 12px) var(--spacing-6, 24px);font-size:clamp(1.0625rem,2.4vw,1.3125rem);font-weight:600;line-height:1.35;letter-spacing:.02em;color:var(--color-text, #0b1d3a);text-wrap:balance;background:color-mix(in srgb,var(--color-background-header, #0b1d3a) 9%,var(--color-background-body, #fff));border:2px solid color-mix(in srgb,var(--color-background-header, #0b1d3a) 24%,var(--color-border, #ccc));border-radius:999px;box-shadow:0 2px 14px color-mix(in srgb,var(--color-background-header, #0b1d3a) 12%,transparent)}.paint-matcher__podium{display:grid;grid-template-columns:1fr;gap:var(--spacing-6, 24px)}@media(min-width:600px){.paint-matcher__podium{grid-template-columns:repeat(3,1fr)}}.paint-matcher__podium-item{display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid var(--color-border, #ddd);border-radius:8px;padding:var(--spacing-5, 20px) var(--spacing-4, 16px);background:var(--color-background-body, #fff);transition:transform .2s ease}.paint-matcher__podium-item:hover{transform:translateY(-4px)}.paint-matcher__podium-item--gold{border-color:var(--pm-gold);box-shadow:0 4px 16px #d4a0172e}.paint-matcher__podium-item--silver{border-color:var(--pm-silver);box-shadow:0 4px 16px #a0a0a02e}.paint-matcher__podium-item--bronze{border-color:var(--pm-bronze);box-shadow:0 4px 16px #cd7f322e}.paint-matcher__medal{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:1.5rem;margin-bottom:var(--spacing-3, 12px)}.paint-matcher__medal--gold{background:linear-gradient(135deg,gold,#b8860b);color:#fff}.paint-matcher__medal--silver{background:linear-gradient(135deg,#e0e0e0,#8a8a8a);color:#fff}.paint-matcher__medal--bronze{background:linear-gradient(135deg,#e8a860,#8a5a2a);color:#fff}.paint-matcher__podium-rank{font-weight:700;margin-bottom:var(--spacing-2, 8px)}.paint-matcher__podium-image{width:100%;max-width:200px;margin-bottom:var(--spacing-3, 12px)}.paint-matcher__podium-image img{width:100%;height:auto;border-radius:4px}.paint-matcher__podium-title{margin-bottom:var(--spacing-1, 4px)}.paint-matcher__podium-price{margin-bottom:var(--spacing-3, 12px);opacity:.7}.paint-matcher__podium-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:var(--spacing-3, 12px)}.paint-matcher__tag{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:.75rem;background:#0000000f}.paint-matcher__tag.is-match{background:#b8860b26;color:var(--pm-accent);font-weight:600}.paint-matcher__podium-link{margin-top:auto}.paint-matcher__podium-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:auto}.paint-matcher__podium-bundle{margin-bottom:var(--spacing-3, 12px)}.paint-matcher__podium-fields{display:flex;flex-direction:column;gap:var(--spacing-3, 12px);width:100%;margin-bottom:var(--spacing-4, 16px);text-align:left}.paint-matcher__field-label{display:block;font-weight:600;margin-bottom:2px}.paint-matcher__field-sublabel{display:block;opacity:.65;margin-bottom:4px}.paint-matcher__field-select,.paint-matcher__field-input{display:block;width:100%;padding:8px 10px;border:1px solid var(--color-border, #ddd);border-radius:4px;background:var(--color-background-body, #fff);font-size:.875rem;line-height:1.4}.paint-matcher__field-select:focus,.paint-matcher__field-input:focus{outline:none;border-color:var(--pm-accent);box-shadow:0 0 0 1px var(--pm-accent)}.paint-matcher__field-hint{display:block;opacity:.55;margin-top:2px}.paint-matcher__field-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:500}.paint-matcher__field-toggle input[type=checkbox]{accent-color:var(--pm-accent)}.paint-matcher__field-custom-wrap{margin-top:var(--spacing-2, 8px)}.paint-matcher__field[hidden]{display:none}.paint-matcher__no-results{text-align:center;padding:var(--spacing-8, 32px) 0}.paint-matcher__restart{text-align:center;margin-top:var(--spacing-8, 32px)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/paint-matcher.css.map */