/*
 Theme Name:   Motors Child - TruckMarket
 Template:     motors
 Version:      2.0.0
*/

/* =============================================
   TRUCKMARKET PREMIUM - MOBILE FIRST
   Colors: Red #d42030 | Blue #0071e3 | Dark #1d1d1f
   Fonts: Montserrat (headings/bold), Open Sans (body)
   All rules: body.single-trucks prefix + !important
   ============================================= */

/* --- RESET --- */
body.single-trucks .tm-truck { background: #f7f8fa !important; padding: 0 !important; font-family: 'Open Sans', sans-serif !important; }
body.single-trucks .tm-truck * { box-sizing: border-box !important; }
body.single-trucks .tm-truck h1,
body.single-trucks .tm-truck h2,
body.single-trucks .tm-truck h3,
body.single-trucks .tm-truck strong,
body.single-trucks .tm-cta-price,
body.single-trucks .tm-hero-price-float strong,
body.single-trucks .tm-mob-price,
body.single-trucks .tm-stat-num,
body.single-trucks .tm-sticky-left strong,
body.single-trucks .tm-scard-price,
body.single-trucks .tm-btn-red,
body.single-trucks .tm-btn-blue { font-family: 'Montserrat', 'Open Sans', sans-serif !important; }
body.single-trucks .tm-wrap { max-width: 1280px !important; margin: 0 auto !important; padding: 0 16px !important; }

/* --- HERO --- */
body.single-trucks .tm-hero-wrap { max-width: 1280px !important; margin: 0 auto !important; padding: 0 !important; }
body.single-trucks .tm-hero { position: relative !important; background: #1a1a1a !important; overflow: hidden !important; }
body.single-trucks .tm-hero-img {
    width: 100% !important; height: 320px !important; object-fit: cover !important;
    object-position: center center !important; display: block !important;
    margin: 0 !important; padding: 0 !important; border: none !important;
    transition: opacity 0.3s ease !important;
}
body.single-trucks .tm-hero-img.tm-fading { opacity: 0 !important; }
body.single-trucks .tm-hero-gradient { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 50% !important; background: linear-gradient(transparent, rgba(0,0,0,0.65)) !important; pointer-events: none !important; }
body.single-trucks .tm-sold-ribbon { position: absolute !important; top: 16px !important; left: -36px !important; background: #d42030 !important; color: #fff !important; font-size: 12px !important; font-weight: 800 !important; padding: 6px 40px !important; transform: rotate(-45deg) !important; z-index: 3 !important; letter-spacing: 1px !important; }

/* Hero: clean photo only - no overlays */
body.single-trucks .tm-hero-badges { display: none !important; }
body.single-trucks .tm-hero-gradient { display: none !important; }
body.single-trucks .tm-hero-info { display: none !important; }
body.single-trucks .tm-hero-price-float { display: none !important; }
body.single-trucks .tm-photo-ct { position: absolute !important; top: 12px !important; right: 12px !important; background: rgba(0,0,0,0.5) !important; color: rgba(255,255,255,0.8) !important; padding: 3px 10px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 600 !important; z-index: 2 !important; }

/* Pills (used in similar trucks, etc) */
body.single-trucks .tm-pill-blue { background: #0071e3 !important; color: #fff !important; padding: 8px 18px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 700 !important; display: inline-block !important; }
body.single-trucks .tm-pill-red { background: #d42030 !important; color: #fff !important; padding: 8px 18px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 700 !important; display: inline-block !important; }

/* Apple-style info section below gallery */
body.single-trucks .tm-info-section { padding: 24px 16px 0 !important; }
body.single-trucks .tm-info-title { font-size: 22px !important; font-weight: 800 !important; color: #1d1d1f !important; margin: 0 !important; line-height: 1.2 !important; text-transform: uppercase !important; letter-spacing: 0.2px !important; padding: 0 !important; border: none !important; background: none !important; }
body.single-trucks .tm-info-specs { font-size: 13px !important; color: #6e6e73 !important; margin-top: 6px !important; display: flex !important; gap: 4px !important; flex-wrap: wrap !important; }
body.single-trucks .tm-info-specs span:not(:last-child)::after { content: ' · ' !important; color: #c7c7cc !important; }
body.single-trucks .tm-info-row { display: flex !important; align-items: baseline !important; gap: 16px !important; margin-top: 12px !important; }
body.single-trucks .tm-info-price { font-size: 32px !important; font-weight: 800 !important; color: #1d1d1f !important; letter-spacing: -0.5px !important; line-height: 1 !important; }
body.single-trucks .tm-info-miles { font-size: 15px !important; font-weight: 700 !important; color: #0071e3 !important; }
body.single-trucks .tm-info-feat { font-size: 13px !important; font-weight: 600 !important; color: #d42030 !important; margin-top: 8px !important; }

/* Thumbnails */
body.single-trucks .tm-thumbs { display: flex !important; gap: 4px !important; padding: 8px 16px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
body.single-trucks .tm-thumb { flex: 0 0 64px !important; height: 46px !important; border-radius: 6px !important; overflow: hidden !important; cursor: pointer !important; border: 2px solid transparent !important; opacity: 0.55 !important; transition: all 0.15s !important; position: relative !important; }
body.single-trucks .tm-thumb.active { border-color: #d42030 !important; opacity: 1 !important; box-shadow: 0 0 0 3px rgba(212, 32, 48, 0.25) !important; }
body.single-trucks .tm-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; }
body.single-trucks .tm-vid-play { position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #d42030 !important; font-size: 16px !important; background: rgba(0,0,0,0.3) !important; }

/* --- MOBILE STICKY BAR (title + price only, always visible) --- */
body.single-trucks .tm-mob-top { padding: 12px 16px !important; background: #fff !important; position: relative !important; z-index: 1 !important; border-bottom: 1px solid #e8e8ed !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
body.single-trucks .tm-hero-wrap { padding-top: 0 !important; }
body.single-trucks .tm-mob-top h1 { font-size: 16px !important; font-weight: 700 !important; color: #1d1d1f !important; margin: 0 !important; line-height: 1.3 !important; padding: 0 !important; border: none !important; background: none !important; text-transform: uppercase !important; letter-spacing: 0.2px !important; flex: 1 !important; padding-right: 12px !important; }
body.single-trucks .tm-mob-top-price { font-size: 22px !important; font-weight: 800 !important; color: #1d1d1f !important; line-height: 1 !important; letter-spacing: -0.3px !important; white-space: nowrap !important; flex-shrink: 0 !important; }
/* Ensure sticky works - no overflow hidden on parents */
body.single-trucks #wrapper,
body.single-trucks #main,
body.single-trucks .tm-truck { overflow: visible !important; }

/* HIDE parent theme mobile CTA bars that duplicate ours */
body.single-trucks .stm-single-car-contact { display: none !important; }
body.single-trucks .stm-sticky-phone-single-car { display: none !important; }
body.single-trucks .stm-single-car-page-btn { display: none !important; }
body.single-trucks .single-car-actions { display: none !important; }
body.single-trucks .stm-phone-modal { display: none !important; }
body.single-trucks .stm_single_car_footer_btn { display: none !important; }
body.single-trucks .stm-listing-car-actions { display: none !important; }
/* Hide any parent theme floating/overlay phone buttons on single truck pages */
body.single-trucks .stm-call-to-action { display: none !important; }
body.single-trucks .stm-floating-phone { display: none !important; }
body.single-trucks .listing-numb-share { display: none !important; }
/* Motors theme single car mobile bottom bar */
body.single-trucks .stm-single-car-bottom { display: none !important; }
body.single-trucks .stm-car-listing-actions { display: none !important; }
body.single-trucks .stm-car-bottom-actions { display: none !important; }
body.single-trucks .car-action-unit { display: none !important; }
body.single-trucks .stm_car_listing_btns { display: none !important; }
/* The red/yellow call-buttons bar from Motors */
body.single-trucks a.call-buttons { display: none !important; }
body.single-trucks .call-buttons { display: none !important; }
body.single-trucks a.button.call-buttons { display: none !important; }
/* Yellow email / test drive button from Motors */
body.single-trucks a.email-buttons { display: none !important; }
body.single-trucks .email-buttons { display: none !important; }
body.single-trucks a.button.email-buttons { display: none !important; }
body.single-trucks a.test-drive-btn { display: none !important; }
body.single-trucks .stm-test-drive { display: none !important; }
body.single-trucks .stm-email-dealer { display: none !important; }
body.single-trucks a[href*="mailto"].button { display: none !important; }
/* Nuclear: hide the entire row/container holding those buttons */
body.single-trucks .stm-single-car-contact-buttons { display: none !important; }
body.single-trucks .stm-listing-car-contact { display: none !important; }
body.single-trucks .single-car-contact-form { display: none !important; }
body.single-trucks .stm-car-contact-form { display: none !important; }
/* Motors sticky bottom bar with price + Call */
body.single-trucks .stm-sticky-bar { display: none !important; }
body.single-trucks .stm-fixed-bottom { display: none !important; }
body.single-trucks .stm-bottom-fixed { display: none !important; }
body.single-trucks .stm-single-listing-sticky { display: none !important; }
body.single-trucks .stm-listing-sticky-bar { display: none !important; }
body.single-trucks .stm-single-car-sticky { display: none !important; }
body.single-trucks #stm-fixed-bottom { display: none !important; }
body.single-trucks .stm-car-listing-mobile-bottom { display: none !important; }
body.single-trucks .listing-mobile-bottom { display: none !important; }
body.single-trucks .stm_mobile_bottom_bar { display: none !important; }
/* Catch-all: any fixed element at bottom that isn't ours */
body.single-trucks div[class*="stm"][style*="fixed"] { display: none !important; }
body.single-trucks div[class*="stm-"][style*="bottom"] { display: none !important; }
/* Hide all parent CTA button rows on truck pages */
body.single-trucks .stm-single-car-page-btn { display: none !important; }
body.single-trucks .stm-listing-car-actions { display: none !important; }
body.single-trucks .stm-phone-modal { display: none !important; }
body.single-trucks .stm_single_car_footer_btn { display: none !important; }
/* Nuclear: any fixed bar from parent at bottom */
body.single-trucks > div[style*="position: fixed"][style*="bottom"] { display: none !important; }
body.single-trucks .stm-template-flavor { display: none !important; }
/* Hide parent phone number that bleeds over thumbnails */
body.single-trucks .stm-single-car-header-phone { display: none !important; }
body.single-trucks .stm-header-phone { display: none !important; }
body.single-trucks .header-main-phone { display: none !important; }

/* Buttons */
body.single-trucks .tm-btn-red { display: block !important; flex: 1 !important; background: #d42030 !important; color: #fff !important; text-align: center !important; padding: 14px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; }
body.single-trucks .tm-btn-blue { display: block !important; flex: 1 !important; background: #0071e3 !important; color: #fff !important; text-align: center !important; padding: 14px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; }
body.single-trucks .tm-btn-wide { width: 100% !important; margin-bottom: 8px !important; }
body.single-trucks .tm-btn-red:hover, body.single-trucks .tm-btn-blue:hover { color: #fff !important; text-decoration: none !important; opacity: 0.92 !important; }

/* Video */
body.single-trucks .tm-video-area { padding: 16px !important; }
body.single-trucks .tm-video-box { position: relative !important; padding-bottom: 56.25% !important; background: #000 !important; border-radius: 12px !important; overflow: hidden !important; }
body.single-trucks .tm-video-box iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: none !important; }
body.single-trucks .tm-back-btn { margin-top: 10px !important; padding: 8px 16px !important; background: #f5f5f7 !important; border: 1px solid #d2d2d7 !important; border-radius: 6px !important; cursor: pointer !important; font-size: 13px !important; color: #424245 !important; font-family: inherit !important; }

/* --- COLUMNS (mobile = stacked) --- */
body.single-trucks .tm-cols { display: block !important; }
body.single-trucks .tm-col-right { display: none !important; }

/* --- CARDS --- */
body.single-trucks .tm-card { background: #fff !important; border-radius: 18px !important; border: 1px solid #d2d2d7 !important; margin-bottom: 14px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; overflow: hidden !important; }

/* Description */
body.single-trucks .tm-desc-card { padding: 20px !important; background: #f5f5f7 !important; border: 1px solid #e8e8ed !important; }
body.single-trucks .tm-desc { font-size: 15px !important; line-height: 1.65 !important; color: #1d1d1f !important; }
body.single-trucks .tm-desc { font-size: 13px !important; line-height: 1.65 !important; color: #424245 !important; }
body.single-trucks .tm-desc p { font-size: 13px !important; line-height: 1.65 !important; color: #424245 !important; margin: 0 !important; }

/* Key Stats */
body.single-trucks .tm-stats { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; margin-bottom: 14px !important; }
body.single-trucks .tm-stat { background: #fff !important; border-radius: 12px !important; padding: 14px 10px !important; text-align: center !important; border: 1px solid #d2d2d7 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; }
body.single-trucks .tm-stat-num { display: block !important; font-size: 22px !important; font-weight: 800 !important; color: #1d1d1f !important; line-height: 1 !important; }
body.single-trucks .tm-stat-lbl { display: block !important; font-size: 9px !important; color: #9ca3af !important; font-weight: 700 !important; letter-spacing: 1.2px !important; margin-top: 4px !important; }

/* Specs */
body.single-trucks .tm-specs-hdr { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 14px 16px !important; }
body.single-trucks .tm-specs-hdr span:first-child { font-size: 14px !important; font-weight: 700 !important; color: #1d1d1f !important; }
body.single-trucks .tm-specs-arr { display: none !important; }
body.single-trucks .tm-specs-body { max-height: none !important; overflow: visible !important; }
body.single-trucks .tm-srow { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 10px 16px !important; border-top: 1px solid #f5f5f7 !important; }
body.single-trucks .tm-srow-alt { background: #fafbfc !important; }
body.single-trucks .tm-slbl { font-size: 12px !important; color: #6e6e73 !important; font-weight: 600 !important; }
body.single-trucks .tm-sval { font-size: 13px !important; color: #1d1d1f !important; font-weight: 700 !important; text-align: right !important; }

/* --- MOBILE WARRANTY + SELL (appended after specs on mobile) --- */
/* These show via the right column on desktop, we need separate mobile versions */

/* --- SIMILAR TRUCKS --- */
body.single-trucks .tm-similar { padding: 24px 0 40px !important; }
body.single-trucks .tm-similar-hdr { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; }
body.single-trucks .tm-similar-hdr h2 { font-size: 20px !important; font-weight: 700 !important; color: #1d1d1f !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; letter-spacing: -0.3px !important; }
body.single-trucks .tm-similar-hdr a { font-size: 13px !important; color: #0071e3 !important; text-decoration: none !important; font-weight: 500 !important; }

/* Horizontal scroll on mobile */
body.single-trucks .tm-similar-grid { display: flex !important; gap: 16px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 8px !important; scroll-snap-type: x mandatory !important; }
body.single-trucks .tm-similar-grid::-webkit-scrollbar { display: none !important; }
body.single-trucks a.tm-scard { flex: 0 0 300px !important; background: #fff !important; border-radius: 20px !important; overflow: hidden !important; border: none !important; text-decoration: none !important; color: inherit !important; display: block !important; box-shadow: none !important; scroll-snap-align: start !important; transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s ease !important; }
body.single-trucks a.tm-scard:hover { text-decoration: none !important; color: inherit !important; transform: translateY(-4px) !important; box-shadow: 0 16px 48px rgba(0,0,0,0.1) !important; }
body.single-trucks .tm-scard-img { position: relative !important; overflow: hidden !important; background: #f0f0f2 !important; aspect-ratio: 4/3 !important; height: auto !important; }
body.single-trucks .tm-scard-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; transition: transform 0.6s cubic-bezier(0.22,1,0.36,1) !important; }
body.single-trucks a.tm-scard:hover .tm-scard-img img { transform: scale(1.05) !important; }
body.single-trucks .tm-scard-price { position: absolute !important; bottom: 10px !important; right: 10px !important; background: rgba(0,0,0,0.6) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; color: #fff !important; padding: 5px 12px !important; border-radius: 980px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: -0.3px !important; }
body.single-trucks .tm-scard-body { padding: 12px 18px 18px !important; text-align: center !important; }
body.single-trucks .tm-scard-body h3 { font-size: 15px !important; font-weight: 700 !important; color: #1d1d1f !important; text-transform: none !important; margin: 0 0 4px !important; line-height: 1.3 !important; padding: 0 !important; border: none !important; background: none !important; }
body.single-trucks .tm-scard-pills { display: flex !important; gap: 6px !important; margin-bottom: 6px !important; flex-wrap: wrap !important; justify-content: center !important; }
body.single-trucks .tm-pill-blue-s { background: #f5f5f7 !important; color: #1d1d1f !important; padding: 3px 10px !important; border-radius: 980px !important; font-size: 11px !important; font-weight: 600 !important; display: inline-block !important; }
body.single-trucks .tm-pill-red-s { background: rgba(212,32,48,0.08) !important; color: #d42030 !important; padding: 3px 10px !important; border-radius: 980px !important; font-size: 11px !important; font-weight: 600 !important; display: inline-block !important; }
body.single-trucks .tm-scard-specs { display: flex !important; gap: 8px !important; font-size: 12px !important; color: #6e6e73 !important; justify-content: center !important; }

/* --- HERO ARROWS --- */
body.single-trucks .tm-arrow { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 3 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background: rgba(0,0,0,0.45) !important; color: #fff !important; font-size: 24px !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s !important; backdrop-filter: blur(4px) !important; line-height: 1 !important; padding: 0 !important; font-family: inherit !important; }
body.single-trucks .tm-arrow:hover { background: rgba(0,0,0,0.7) !important; }
body.single-trucks .tm-arrow-left { left: 12px !important; }
body.single-trucks .tm-arrow-right { right: 12px !important; }
body.single-trucks .tm-expand-btn { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 3 !important; width: 36px !important; height: 36px !important; border-radius: 8px !important; background: rgba(0,0,0,0.45) !important; color: #fff !important; font-size: 18px !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; backdrop-filter: blur(4px) !important; padding: 0 !important; font-family: inherit !important; transition: background 0.2s !important; }
body.single-trucks .tm-expand-btn:hover { background: rgba(0,0,0,0.7) !important; }
body.single-trucks .tm-hero-img { cursor: pointer !important; }

/* --- LIGHTBOX --- */
body.single-trucks .tm-lightbox { position: fixed !important; inset: 0 !important; z-index: 99999 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; }
body.single-trucks .tm-lightbox.active { opacity: 1 !important; pointer-events: all !important; }
body.single-trucks .tm-lb-overlay { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,0.92) !important; }
body.single-trucks .tm-lb-close { position: absolute !important; top: 16px !important; right: 16px !important; z-index: 4 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background: rgba(255,255,255,0.1) !important; color: #fff !important; font-size: 20px !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s !important; padding: 0 !important; font-family: inherit !important; }
body.single-trucks .tm-lb-close:hover { background: rgba(255,255,255,0.25) !important; }
body.single-trucks .tm-lb-arrow { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 4 !important; width: 52px !important; height: 52px !important; border-radius: 50% !important; background: rgba(255,255,255,0.1) !important; color: #fff !important; font-size: 30px !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s !important; padding: 0 !important; font-family: inherit !important; line-height: 1 !important; }
body.single-trucks .tm-lb-arrow:hover { background: rgba(255,255,255,0.25) !important; }
body.single-trucks .tm-lb-prev { left: 16px !important; }
body.single-trucks .tm-lb-next { right: 16px !important; }
body.single-trucks .tm-lb-img-wrap { position: relative !important; z-index: 2 !important; max-width: 95vw !important; max-height: 90vh !important; display: flex !important; align-items: center !important; justify-content: center !important; }
body.single-trucks .tm-lb-img-wrap img { max-width: 95vw !important; max-height: 85vh !important; object-fit: contain !important; display: block !important; border-radius: 8px !important; margin: 0 !important; padding: 0 !important; border: none !important; user-select: none !important; transition: opacity 0.2s ease !important; }
body.single-trucks .tm-lb-counter { position: absolute !important; bottom: 20px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 4 !important; background: rgba(0,0,0,0.5) !important; color: #fff !important; padding: 6px 16px !important; border-radius: 20px !important; font-size: 13px !important; font-weight: 600 !important; }

/* --- STICKY BOTTOM CTA (mobile only) --- */
body.single-trucks .tm-sticky-cta { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; z-index: 9998 !important; background: #fff !important; border-top: 1px solid #d2d2d7 !important; padding: 8px 12px !important; gap: 8px !important; box-shadow: 0 -2px 10px rgba(0,0,0,0.08) !important; }
body.single-trucks .tm-sticky-cta a { flex: 1 !important; text-align: center !important; padding: 12px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; display: block !important; }
body.single-trucks .tm-sticky-cta .tm-sticky-call { background: #d42030 !important; color: #fff !important; }
body.single-trucks .tm-sticky-cta .tm-sticky-email { background: #0071e3 !important; color: #fff !important; }
body.single-trucks .tm-sticky-cta a:hover { color: #fff !important; text-decoration: none !important; }
body.single-trucks .tm-truck { padding-bottom: 75px !important; }

/* =============================================
   DESKTOP (768px+)
   ============================================= */
@media (min-width: 768px) {

    body.single-trucks .tm-hero-wrap { padding: 16px 24px 0 !important; max-width: 860px !important; }
    body.single-trucks .tm-hero { border-radius: 16px !important; }
    body.single-trucks .tm-hero-img { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 4/3 !important; object-fit: cover !important; object-position: center !important; background: #1a1a1a !important; display: block !important; }
    body.single-trucks .tm-thumbs { padding: 10px 24px !important; gap: 8px !important; max-width: 960px !important; margin: 0 auto !important; }
    body.single-trucks .tm-thumb { flex: 0 0 96px !important; height: 62px !important; border-radius: 8px !important; }

    /* Hero overlays stay hidden on desktop too - clean photo */
    body.single-trucks .tm-hero-badges { display: none !important; }
    body.single-trucks .tm-hero-gradient { display: none !important; }
    body.single-trucks .tm-hero-info { display: none !important; }
    body.single-trucks .tm-hero-price-float { display: none !important; }

    /* Hide mobile sticky bar on desktop */
    body.single-trucks .tm-mob-top { display: none !important; }
    body.single-trucks .tm-hero-wrap { padding-top: 16px !important; }

    /* Info section: larger on desktop */
    body.single-trucks .tm-info-section { padding: 28px 0 0 !important; }
    body.single-trucks .tm-info-title { font-size: 32px !important; letter-spacing: -0.3px !important; }
    body.single-trucks .tm-info-specs { font-size: 14px !important; margin-top: 8px !important; }
    body.single-trucks .tm-info-row { margin-top: 14px !important; }
    body.single-trucks .tm-info-price { font-size: 40px !important; }
    body.single-trucks .tm-info-miles { font-size: 17px !important; }
    body.single-trucks .tm-info-feat { font-size: 14px !important; }

    /* Desktop arrows - slightly bigger */
    body.single-trucks .tm-arrow { width: 48px !important; height: 48px !important; font-size: 28px !important; }
    body.single-trucks .tm-arrow-left { left: 20px !important; }
    body.single-trucks .tm-arrow-right { right: 20px !important; }
    body.single-trucks .tm-expand-btn { top: 20px !important; left: 20px !important; }

    /* Two columns */
    body.single-trucks .tm-cols { display: grid !important; grid-template-columns: 1fr 360px !important; gap: 28px !important; padding-top: 20px !important; }
    body.single-trucks .tm-col-right { display: block !important; position: sticky !important; top: 84px !important; }

    /* Right column cards */
    body.single-trucks .tm-cta-card { padding: 26px !important; }
    body.single-trucks .tm-cta-price-lbl { font-size: 11px !important; color: #9ca3af !important; font-weight: 600 !important; letter-spacing: 1.5px !important; margin-bottom: 4px !important; }
    body.single-trucks .tm-cta-price { font-size: 36px !important; font-weight: 800 !important; color: #1d1d1f !important; line-height: 1 !important; margin-bottom: 20px !important; display: block !important; }
    body.single-trucks .tm-cta-divider { height: 2px !important; background: linear-gradient(90deg, #d42030, #0071e3) !important; border-radius: 2px !important; margin-bottom: 20px !important; }

    body.single-trucks a.tm-warranty-box { display: block !important; background: linear-gradient(135deg, #d42030, #b01a28) !important; border-radius: 14px !important; padding: 18px !important; margin-bottom: 14px !important; text-align: center !important; text-decoration: none !important; }
    body.single-trucks .tm-warranty-box strong { display: block !important; font-size: 15px !important; font-weight: 800 !important; color: #fff !important; }
    body.single-trucks .tm-warranty-box small { display: block !important; font-size: 11px !important; color: rgba(255,255,255,0.7) !important; margin-top: 4px !important; }
    body.single-trucks a.tm-warranty-box:hover { text-decoration: none !important; opacity: 0.95 !important; }

    body.single-trucks .tm-sell-box { background: #1d1d1f !important; border-radius: 14px !important; padding: 22px !important; text-align: center !important; margin-bottom: 14px !important; }
    body.single-trucks .tm-sell-box strong { font-size: 16px !important; font-weight: 800 !important; color: #fff !important; display: block !important; margin-bottom: 6px !important; }
    body.single-trucks .tm-sell-box p { font-size: 12px !important; color: rgba(255,255,255,0.5) !important; margin: 0 0 14px !important; line-height: 1.4 !important; }
    body.single-trucks .tm-sell-box a { display: block !important; background: #d42030 !important; color: #fff !important; padding: 12px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 13px !important; text-decoration: none !important; }
    body.single-trucks .tm-sell-box a:hover { color: #fff !important; text-decoration: none !important; opacity: 0.92 !important; }

    body.single-trucks a.tm-inv-link { display: block !important; text-align: center !important; padding: 14px !important; border: 2px solid #d2d2d7 !important; border-radius: 10px !important; color: #424245 !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; }
    body.single-trucks a.tm-inv-link:hover { border-color: #0071e3 !important; color: #0071e3 !important; text-decoration: none !important; }

    /* Key stats: 4 columns on desktop */
    body.single-trucks .tm-stats { grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; }
    body.single-trucks .tm-stat { padding: 18px 14px !important; }
    body.single-trucks .tm-stat-num { font-size: 26px !important; }

    /* Specs always visible on desktop */
    body.single-trucks .tm-specs-body { max-height: none !important; }
    body.single-trucks .tm-specs-arr { display: none !important; }
    body.single-trucks .tm-specs-hdr { cursor: default !important; padding: 16px 22px !important; }
    body.single-trucks .tm-srow { padding: 11px 22px !important; }

    /* Description */
    body.single-trucks .tm-desc-card { padding: 24px 28px !important; }
    body.single-trucks .tm-desc { font-size: 16px !important; line-height: 1.7 !important; color: #1d1d1f !important; }

    /* Similar trucks: 3-col grid */
    body.single-trucks .tm-similar { padding: 36px 0 60px !important; }
    body.single-trucks .tm-similar-hdr h2 { font-size: 20px !important; }
    body.single-trucks .tm-similar-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; overflow: visible !important; }
    body.single-trucks a.tm-scard { flex: none !important; }
    body.single-trucks .tm-scard-img { height: auto !important; aspect-ratio: 4/3 !important; }

    /* No sticky bar needed on desktop */
    body.single-trucks .tm-sticky-cta { display: none !important; }
    body.single-trucks .tm-truck { padding-bottom: 0 !important; }
    body.single-trucks .tm-hero-wrap { padding-top: 16px !important; }
}

/* Large desktops */
@media (min-width: 1024px) {
    body.single-trucks .tm-wrap { padding: 0 24px !important; }
}