/* WordPress embedding: normal document flow with an optional desktop-wide view. */
.vvc-app.vvc-embedded{
  position:relative;display:block;width:100%;max-width:min(100%,var(--vvc-max-width,100%));
  height:auto;min-width:0;min-height:0;margin-inline:auto;overflow-x:clip;overflow-y:visible;
  container:vvc / inline-size;box-sizing:border-box;
}
.vvc-embedded .vvc-intro h2,.vvc-embedded .vvc-panel-title h2,.vvc-modal h2,.vvc-info-modal h2,.vvc-disclaimer h2{
  font-family:"Lato","Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  font-weight:300!important;font-variant-caps:normal!important;text-transform:none!important;
}
.vvc-embedded .vvc-intro h2{color:#fff!important}
.vvc-embedded .vvc-photo-info h2{font-family:var(--vvc-font,Arial,sans-serif)!important;font-weight:400!important;letter-spacing:normal!important}
.vvc-embedded .vvc-shell,.vvc-embedded .vvc-config-shell,.vvc-embedded .vvc-stage,.vvc-embedded .vvc-panel{
  position:relative;width:100%;max-width:100%;height:auto;min-width:0;min-height:0;max-height:none;
}
.vvc-embedded .vvc-shell{margin:0;background:#fff}
.vvc-embedded .vvc-config-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);align-items:start}
.vvc-embedded .vvc-stage,.vvc-embedded .vvc-panel{align-self:start}
.vvc-embedded .vvc-panel{container:vvc-panel / inline-size}
.vvc-embedded .vvc-stage{width:calc(100% - 8px);margin:8px 0 8px 8px}
.vvc-embedded .vvc-panel{width:calc(100% - 16px);margin:8px;overflow:visible}
.vvc-embedded .vvc-panel-scroll{min-height:0;max-height:none;overflow:visible}
.vvc-embedded .vvc-photo{position:relative;width:100%;height:auto;min-height:0;max-height:var(--vvc-media-max,720px);aspect-ratio:16/10;overflow:hidden}
.vvc-embedded .vvc-photo>img{position:absolute;inset:0;display:block;width:100%;max-width:100%;height:100%;max-height:none;object-fit:cover}
.vvc-embedded .vvc-photo-info{position:relative;left:auto;right:auto;bottom:auto}
.vvc-embedded .vvc-mobile-head,.vvc-embedded .vvc-progress,.vvc-embedded .vvc-total{position:relative!important;top:auto;bottom:auto}
.vvc-embedded .vvc-models{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.vvc-embedded .vvc-options,.vvc-embedded .vvc-total-actions{min-width:0}
.vvc-embedded .vvc-option,.vvc-embedded .vvc-group,.vvc-embedded .vvc-panel-scroll>*{max-width:100%;min-width:0}
.vvc-embedded .vvc-option>span:not(.vvc-option-check):not(.vvc-swatch),.vvc-embedded .vvc-option strong,.vvc-embedded .vvc-option small,.vvc-embedded .vvc-option-desc,.vvc-embedded .vvc-option-rule{overflow-wrap:normal;word-break:normal;hyphens:none}

@media(min-width:1181px){
  .vvc-app.vvc-embedded.vvc-layout-fullscreen{width:var(--vvc-full-width,100vw);max-width:none;margin-left:calc(50% - var(--vvc-full-half,50vw));margin-right:calc(50% - var(--vvc-full-half,50vw))}
}
@container vvc (min-width:1181px){
  .vvc-embedded:not(.vvc-layout-fullscreen) .vvc-config-shell{height:calc(var(--vvc-media-max,720px) + 112px);min-height:520px;align-items:stretch}
  .vvc-embedded:not(.vvc-layout-fullscreen) .vvc-stage,.vvc-embedded:not(.vvc-layout-fullscreen) .vvc-panel{align-self:stretch;height:calc(100% - 16px);min-height:0;max-height:calc(100% - 16px);overflow:hidden}
  .vvc-embedded:not(.vvc-layout-fullscreen) .vvc-photo{flex:1 1 auto;height:auto;max-height:none;aspect-ratio:auto}
  .vvc-embedded:not(.vvc-layout-fullscreen) .vvc-panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:auto}
  .vvc-embedded:not(.vvc-layout-fullscreen) .vvc-total{position:relative!important;bottom:auto;flex:0 0 auto;margin-top:auto}
  .vvc-layout-fullscreen .vvc-config-shell{grid-template-columns:minmax(0,1.65fr) minmax(480px,.72fr);height:var(--vvc-fullscreen-height,100dvh);min-height:0;align-items:stretch}
  .vvc-layout-fullscreen .vvc-stage,.vvc-layout-fullscreen .vvc-panel{align-self:stretch;height:calc(var(--vvc-fullscreen-height,100dvh) - 16px);min-height:0;max-height:calc(var(--vvc-fullscreen-height,100dvh) - 16px)}
  .vvc-layout-fullscreen .vvc-stage,.vvc-layout-fullscreen .vvc-panel{overflow:hidden}
  .vvc-layout-fullscreen .vvc-photo{flex:1 1 auto;height:auto;max-height:none;aspect-ratio:auto}
  .vvc-layout-fullscreen .vvc-panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:auto}
  .vvc-layout-fullscreen .vvc-total{position:relative!important;z-index:4;bottom:auto;flex:0 0 auto;margin-top:auto}
  .vvc-layout-fullscreen .vvc-visual-colors .vvc-option{padding:12px 10px 14px}
  .vvc-layout-fullscreen .vvc-visual-colors .vvc-option>span:last-child{flex:1 1 auto;width:100%;min-width:0}
}
@supports not (overflow:clip){.vvc-app.vvc-embedded{overflow-x:hidden}}

@container vvc (max-width:1180px){
  .vvc-embedded .vvc-config-shell{display:block}
  .vvc-embedded .vvc-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border-bottom:1px solid var(--vvc-line)}
  .vvc-embedded .vvc-mobile-head>div{flex:1;min-width:0;margin-left:10px}
  .vvc-embedded .vvc-mobile-head small,.vvc-embedded .vvc-mobile-head strong{display:block}
  .vvc-embedded .vvc-mobile-head small{font-size:11px;color:#657774}
  .vvc-embedded .vvc-mobile-head strong,.vvc-embedded .vvc-mobile-head>span{font-size:18px}
  .vvc-embedded .vvc-stage-top{display:none}
  .vvc-embedded .vvc-stage,.vvc-embedded .vvc-panel{width:100%;margin:0;border-radius:0}
  .vvc-embedded .vvc-photo{aspect-ratio:16/9}
  .vvc-embedded .vvc-photo-info{margin:0 18px 18px}
  .vvc-embedded .vvc-panel{border:0;box-shadow:none}
  .vvc-embedded .vvc-panel-title{display:none}
  .vvc-embedded .vvc-panel-scroll{padding:28px 22px}
  .vvc-embedded .vvc-progress{overflow-x:auto;scrollbar-width:none}
  .vvc-embedded .vvc-progress::-webkit-scrollbar{display:none}
  .vvc-embedded .vvc-progress>div{flex:0 0 auto}
  .vvc-embedded .vvc-progress i{min-width:28px}
  .vvc-embedded .vvc-total{display:block;padding:11px 14px;background:#fff;border-top:4px solid #d9cec1;box-shadow:0 -8px 24px rgba(48,57,53,.16)}
  .vvc-embedded .vvc-total>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}
  .vvc-embedded .vvc-total>div:first-child span{display:none}
  .vvc-embedded .vvc-total-actions{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);gap:7px;align-items:stretch!important}
  .vvc-embedded .vvc-mobile-view{position:static!important;display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 12px;border:1px solid #303935!important;border-radius:2px;background:#fff!important;color:#303935!important;box-shadow:none!important;font-weight:700}
  .vvc-embedded .vvc-stage-prev,.vvc-embedded .vvc-next,.vvc-embedded .vvc-request{min-height:46px}
}
@container vvc (max-width:620px){
  .vvc-embedded .vvc-intro{padding:45px 18px 28px}
  .vvc-embedded .vvc-models{grid-template-columns:minmax(0,1fr);padding:0 16px 40px}
  .vvc-embedded .vvc-photo{aspect-ratio:4/3}
  .vvc-embedded .vvc-photo-info{display:block;margin:0 12px 12px;padding:18px}
  .vvc-embedded .vvc-photo-info dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
  .vvc-embedded .vvc-panel-scroll{padding:22px 16px}
  .vvc-embedded .vvc-options,.vvc-embedded .vvc-visual-tiles .vvc-options{grid-template-columns:minmax(0,1fr)}
  .vvc-embedded .vvc-visual-brand .vvc-options,.vvc-embedded .vvc-visual-colors .vvc-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vvc-embedded .vvc-total-actions{grid-template-columns:auto minmax(0,1fr)}
  .vvc-embedded .vvc-stage-prev{grid-column:1/-1;grid-row:2;justify-content:center}
}
@container vvc (max-width:420px){.vvc-embedded .vvc-visual-brand .vvc-options,.vvc-embedded .vvc-visual-colors .vvc-options{grid-template-columns:minmax(0,1fr)}}
@container vvc-panel (max-width:720px){
  .vvc-embedded .vvc-visual-tiles .vvc-options{grid-template-columns:minmax(0,1fr)}
  .vvc-embedded .vvc-visual-colors .vvc-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vvc-embedded .vvc-panel-title h2{font-size:clamp(28px,5.2cqi,34px)}
}
@container vvc-panel (max-width:430px){.vvc-embedded .vvc-visual-brand .vvc-options,.vvc-embedded .vvc-visual-colors .vvc-options{grid-template-columns:minmax(0,1fr)}}