/* CRF Tuning v2 live framework override - desktop/mobile split */
:root{--crf-nav-w:272px;--crf-nav-collapsed-w:88px;}
html,body{max-width:100%;overflow-x:hidden;}
*{box-sizing:border-box;}
img,video,iframe{max-width:100%;height:auto;}
button,a,input,select,textarea{touch-action:manipulation;}
.crf-sidebar-collapse-btn{display:none;}
@media (min-width:901px){
  body:not(.admin-page){padding-left:var(--crf-nav-w)!important;}
  body:not(.admin-page).crf-sidebar-collapsed{padding-left:var(--crf-nav-collapsed-w)!important;}
  body:not(.admin-page) .topbar{display:none!important;}
  body:not(.admin-page) .nav.crf-site-sidebar, body:not(.admin-page) > .nav{
    position:fixed!important; left:0!important; top:0!important; bottom:0!important;
    width:var(--crf-nav-w)!important; height:100dvh!important; z-index:9998!important;
    padding:22px 16px!important; overflow-y:auto!important; overflow-x:hidden!important;
    background:linear-gradient(180deg,#05080d 0%,#07131b 45%,#030507 100%)!important;
    border-right:1px solid rgba(0,229,255,.24)!important; border-bottom:0!important;
    box-shadow:18px 0 55px rgba(0,0,0,.45)!important;
  }
  body:not(.admin-page).crf-sidebar-collapsed .nav.crf-site-sidebar,
  body:not(.admin-page).crf-sidebar-collapsed > .nav{width:var(--crf-nav-collapsed-w)!important;padding:20px 10px!important;}
  body:not(.admin-page) .nav .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;}
  body:not(.admin-page) .nav .brand{display:block!important;text-align:left!important;padding:12px 12px 16px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;font-size:1.35rem!important;line-height:1.1!important;white-space:normal!important;}
  body:not(.admin-page).crf-sidebar-collapsed .nav .brand{font-size:0!important;text-align:center!important;padding:10px 4px 14px!important;}
  body:not(.admin-page).crf-sidebar-collapsed .nav .brand:before{content:'CRF';font-size:1rem!important;color:#fff!important;font-weight:1000!important;letter-spacing:.08em!important;}
  body:not(.admin-page).crf-sidebar-collapsed .nav .brand span{display:none!important;}
  body:not(.admin-page) .navlinks{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;width:100%!important;}
  body:not(.admin-page) .navlinks a, body:not(.admin-page) .navlinks .btn{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:44px!important;padding:12px 13px!important;border-radius:14px!important;color:#dce9f1!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.075)!important;font-size:.80rem!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;text-decoration:none!important;margin:0!important;}
  body:not(.admin-page) .navlinks a:hover,body:not(.admin-page) .navlinks a.active{color:#001016!important;background:linear-gradient(135deg,#00e5ff,#21f2ff)!important;border-color:rgba(0,229,255,.9)!important;box-shadow:0 10px 24px rgba(0,229,255,.20)!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a,body:not(.admin-page).crf-sidebar-collapsed .navlinks .btn{justify-content:center!important;min-height:46px!important;padding:12px 8px!important;font-size:0!important;border-radius:16px!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a:before,body:not(.admin-page).crf-sidebar-collapsed .navlinks .btn:before{content:attr(data-crf-short);font-size:.86rem!important;font-weight:1000!important;letter-spacing:.02em!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='index.html']::before{content:'⌂'!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='services.html']::before{content:'⚙'!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='me3-8-tuning.html']::before{content:'ME3'!important;font-size:.82rem!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='projects.html']::before{content:'▦'!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='kess-ktag.html']::before{content:'▣'!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='quote-builder.html']::before{content:'£'!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='contact.html']::before{content:'✎'!important;font-size:1.1rem!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='basket.html']::before{content:'🛒'!important;font-size:1rem!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='track-order.html']::before{content:'⌖'!important;}
  body:not(.admin-page).crf-sidebar-collapsed .navlinks a[href*='about.html']::before{content:'ⓘ'!important;}
  body:not(.admin-page) .crf-sidebar-portal-link{margin-top:34px!important;}
  body:not(.admin-page) .crf-sidebar-collapse-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:42px!important;border-radius:14px!important;border:1px solid rgba(0,229,255,.35)!important;background:rgba(0,229,255,.12)!important;color:#00e5ff!important;font-weight:1000!important;cursor:pointer!important;}
  body:not(.admin-page) .crf-sidebar-collapse-btn:hover{background:#00e5ff!important;color:#001016!important;}
  body:not(.admin-page).crf-sidebar-collapsed .crf-sidebar-collapse-btn{font-size:0!important;min-width:44px!important;padding:0!important;}
  body:not(.admin-page).crf-sidebar-collapsed .crf-sidebar-collapse-btn:before{content:'»';font-size:1.1rem!important;}
  body:not(.admin-page) .mobile-menu-toggle{display:none!important;}
  body:not(.admin-page) .whatsapp, body:not(.admin-page) .whatsapp-live-chat{left:292px!important;}
  body:not(.admin-page).crf-sidebar-collapsed .whatsapp, body:not(.admin-page).crf-sidebar-collapsed .whatsapp-live-chat{left:108px!important;}
}
@media (max-width:900px){
  body{padding-left:0!important;}
  .topbar{display:block!important;}
  .nav.crf-site-sidebar,.nav{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;z-index:9999!important;overflow:visible!important;background:#061018!important;border-bottom:1px solid rgba(0,229,255,.20)!important;box-shadow:0 10px 30px rgba(0,0,0,.30)!important;}
  .nav .container{width:94vw!important;max-width:1200px!important;margin:0 auto!important;padding:10px 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
  .nav .brand{display:block!important;flex:1 1 auto!important;padding:0!important;border:0!important;font-size:1.12rem!important;white-space:nowrap!important;}
  .mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:88px!important;min-height:44px!important;border:1px solid rgba(0,229,255,.45)!important;border-radius:999px!important;background:linear-gradient(135deg,#00e5ff,#21f2ff)!important;color:#001016!important;font-weight:1000!important;position:relative!important;z-index:10003!important;}
  .navlinks{display:none!important;position:absolute!important;left:3vw!important;right:3vw!important;top:calc(100% + 6px)!important;width:auto!important;max-height:calc(100dvh - 82px)!important;overflow:auto!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:12px!important;border:1px solid rgba(0,229,255,.25)!important;border-radius:18px!important;background:#07131b!important;box-shadow:0 20px 60px rgba(0,0,0,.55)!important;z-index:10002!important;}
  .nav.crf-mobile-open .navlinks{display:flex!important;}
  .navlinks a,.navlinks .btn{display:flex!important;width:100%!important;min-height:46px!important;align-items:center!important;justify-content:flex-start!important;padding:13px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#e9f4f8!important;text-decoration:none!important;font-weight:900!important;text-transform:uppercase!important;font-size:.88rem!important;letter-spacing:.04em!important;}
  .navlinks a.active{background:rgba(0,229,255,.16)!important;border-color:rgba(0,229,255,.45)!important;color:#00e5ff!important;}
  .crf-sidebar-collapse-btn{display:none!important;}
  body.crf-mobile-menu-open{overflow:hidden!important;}
  .cards,.price-card-grid,.projects-grid,.crf-projects-grid,.gallery-grid,.crf-equipment-grid{grid-template-columns:1fr!important;}
  .card,.glass,.crf-project-card{min-width:0!important;max-width:100%!important;}
  .section{padding-left:0!important;padding-right:0!important;}
  .container{width:94vw!important;}
  .btn,button,input,select,textarea{font-size:16px!important;}
  .btn,button{min-height:44px;}
  table{display:block!important;overflow-x:auto!important;max-width:100%!important;}
}
@media(max-width:560px){
  .hero h1,.section-title h2{font-size:clamp(1.65rem,8vw,2.4rem)!important;}
  .hero-actions,.quote-toolbar,.form-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .btn{width:100%;justify-content:center;}
}
.crf-image-fallback{display:flex;align-items:center;justify-content:center;min-height:150px;border-radius:16px;border:1px dashed rgba(0,229,255,.35);background:rgba(0,229,255,.06);color:#dff8ff;font-weight:900;text-align:center;padding:16px;}