.page-width{margin:0 auto;padding-inline:var(--page-padding)}:root{--popup-bg-color: #232323;--container-bg-color: #000000;--text-primary-color: #ffffff;--text-secondary-color: #cccccc;--accent-color: #82FB28;--border-color: #404040;--mot-text-size: 16px;--defect-text-size: 15px;--check-button-bg: #82FB28;--check-button-text: #000000;--check-button-hover-bg: #000000;--check-button-hover-text: #82FB28}.vehicle-check-widget{background:#000;border-radius:12px;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.vehicle-check-content{flex:1;min-width:300px}.vehicle-check-title{font-weight:700;margin:0 0 12px;line-height:1.2;color:#fff}.title-main{color:#fff}.title-highlight{color:var(--accent-color, #82FB28)}.vehicle-check-description{color:#ccc;line-height:1.5;margin:0}.vehicle-check-form-container{flex:1;min-width:280px;max-width:600px;width:100%;display:flex;flex-direction:column}.vehicle-check-form-container h3{font-size:12px;font-weight:600;color:#fff;text-align:center;margin:0 0 12px;text-transform:uppercase;letter-spacing:.8px;font-family:inherit}.form-elements-container{width:100%;display:flex;flex-direction:column;gap:0}.form-loading-state{width:100%;text-align:center;padding:16px;background:#82fb281a;border:1px solid rgba(130,251,40,.3);border-radius:8px;margin-bottom:12px;box-sizing:border-box}.loading-content{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner{width:32px;height:32px;animation:spin 1s linear infinite}.loading-spinner .path{stroke:var(--accent-color, #82FB28);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.loading-content p{margin:0;font-size:12px;font-weight:600;color:var(--accent-color, #82FB28);text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.input-button-row{width:100%;display:flex;gap:8px;align-items:center;transition:opacity .3s ease;box-sizing:border-box}.plate-input{background:gold;border:2px solid #333333;border-radius:6px;padding:8px 12px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:#000;font-family:inherit;outline:none;transition:all .2s ease;cursor:text;box-sizing:border-box;flex:7}.plate-input::placeholder{color:#333;opacity:.7;font-weight:400}.plate-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.plate-input:disabled{opacity:.6}.check-button{margin:0;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;border:2px solid var(--check-button-bg);border-radius:6px;box-sizing:border-box;overflow:hidden;z-index:1;background:var(--check-button-bg);color:var(--check-button-text);padding:8px 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;outline:none;flex:3;transition:all .3s ease,background .3s ease,color .3s ease}.check-button:before{position:absolute;content:"";width:0;inset-block:-.2rem;inset-inline-start:-.2rem;background-color:var(--check-button-hover-bg);transition:width .3s ease;z-index:0;border-radius:inherit}.check-button .btn__text{z-index:1;position:relative}@media (hover: hover) and (pointer: fine){.check-button:hover:not(:disabled):before{width:calc(100% + .4rem)}}.check-button:disabled{background:#999;border-color:#999;cursor:not-allowed;transform:none;opacity:.5}.check-button:disabled:before{display:none}.check-button:focus{box-shadow:0 0 0 2px #82fb2866}.check-button.btn--loading>*:not(.loading__spinner){opacity:0}.check-button.btn--loading .loading__spinner{display:inline-flex!important;opacity:1;position:absolute}.check-button .loading__spinner{position:absolute;display:none;opacity:0;z-index:2}.messages-row{width:100%;margin-top:8px;box-sizing:border-box}.error-message,.success-message{width:100%;padding:8px 12px;border-radius:4px;font-size:11px;font-weight:500;text-align:center;box-sizing:border-box;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.helper-text small{font-size:10px;color:#666;font-weight:500;font-family:inherit;text-transform:uppercase;letter-spacing:.3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.vehicle-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:999;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vehicle-popup-container{margin:20px auto;max-height:calc(100vh - 40px);width:95%;position:relative;background-color:var(--popup-bg-color, #232323)!important}.vehicle-popup-overlay .drawer__close-btn{position:absolute;top:20px;right:20px;z-index:10;background:#ffffff1a;color:var(--text-primary-color, #ffffff)}.vehicle-popup-overlay .drawer__close-btn:hover{background:#fff3;color:var(--accent-color, #82FB28)}.popup-header{border-bottom:1px solid var(--border-color, #404040);margin-bottom:0}.popup-title{color:var(--text-primary-color, #ffffff);margin:0;font-weight:800;line-height:1.2}.popup-subtitle{margin:8px 0 0;color:var(--accent-color, #82FB28);font-weight:600;letter-spacing:2px;text-transform:uppercase}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));gap:24px;margin-top:24px}.full-width{grid-column:1 / -1}.section-card{background:var(--container-bg-color, #000000);border:1px solid var(--border-color, #404040);border-radius:12px;padding:24px;margin-top:32px;transition:all .3s ease}.section-card:hover{border-color:var(--accent-color, #82FB28);box-shadow:0 4px 20px #82fb281a}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #404040)}.section-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--icon-color, #3b82f6) 0%,var(--icon-color-dark, #2563eb) 100%);box-shadow:0 4px 12px #0000004d}.section-title{font-weight:800;color:var(--text-primary-color, #ffffff);margin:0;line-height:1.3}.data-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color, #404040);min-height:50px}.data-item:last-child{border-bottom:none}.data-label{color:var(--text-secondary-color, #cccccc);font-weight:600;flex:1;font-size:15px}.data-value{color:var(--text-primary-color, #ffffff);font-weight:700;text-align:right;flex:1;word-break:break-word;font-size:15px}.status-badge{padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;line-height:1}.status-valid{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98166}.status-expired{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444466}.status-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b66}.status-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f666}.alert{margin:0 0 24px;padding:20px 24px;border-radius:12px;display:flex;align-items:flex-start;gap:16px;font-size:15px;font-weight:600;line-height:1.5;background:var(--container-bg-color, #000000);border:1px solid var(--border-color, #404040)}.alert-critical{border-color:#ef4444;color:#ff6b6b;background:#ef44441a}.alert-warning{border-color:#f59e0b;color:#fbbf24;background:#f59e0b1a}.alert-info{border-color:#3b82f6;color:#60a5fa;background:#3b82f61a}.value-section{background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid rgba(59,130,246,.5);color:#fff}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.value-item{text-align:center;padding:24px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.value-amount{font-size:28px;font-weight:900;margin-bottom:8px;color:#fff;line-height:1.2}.value-label{font-size:14px;opacity:.9;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tax-section{background:linear-gradient(135deg,#065f46,#047857);border:1px solid rgba(16,185,129,.5)}.tax-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:20px}.tax-item{text-align:center;padding:20px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tax-amount{font-size:22px;font-weight:800;color:var(--accent-color, #82FB28);margin-bottom:8px;line-height:1.2}.tax-label{font-size:12px;color:#d1d5db;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mot-summary{display:flex;gap:20px;margin-bottom:32px;justify-content:center;flex-wrap:wrap}.mot-stat{text-align:center;padding:24px;border-radius:12px;min-width:120px;background:var(--container-bg-color, #000000);border:1px solid var(--border-color, #404040);transition:all .2s ease}.mot-stat:hover{border-color:var(--accent-color, #82FB28);box-shadow:0 4px 15px #82fb2833}.mot-stat-passes{border-color:#10b981}.mot-stat-fails{border-color:#ef4444}.mot-stat-total{border-color:#9ca3af}.mot-stat-number{font-size:32px;font-weight:900;margin-bottom:8px;line-height:1}.mot-stat-passes .mot-stat-number{color:#10b981}.mot-stat-fails .mot-stat-number{color:#ef4444}.mot-stat-total .mot-stat-number{color:#9ca3af}.mot-stat-label{font-size:13px;text-transform:uppercase;color:var(--text-secondary-color, #cccccc);font-weight:700;letter-spacing:1px}.mot-test{background:var(--container-bg-color, #000000);border:1px solid var(--border-color, #404040);border-radius:12px;padding:24px;margin-bottom:20px;transition:all .2s ease}.mot-test:hover{border-color:var(--accent-color, #82FB28);box-shadow:0 4px 15px #82fb281a}.mot-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.mot-test-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.mot-detail{font-size:var(--mot-text-size, 16px);color:var(--text-secondary-color, #cccccc);font-weight:600}.mileage-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin:24px 0;padding:24px;background:var(--container-bg-color, #000000);border-radius:12px;border:1px solid var(--border-color, #404040)}.mileage-item{text-align:center;padding:20px;background:var(--popup-bg-color, #232323);border-radius:8px;border:1px solid var(--border-color, #404040)}.mileage-value{font-size:24px;font-weight:800;color:var(--accent-color, #82FB28);margin-bottom:8px;line-height:1.2}.mileage-label{font-size:13px;color:var(--text-secondary-color, #cccccc);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.defects-list{margin-top:20px}.defects-header{font-size:18px;font-weight:700;color:var(--text-primary-color, #ffffff);margin-bottom:16px}.defect{background:var(--popup-bg-color, #232323);padding:16px 20px;margin-bottom:12px;border-radius:8px;border-left:4px solid #6b7280;transition:all .2s ease}.defect:hover{background:#82fb280d}.defect-major{border-left-color:#f59e0b}.defect-dangerous{border-left-color:#ef4444}.defect-advisory{border-left-color:#3b82f6}.defect-type{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--accent-color, #82FB28);margin-bottom:8px;letter-spacing:.5px}.defect-text{font-size:var(--defect-text-size, 15px);color:var(--text-primary-color, #ffffff);line-height:1.5;font-weight:500}.no-defects{color:#10b981;font-size:16px;font-weight:600;font-style:italic;text-align:center;padding:24px;background:var(--container-bg-color, #000000);border-radius:8px;border:1px solid rgba(16,185,129,.3)}@media (max-width: 768px){.vehicle-check-widget{flex-direction:column;text-align:center;gap:25px;padding:25px 20px}.vehicle-check-form-container{min-width:100%;max-width:100%}.input-button-row{gap:6px}.plate-input{font-size:16px!important;padding:6px 10px}.check-button{font-size:11px!important;padding:6px 8px}.vehicle-popup-container{margin:10px;width:calc(100% - 20px);max-height:calc(100vh - 20px)}.main-grid{grid-template-columns:1fr;gap:20px}.value-grid{grid-template-columns:1fr;gap:16px}.tax-grid{grid-template-columns:repeat(2,1fr);gap:12px}.data-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0;min-height:auto}.data-value{text-align:left}.mot-summary{gap:12px}.mot-stat{padding:20px;min-width:100px}.mileage-info{grid-template-columns:repeat(2,1fr)}.mot-test-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.vehicle-check-widget{padding:20px 15px}.input-button-row{gap:4px}.plate-input{font-size:14px!important;letter-spacing:1px;padding:6px 8px}.check-button{font-size:10px!important;padding:6px 4px}.form-loading-state{padding:12px;margin-bottom:8px}.loading-spinner{width:24px;height:24px}.alert{padding:16px 20px;font-size:14px}.section-card{padding:20px 16px}.tax-grid,.mileage-info,.value-grid{grid-template-columns:1fr}.mot-stat{padding:16px;min-width:80px}.mot-stat-number{font-size:28px}.defect-text{font-size:14px}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.check-button,.plate-input{transition:none}.check-button:before{transition:none}.section-card,.mot-test,.mot-stat,.defect{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-vehicle-check.css.map */