@media only screen and (min-width: 0rem) {#pb-hero {padding: clamp(8rem, 20vw, 12rem) 1rem clamp(3.75rem, 7.82vw, 6.25rem);background-color: #1a1a1a;}#pb-hero .cs-container {width: 100%;max-width: 80rem;margin: 0 auto;}#pb-hero .cs-title, #pb-hero .cs-topper {color: #fff;}#pb-hero .cs-text {color: #ccc;}#plate-builder {padding: var(--sectionPadding);}#plate-builder .cs-container {width: 100%;max-width: 80rem;margin: 0 auto;display: flex;flex-direction: column;gap: clamp(2rem, 5vw, 3rem);}.pb-controls {width: 100%;display: flex;flex-direction: column;gap: 1.75rem;}.pb-label {display: block;font-size: 0.8125rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--headerColor);margin-bottom: 0.625rem;}.pb-group {display: flex;flex-direction: column;}.pb-reg-input {width: 100%;max-width: 18.75rem;padding: 0.875rem 1rem;font-family: 'Big Shoulders Display', 'Arial Black', 'Impact', sans-serif;font-size: 1.625rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;text-align: center;border: 3px solid #ddd;border-radius: 0.5rem;background: #fff;color: #1a1a1a;outline: none;transition: border-color 0.3s;}.pb-reg-input:focus {border-color: var(--primary);}.pb-reg-input::placeholder {color: #bbb;letter-spacing: 0.12em;}.pb-style-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.5rem;}.pb-row {display: flex;flex-wrap: wrap;gap: 0.5rem;}.pb-card {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.125rem;padding: 0.75rem 0.5rem;border: 2px solid #e0e0e0;border-radius: 0.5rem;background: #fff;cursor: pointer;transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;text-align: center;position: relative;}.pb-card input[type="radio"] {position: absolute;opacity: 0;width: 0;height: 0;}.pb-card:has(input:checked) {border-color: #1a1a1a;background-color: var(--primary);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}.pb-card:hover:not(:has(input:checked)) {border-color: #999;}.pb-card-name {font-size: 0.8125rem;font-weight: 700;color: #1a1a1a;line-height: 1.2;}.pb-card-price {font-size: 0.6875rem;font-weight: 600;color: #555;}.pb-card-sm {flex-direction: row;padding: 0.625rem 0.875rem;gap: 0.375rem;flex: 1;min-width: 7.5rem;}.pb-disclaimer {font-size: 0.75rem;color: #888;line-height: 1.5;margin: 0;margin-top: 0.5rem;}.pb-preview-col {width: 100%;display: flex;flex-direction: column;gap: 1rem;}.pb-preview {display: flex;flex-direction: column;gap: 1.25rem;width: 100%;}.pb-plate-wrap {display: flex;flex-direction: column;gap: 0.375rem;}.pb-plate-label {font-size: 0.75rem;color: #888;font-weight: 600;text-transform: uppercase;letter-spacing: 0.06em;}.pb-plate {width: 100%;max-width: 33.75rem;aspect-ratio: 520 / 111;display: flex;align-items: stretch;border-radius: 0.375rem;border: 2.5px solid #888;overflow: hidden;box-shadow: 0 6px 28px rgba(0, 0, 0, 0.22), 0 1px 4px rgba(0, 0, 0, 0.12);font-family: 'Big Shoulders Display', 'Arial Black', 'Impact', sans-serif;font-weight: 900;position: relative;transition: background-color 0.3s;}.pb-plate::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.06) 35%, transparent 60%);pointer-events: none;z-index: 3;border-radius: 0.25rem;}.pb-plate::after {content: '';position: absolute;inset: 3px;border: 1.5px solid rgba(0, 0, 0, 0.28);pointer-events: none;z-index: 4;border-radius: 2px;}.pb-front {background: #f5f5f5;color: #1a1a1a;}.pb-rear {background: #FDD835;color: #1a1a1a;}.pb-badge {flex-shrink: 0;width: 3rem;height: 100%;background: #003399;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.125rem;padding: 0.25rem 0.1875rem;transition: opacity 0.2s;position: relative;z-index: 2;}.pb-badge.hidden {display: none;}.pb-badge-inner {display: flex;flex-direction: column;align-items: center;gap: 0.125rem;}.pb-uj-svg {width: 1.625rem;height: auto;display: block;border: 1px solid rgba(255, 255, 255, 0.2);}.pb-badge-text {font-size: 0.5rem;font-weight: 900;color: #fff;font-family: 'Arial', sans-serif;letter-spacing: 0.08em;line-height: 1;text-transform: uppercase;}.pb-plate-body {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 2;padding: 0 0.25rem 0.375rem;}.pb-reg {display: block;text-align: center;font-size: clamp(2.4rem, 13vw, 4.6rem);letter-spacing: 0.08em;line-height: 1;transition: text-shadow 0.3s, letter-spacing 0.3s;}.pb-supplier {font-family: 'Arial', sans-serif;font-size: clamp(0.28rem, 1vw, 0.42rem);font-weight: 400;letter-spacing: 0.04em;color: inherit;opacity: 0.55;text-align: center;margin-top: 0.125rem;display: block;}.pb-preview.style-standard .pb-reg {text-shadow: none;}.pb-preview.style-3d-gel .pb-reg {text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.55), 1px 1px 0 rgba(0, 0, 0, 0.3);}.pb-preview.style-4d-laser .pb-reg {text-shadow: 3px 3px 0 #000, 2px 2px 0 #111, 0 0 2px rgba(0, 0, 0, 0.2);letter-spacing: 0.11em;}.pb-preview.style-4d-gel .pb-reg {text-shadow: 3px 3px 0 #000, 2px 2px 0 #222, 1px 1px 0 #444, 0 0 4px rgba(0, 0, 0, 0.15);letter-spacing: 0.11em;}.pb-preview.style-4d-retro .pb-reg {text-shadow: 4px 4px 0 #000, 3px 3px 0 #111, 2px 2px 0 #222, -1px -1px 0 rgba(255, 255, 255, 0.25);letter-spacing: 0.12em;}.pb-preview.style-tinted .pb-front {background: #c0c0c0;}.pb-preview.style-tinted .pb-rear {background: #c4a000;}.pb-active-style {display: flex;align-items: center;gap: 0.5rem;font-size: 0.8125rem;color: #555;}.pb-active-style strong {font-weight: 700;color: #1a1a1a;background: var(--primary);padding: 0.1875rem 0.625rem;border-radius: 0.25rem;}}@media only screen and (min-width: 48rem) {#plate-builder .cs-container {flex-direction: row;align-items: flex-start;}.pb-controls {width: 45%;flex-shrink: 0;}.pb-style-grid {grid-template-columns: repeat(3, 1fr);}.pb-preview-col {flex: 1;position: sticky;top: 6.875rem;}}