/* Visual layer only: original catalog and order behavior are preserved. */
:root{--paper:#f3ecd9;--ink:#203d49;--green:#245565;--line:#c8bea5;--rust:#a42f28}
body{background:#f3ecd9;color:var(--ink)}.wrap{max-width:1280px}.topline{background:#245565;letter-spacing:2.4px;font-size:13px}header.wrap{position:relative;min-height:300px;max-width:1280px;padding:32px 36px 74px;border:0;background:#dfdfcb url('/images/vintage-hero.png') center/cover no-repeat;align-items:center}
.brand{display:block;width:38%;min-width:300px;text-align:center;border:7px double #245565;border-radius:50%;padding:20px 16px;background:#f5efdeed;transform:rotate(-3deg)}.brand-mark{display:none}.brand strong{font-family:'Brush Script MT','Segoe Script',Georgia,serif;font-style:italic;font-size:clamp(30px,3.5vw,48px);letter-spacing:-2px;color:#a42f28;line-height:1.1}.brand small{font-size:15px;color:#245565}header nav{position:absolute;bottom:0;left:0;right:0;background:#245565;color:#fff8e6;padding:12px 28px;justify-content:space-between;align-items:center;gap:18px;min-height:54px}nav a{text-transform:uppercase;letter-spacing:1px;font-size:14px}#open-order{color:#fff8e6;text-decoration:none;border-left:1px solid #9baea9;padding-left:20px}
h1,h2,.part h3{color:var(--ink)}h1{font-family:'Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2;margin:10px 0}.intro{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.intro>.eyebrow,.intro>h1,.intro>p{grid-column:1}.intro>p{font-size:16px;margin:4px 0 16px}.intro h1 br{display:none}#search-form{grid-column:2;grid-row:1/4;align-self:center;width:100%}.search-row input{padding:13px}.search-row button,#submit-order{background:#a42f28!important;border-color:#a42f28!important}.catalog-note{grid-column:1/-1;margin-top:12px;font-size:12px}.eyebrow{color:#a42f28}.categories{padding-top:22px}.section-heading h2{font-family:'Arial Narrow',Impact,sans-serif;letter-spacing:1.2px;text-transform:uppercase;font-size:25px;color:#922e29}.category-grid{grid-template-columns:repeat(7,minmax(0,1fr));border:0;gap:10px}.category-grid button{display:flex;flex-direction:column;justify-content:flex-end;text-align:center!important;border:1px solid #c8bea5!important;padding:8px!important;background:#e6d9b9!important;gap:7px;font-family:'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.4px;font-size:14px}.category-grid button:nth-child(even){background:#c2d2cc!important}.category-grid button:last-child{grid-column:auto}.category-grid button span{display:none}.category-grid button:before{content:'';display:block;width:100%;aspect-ratio:1.58;background-image:url('/images/vintage-reference.png');background-size:768% auto;background-position:2.4% 46%;background-repeat:no-repeat}.category-grid button[data-category='Beetle']:before{background-position:18.3% 46%}.category-grid button[data-category='Karmann Ghia']:before{background-position:34.2% 46%}.category-grid button[data-category='Type 3']:before{background-position:50.1% 46%}.category-grid button[data-category='Engine Parts']:before{background-position:82% 46%}.category-grid button[data-category='Other VW']:before{background-position:97.7% 46%}.category-grid button[data-category='']:before{background-image:none;content:'DOP';font-family:Georgia,serif;font-size:36px;display:grid;place-items:center;color:#a42f28}.category-grid button:hover,.category-grid button[aria-pressed=true]{outline:2px solid #a42f28;outline-offset:1px;background:#eadbc0!important}
.recent{padding-top:26px}.parts{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.part{padding:12px;border:1px solid #c8bea5;border-top:3px solid #245565;background:#fbf7ec}.part h3{font-family:Georgia,serif;font-size:19px}.photo-button img{height:180px}.part>strong{font-family:Arial,sans-serif;font-size:22px;color:#203d49}.part .outline-button{font-size:14px;background:#a42f28;color:#fff8e6;border-color:#a42f28}.part .outline-button:hover{background:#812820}.stock-filter button{font-size:14px;padding:9px 18px!important}.stock-filter button[aria-pressed=true]{background:#245565!important}.outline-button:hover{background:#e6ddc8}.ask{background:#245565;border-top:5px solid #a42f28}.ask h2{color:#fff8e6}.request-link:hover{background:#366878}.meet-phil{border-top-color:#245565}.phil-story h2{color:#a42f28}.phil-photo{background:#e4d8bd}.request{border-color:#a3b4ae}footer.wrap{max-width:1280px;background:#922e29;color:#fff2d8;border-top:4px double #f3ecd9}footer strong{color:#fff2d8}dialog{border-color:#245565;background:#f5efdf}input,textarea{border-color:#6b8283}.order-feedback{color:#245565}.part p,.inventory-date,.photo-note{color:#4a514c}.request .email-note{color:#fff2d8}
@media(max-width:1000px){.parts{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid button:last-child{grid-column:span 2}header.wrap{min-height:270px}.intro{gap:0 24px}.brand{min-width:275px}}
@media(max-width:700px){header.wrap{min-height:330px;padding:20px 20px 95px;align-items:flex-start;background-position:60% center}.brand{min-width:0;width:210px;padding:16px 8px;border-width:5px}.brand strong{font-size:29px;letter-spacing:-1px}.brand small{font-size:12px}header nav{padding:12px 20px;gap:12px;justify-content:flex-start;flex-wrap:wrap}nav a{font-size:12px}#open-order{font-size:13px;padding-left:12px}.intro{display:block;padding-top:24px}.intro h1{font-size:29px}.intro>p{margin:12px 0 20px}.catalog-note{gap:14px;margin-top:24px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid button{font-size:14px}.category-grid button:last-child{grid-column:span 2}.category-grid button:last-child:before{display:none}.parts{grid-template-columns:repeat(2,minmax(0,1fr))}.part h3{font-size:18px}.photo-button img{height:150px}.part{padding:10px}.part .outline-button{padding:10px 7px}.section-heading{align-items:flex-start}.ask{margin:0 20px}.part>strong{font-size:20px}}
@media(max-width:440px){.parts{grid-template-columns:1fr}.photo-button img{height:220px}.brand{width:185px}.brand strong{font-size:26px}.brand small{font-size:11px}}

.intro h1 br{display:block}header.wrap{min-height:clamp(330px,38vw,480px);background-size:100% calc(100% - 54px);background-position:center top}@media(max-width:700px){header.wrap{min-height:350px;background-size:auto calc(100% - 90px);background-position:65% top}.intro h1{font-size:28px}}