/* ZXMoto Details Slider — Frontend */
:root{--zxms-accent:#c0392b;--zxms-overlay-opacity:.6;--zxms-gap:16px}
.zxms-section{background:#f5f5f5;padding:60px 0 70px;overflow:hidden;font-family:inherit}
.zxms-section-title{font-size:clamp(26px,4vw,42px);font-weight:900;letter-spacing:.04em;color:#111;text-transform:uppercase;margin:0 0 28px;padding:0 50px;line-height:1}
.zxms-slider-wrapper{position:relative;display:flex;align-items:center}
.zxms-track-outer{flex:1;overflow:hidden;padding:0 0}
.zxms-track{display:flex;gap:var(--zxms-gap);transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.zxms-slide{flex:0 0 calc(50% - var(--zxms-gap)/2);min-width:calc(50% - var(--zxms-gap)/2);position:relative}
.zxms-slide-inner{position:relative;overflow:hidden;aspect-ratio:16/10;background:#222}
.zxms-slide-inner img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.zxms-slide:hover .zxms-slide-inner img{transform:scale(1.04)}
.zxms-caption{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 18px;background:linear-gradient(to top,rgba(0,0,0,var(--zxms-overlay-opacity)) 0%,rgba(0,0,0,0) 100%);display:flex;align-items:flex-end}
.zxms-caption span{color:#fff;font-size:clamp(13px,1.5vw,20px);font-weight:600;letter-spacing:.01em;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.zxms-arrow{flex-shrink:0;width:50px;height:50px;background:transparent;border:none;cursor:pointer;color:#888;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s;z-index:2}
.zxms-arrow svg{width:28px;height:28px}
.zxms-arrow:hover{color:#111}
.zxms-arrow.is-disabled,.zxms-arrow:disabled{color:#d0d0d0;cursor:default}
@media(max-width:767px){
  .zxms-section{padding:36px 0 44px}
  .zxms-section-title{padding:0 46px;font-size:22px}
  .zxms-slide{flex:0 0 calc(85% - var(--zxms-gap)/2);min-width:calc(85% - var(--zxms-gap)/2)}
  .zxms-arrow{width:36px;height:36px}
  .zxms-arrow svg{width:20px;height:20px}
}
@media(max-width:480px){
  .zxms-slide{flex:0 0 calc(95% - var(--zxms-gap));min-width:calc(95% - var(--zxms-gap))}
}