/* Motor İçin Her Şey — Black Edition v5.5 — FULL-WIDTH ADAPTIVE LAYOUT
   These styles ONLY control dimensions, layout and responsiveness.
   Brand colors, typography, copy, banners and graphic assets stay unchanged.
   Loaded AFTER site.css and size-v54.css for compatibility with prior updates. */
:root{--be-gutter:clamp(12px,2.4vw,56px);--be-card-gap:clamp(9px,1vw,18px)}
html,body{width:100%;max-width:100%;margin:0;overflow-x:clip}
.be-page{box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;min-width:0;box-shadow:none;overflow:clip}
.be-page main,.be-page section,.be-page nav,.be-page footer{min-width:0}
.be-top{padding-left:var(--be-gutter);padding-right:var(--be-gutter);height:auto;min-height:34px;gap:12px;flex-wrap:wrap}
.be-toplinks{flex-wrap:wrap;gap:clamp(9px,1.2vw,24px)}
.be-top-auth{white-space:nowrap}
.be-head{padding-left:var(--be-gutter);padding-right:var(--be-gutter);gap:clamp(12px,1.4vw,29px);height:auto;min-height:84px}
.be-logo{flex:0 0 auto;width:clamp(150px,15vw,225px)}
.be-logo img{width:100%;max-width:215px;height:76px;object-fit:contain}
.be-search{flex:1 1 230px;min-width:0;max-width:none}
.be-whatsapp{flex:0 0 auto}
.be-nav{padding-left:var(--be-gutter);padding-right:var(--be-gutter);gap:clamp(7px,.9vw,16px);height:43px}
.be-categories-toggle{width:clamp(150px,14vw,205px);min-width:0;flex:0 0 auto}
.be-nav-links{min-width:0;justify-content:space-between;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#5b171d transparent;white-space:nowrap}
.be-nav-links a{flex:0 0 auto;white-space:nowrap;font-size:clamp(10px,.7vw,13px);padding:0 clamp(7px,.65vw,14px)}
.be-nav-links .be-nav-vehicles{flex:0 0 auto}
/* Preserve the approved 1024:234 hero composition without squashing it on widescreens. */
.be-hero{height:clamp(240px,22.85vw,600px);min-height:0;aspect-ratio:auto;background-size:cover;background-position:center center;background-repeat:no-repeat}
.be-categories{margin-left:var(--be-gutter);margin-top:clamp(8px,1vw,20px);width:clamp(170px,14vw,235px);padding:6px 8px}
.be-categories li a{height:clamp(22px,1.9vw,37px);font-size:clamp(10px,.78vw,13px);gap:4px}
.be-categories li a span:first-child{font-size:clamp(12px,1vw,18px)}
.be-hero-prev{left:calc(var(--be-gutter) + clamp(180px,16vw,250px))}
.be-hero-next{right:var(--be-gutter)}
.be-trust-strip{padding:12px var(--be-gutter);height:auto;min-height:76px;gap:clamp(4px,.7vw,12px)}
.be-trust-feature{min-width:0;padding:7px clamp(6px,.75vw,20px);gap:clamp(5px,.65vw,12px)}
.be-trust-feature b{font-size:clamp(11px,.8vw,15px);white-space:normal}
.be-trust-feature small{font-size:clamp(9px,.65vw,12px);line-height:1.25}
.be-promo-grid{padding:clamp(10px,1.3vw,26px) var(--be-gutter);gap:var(--be-card-gap);grid-template-columns:repeat(4,minmax(0,1fr))}
.be-promo-grid a{height:auto;min-height:100px;aspect-ratio:251 / 102;background-size:100% 100%;background-position:center}
.be-section{padding:clamp(9px,1.25vw,24px) var(--be-gutter) clamp(16px,1.5vw,30px)}
.be-section-title{min-height:36px;height:auto;gap:10px;flex-wrap:wrap}
.be-section-title h2{font-size:clamp(17px,1.25vw,24px)}
.be-section-title>a{font-size:clamp(11px,.75vw,14px)}
.be-tabs{flex-wrap:wrap;margin-left:clamp(5px,.8vw,15px);gap:4px}
.be-tabs a{padding:clamp(7px,.7vw,12px) clamp(9px,.8vw,16px);font-size:clamp(11px,.7vw,13px)}
.be-carousel{min-width:0}
.be-carousel-track{--be-count:6;--be-gap:var(--be-card-gap);grid-auto-columns:calc((100% - (var(--be-count) - 1) * var(--be-gap))/var(--be-count));gap:var(--be-gap);min-width:0;scroll-padding-inline:1px;overscroll-behavior-x:contain}
.be-carousel-arrow.prev{left:3px}
.be-carousel-arrow.next{right:3px}
.be-motor-card,.be-product-card{min-width:0;min-height:clamp(215px,17vw,310px);padding:clamp(9px,.8vw,16px)}
.be-motor-card img{height:clamp(110px,10vw,190px);max-width:100%;object-fit:contain}
.be-product-card img{height:clamp(115px,10vw,190px);max-width:100%;object-fit:contain}
.be-motor-card strong,.be-card-name{font-size:clamp(12px,.85vw,15px);white-space:normal;overflow:hidden;overflow-wrap:anywhere}
.be-motor-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.1em}
.be-card-name{min-height:2.5em;max-height:3.8em}
.be-motor-bottom span,.be-card-price{font-size:clamp(13px,1vw,19px)}
.be-mini-cta{white-space:nowrap}
.be-wide-banners{padding:0 var(--be-gutter) clamp(14px,1.5vw,30px);gap:var(--be-card-gap)}
.be-wide-banners a{height:auto;aspect-ratio:469 / 118;background-size:100% 100%;min-height:105px}
.be-brand-section{padding-bottom:clamp(13px,1.7vw,30px)}
.be-brand-strip{gap:clamp(5px,.6vw,12px)}
.be-brand-strip a{flex:1 0 7.5%;min-width:0;height:clamp(46px,4vw,86px)}
.be-trust-last{height:clamp(110px,11vw,220px);background-size:cover;background-position:center}
.be-trust-last-content{left:var(--be-gutter);right:var(--be-gutter);bottom:clamp(10px,1.2vw,22px)}
.be-trust-last-content b{font-size:clamp(10px,.85vw,16px)}
.be-trust-last-content small{font-size:clamp(8px,.7vw,13px)}
.be-newsletter{padding:clamp(12px,1.25vw,25px) var(--be-gutter);gap:clamp(9px,1.2vw,26px);flex-wrap:wrap}
.be-newsletter form{flex:1 1 265px;height:40px;min-width:0}
.be-newsletter>div{min-width:200px}
.be-newsletter b{font-size:clamp(12px,.8vw,16px)}
.be-newsletter small{font-size:clamp(10px,.65vw,13px)}
.be-newsletter>label{flex:0 1 auto;font-size:11px}
.be-footer{padding:clamp(20px,2.1vw,45px) var(--be-gutter) 0}
.be-footer-grid{gap:clamp(13px,2vw,42px);grid-template-columns:minmax(230px,1.3fr) repeat(3,minmax(130px,.8fr)) minmax(170px,1fr)}
.be-footer-grid>div{font-size:clamp(10px,.72vw,14px);min-width:0;overflow-wrap:anywhere}
.be-footer-grid h4{font-size:clamp(13px,.85vw,17px)}
.be-footer-grid p{font-size:clamp(10px,.72vw,14px)}
.be-demo-note{margin-left:var(--be-gutter);margin-right:var(--be-gutter)}
.be-shop-container,.be-info-page{padding-left:var(--be-gutter);padding-right:var(--be-gutter)}
.be-shop-grid{grid-template-columns:clamp(190px,17vw,300px) minmax(0,1fr);gap:clamp(12px,1.5vw,28px)}
.be-shop-products{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--be-card-gap);min-width:0}
.be-product-detail{padding-left:var(--be-gutter);padding-right:var(--be-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,48px)}
.be-product-photo img{height:clamp(300px,30vw,570px);max-width:100%}
.be-product-detail>*,.be-info-page>*,.be-shop-grid>*{min-width:0}
.be-wrap-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.be-table{max-width:100%}
.be-vehicle-gallery{grid-template-columns:minmax(0,1fr) clamp(78px,8vw,125px)}
.be-vehicle-gallery-main img{height:clamp(250px,28vw,520px)}
/* Wide desktop: content truly uses the available screen width. */
@media(min-width:1800px){
 .be-carousel-track{--be-count:7}
 .be-shop-products{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(min-width:2300px){
 .be-carousel-track{--be-count:8}
 .be-shop-products{grid-template-columns:repeat(7,minmax(0,1fr))}
}
/* Laptop & tablet landscape */
@media(max-width:1350px){
 .be-nav-links{justify-content:flex-start}
 .be-carousel-track{--be-count:5}
 .be-shop-products{grid-template-columns:repeat(4,minmax(0,1fr))}
 .be-footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:20px}
 .be-footer-grid>div:last-child{grid-column:2 / span 3}
 .be-trust-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1050px){
 .be-head{gap:14px}
 .be-whatsapp{display:none}
 .be-nav-links{justify-content:flex-start;gap:3px}
 .be-nav-links a{font-size:11px;padding:0 10px}
 .be-carousel-track{--be-count:4}
 .be-shop-products{grid-template-columns:repeat(3,minmax(0,1fr))}
 .be-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 .be-trust-feature{border-right:none}
 .be-brand-strip a{flex:0 0 12%}
}
/* Tablet portrait, mobile: navigation collapses, cards and forms reflow. */
@media(max-width:790px){
 :root{--be-gutter:clamp(12px,3vw,24px)}
 .be-top{min-height:30px}
 .be-head{padding:9px var(--be-gutter);height:auto;min-height:70px;flex-wrap:wrap}
 .be-logo{width:clamp(115px,19vw,160px)}
 .be-logo img{height:54px}
 .be-search{order:3;flex:1 1 100%;height:42px}
 .be-nav{padding:0 var(--be-gutter);height:auto;min-height:40px;align-items:stretch}
 .be-categories-toggle{min-width:125px;width:140px}
 .be-nav-links{overflow-x:auto;min-width:0;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}
 .be-nav-links a{flex:0 0 auto;font-size:11px;padding:8px 10px}
 .be-hero{height:clamp(215px,30vw,290px);background-size:cover;background-position:center}
 .be-categories{display:none}
 .be-menu-open .be-categories{display:block;position:absolute;left:0;top:0;margin-left:var(--be-gutter);width:min(240px,55vw)}
 .be-hero-prev{left:var(--be-gutter)}
 .be-carousel-track{--be-count:3}
 .be-motor-card,.be-product-card{min-height:220px}
 .be-motor-card img,.be-product-card img{height:125px}
 .be-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .be-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 .be-wide-banners{grid-template-columns:repeat(2,minmax(0,1fr))}
 .be-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .be-footer-grid>div:last-child{grid-column:auto}
 .be-brand-strip a{flex:0 0 17%;height:55px}
 .be-shop-grid{grid-template-columns:1fr}
 .be-shop-products{grid-template-columns:repeat(3,minmax(0,1fr))}
 .be-product-detail{grid-template-columns:minmax(0,1fr)}
 .be-wrap-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .be-newsletter>div{flex:1 1 55%}
 .be-newsletter form{flex:1 1 60%}
}
@media(max-width:560px){
 :root{--be-gutter:12px;--be-card-gap:9px}
 .be-top{padding:7px var(--be-gutter);gap:7px;font-size:10px}
 .be-top-auth{font-size:10px}
 .be-head{padding:7px var(--be-gutter);gap:10px}
 .be-logo{width:115px}
 .be-logo img{width:115px;height:48px}
 .be-head-link{min-width:45px}
 .be-nav{display:block;padding:0;height:auto}
 .be-categories-toggle{height:38px;width:100%;border-radius:0;text-align:left;padding:0 var(--be-gutter)}
 .be-nav-links{display:none;flex-wrap:wrap;padding:6px var(--be-gutter);gap:2px;overflow:visible}
 .be-menu-open .be-nav-links{display:flex}
 .be-nav-links a{padding:8px 10px;font-size:11px}
 .be-hero{height:clamp(175px,49vw,235px);background-size:auto 100%;background-position:49% 50%}
 .be-hero-btn{display:none}
 .be-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px var(--be-gutter)}
 .be-trust-feature{padding:4px;gap:4px}
 .be-trust-feature>span{min-width:20px;font-size:22px}
 .be-promo-grid{gap:8px;padding:11px var(--be-gutter)}
 .be-promo-grid a{min-height:68px;aspect-ratio:251 / 102}
 .be-section{padding:12px var(--be-gutter) 18px}
 .be-section-title{flex-wrap:wrap;gap:6px;min-height:29px}
 .be-section-title h2{font-size:16px}
 .be-tabs{width:100%;order:3;margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 .be-tabs a{flex:0 0 auto;padding:8px 10px}
 .be-carousel-track{--be-count:2;--be-gap:9px}
 .be-motor-card,.be-product-card{min-height:207px;padding:9px}
 .be-motor-card img,.be-product-card img{height:114px}
 .be-motor-bottom span,.be-card-price{font-size:13px}
 .be-wide-banners{grid-template-columns:1fr;padding:0 var(--be-gutter) 15px;gap:10px}
 .be-wide-banners a{aspect-ratio:469/118;min-height:75px}
 .be-brand-strip a{flex:0 0 24%;height:53px}
 .be-trust-last{height:100px;background-size:cover}
 .be-trust-last-content{bottom:7px;left:8px;right:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
 .be-trust-last-content b{font-size:9px}
 .be-trust-last-content small{font-size:7px}
 .be-newsletter{padding:14px var(--be-gutter)}
 .be-newsletter>div{flex:1 1 75%;min-width:0}
 .be-newsletter form{flex:1 1 100%;min-width:0}
 .be-newsletter>label{flex:1 1 100%}
 .be-footer{padding:18px var(--be-gutter) 0}
 .be-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
 .be-footer-grid>div:first-child{grid-column:span 2}
 .be-footer-grid>div:last-child{grid-column:auto}
 .be-shop-container,.be-info-page{padding-left:var(--be-gutter);padding-right:var(--be-gutter)}
 .be-shop-products{grid-template-columns:repeat(2,minmax(0,1fr))}
 .be-product-detail{padding:18px var(--be-gutter) 38px}
 .be-product-photo img{height:280px}
 .be-wrap-cards{grid-template-columns:1fr}
 .be-vehicle-gallery{grid-template-columns:1fr}
 .be-vehicle-gallery-main img{height:250px}
 .be-footer-bottom{flex-wrap:wrap;height:auto;padding:12px 0;gap:9px}
}
@media(max-width:350px){
 .be-hero{height:160px}
 .be-motor-card,.be-product-card{padding:7px;min-height:195px}
 .be-motor-card img,.be-product-card img{height:96px}
 .be-trust-feature b{font-size:10px}
 .be-trust-feature small{font-size:8px}
 .be-footer-grid{gap:12px}
}
/* Prevent horizontal overflow from long customer content and tables. */
.be-shop-grid,.be-product-detail,.be-footer-grid{max-width:100%}
.be-info-page table,.be-shop-container table{display:block;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.be-info-page img,.be-shop-container img{max-width:100%}

/* Larger photo, fit without cropping */
.be-vehicle-gallery-main img{height:auto;max-height:520px;object-fit:contain}

.be-vehicle-gallery{align-items:start}
/* Keep vehicle gallery frames aligned and proportional. */
.be-vehicle-gallery{align-items:start}
.be-vehicle-gallery-main img{display:block;width:100%;height:auto;max-height:clamp(280px,40vw,520px);object-fit:contain}
.be-vehicle-listings .be-carousel-track{--be-count:4}
.be-vehicle-listings .be-motor-card img{height:190px}
.be-vehicle-listings .be-mini-cta{font-size:14px;padding:11px 16px;min-width:90px}
@media(max-width:560px){.be-vehicle-listings .be-carousel-track{--be-count:1.25}}
/* Homepage used vehicle cards: larger image window and stronger CTA. */
.be-vehicle-listings .be-carousel-track>.be-motor-card{flex:0 0 calc((100% - 42px)/4);width:calc((100% - 42px)/4)}
.be-vehicle-listings .be-motor-card .be-motor-photo{height:190px}
.be-vehicle-listings .be-motor-card .be-motor-photo>img{height:100%;object-fit:contain}
.be-vehicle-listings .be-mini-cta{font-size:14px!important;min-height:42px;padding:11px 16px;min-width:90px}
@media(max-width:560px){.be-vehicle-listings .be-carousel-track>.be-motor-card{flex-basis:80%;width:80%}.be-vehicle-listings .be-motor-card .be-motor-photo{height:180px}.be-vehicle-listings .be-mini-cta{min-height:40px}}
/* Restore the wider four-card vehicle carousel in the reference layout. */
.mih-home-reference .mih130-catalog-section.be-vehicle-listings .be-carousel-track{grid-auto-columns:calc((100% - 54px)/4)!important;gap:18px!important}
@media(max-width:560px){.mih-home-reference .mih130-catalog-section.be-vehicle-listings .be-carousel-track{grid-auto-columns:80%!important;gap:12px!important}}
.mih-home-reference .mih130-catalog-section.be-vehicle-listings .be-carousel-track>.be-motor-card{width:100%!important;flex:none!important}