Truck Bed Slide

About

/* ========== READ MORE - PURE CSS (NO JAVASCRIPT) ========== */ #tc-toggle{display:none} .tc-readmore-label{display:inline-block;background:#ff8000;color:#fff;padding:12px 30px;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer;margin:15px 0 5px;box-shadow:0 2px 8px rgba(255,128,0,0.3);transition:all 0.2s;user-select:none} .tc-readmore-label:hover{background:#e67300;transform:translateY(-2px)} .tc-readmore-label .tc-show-text{display:inline} .tc-readmore-label .tc-hide-text{display:none} #tc-toggle:checked ~ .tc-readmore-label .tc-show-text{display:none} #tc-toggle:checked ~ .tc-readmore-label .tc-hide-text{display:inline} .tc-expandable{max-height:0;overflow:hidden;opacity:0;transition:max-height 0.4s ease-out,opacity 0.3s ease-out} #tc-toggle:checked ~ .tc-expandable{max-height:50000px;opacity:1;transition:max-height 0.6s ease-in,opacity 0.3s ease-in} /* ========== STANDARD COLLECTION STYLES ========== */ .tc-wrap{max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif} .tc-h1{font-size:36px;font-weight:800;margin:30px 0 20px;color:#000;line-height:1.2} .tc-h2{font-size:32px;font-weight:800;margin:60px 0 25px;color:#000;border-bottom:4px solid #000;padding-bottom:12px;position:relative} .tc-h2:before{content:"";position:absolute;bottom:-4px;left:0;width:120px;height:4px;background:#ff8000} .tc-h3{font-size:24px;font-weight:700;margin:40px 0 20px;color:#000;padding-left:15px;border-left:4px solid #ff8000} .tc-p{font-size:17px;line-height:1.7;color:#333;margin-bottom:15px} .tc-box{background:linear-gradient(135deg,#fff5e6 0%,#ffe8cc 100%);padding:25px 30px;margin:30px 0;border-left:6px solid #ff8000;border-radius:8px;box-shadow:0 3px 10px rgba(255,128,0,0.15);position:relative} .tc-box:before{content:"💡";position:absolute;top:25px;right:30px;font-size:28px;opacity:0.3} .tc-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0} .tc-card{border:3px solid #000;padding:25px;border-radius:12p