:root{--gun:#262b31;--gun2:#323941;--gun3:#404851;--blue:#2c68ff;--blue2:#1954e8;--paper:#f4f6f8;--ink:#17202a;--muted:#65717e;--line:#dfe4e9;--white:#fff;--radius:14px;--shadow:0 18px 50px rgba(14,22,30,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}a{text-decoration:none}.container{max-width:1380px}.site-header{background:rgba(35,40,46,.97);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px)}.header-inner{height:86px;display:flex;align-items:center;gap:34px}.brand img{width:250px;max-height:62px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{color:#d9dde1;font-weight:600;font-size:14px;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;background:var(--blue);border-radius:9px}.header-cta,.sell-inner>a{background:var(--blue);color:#fff;font-weight:700;border-radius:9px;padding:13px 18px;transition:.2s}.header-cta:hover,.sell-inner>a:hover{background:var(--blue2);color:#fff;transform:translateY(-1px)}.nav-toggle{display:none;background:none;border:0}.hero{background:linear-gradient(115deg,rgba(32,37,43,.97),rgba(42,49,57,.92)),url('/img/bikenet_background.jpg') center/cover;padding:72px 0 78px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(44,104,255,.16);border-radius:50%;right:-260px;top:-250px;box-shadow:0 0 0 80px rgba(44,104,255,.04),0 0 0 160px rgba(44,104,255,.025)}.hero-grid{display:grid;grid-template-columns:1fr 620px;gap:70px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.1px;color:var(--blue)}.hero h1{font-size:62px;line-height:1.03;color:#fff;margin:16px 0 22px;letter-spacing:-2.8px;font-weight:800}.hero h1 em{color:#7da2ff;font-style:normal}.hero-copy>p{color:#c4cbd2;font-size:18px;line-height:1.65;max-width:590px}.hero-trust{display:flex;gap:25px;margin-top:30px;color:#e4e8ec;font-size:14px}.hero-trust i{color:#74a0ff;margin-right:6px}.search-panel{background:#fff;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.34);overflow:hidden}.search-tabs{height:60px;background:#edf0f3;display:grid;grid-template-columns:1fr 1fr}.search-tabs button,.search-tabs a{border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:#697481;font-weight:700}.search-tabs .active{background:#fff;color:var(--ink);box-shadow:inset 0 4px 0 var(--blue)}#bike-search{padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px}#bike-search label{display:flex;flex-direction:column;gap:7px}#bike-search label>span{font-size:12px;color:#56616d;font-weight:700}#bike-search input,#bike-search select,.result-tools select{height:49px;border:1px solid #d7dde3;border-radius:8px;background:#fff;padding:0 13px;font:inherit;color:var(--ink);outline:none}#bike-search input:focus,#bike-search select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(44,104,255,.12)}.search-wide{grid-column:1/-1}.input-icon{position:relative}.input-icon i{position:absolute;left:15px;top:16px;color:var(--blue)}.input-icon input{width:100%;padding-left:43px!important}.more-filters{grid-column:1/-1;border-top:1px solid var(--line);padding-top:5px}.more-filters summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:700;list-style:none;padding:7px 0}.more-filters summary::-webkit-details-marker{display:none}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:12px}.search-submit{grid-column:1/-1;height:54px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;font-size:16px}.search-submit:hover{background:var(--blue2)}.inventory-section{padding:64px 0 78px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2,.sell-strip h2{font-size:35px;margin:8px 0 0;font-weight:800;letter-spacing:-1px}.result-tools{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.result-tools select{height:42px}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bike-card{background:#fff;border:1px solid #e1e5e9;border-radius:var(--radius);overflow:hidden;transition:.22s;position:relative;min-width:0}.bike-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.bike-photo{height:225px;background:#dde2e6;position:relative;overflow:hidden}.bike-photo img{width:100%;height:100%;object-fit:cover;transition:.35s}.bike-card:hover .bike-photo img{transform:scale(1.035)}.condition{position:absolute;top:14px;left:14px;background:rgba(31,37,43,.9);color:#fff;padding:7px 10px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase}.condition.private{background:var(--blue)}.bike-content{padding:20px}.bike-brand{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.bike-title{font-size:20px;font-weight:800;margin:6px 0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bike-meta{display:flex;gap:14px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.bike-meta i{color:#8b96a2}.bike-bottom{display:flex;justify-content:space-between;align-items:end;padding-top:16px}.bike-price{font-size:22px;font-weight:800}.bike-dealer{font-size:11px;color:var(--muted);max-width:45%;text-align:right}.loading-card,.empty-state{grid-column:1/-1;background:#fff;border-radius:var(--radius);padding:60px;text-align:center;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:35px}.pagination button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff}.pagination button:disabled{opacity:.4}.active-filter{background:#e9efff;border:1px solid #cfdcff;color:#234ea8;padding:12px 16px;border-radius:9px;margin-bottom:20px;font-size:13px}.sell-strip{background:linear-gradient(100deg,#252b31,#39414a);color:#fff;padding:55px 0}.sell-inner{display:flex;align-items:center;justify-content:space-between}.sell-inner p{color:#c6cdd4;margin:10px 0 0}.site-footer{background:#1d2227;color:#aeb7c0;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-logo{width:230px;margin-bottom:15px}.footer-grid p{max-width:430px;line-height:1.7}.footer-grid h3{color:#fff;font-size:14px;margin-bottom:16px}.footer-grid a{display:block;color:#aeb7c0;margin:9px 0;font-size:14px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #343a40;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px}.mainFrameOccasion,.mainFrame{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 8px 30px rgba(20,30,40,.08)}.mainFrameOccasion{max-width:1050px;margin:35px auto!important;padding:35px!important}.mainFrameOccasion .row{padding:12px!important}.mainFrameOccasion .grey{background:#f5f7f9!important;border-color:#e7ebef!important}.btn-info,.btn-primary{background:var(--blue)!important;border-color:var(--blue)!important}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-trust{justify-content:center}.inventory-grid{grid-template-columns:repeat(3,1fr)}.main-nav{gap:17px}.header-cta{display:none}}
@media(max-width:800px){.header-inner{height:72px}.brand img{width:205px}.nav-toggle{display:block;margin-left:auto}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#282e34;padding:20px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.main-nav a.active:after{display:none}.hero{padding:45px 0}.hero h1{font-size:43px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.hero h1{font-size:37px}.hero-trust{flex-direction:column;gap:8px}.search-tabs{height:52px}#bike-search{grid-template-columns:1fr;padding:20px}#bike-search>*{grid-column:1!important}.more-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:18px;flex-direction:column}.result-tools{width:100%;justify-content:space-between}.inventory-grid{grid-template-columns:1fr}.bike-photo{height:245px}.sell-inner{align-items:flex-start;gap:25px;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.mainFrameOccasion{margin:15px!important;padding:18px!important}}

/* BikeNet 2.0 v4 - compact search and complete gunmetal palette */
:root{
  --paper:#2b3137;
  --surface:#353c44;
  --surface-2:#3d454e;
  --surface-3:#464f59;
  --ink:#f2f5f7;
  --muted:#b8c0c8;
  --line:#505963;
}
html,body{background:#2b3137;color:var(--ink)}
.hero{padding:38px 0 42px;background:linear-gradient(115deg,rgba(34,39,45,.98),rgba(48,55,63,.95)),url('/img/bikenet_background.jpg') center/cover}
.hero-grid{grid-template-columns:1fr 590px;gap:48px}
.hero h1{font-size:52px;margin:12px 0 14px;line-height:1.02}
.hero-copy>p{font-size:16px;line-height:1.5;margin-bottom:0}
.hero-trust{margin-top:20px}
.search-panel{background:var(--surface);border:1px solid #59636e;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.search-tabs{height:48px;background:#2d3339;border-bottom:1px solid var(--line)}
.search-tabs button,.search-tabs a{color:#bdc5cc}
.search-tabs .active{background:var(--surface);color:#fff}
#bike-search{padding:18px;gap:12px}
#bike-search label{gap:5px}
#bike-search label>span{color:#d3d9de}
#bike-search input,#bike-search select,.result-tools select{height:42px;background:#2d3339;border-color:#59636e;color:#fff}
#bike-search input::placeholder{color:#9da6ae}
#bike-search select option,.result-tools select option{background:#2d3339;color:#fff}
.input-icon i{top:13px}
.more-filters{border-color:var(--line);padding-top:1px}
.more-filters summary{padding:5px 0}
.more-grid{gap:10px;padding-top:8px}
.search-submit{height:46px;font-size:15px}
.inventory-section{background:#2b3137;padding:46px 0 62px}
.section-heading h2,.sell-strip h2{color:#fff}
.bike-card,.loading-card,.empty-state{background:var(--surface);border-color:#4b545e;color:#fff}
.bike-photo{background:#252b30}
.bike-title,.bike-price{color:#fff}
.bike-meta{color:#c0c7ce;border-color:#515a64}
.bike-dealer{color:#b6bec6}
.pagination button{background:var(--surface);border-color:#59636e;color:#fff}
.active-filter{background:#35466d;border-color:#4d68a0;color:#dce6ff}
.sell-strip{background:linear-gradient(100deg,#242a30,#363e46)}
.site-footer{background:#1f2429}
.mainFrameOccasion,.mainFrame{background:var(--surface)!important;border-color:#505963!important;color:#fff!important}
.mainFrameOccasion .grey{background:#2d3339!important;border-color:#505963!important;color:#fff!important}
main,section:not(.hero):not(.sell-strip),.content,.page-content,.container-fluid{background-color:transparent}
.card,.panel,.well,.modal-content,.dropdown-menu,.list-group-item,table,thead,tbody,tr,td,th{background-color:var(--surface)!important;color:#fff!important;border-color:#505963!important}
.form-control,input,select,textarea{background-color:#2d3339;color:#fff;border-color:#59636e}
.form-control:focus,input:focus,select:focus,textarea:focus{background-color:#31383f;color:#fff;border-color:var(--blue)}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#9da6ae}
.bg-white,.white,.light-bg{background-color:var(--surface)!important;color:#fff!important}
.text-dark{color:#fff!important}.text-muted{color:#b8c0c8!important}

@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero{padding:34px 0 38px}.hero h1{font-size:45px}}
@media(max-width:560px){.hero{padding:28px 0 32px}.hero h1{font-size:35px}.search-tabs{height:44px}#bike-search{padding:14px;gap:10px}#bike-search input,#bike-search select{height:40px}.search-submit{height:44px}}

/* BikeNet 2.0 - motor detailpagina */
#unitDetailScherm{margin:0!important;padding:34px 18px 72px;background:linear-gradient(180deg,#252b31 0,#30373f 310px,#2a3036 100%)}
#unitDetailScherm>.mainFrameOccasion{max-width:1320px!important;margin:0 auto!important;padding:34px!important;background-color:#343b43!important;background-size:150px auto!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:22px!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important;color:#eef2f5!important;overflow:hidden}
#unitDetailScherm>.mainFrameOccasion> .row:first-child{padding:0!important}
#unitDetailScherm h1{margin:0!important;text-indent:0!important;color:#fff!important;letter-spacing:-1px}
#unitDetailScherm h1:first-child{font-size:15px!important;text-transform:uppercase;letter-spacing:2px;color:#78a1ff!important;margin-bottom:8px!important}
#unitDetailScherm h1:nth-child(2){font-size:42px!important;line-height:1.08;margin-bottom:26px!important;max-width:850px}
#unitDetailScherm .lSSlideOuter{width:100%!important;background:#22282e;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(0,0,0,.22);margin-bottom:30px}
#unitDetailScherm .lSSlideOuter img{border-radius:13px!important;max-height:660px;object-fit:contain;background:#1c2126}
#unitDetailScherm .lSPager.lSGallery{margin-top:12px!important}
#unitDetailScherm .lSPager.lSGallery li{border-radius:8px!important;overflow:hidden;border:2px solid transparent;opacity:.7}
#unitDetailScherm .lSPager.lSGallery li.active{border-color:var(--blue);opacity:1}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2){display:block!important}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-3{display:none!important}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6{width:100%!important;max-width:none!important;flex:0 0 100%!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row{margin:0!important;min-height:62px;padding:15px 18px!important;border:1px solid rgba(255,255,255,.08)!important;background:#2b3239!important;align-items:center;border-radius:11px}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row.grey{background:#303840!important}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row:first-child{display:none!important}
#unitDetailScherm .biggerFont{font-size:15px!important;color:#aeb8c2}
#unitDetailScherm .biggerFont b,#unitDetailScherm .biggerFont strong{color:#fff;font-size:16px}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row:nth-of-type(2){grid-column:1/-1;background:linear-gradient(120deg,#243e78,#2d68ff)!important;min-height:94px;border:0!important;margin-bottom:6px!important}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row:nth-of-type(2) .biggerFont{color:#dbe6ff;font-size:17px!important}
#unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row:nth-of-type(2) .biggerFont:last-child{font-size:25px!important;text-align:right;color:#fff}
#unitDetailScherm .btn{border:0!important;border-radius:10px!important;font-weight:800!important;box-shadow:none!important}
#unitDetailScherm .btn-info,#unitDetailScherm .btn-primary{background:var(--blue)!important;color:#fff!important}
#unitDetailScherm .btn-success{background:#278a56!important}
#unitDetailScherm .btn-occasion{background:#4b5661!important;color:#fff!important}
#unitDetailScherm hr{border-color:rgba(255,255,255,.1)!important;margin:28px 0!important}
#unitDetailScherm a{color:#83a8ff!important}
#unitDetailScherm a:hover{color:#fff!important}
#unitDetailScherm .col-xl-12.biggerFont{line-height:1.75;color:#d6dde3!important}
#unitDetailScherm img[src*="combimotors_banner"]{border:0!important;border-radius:12px;overflow:hidden}
#unitDetailScherm .col-xl-4 .btn{min-height:54px!important;font-size:15px!important;margin-bottom:10px!important}
#unitDetailScherm .row:has(> .col-xl-8){margin:8px 0 0!important;padding:28px!important;background:#282f36!important;border:1px solid rgba(255,255,255,.08);border-radius:16px;align-items:center}
#unitDetailScherm .row:has(> .col-xl-8) h2{font-size:28px;color:#fff;margin:0 0 14px}
#unitDetailScherm .row:has(> .col-xl-8) p{font-size:15px!important;color:#cbd3da;line-height:1.65}
#unitDetailScherm .row:has(> .col-xl-8) img{max-width:190px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
#titelAndereOccasions{width:100%!important;max-width:none!important;flex:0 0 100%!important;margin-top:36px;padding:0!important}
#titelAndereOccasions h3{color:#fff;font-size:27px;margin:0 0 18px}
#andereInteressanteOccasions{width:100%}
#unitDetailScherm>.mainFrameOccasion>.row:last-of-type>.col-xl-6{width:100%!important;max-width:none!important;flex:0 0 100%!important;padding:0!important}
#prepareProefrit{background:#2a3036!important;padding:35px 18px 70px}
#prepareProefrit .mainFrameOccasion{background-color:#343b43!important;color:#fff!important;border-color:rgba(255,255,255,.09)!important}
#prepareProefrit .form-control{background:#272d33!important;color:#fff!important;border:1px solid #4a535c!important;border-radius:9px!important;min-height:48px}
#prepareProefrit textarea.form-control{min-height:130px}
/* Larger BikeNet logo */
.site-header .header-inner{height:100px}
.site-header .brand img{width:330px;max-height:78px}
@media(max-width:991px){
 #unitDetailScherm{padding:20px 10px 50px}
 #unitDetailScherm>.mainFrameOccasion{padding:20px!important;background-size:105px auto!important}
 #unitDetailScherm h1:nth-child(2){font-size:32px!important;padding-right:70px}
 #unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6{grid-template-columns:1fr}
 #unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row:nth-of-type(2){grid-column:auto}
 #unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row:nth-of-type(2) .biggerFont:last-child{text-align:left;margin-top:5px}
 .site-header .header-inner{height:82px}
 .site-header .brand img{width:245px;max-height:62px}
}
@media(max-width:575px){
 #unitDetailScherm>.mainFrameOccasion{padding:15px!important;border-radius:14px!important}
 #unitDetailScherm h1:nth-child(2){font-size:27px!important}
 #unitDetailScherm>.mainFrameOccasion>.row:nth-of-type(2)>.col-xl-6>.row{padding:13px!important}
 #unitDetailScherm .biggerFont{font-size:13px!important}
 #unitDetailScherm .biggerFont b{font-size:14px}
 #unitDetailScherm .row:has(> .col-xl-8){padding:18px!important}
}

/* BikeNet typography */
:root {
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
html, body, input, button, select, textarea { font-family: var(--font-family-sans-serif) !important; }
code, pre, kbd, samp { font-family: var(--font-family-monospace) !important; }

/* Mobile-first motor selling page */
.motor-sell-page { max-width: 920px; margin: 24px auto 56px; padding: 0 16px; }
.motor-sell-card { padding: 30px !important; overflow: hidden; }
.motor-sell-card > h1 { margin: 0 0 10px; font-size: clamp(30px, 5vw, 44px); line-height: 1.08; color: #fff; }
.motor-sell-intro { color: #c5cbd1; line-height: 1.65; margin-bottom: 28px; }
.motor-sell-card h3 { color: #fff; font-size: 21px; margin: 30px 0 15px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.1); }
.motor-sell-card hr { display: none; }
.motor-sell-card .sell-field { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 18px; align-items: center; padding: 13px 14px !important; margin: 0 0 8px; border-radius: 10px; background: #30373f !important; border: 1px solid rgba(255,255,255,.08); }
.motor-sell-card .sell-field.grey { background: #2a3037 !important; }
.motor-sell-card .sell-label { color: #e7eaee; font-weight: 700; }
.motor-sell-card .form-control,
.motor-sell-card .form-select { width: 100%; min-height: 50px; border-radius: 9px; border: 1px solid #56606b; background: #20262c; color: #fff; font-size: 16px; padding: 11px 13px; }
.motor-sell-card textarea.form-control { min-height: 150px; resize: vertical; }
.motor-sell-card .form-control:focus,
.motor-sell-card .form-select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(44,104,255,.2); background: #20262c; color: #fff; }
.motor-sell-card .form-control::placeholder { color: #929ba5; }
.motor-sell-card input[type=file] { padding: 9px; }
.motor-sell-card input[type=file]::file-selector-button { border: 0; border-radius: 7px; background: var(--blue); color: #fff; padding: 9px 12px; margin-right: 10px; font-weight: 700; }
.motor-sell-card .photo-preview img { width: 100%; max-width: 260px !important; max-height: 190px; object-fit: cover; }
.motor-sell-card #plaatsingButtons { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; width: 100%; }
.motor-sell-card #plaatsingButtons .plaatsing-btn { margin: 0; min-height: 54px; white-space: normal; border-radius: 9px !important; }
.motor-sell-submit { width: 100%; min-height: 54px; border-radius: 10px; font-size: 17px; font-weight: 800; }

@media (max-width: 700px) {
  .motor-sell-page { margin: 12px auto 36px; padding: 0 10px; }
  .motor-sell-card { margin: 0 !important; padding: 18px 14px !important; border-radius: 12px !important; }
  .motor-sell-card > h1 { font-size: 31px; }
  .motor-sell-intro { font-size: 15px; margin-bottom: 22px; }
  .motor-sell-card h3 { font-size: 19px; margin-top: 24px; }
  .motor-sell-card .sell-field,
  .motor-sell-card .sell-field.grey { display: block; padding: 12px !important; margin-bottom: 10px; }
  .motor-sell-card .sell-label { display: block; margin-bottom: 8px; font-size: 14px; }
  .motor-sell-card .form-control,
  .motor-sell-card .form-select { min-height: 52px; font-size: 16px; }
  .motor-sell-card #plaatsingButtons { grid-template-columns: 1fr; }
  .motor-sell-card #plaatsingButtons .plaatsing-btn { width: 100%; }
  .motor-sell-card .photo-preview img { max-width: 100% !important; }
  .motor-sell-submit { position: sticky; bottom: 10px; z-index: 5; box-shadow: 0 8px 25px rgba(0,0,0,.35); }
  .swal-wide { width: calc(100vw - 24px) !important; }
}

/* BikeNet 2.0 - 4:3 overview photography and license plate */
.inventory-grid .bike-photo {
  height: auto;
  aspect-ratio: 4 / 3;
  background: #252c33;
}
.inventory-grid .bike-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.inventory-grid .bike-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
}
.inventory-grid .bike-license {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 3px 8px 3px 6px;
  border-radius: 5px;
  background: #f4c900;
  border: 1px solid #cda900;
  color: #151515;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .7px;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: inset 3px 0 0 #2864c7;
}
.inventory-grid .bike-license i {
  color: #151515;
  font-size: 11px;
}
@media (max-width: 560px) {
  .inventory-grid .bike-photo { height: auto; aspect-ratio: 4 / 3; }
}