/* VIICA Vans – independent corporate theme. */
.vvc-app{
  --vvc-ink:#303935;
  --vvc-sky:#d9cec1;
  --vvc-blue:#092f3f;
  --vvc-orange:#a65a41;
  --vvc-paper:#f6f3ef;
  --vvc-line:#d8d5cf;
  background:#303935;
  color:#303935;
  font-family:"Lato","Avenir Next","Helvetica Neue",Arial,sans-serif;
}
.vvc-modal-wrap,.vvc-info-modal-wrap,.vvc-disclaimer-wrap{font-family:"Lato","Avenir Next","Helvetica Neue",Arial,sans-serif}
.vvc-shell{background:#f6f3ef;box-shadow:0 22px 65px rgba(48,57,53,.18)}
.vvc-kicker{color:#a65a41;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}

/* Modellauswahl: ein ruhiges, originales Topografie-Motiv. */
.vvc-intro{position:relative;isolation:isolate;overflow:hidden;padding-top:88px;background:#303935;color:#fff;text-align:left}
.vvc-intro:before{display:block;content:"";position:absolute;z-index:0;top:-150px;right:1.5%;width:min(58vw,940px);height:760px;background:transparent url("./topografie-eisblau.webp") center/contain no-repeat;clip-path:none;transform:none;opacity:.9;pointer-events:none}
.vvc-intro:after{display:none!important}
.vvc-intro>*{position:relative;z-index:1}
.vvc-intro .vvc-kicker{color:#d9cec1}
.vvc-intro h2{max-width:850px;font-size:clamp(42px,6vw,82px);font-weight:300;letter-spacing:-.045em}
.vvc-intro p{max-width:720px;margin:0;color:#ebe7e1;font-size:17px}
.vvc-models{background:linear-gradient(180deg,#303935 0 32px,#f6f3ef 32px 100%)}
.vvc-model{border:1px solid #d8d5cf;border-radius:2px;background:#fff;box-shadow:0 12px 34px rgba(48,57,53,.1)}
.vvc-model:hover{border-color:#a19184;box-shadow:0 22px 48px rgba(48,57,53,.18)}
.vvc-model-image{background:#e8e3dc}
.vvc-model-copy{padding:28px}
.vvc-model-copy>small{color:#756f69;text-transform:uppercase;letter-spacing:.1em}
.vvc-model-copy strong,.vvc-panel-title h2,.vvc-photo-info h2{color:#303935;font-weight:300;letter-spacing:-.025em}
.vvc-model-copy em{display:inline-flex;width:max-content;margin-top:3px;padding:9px 14px;border-radius:2px;background:#a65a41;color:#fff;font-style:normal;font-weight:700}

/* Fahrzeugbühne: bewusst frei von Linien, Polygonen und Farbflächen. */
.vvc-config-shell{gap:0;background:#303935}
.vvc-stage{isolation:isolate;margin:8px 0 8px 8px;border-radius:2px;background:#e8e3dc;overflow:hidden}
.vvc-stage:before,.vvc-stage:after{display:none!important;content:none!important;background:none!important;clip-path:none!important;transform:none!important}
.vvc-photo{background:#e8e3dc}
.vvc-photo>img,.vvc-image-ghost,.vvc-image-new{position:relative;z-index:2}
.vvc-stage-top,.vvc-photo-info,.vvc-slide-arrow,.vvc-slide-dots{z-index:5}
.vvc-back{border:1px solid rgba(48,57,53,.16);border-radius:2px;background:rgba(255,255,255,.9);color:#303935!important}
.vvc-badge{display:none!important}
.vvc-photo-info{border:0;border-left:5px solid #a65a41;border-radius:2px;background:rgba(250,248,245,.95);box-shadow:0 14px 34px rgba(48,57,53,.14)}
.vvc-photo-info small,.vvc-photo-info dt{color:#756f69}

/* Konfiguration: nur ein einzelnes, zurückhaltendes Motiv rechts oben. */
.vvc-panel{margin:8px;border:0;border-radius:2px;background:#fbfaf8;box-shadow:0 14px 38px rgba(22,29,27,.2)}
.vvc-panel-scroll{background:#fbfaf8 url("./topografie-eisblau.webp") right -145px top -95px/390px auto no-repeat}
.vvc-total,.vvc-progress,.vvc-mobile-head{background:#fbfaf8}
.vvc-panel-title{position:relative;padding-top:8px;border-top:4px solid #303935;overflow:visible}
.vvc-panel-title:after{display:none!important;content:none!important}
.vvc-panel-title h2{font-size:clamp(34px,3.4vw,49px);font-weight:300}
.vvc-panel-title p{color:#716c66;font-size:15px}
.vvc-progress{border-bottom-color:#d8d5cf}
.vvc-progress>div{color:#908982}
.vvc-progress>div span{border-radius:2px;background:#e5e1db;color:#303935}
.vvc-progress>div.is-active span{background:#a65a41;color:#fff}
.vvc-progress>div.is-done span{background:#303935;color:#fff}
.vvc-progress i{background:#c8c7c3}
.vvc-group{border-bottom-color:#d8d5cf}
.vvc-group legend>span{border-radius:2px;background:#d9cec1;color:#303935}
.vvc-group legend small,.vvc-option small,.vvc-option-desc{color:#716c66}
.vvc-option{border-color:#d8d5cf;border-radius:2px;background:#fff}
.vvc-option:hover{border-color:#a19184;background:#faf7f3}
.vvc-option.is-selected{border-color:#a65a41;background:#f5ede8;box-shadow:inset 5px 0 0 #a65a41}
.vvc-option.is-selected .vvc-option-check{border-color:#a65a41;background:#a65a41;color:#fff}
.vvc-option-check{border-color:#a19184}
.vvc-info-trigger{border-color:#a19184;background:#fff;color:#303935}
.vvc-info-trigger:hover,.vvc-info-trigger:focus-visible{background:#303935;color:#fff;outline-color:#d9cec1}
.vvc-swatch{border-color:#fff;box-shadow:0 0 0 2px #a19184}
.vvc-option-weight{color:#756f69}
.vvc-option.is-selected .vvc-option-weight{color:#8f4633}
.vvc-weight-summary{border-left-color:#a19184;background:#eee9e3;color:#303935}
.vvc-weight-summary>b{color:#a65a41}
.vvc-weight-summary>span{border-top-color:#d2cbc3;color:#303935}

.vvc-total{border-top:4px solid #d9cec1;box-shadow:0 -10px 30px rgba(48,57,53,.08)}
.vvc-total small,.vvc-total span{color:#716c66}
.vvc-total strong{color:#303935;font-family:"Cormorant Garamond",Georgia,serif;font-size:28px}
.vvc-request,.vvc-next,.vvc-modal form>button,.vvc-info-ok,.vvc-disclaimer-accept{border-radius:2px;background:#a65a41;color:#fff!important;box-shadow:0 8px 20px rgba(166,90,65,.22);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.vvc-request:hover,.vvc-next:hover,.vvc-modal form>button:hover,.vvc-info-ok:hover,.vvc-disclaimer-accept:hover{background:#8f4633;transform:translateY(-1px);box-shadow:0 11px 25px rgba(143,70,51,.28)}
.vvc-stage-prev{color:#595d59}
.vvc-mobile-view{border-color:#303935!important;border-radius:2px!important;background:#fff!important;color:#303935!important}
.vvc-slide-arrow{border-radius:2px;background:rgba(250,248,245,.94);color:#303935!important;box-shadow:0 7px 20px rgba(48,57,53,.18)}
.vvc-slide-arrow:hover{background:#a65a41;color:#fff!important}
.vvc-slide-dots{border-radius:2px;background:rgba(48,57,53,.74)}
.vvc-slide-dots button{width:15px;height:4px;border-radius:1px}.vvc-slide-dots button.is-active{border-color:#d9cec1;background:#d9cec1}

/* Dialoge: dasselbe Motiv genau einmal als ruhiger Akzent. */
.vvc-modal,.vvc-info-modal,.vvc-disclaimer,.vvc-vehicle-viewer-card{border-top:6px solid #a65a41;border-radius:2px;background:#fbfaf8;color:#303935}
.vvc-modal:before,.vvc-info-modal:after,.vvc-disclaimer:after{content:"";position:absolute;right:-80px;top:-95px;width:270px;height:220px;background:transparent url("./topografie-eisblau.webp") center/contain no-repeat;clip-path:none;transform:none;opacity:.48;pointer-events:none}
.vvc-modal h2,.vvc-info-modal h2,.vvc-disclaimer h2{font-weight:300;color:#303935}
.vvc-modal pre{background:#eee9e3;color:#303935}
.vvc-modal input:not([type=checkbox]),.vvc-modal textarea,.vvc-request-modal select{border-color:#c8c7c3;border-radius:2px;background:#fff;color:#303935}
.vvc-modal-close{border-radius:2px;background:#e8e3dc;color:#303935}
.vvc-disclaimer-decline{background:#d9cec1;color:#303935}
.vvc-vehicle-viewer-card>img{background:#e8e3dc}
.vvc-request:focus-visible,.vvc-next:focus-visible,.vvc-option:focus-visible,.vvc-model:focus-visible,.vvc-info-trigger:focus-visible{outline:3px solid #a9d0eb;outline-offset:3px}

@media(max-width:1180px){
  .vvc-stage{margin:0;border-radius:0}.vvc-panel{margin:0;border-radius:0;box-shadow:none}
  .vvc-panel-scroll{background-position:right -190px top -75px;background-size:340px auto}
  .vvc-mobile-head{border-bottom-color:#d8d5cf}.vvc-total{border-top-color:#d9cec1!important}
}
@media(max-width:620px){
  .vvc-intro{padding-top:58px}.vvc-intro:before{top:-60px;right:-170px;width:620px;height:470px;opacity:.54}
  .vvc-intro h2{font-size:clamp(38px,13vw,58px)}
  .vvc-models{background:linear-gradient(180deg,#303935 0 18px,#f6f3ef 18px 100%)}
  .vvc-model-copy{padding:23px}.vvc-photo-info{border-left-width:4px}
  .vvc-panel-scroll{background-position:right -210px top -55px;background-size:310px auto}.vvc-total strong{font-size:24px}
}
@media(prefers-contrast:more){.vvc-option{border-color:#777}.vvc-panel-scroll{background-image:none}}
@media(prefers-reduced-transparency:reduce){.vvc-photo-info{background:#fbfaf8}.vvc-intro:before,.vvc-panel-scroll{background-image:none}}