*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:courgette;src:url(/font/Courgette-Regular.woff2)format('woff2'),url(/font/Courgette-Regular.woff)format('woff');font-weight:400;font-style:normal;font-display:swap}:root{--color-primary:#5A4552;--color-primary-dark:#4A3542;--color-text:#1a1a1a;--color-text-light:#666;--color-bg:oklch(98.5% .002 247.839);--color-bg-dark:oklch(.37 .013 285.805);--color-bg-darker:oklch(.274 .006 286.033);--font-size-base:16px;--font-size-lg:1.25rem;--font-size-sm:0.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--max-width:1200px;--border-radius:4px;--transition:200ms ease-in-out}body{color:var(--color-text);background:var(--color-bg);min-height:100svh;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,roboto,helvetica neue,Arial,sans-serif}.site-header{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);> div:first-child { background-color: #34383c; div { max-width: 84rem; margin: 0 auto; display: flex; color: white; padding: 0.75rem 1rem; gap: 1rem; color: white; } p { display: inline; font-family: 'Courgette', cursive; &:after { content: ""; border-right: 1px solid #eee; margin-left: 1rem; } } a { color: white; text-decoration: none; display: flex; align-items: center; gap: 0.25rem; } a:hover { text-decoration: underline; } a:first-of-type { margin-right: auto; } } > div:last-child { display: flex; justify-content: space-between; align-items: center; max-width: 84rem; margin: 0 auto; .logo { padding: 1rem; width: 20rem; } .pj-logo { width: 6rem; border-left: 1px solid #eee; margin-right: auto; padding: 0.5rem; } nav { display: flex; gap: 2rem; padding: 1rem; a { text-decoration: none; font-size: 0.875rem; font-weight: 600; color: #000; } a:hover { text-decoration: underline; } } }}.site-footer{background-color:#34383c;background-image:url(/svg/fss_logomark.svg);background-repeat:no-repeat;background-position:90%;background-size:50%;color:#fff;margin-top:auto;a { color: white; text-decoration: none; &:hover { text-decoration: underline; } } .breadcrumbs { background-color: #34383c; background: rgba(52, 56, 60, 0.45); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); border-bottom: 1px solid #484c52; > div { max-width: 84rem; margin: 0 auto; padding: 1rem; } a { text-decoration: none; } a:hover { text-decoration: underline; } .separator { color: white; padding: 0 0.5rem; } } .logo { width: 24rem; } > div:last-child { max-width: 84rem; margin: 0 auto; padding: 1rem; > div:first-child { display: flex; flex-direction: column; padding: 2rem 0; } .company-info ul { list-style: none; margin: 3rem 0; padding: 0; li { display: flex; align-items: center; gap: 0.5rem; margin: 0.25rem 0; } } .scripture { border-top: 1px solid #65676b; border-bottom: 1px solid #65676b; background-color: #3e4145; padding: 1rem 0; margin: 2rem 0; font-family: 'Courgette', cursive; text-align: center; } .copyright { display: flex; justify-content: space-between; align-items: center; } .copyright p:last-child { display: flex; align-items: center; a { padding: 0 1rem; } a + a { border-left: 1px solid white; } } }}.content{width:100%;padding:1rem;h1 { margin: 1rem 0 2rem; } p { margin: 1rem 0; }}.site-main.with-aside{margin:2rem auto;background:#fff;padding:1rem 2rem;border-radius:.25rem;box-shadow:1px 1px 4px rgba(0,0,0,5%),1px 1px 12px rgba(0,0,0,5%);display:flex;.contact-info-section { min-width: 28rem; }}.site-main{width:100%;max-width:84rem;margin:0 auto;padding:0 1rem}.hero-video-container{position:relative;width:100%;height:75svh;overflow:hidden;background:#000}.hero-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2}.hero-content{max-width:84rem;margin:0 auto;display:flex;justify-content:end;align-items:center;height:100%;text-align:center;color:#fff;padding:2rem;z-index:3;position:relative;bottom:-5rem;div { text-align: right; }}.hero-tagline{font-size:4rem;font-weight:800;margin:0;text-align:right;text-shadow:1px 1px 4px rgba(0,0,0,.5);span:first-child { display:block; margin-bottom:-1rem; } span:last-child { display:block; margin-bottom:-1rem; }}.hero-cta{background:#c1272c;padding:1.25rem 3rem;border:1px solid #c96164;box-shadow:1px 1px 4px rgba(0,0,0,.25);color:#fff;text-decoration:none;border-radius:.25rem;display:inline-block;margin:2rem 0;text-transform:uppercase;font-weight:700}.site-main{width:100%;max-width:84rem;min-height:75svh;margin:0 auto;padding:2rem 1rem}@media(max-width:768px){.hero-video-container{height:60svh}.hero-content h1{font-size:2rem}}.about-freeburgs{background-image:url(/img/about_background.jpg);background-position:bottom;background-size:cover;background-repeat:no-repeat;padding:4rem 1rem;min-height:68svh;display:flex;align-items:center;justify-content:center;h2 { font-family: 'Courgette', cursive; font-size: 2.5rem; margin: 1.5rem 0; text-align: center; } p { margin: 1rem 0; } > div { max-width: 80ch; color: white; }}.contact-us{max-width:84rem;margin:0 auto}.contact-us h1{margin-bottom:2rem;font-size:2.5rem;color:#333}.trailer-reference{margin:0 auto 2rem}.reference-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.reference-box h3{margin:0;color:#1976d2;font-size:1rem;font-weight:600}.reference-box p{margin:0;font-weight:700;color:#1565c0;font-size:1.125rem;flex:1}.clear-btn{background:0 0;border:1px solid #1976d2;color:#1976d2;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .3s;white-space:nowrap}.clear-btn:hover{background:#1976d2;color:#fff}.contact-content{margin-top:2rem}.contact-form-section{order:1}.contact-form{background:#fff;padding-right:2rem;border-radius:8px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c10009;box-shadow:0 0 0 3px rgba(193,0,9,.1)}.form-group textarea{resize:vertical;min-height:120px}.submit-button{width:100%;padding:1rem;background-color:#c10009;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#e7000b}.submit-button:disabled{opacity:.6;cursor:not-allowed}.button-loading{display:none}.form-message{margin-top:1rem;padding:1rem;border-radius:4px;font-weight:500}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-info-section{margin:1rem 0;order:2;background:#f8f9fa;padding:2rem;border-radius:8px}.contact-info-section h2{margin-top:0;margin-bottom:1.5rem;font-size:1.75rem;color:#c10009}.contact-item{margin-bottom:2rem}.contact-item:last-child{margin-bottom:0}.contact-item h3{margin:0 0 .5rem;font-size:1.125rem;color:#333}.contact-item p{margin:0;line-height:1.6;color:#555}.contact-item a{color:#c10009;text-decoration:none;transition:color .2s}.contact-item a:hover{color:#e7000b;text-decoration:underline}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form-section{order:1}.contact-info-section{order:2;position:static}}@media(max-width:768px){.contact-us{padding:1.5rem}.contact-us h1{font-size:2rem}.contact-form{padding:1.5rem}.contact-info-section{padding:1.5rem}.reference-box{flex-direction:column;align-items:flex-start}.reference-box p{width:100%}.clear-btn{width:100%}}@media(max-width:480px){.contact-us{padding:1rem}.contact-us h1{font-size:1.75rem}.contact-form{padding:1rem}.contact-info-section{padding:1rem}.contact-info-section h2{font-size:1.5rem}.form-group input,.form-group textarea{font-size:16px}}.inventory-list{padding:2rem 1rem;header { margin: 1rem 0; } .inventory-title { font-size: 3rem; } #inventory-index { display: flex; flex-direction: column; gap: 3rem; margin-top: 4rem; background: white; padding: 1rem; border-radius: 0.25rem; box-shadow: 1px 1px 4px rgba(0,0,0,0.05),1px 1px 12px rgba(0,0,0,0.05); } .inventory-item > a { margin: 3rem 0; display: flex; background: #F3F4F6; text-decoration: none; min-height: 8rem; color: black; border-bottom: 1px solid #e6e9ee; padding: 0rem 1rem; } .inventory-item .trailer-image { aspect-ratio: 16 / 9; object-fit: cover; object-position: center; overflow: hidden; transform: translateY(-1rem); border-radius: 0.5rem; box-shadow: 1px 1px 4px rgba(0,0,0,0.1), 1px 1px 16px rgba(0,0,0,0.1); width: 24rem; } .inventory-item .trailer-details { padding: 1rem 2rem; flex: 1 0; } .inventory-category-section { display: flex; flex-direction: column; } .category-heading { font-size: 1.75rem; font-weight: bold; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: 3px solid #AC0E15; scroll-margin-top: 2rem; } .price-group { display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; } .price { font-size: 1.25rem; font-weight: bold; } .sale-price { font-size: 1.25rem; font-weight: bold; color: #C10009; } .regular-price { font-size: 0.84rem; text-decoration: line-through; } .view-trailer { background-color: #AC0E15; color: white; padding: 1rem 2rem; border-radius: 0.25rem; text-transform: uppercase; font-weight: 600; font-size: 0.875rem; letter-spacing: 0.5px; }}.inventory-single{margin:2rem auto;background:#fff;padding:1rem 2rem;border-radius:.25rem;box-shadow:1px 1px 4px rgba(0,0,0,5%),1px 1px 12px rgba(0,0,0,5%);.back-button { display: inline-block; padding: 10px 20px; background: #f0f0f0; text-decoration: none; color: #333; border-radius: 5px; margin-bottom: 20px; } .back-button:hover { background: #e0e0e0; } .photo-gallery { margin: 30px 0; } #main-photo { width: 100%; height: 75svh; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #f5f5f5; border-radius: 0.5rem; object-fit: cover; object-position: center; box-shadow: 1px 1px 4px rgba(0,0,0,0.1), 1px 1px 16px rgba(0,0,0,0.1); } .photo-thumbnails { display: flex; gap: 10px; overflow-x: auto; padding: 10px 0; } .thumbnail { width: 100px; height: 100px; object-fit: cover; border-radius: 0.5rem; cursor: pointer; border: 3px solid transparent; transition: all 0.3s; } .thumbnail.active { border-color: #007bff; } .thumbnail:hover { opacity: 0.8; } .trailer-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 40px 0; } .details-section, .pricing-section { background: #F9F9F9; border: 1px solid #eee; border-radius: 0.5rem; padding: 1rem; } .pricing-section .price { font-size: 28px; font-weight: bold; } .detail-sale-price .price { color: #d32f2f; } .strikethrough { text-decoration: line-through; opacity: 0.6; } .contact-section { background: #35383d; color: #eceff7; padding: 4rem 1rem; margin: 2rem 0rem; border-radius: 0.5rem; text-align: center; } .contact-buttons { display: flex; justify-content: space-evenly; gap: 1rem; margin: 2rem auto; max-width: 64rem; } .contact-button { display: inline-block; padding: 15px 30px; background: #f0f0f0; color: black; text-decoration: none; border-radius: 5px; border: 1px solid white; font-size: 18px; text-align: center; flex: 1; } .contact-button:hover { background: #dddddd; } .error-message { padding: 40px; text-align: center; } .error-detail { color: #666; font-size: 14px; margin: 10px 0; font-family: monospace; background: #f5f5f5; padding: 10px; border-radius: 5px; } @media (max-width: 768px) { .trailer-info-grid { grid-template-columns: 1fr; } .contact-buttons { flex-direction: column; } }}.recent-inventory{padding:2rem 0;.section-container { box-shadow: 0 2px 8px rgba(0,0,0,0.05), 0 2px 16px rgba(0,0,0,0.05); border-radius: 0.25rem; max-width: 84rem; margin: 0 auto; padding: 2rem; background-color: #fff; } h2 { text-align: center; margin-bottom: 2rem; font-size: 2rem; } #recent-inventory-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .inventory-card { background: white; border-radius: 0.25rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1); color: inherit; display: flex; flex-direction: column; min-height: 100%; overflow: hidden; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; &:hover { transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .card-group { display: flex; flex-direction: column; min-height: 100%; flex: 0 1; } .image-group { position: relative; } .content-group { display: flex; flex-direction: column; justify-content: space-between; padding: 1rem; flex: 1; } .price-group { display: flex; justify-content: space-between; align-items: end; min-height: 2lh; } .manufacturer-logo { width: 60px; height: 60px; position: absolute; top: 10px; left: 10px; padding: 5px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); object-fit: contain; } .sale-badge { position: absolute; top: 0px; right: 0px; background: #e63946; color: white; padding: 0.25rem 0.5rem; border-bottom-left-radius: 0.25rem; font-weight: bold; font-size: 14px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); z-index: 10; } img { object-fit: cover; aspect-ratio: 16 / 9; width: 100%; } .manufacturer-name { text-align: center; font-size: 0.75rem; font-weight: bold; } h3 { margin: 0 0 auto; font-size: 0.875rem; font-weight: bold; text-align: center; min-height: 2lh; } .stock-number { font-size: 0.75rem; } .price-display { display: flex; flex-direction: column; align-items: end; } .price { font-size: 1rem; font-weight: bold; } .sale-price { font-size: 1rem; font-weight: bold; color: #C10009; } .regular-price { font-size: 0.64rem; text-decoration: line-through; } } .view-all-container { text-align: center; } .view-all-button { display: inline-block; padding: 0.5rem 2rem; font-size: 0.875rem; background-color: #C10009; color: white; text-decoration: none; border-radius: 9999px; font-weight: bold; transition: background-color 0.2s; &:hover { background-color: #E7000B; } }}.category-selection{margin:2rem 0;> div { box-shadow: 0 2px 8px rgba(0,0,0,0.05), 0 2px 16px rgba(0,0,0,0.05); border-radius: 0.25rem; max-width: 84rem; margin: 0 auto; padding: 2rem; background-color: #fff; display: flex; gap: 1rem; } a { border: 1px solid #eee; border-radius: 0.25rem; padding: 1rem; }}.custom-order{margin:4rem 0;text-align:center}.stock-info{text-align:center;padding:1rem;border-top:1px dashed #eee;border-bottom:1px dashed #eee}