.tt-layout{--navy:#102d42;--green:#237e2b;--blue:#196a9e;--ink:#142d40;--muted:#607080;--page:#f3f6f7}.tt-layout *{box-sizing:border-box}.tt-layout{scroll-behavior:smooth;scroll-padding-top:24px}.tt-layout{margin:0;font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--page);line-height:1.5}.tt-layout a{color:inherit;text-decoration:none}.tt-layout button,.tt-layout input,.tt-layout select{font:inherit}.tt-layout button,.tt-layout a,.tt-layout input,.tt-layout select{-webkit-tap-highlight-color:transparent}.tt-layout a:focus-visible,.tt-layout button:focus-visible,.tt-layout input:focus-visible,.tt-layout select:focus-visible{outline:3px solid #e4ad35;outline-offset:4px}.tt-layout .shell{width:min(1800px,92%);margin-inline:auto}.tt-layout .skip{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:20}.tt-layout .skip:focus{top:10px}.tt-layout .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tt-layout .tt-header{background:#fff}.tt-layout .masthead{display:flex;align-items:center;justify-content:space-between;min-height:124px;gap:20px}.tt-layout .brand img{display:block;width:240px;height:110px;object-fit:contain}.tt-layout .header-actions{display:flex;align-items:center;gap:30px}.tt-layout .phone{font-weight:700;font-size:15px}.tt-layout .phone:before{content:'☎';margin-right:10px}.tt-layout .btn{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 21px;border-radius:6px;border:0;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.tt-layout .btn:hover{background:#176520;transform:translateY(-1px)}.tt-layout .btn span{font-size:20px;line-height:1}.tt-layout nav{background:transparent;color:#fff}.tt-layout .navlinks{display:flex;align-items:stretch;justify-content:space-between;gap:8px}.tt-layout .navlinks a{display:flex;align-items:center;padding:19px 8px;font-size:13px;border-bottom:3px solid transparent;white-space:nowrap}.tt-layout .navlinks a:hover,.tt-layout .navlinks a.active{border-color:#4caf50;background:#ffffff08}.tt-layout .menu-toggle{display:none}.tt-layout .intro{padding:51px 0 37px;background:linear-gradient(120deg,#edf2f3 5%,#fff 70%,#e6efea);border-bottom:1px solid #e3e9e9}.tt-layout .eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}.tt-layout h1{font-size:clamp(35px,4.4vw,56px);line-height:1.08;letter-spacing:-1.8px;margin:15px 0 19px;max-width:780px}.tt-layout .intro p{font-size:18px;color:#566573;max-width:650px;margin-bottom:29px}.tt-layout .search{display:flex;gap:12px;align-items:stretch}.tt-layout .searchbox{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d5dfe1;border-radius:6px;padding:0 16px;flex:1;min-width:0;box-shadow:0 3px 8px #102d4204}.tt-layout .searchbox span{font-size:28px;color:#607080}.tt-layout .search input{border:0;outline:0;background:transparent;padding:15px 0;width:100%;font-size:14px;color:var(--ink)}.tt-layout .category-label{width:260px}.tt-layout .search select{width:100%;height:100%;background:#fff;border:1px solid #d5dfe1;color:var(--ink);border-radius:6px;padding:13px 16px;font-size:14px}.tt-layout .catalog{padding-top:10px}.tt-layout .range{--accent:var(--green);padding:32px 0 16px;scroll-margin-top:22px}.tt-layout .range.blue{--accent:var(--blue)}.tt-layout .range.charcoal{--accent:#45505b}.tt-layout .range-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.tt-layout .range h2{font-size:25px;line-height:1.2;margin:0;letter-spacing:-.6px;display:flex;align-items:center;gap:13px;color:var(--accent)}.tt-layout .range-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-size:21px;flex-shrink:0}.tt-layout .range-actions{display:flex;gap:9px;align-items:center}.tt-layout .view-all{font-size:13px;font-weight:700;color:var(--accent);margin-right:15px;white-space:nowrap}.tt-layout .arrow{width:36px;height:36px;border-radius:50%;border:1px solid #dce3e5;background:white;color:var(--ink);font-size:23px;line-height:1;cursor:pointer;box-shadow:0 2px 5px #102d4206}.tt-layout .arrow:hover{background:var(--accent);color:#fff}.tt-layout .arrow:disabled{opacity:.35;cursor:default}.tt-layout .track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c6d3cf transparent;padding:0 1px 14px}.tt-layout .card{background:#fff;border:1px solid #e9eeef;border-radius:9px;flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;box-shadow:0 5px 18px #142d4005;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;overflow:hidden;min-width:0}.tt-layout .card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #142d4010}.tt-layout .card-image{height:240px;display:flex;align-items:center;justify-content:center;padding:20px 17px 7px}.tt-layout .card img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}.tt-layout .card-copy{padding:12px 22px 22px}.tt-layout .card h3{font-size:18px;line-height:1.3;margin:0 0 8px;letter-spacing:-.3px}.tt-layout .card p{color:var(--accent);font-size:13px;font-weight:700;margin:0}.tt-layout .quote{display:flex;align-items:center;gap:24px;background:#e7f0e9;border:1px solid #dfeae1;border-radius:8px;padding:27px 30px;margin-top:35px;margin-bottom:48px}.tt-layout .quote-icon{font-size:42px;color:var(--green);padding-right:24px;border-right:1px solid #bed3c2}.tt-layout .quote h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:0 0 7px}.tt-layout .quote p{margin:0;font-size:14px;color:#50675a}.tt-layout .quote .btn{margin-left:auto;white-space:nowrap}.tt-layout .tt-footer{background:var(--navy);color:#d9e3e9;padding-top:40px}.tt-layout .footer-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr 1.15fr;gap:32px}.tt-layout .footer-brand{background:#fff;border-radius:5px;width:220px;padding:8px 14px}.tt-layout .footer-brand img{width:100%;display:block}.tt-layout .tt-footer h2{font-size:15px;color:#fff;margin:8px 0 17px}.tt-layout .tt-footer p,.tt-layout .tt-footer section>a:not(.btn){font-size:13px;line-height:1.8}.tt-layout .tt-footer section>a:not(.btn){display:block;margin-bottom:5px}.tt-layout .tt-footer a:hover{text-decoration:underline}.tt-layout .tt-footer .btn{margin:6px 0 13px}.tt-layout .footer-bottom{border-top:1px solid #ffffff20;margin-top:35px;display:flex;justify-content:space-between;padding-block:21px;font-size:11px;color:#aebfc9}.tt-layout .footer-contact{font-size:12px!important}@media(min-width:1400px){.tt-layout .card-image{height:260px}}@media(max-width:1000px){.tt-layout .shell{width:calc(100% - 40px)}.tt-layout .navlinks{flex-wrap:wrap;justify-content:center;gap:0 12px}.tt-layout .navlinks a{padding:13px 4px}.tt-layout .card-image{height:205px}.tt-layout .footer-grid{grid-template-columns:1fr 1fr}.tt-layout .range h2{font-size:22px}.tt-layout .quote h2{font-size:20px}.tt-layout .card-copy{padding:12px 15px 20px}.tt-layout .card h3{font-size:16px}}@media(max-width:650px){.tt-layout .shell{width:calc(100% - 32px)}.tt-layout .masthead{min-height:94px;gap:12px}.tt-layout .brand img{width:176px;height:88px}.tt-layout .header-actions{display:none}.tt-layout .menu-toggle{display:block;border:1px solid #d5dfe1;border-radius:5px;background:white;padding:9px 11px;font-size:13px}.tt-layout .navlinks{display:none;align-items:stretch;flex-direction:column;padding-block:8px}.tt-layout .navlinks.open{display:flex}.tt-layout .navlinks a{padding:11px 2px}.tt-layout .intro{padding:31px 0 26px}.tt-layout .eyebrow{font-size:9px;letter-spacing:1.5px}.tt-layout h1{font-size:38px;letter-spacing:-1.2px}.tt-layout .intro p{font-size:15px;margin-bottom:22px}.tt-layout .search{flex-wrap:wrap;gap:9px}.tt-layout .searchbox{flex-basis:100%}.tt-layout .category-label{flex:1;width:auto}.tt-layout .search-submit{padding-inline:17px}.tt-layout .range{padding-top:26px}.tt-layout .range-head{align-items:flex-start;gap:10px;margin-bottom:15px}.tt-layout .range h2{font-size:20px;gap:9px}.tt-layout .range-icon{width:30px;height:30px;font-size:17px}.tt-layout .view-all{display:none}.tt-layout .range-actions{gap:5px}.tt-layout .arrow{width:30px;height:30px}.tt-layout .track{gap:14px}.tt-layout .card{flex-basis:84%}.tt-layout .card-image{height:218px}.tt-layout .card-copy{padding:12px 18px 20px}.tt-layout .card h3{font-size:18px}.tt-layout .quote{padding:22px;flex-wrap:wrap;gap:15px;margin-top:25px;margin-bottom:32px}.tt-layout .quote-icon{display:none}.tt-layout .quote .btn{margin-left:0}.tt-layout .quote h2{font-size:22px}.tt-layout .footer-grid{grid-template-columns:1fr;gap:22px}.tt-layout .footer-brand{width:200px}.tt-layout .footer-bottom{gap:18px;flex-wrap:wrap}.tt-layout .footer-grid section{border-bottom:1px solid #ffffff15;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.tt-layout{scroll-behavior:auto}.tt-layout *{transition:none!important}}.tt-layout .social-links{display:flex;align-items:center;gap:8px}.tt-layout .social-icon{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #dce4e8;border-radius:50%;color:var(--navy);background:#fff;transition:background .2s,color .2s}.tt-layout .social-icon svg{width:19px;height:19px}.tt-layout .social-icon:hover{background:var(--navy);color:#fff;text-decoration:none}.tt-layout .social-icon.facebook:hover{background:#1877f2}.tt-layout .social-icon.instagram:hover{background:#b73172}.tt-layout .social-icon.whatsapp:hover{background:#168641}.tt-layout .tt-footer .social-links{margin-top:17px}.tt-layout .tt-footer .social-icon{border-color:#ffffff38;background:#ffffff0d;color:#fff}.tt-layout .header-actions{gap:23px}@media(max-width:1150px) and (min-width:651px){.tt-layout .header-actions{gap:14px}.tt-layout .social-links{gap:5px}.tt-layout .social-icon{width:30px;height:30px}}

/* Match the menu typography on tipperstrailers.com. */
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:400;font-display:swap;src:url("assets/source-sans-pro-regular.ttf") format("truetype")}.tt-layout .navlinks a{font-family:"Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:14px;font-weight:400;letter-spacing:normal}


/* Consistent typography throughout the shared layout. */
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:600;font-display:swap;src:url("assets/source-sans-pro-600.ttf") format("truetype")}
@font-face{font-family:"Source Sans Pro";font-style:normal;font-weight:700;font-display:swap;src:url("assets/source-sans-pro-700.ttf") format("truetype")}.tt-layout button,.tt-layout input,.tt-layout select,.tt-layout textarea{font-family:inherit}.tt-layout .header-cart{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border:1px solid #dce4e8;border-radius:6px;background:#fff;color:var(--navy);transition:background .2s,color .2s}.tt-layout .header-cart:hover{background:var(--navy);color:white}
@media(min-width:651px) and (max-width:900px){.tt-layout .header-actions .phone{display:none}}


/* Integration with Storefront; homepage CSS is isolated from product layouts. */
body.tt-modern{font-family:"Source Sans Pro",Helvetica,Arial,sans-serif}
body.tt-modern #masthead.site-header{padding:0!important;margin:0!important;border:0!important;background:#fff!important}
body.tt-modern #masthead .tt-layout{width:100%;margin:0}
body.tt-modern #colophon.site-footer{padding:0!important;margin:0!important;background:#102d42!important}
body.tt-modern #colophon>.col-full{max-width:none;width:100%;margin:0!important;padding:0}
body.tt-modern .woa-top-bar-wrap{display:none}
body.tt-modern.tt-home #content>.col-full{width:100%;max-width:none;margin:0;padding:0}
body.tt-modern.tt-home #content{padding-top:0}
body.tt-modern.tt-home #primary{width:100%;margin:0;float:none}
.tt-layout h1,.tt-layout h2,.tt-layout h3{font-family:inherit;font-weight:700;text-transform:none}
.tt-layout .tt-footer{background:#102d42;color:#d9e3e9;padding-top:40px}
.tt-layout .tt-header{background:white}
.tt-layout .tt-header nav{float:none;clear:both;width:100%;margin:0}
.tt-layout .search{margin:0}
.tt-layout .track{list-style:none}
.tt-layout .brand{margin:0;padding:0}
.tt-layout .header-cart{position:relative}
.tt-layout .tt-cart-count{position:absolute;right:-6px;top:-7px;background:#237e2b;color:#fff;border:2px solid white;border-radius:20px;min-width:21px;padding:0 4px;text-align:center;font-size:11px;line-height:17px;font-weight:700}
.tt-layout .social-links{display:flex;gap:8px}
.tt-layout .mobile-cart{display:none}
@media(max-width:650px){.tt-layout .mobile-cart{display:inline-flex}.tt-layout .masthead{gap:8px}.tt-layout .brand{margin-right:auto}.tt-layout .header-cart{width:37px;height:37px}.tt-layout .brand img{max-width:160px}}