.car-registration-lookup--compact{width:100%;background:rgba(var(--color-foreground),.03);border-top:1px solid rgba(var(--color-foreground),.1);border-bottom:1px solid rgba(var(--color-foreground),.1);position:relative;overflow:visible}.car-registration-lookup__container{padding:2rem 0;position:relative;overflow:visible}.car-registration-lookup__container.page-width{overflow:visible!important}.car-registration-form-wrapper{position:relative;overflow:visible;z-index:1}.car-registration-lookup__header{text-align:center;margin-bottom:2rem}.car-registration-lookup__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1rem;border-radius:12px;background:linear-gradient(135deg,rgba(var(--color-button),.1),rgba(var(--color-button),.05));color:rgb(var(--color-button))}.car-registration-lookup__icon svg{width:28px;height:28px}.car-registration-lookup__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:rgb(var(--color-foreground));margin:0 0 .5rem;line-height:1.2}.car-registration-lookup__subtitle{font-size:clamp(.9375rem,2vw,1.0625rem);color:rgb(var(--color-foreground-2));margin:0;line-height:1.5}.car-registration-form{max-width:800px;margin:0 auto;position:relative;overflow:visible;--plate-bg: #f3c010;--plate-text: #000000;--plate-border: #000000}.car-registration-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;position:relative;overflow:visible}.car-registration-form__fields .field-wrapper--plate{grid-column:1 / -1;order:3}.car-registration-form__fields .field-wrapper--submit{grid-column:1 / -1;order:4}.car-registration-form__fields .field-wrapper--compact:first-of-type{order:1}.car-registration-form__fields .field-wrapper--state{order:2}.field-wrapper--compact{flex:1;min-width:140px;position:relative;overflow:visible}.field-wrapper--compact,.field-wrapper--plate,.field-wrapper--submit{min-width:0}.field-wrapper--state{transition:opacity .3s ease,transform .3s ease;overflow:visible;position:relative;z-index:1}.field-wrapper--state.hide{opacity:0;transform:translate(-10px);pointer-events:none;display:none}.field-wrapper__select--compact,.field-wrapper__input--compact{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:.9375rem;font-weight:500;transition:all .2s ease;-webkit-appearance:none;appearance:none;cursor:pointer;min-height:56px;box-sizing:border-box}.field-wrapper__input--compact{cursor:text}.field-wrapper__select--compact{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;cursor:pointer}.field-wrapper__select--plate{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));font-weight:700}.field-wrapper__select--plate option{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.field-wrapper__select--compact:hover,.field-wrapper__input--compact:hover{border-color:rgba(var(--color-foreground),.3)}.field-wrapper__select--compact:focus,.field-wrapper__input--compact:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.field-wrapper__input--compact::placeholder{color:rgba(var(--color-foreground),.5);font-weight:400}.field-wrapper--plate{flex:1;min-width:140px}.license-plate-input{width:100%}.license-plate-input__plate{position:relative;width:100%;min-height:64px;height:64px;background:var(--plate-bg);border:2px solid var(--plate-border);border-radius:6px;padding:.75rem 1rem .75rem 3.5rem;display:flex;align-items:center;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff4d;transition:all .2s ease;box-sizing:border-box}.license-plate-input__plate:focus-within{border-color:var(--plate-border);box-shadow:0 0 0 4px rgba(var(--color-button),.2),0 4px 12px #00000026;transform:translateY(-1px)}.license-plate-input__plate--valid{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.license-plate-input__plate--valid:after{content:"\2713";position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#22c55e;font-size:1.5rem;font-weight:700;z-index:2}.license-plate-input__plate--invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.license-plate-input__label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--plate-text);text-transform:uppercase;line-height:1;z-index:1;opacity:.8;text-shadow:0 1px 0 rgba(255,255,255,.2)}.license-plate-input__screw{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#e0e0e0,#999);border-radius:50%;box-shadow:inset 0 1px 2px #fffc,0 1px 1px #0000004d;z-index:1;border:1px solid #888}.license-plate-input__screw:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:15%;background:#666;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px;box-shadow:inset 0 1px 1px #00000080}.license-plate-input__screw--top-left{top:6px;left:6px}.license-plate-input__screw--top-right{top:6px;right:6px}.license-plate-input__screw--top-right-2{display:none}.license-plate-input__screw--bottom-left{bottom:6px;left:6px}.license-plate-input__screw--bottom-right{bottom:6px;right:6px}.license-plate-input__field{width:100%;background:transparent;border:none;outline:none;color:var(--plate-text);font-size:1.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:0;font-family:Courier New,monospace;font-family:Oswald,Impact,Courier New,monospace;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.2)}.license-plate-input__field::placeholder{color:var(--plate-text);opacity:.3;font-weight:400;letter-spacing:.05em;text-transform:none;font-size:1.1rem}.license-plate-input__field:focus{outline:none}@media screen and (max-width: 749px){.license-plate-input__plate{padding-left:2.5rem;height:56px;min-height:56px}.license-plate-input__label{font-size:.625rem;left:.375rem}.license-plate-input__screw{width:6px;height:6px}.license-plate-input__field{font-size:1.4rem}}.field-wrapper--submit{flex:1;min-width:140px}.btn--search{padding:0 2rem;border:none;border-radius:var(--border-radius-form-elements);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:calc(var(--font-button-scale) * 1rem);font-family:var(--font-button-family);font-style:var(--font-button-style);font-weight:var(--font-button-weight);text-transform:uppercase;cursor:pointer;transition:all .3s ease;min-height:56px;height:56px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;line-height:1;text-align:center;text-decoration:none;width:100%;box-sizing:border-box}.btn--search:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--color-button));border-radius:var(--border-radius-form-elements);z-index:-1;transition:all .3s ease;filter:brightness(var(--hover-brightness))}.btn--search:hover:not(:disabled):after{filter:brightness(1)}.btn--search:active:not(:disabled):after{filter:brightness(.9)}.btn--search:disabled{opacity:.6;cursor:not-allowed}.btn--search .btn__loader{display:none;position:absolute}.btn--search[data-loading] .btn__text{opacity:0}.btn--search[data-loading] .btn__loader{display:flex}.loader-bounce{display:flex;gap:4px;align-items:center;justify-content:center}.loader-bounce div{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loader-bounce .bounce1{animation-delay:-.32s}.loader-bounce .bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.car-registration-form__error{width:100%;margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#dc2626;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;animation:slideDown .3s ease}.car-registration-form__error.hide{display:none}.car-registration-form__error:not(.hide){animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.btn--search[data-loading]{pointer-events:none}.btn--search[data-loading]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite;z-index:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.license-plate-input__field:focus-visible{outline:none}.license-plate-input__plate:focus-within{outline:2px solid rgb(var(--color-button));outline-offset:2px}.field-wrapper__select--compact:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}.btn--search:focus-visible{outline:2px solid rgb(var(--color-button-text));outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.license-plate-input__plate{border-width:4px}.btn--search{border:2px solid currentColor}}@media (hover: none) and (pointer: coarse){.btn--search{min-height:48px;padding:.875rem 2rem}.modern-dropdown__button,.license-plate-input__plate{min-height:48px}}.error-icon{flex-shrink:0;font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.car-registration-results{margin-top:1.5rem;padding:1.25rem 1.5rem;background:rgba(var(--color-button),.05);border:1px solid rgba(var(--color-button),.15);border-radius:4px;animation:fadeInUp .4s ease}.product-card__price{display:inline-flex;align-items:baseline;gap:.5rem;font-size:.95rem;margin-top:.25rem;flex-wrap:wrap}.product-card__price-current{font-weight:700;color:rgb(var(--color-foreground))}.product-card__price-original{color:rgba(var(--color-foreground),.5);text-decoration:line-through;font-size:.85rem}.product-card__discount-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#fee2e2;color:#b91c1c;padding:.15rem .5rem;border-radius:999px}.product-card__price--badge-only{display:flex;justify-content:flex-start}.car-registration-results.hide{display:none}.car-registration-results:not(.hide){animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vehicle-info__item{transition:opacity .3s ease,transform .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vehicle-info--compact{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1rem}.vehicle-info__item--compact{display:flex;gap:.5rem;align-items:center}.vehicle-info__label{font-size:.875rem;font-weight:600;color:rgba(var(--color-foreground),.7)}.vehicle-info__value{font-size:.9375rem;font-weight:700;color:rgb(var(--color-foreground))}.vehicle-info__actions--compact{display:flex;justify-content:flex-end}.btn--compact{padding:.5rem 1.25rem;font-size:.875rem;min-height:36px}.btn--secondary{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.2)}.btn--secondary:hover:not(:disabled){background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.3)}@media screen and (max-width: 749px){.car-registration-lookup__container{padding:1.5rem 0}.car-registration-lookup__header{margin-bottom:1.5rem}.car-registration-lookup__icon{width:48px;height:48px}.car-registration-lookup__icon svg{width:24px;height:24px}.car-registration-form__fields{grid-template-columns:1fr;gap:1rem}.car-registration-form__fields .field-wrapper--plate,.car-registration-form__fields .field-wrapper--submit{grid-column:1}}@media screen and (max-width: 749px){.car-registration-lookup__container{padding:1.25rem 1rem}.car-registration-form__fields{flex-direction:column;gap:.75rem}.field-wrapper--compact{width:100%;min-width:100%}.vehicle-info--compact{flex-direction:column;gap:.75rem}.vehicle-info__actions--compact{justify-content:stretch}.btn--compact{width:100%}}.car-registration-lookup__box{max-width:680px;margin:0 auto;padding:3rem 2rem;border-radius:16px;background:rgb(var(--color-background));box-shadow:0 4px 24px #00000014;border:1px solid rgba(var(--color-foreground),.08);transition:box-shadow .3s ease}.car-registration-lookup__box:hover{box-shadow:0 8px 32px #0000001f}.car-registration-lookup__header{margin-bottom:2.5rem}.car-registration-lookup__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.5rem;border-radius:16px;background:linear-gradient(135deg,rgba(var(--color-button),.1),rgba(var(--color-button),.05));color:rgb(var(--color-button))}.car-registration-lookup__icon svg{width:32px;height:32px}.car-registration-lookup__header h2{margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,rgb(var(--color-foreground)),rgba(var(--color-foreground),.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.car-registration-lookup__header p{color:rgba(var(--color-foreground),.65);margin:0;font-size:1.0625rem;line-height:1.6}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-car-registration-lookup.css.map */