.configurator-step-note {
 font:normal 13px Arial, Tahoma;
 color:#5b6570;
 line-height:1.45;
 overflow-wrap:break-word;
 word-break:normal;
}

.configurator-step-note-frames {
margin-bottom:12px;
}
.configurator-saved-title {
 display:inline-flex;
 align-items:center;
 min-height:22px;
 padding:4px 10px 3px;
 background:#edf5fb;
 border:1px solid #c7d8e6;
 border-radius:4px;
 color:#04559c;
 font:bold 12px Arial, Tahoma;
 letter-spacing:0;
}
.configurator ul {
 overflow:hidden;
 list-style-type:none;
 margin:-5px 0 20px;
 padding:0;
}

.configurator-mobile-warning {
  display:none;
  margin:0 15px 16px;
  padding:10px 14px;
  border:1px solid #d6dee5;
  border-radius:4px;
  background:#fbfdff;
  color:#5b6570;
  font:normal 12px Arial, Tahoma;
  line-height:1.45;
}
.configurator-mobile-warning-title {
  margin:0 0 3px;
  color:#04559c;
  font:bold 13px Arial, Tahoma;
}
.configurator-mobile-warning-text {
  margin:0;
}
body.configurator-mobile-intro-open {
  overflow:hidden;
}


.configurator-section-separator {
  display:flex;
  align-items:center;
  gap:12px;
  margin:100px 15px 24px;
}

.configurator-section-separator-line {
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg, rgba(214,222,229,0), #d6dee5 18%, #d6dee5 82%, rgba(214,222,229,0));
}

.configurator-section-separator-badge {
  display:inline-flex;
  align-items:center;
  padding:4px 12px 3px;
  background:#fbfbfb;
  border:1px solid #d6dee5;
  border-radius:999px;
  color:#5b6570;
  font:bold 11px Arial, Tahoma;
  letter-spacing:0.02em;
  white-space:nowrap;
}

.configurator-section-separator-line {
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg, rgba(214,222,229,0), #d6dee5 18%, #d6dee5 82%, rgba(214,222,229,0));
}

.configurator-section-separator-badge {
  display:inline-flex;
  align-items:center;
  padding:4px 12px 3px;
  background:#fbfbfb;
  border:1px solid #d6dee5;
  border-radius:999px;
  color:#5b6570;
  font:bold 11px Arial, Tahoma;
  letter-spacing:0.02em;
  white-space:nowrap;
}
.configurator li {
float:left;
margin:5px 5px 0 0;
}


.configurator .configurator-categories li {
margin-top:4px;
}
.configurator a {
display:inline-block;
background:#e7f3fa;								/* Buttony Kategorie, Ramki itp. */
border:1px solid #76c2f5;
color:#04559c;
text-decoration:none;
-webkit-transition:background .3s, border .3s;
-moz-transition:background .3s, border .3s;
transition:background .3s, border .3s;
border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-top-right-radius:3px;
-moz-border-radius-topright:3px;
border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
padding:1px 6px 0px 6px;
font:normal 12px Arial, Tahoma;
}

.configurator input {
display:inline-block;
background:#ffffff;								/* Inputy Ilo¶c oraz Nazwa zestawu */
border:1px solid #888888;
color:#000000;
text-decoration:none;
-webkit-transition:background .3s, border .3s;
-moz-transition:background .3s, border .3s;
transition:background .3s, border .3s;
border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-top-right-radius:3px;
-moz-border-radius-topright:3px;
border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
padding:2px 6px;
font:normal 11px Verdana, Tahoma;
}


.configurator button {
display:inline-block;
background:#e7f3fa;								/* Buttony Kategorie, Ramki itp. */
border:1px solid #76c2f5;
color:#04559c;
text-decoration:none;
-webkit-transition:background .3s, border .3s;
-moz-transition:background .3s, border .3s;
transition:background .3s, border .3s;
border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-top-right-radius:3px;
-moz-border-radius-topright:3px;
border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
padding:1px 6px 1px 6px;
font:normal 12px Arial, Tahoma;
}


.configurator button {
cursor:pointer;
}

button.clear-button  {
display:inline-block;
background:#ffffff;	
border:1px solid #888888;
color:#888888;
text-decoration:none;
border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-top-right-radius:3px;
-moz-border-radius-topright:3px;
border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;
padding:3px 9px 4px 9px;
font:normal 12px Arial, Tahoma;
}


button.clear-button  {
cursor:pointer;
}

.configurator label {
display:block;
margin:0 0 15px;
}

.configurator label span {
display:inline-block;
margin:0 5px 0 0;
}

.configurator label span:first-child {
width:110px;
}

.configurator label input,.configurator label button {
margin:0 5px 0 0;
}

.configurator a:hover,.configurator button:hover {
background:#eeeeee;
}

.configurator .configurator-active>a {
background:#888888;
border-color:#888888;
color:#FFFFFF;
}

.configurator-dragged {
cursor:pointer;
position:absolute;
}

.configurator-footer .configurator-price {
}

.configurator-footer .configurator-price span {
}

.configurator-footer > .configurator-categories:first-of-type {
  width:100%;
  box-sizing:border-box;
}

.configurator-selected-frame .configurator-footer > .configurator-categories:first-of-type {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.configurator-selected-frame .configurator-footer > .configurator-categories:first-of-type > div {
  float:none !important;
  margin-left:0 !important;
}


.configurator .configurator-colors {
display:none;
}


.configurator .configurator-slider{
display:none;
}

.configurator .configurator-categories{
display:none;
}

.configurator .configurator-price{
display:none;
}

.configurator-selected-category .configurator-colors{
display:block;
}

.configurator-selected-category .configurator-slider{
display:block;
}

.configurator-selected-frame .configurator-categories{
display:block;
}

.configurator-selected-frame .configurator-price{
display:block;
}

.configurator-view {
position:relative;
margin:0px 0px 20px 0px;
}
.configurator-information {
 margin:0 0 18px;
}

.configurator-current-summary {
 border:1px solid #d7e1ea;
 background:#fbfdff;
 border-radius:4px;
 padding:12px 14px;
}

.configurator-current-summary-head {
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:12px;
 flex-wrap:wrap;
 margin:0 0 8px;
}

.configurator-current-summary-title {
 color:#04559c;
 font:bold 13px Arial, Tahoma;
 letter-spacing:0;
}

.configurator-current-summary-count {
 color:#222222;
 font:bold 13px Arial, Tahoma;
 white-space:nowrap;
}

.configurator-current-summary-note {
 margin:0 0 10px;
 padding:8px 10px;
 border-left:3px solid #cfe0f1;
 background:#f7fbff;
 color:#444444;
 font:normal 11px Arial, Tahoma;
 line-height:1.45;
}

.configurator-current-summary-lines {
 padding:0;
}

.configurator-current-summary-lines > div {
 margin:0 0 3px;
 color:#111111;
 font:normal 11px Verdana, Tahoma;
}

.configurator-current-summary-lines > div:first-child {
 font:bold 11px Verdana, Tahoma;
}

.configurator-current-summary-total {
 margin-top:10px;
 padding-top:8px;
 border-top:1px solid #e1e7ee;
 text-align:right;
 color:#111111;
 font:bold 12px Arial, Tahoma;
}

.configurator-view .configurator-placeholder {
position:absolute;
display:inline-block;
overflow:visible;
}

.configurator-view .configurator-placeholder .configurator-placeholder-delete {
position:absolute;
right:4px;
bottom:4px;
width:18px;
height:18px;
padding:0;
border:1px solid #b9b9b9;
border-radius:50%;
background:rgba(255,255,255,0.92);
color:#444444;
font:normal 11px/16px Arial, Tahoma;
text-align:center;
cursor:pointer;
z-index:3;
}

.configurator-view .configurator-placeholder .configurator-placeholder-delete:hover {
background:#f21c31;
border-color:#c11426;
color:#ffffff;
}

.configurator-view .configurator-placeholder img {
 position:absolute;
 left:50%;
 top:50%;
 display:block;
 width:100%;
 max-width:none;
 height:auto;
 max-height:none;
 transform:translate(-50%, -50%);
 transform-origin:center center;
}

.configurator-saved-placeholder {
 overflow:visible !important;
}

.configurator-saved-placeholder img {
 position:absolute;
 left:50%;
 top:50%;
 display:block;
 width:100%;
 max-width:none;
 height:auto;
 max-height:none;
 transform:translate(-50%, -50%);
 transform-origin:center center;
}

.configurator-view .configurator-placeholder.configurator-drop-animate {
 overflow:visible;
}

.configurator-view .configurator-placeholder.configurator-drop-animate img {
 transform:translate(-50%, -50%) scale(0.35);
 opacity:0.12;
 transition:transform 500ms cubic-bezier(.19,1,.22,1), opacity 500ms ease;
}

.configurator-view .configurator-placeholder.configurator-drop-animate.configurator-drop-animate-visible img {
 transform:translate(-50%, -50%) scale(1);
 opacity:1;
}
.configurator-view .configurator-placeholder.configurator-active {
border:1px dashed #ff7900;
margin:-1px -1px -1px -1px;
}

.configurator-slider {
overflow:hidden;
margin:0 0 18px;
}

.configurator-slider-navigation {
height:235px;
width:20px;
float:left;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:0;
background:#ffffff !important;
border:1px solid #d8d8d8 !important;
color:#000000 !important;
text-decoration:none;
font:normal 18px/1 Arial, Tahoma;
}

.configurator-slider-navigation:hover {
background:#f6f6f6 !important;
border-color:#cfcfcf !important;
color:#000000 !important;
}

.configurator-slider-navigation > div {
color:#777777 !important;
font-weight:normal !important;
padding-top:0 !important;
}

.configurator-slider-navigation span {
display:block;
line-height:1;
}

.configurator-slider-content {
height:245px;
width:1040px;
position:relative;
overflow:hidden;
float:left;
margin:0 10px;
}

.configurator-slider-content>ul {
position:absolute;
width:99999px;
-webkit-transition:left .9s ease-in-out;
-moz-transition:left .9s ease-in-out;
transition:left .9s ease-in-out;
margin:0;
}

.configurator-slider-content>ul>li {
margin:0 10px 0 0;
}

.configurator-slider-content>ul a {
position:relative;
text-align:center;
width:185px;
height:235px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
margin:0 auto;
padding:0 12px 98px;
background:#eeeeee;
border:1px solid #eeeeee;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,0.22);
color:#555555;
overflow:hidden;
}

.configurator-slider-content>ul>li.configurator-active>a {
background:#e3e3e3;
border-color:#e3e3e3;
box-shadow:0 1px 4px rgba(0,0,0,0.28);
color:#444444;
}

.configurator-slider-content>ul a>img {
display:block;
max-width:100%;
max-height:105px;
margin:0 auto;
object-fit:contain;
}

.configurator-slider-content>ul a>span {
position:absolute;
left:0;
right:0;
bottom:0;
height:98px;
box-sizing:border-box;
padding:8px 9px 9px;
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
gap:4px;
background:#ffffff;
overflow:hidden;
font-family:"Arial Narrow", "Roboto Condensed", Arial, Tahoma, sans-serif;
line-height:1.15;
}

.configurator-slider-content>ul a .configurator-product-name {
display:block;
width:100%;
max-height:52px;
overflow:hidden;
font-size:12.5px;
font-weight:600;
line-height:12px;
color:#333333;
overflow-wrap:anywhere;
}

.configurator-slider-content>ul a .configurator-product-color,
.configurator-slider-content>ul a .configurator-product-symbol {
display:block;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:11px;
line-height:12px;
color:#666666;
}

.configurator-slider-content>ul a .configurator-product-symbol {
color:#444444;
font-weight:600;
}


.configurator-saved {
  clear:both;
  margin:25px 0 0 !important;
  padding:16px 16px 18px;
  background:#fbfbfb;
  border:1px solid #d6dee5;
  border-radius:6px;
  box-shadow:0 1px 0 rgba(255,255,255,0.7) inset;
}

.configurator-saved > div:first-child {
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  border-top:none !important;
  border-bottom:1px solid #d6dee5 !important;
  font:bold 12px Arial, Tahoma !important;
}

.configurator-saved ul {
 display:block;
 margin:0;
 padding:12px 12px 0px;
 min-height:56px;
 background:#ffffff;
 border:1px solid #dbe5ee;
 border-radius:4px;
}

.configurator-saved ul:empty::before {
 content:"Brak zapisanych zestawów";
 display:block;
 padding:10px 6px;
 color:#8a95a1;
 font:normal 12px Arial, Tahoma;
}

.configurator-saved li {
 display:block;
 float:none;
 clear:both;
 width:100%;
 margin:0 0 10px;
 padding:0;
}

.configurator-saved .configurator-saved-row {
 border:1px solid #d6dee5;
 border-radius:4px;
 overflow:hidden;
 background:#ffffff;
 transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.configurator-saved .configurator-saved-row:hover {
 border-color:#bfd0de;
 box-shadow:0 1px 0 rgba(255,255,255,0.8) inset, 0 2px 8px rgba(4,85,156,0.05);
 transform:translateY(-1px);
}

.configurator-saved .configurator-saved-row-even {
 background:#f8fafc;
}

.configurator-saved .configurator-saved-row-odd {
 background:#ffffff;
}

.configurator-saved .configurator-saved-main {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:12px 14px;
}

.configurator-saved .configurator-saved-main > a {
  display:block;
  flex:1 1 auto;
  min-width:0;
  border:none;
  background:none;
  padding:0;
  color:#04559c;
  text-decoration:none;
}

.configurator-saved .configurator-saved-main > a strong {
  display:block;
  margin:0 0 3px;
  color:#04559c;
  font:bold 14px Arial, Tahoma;
}

.configurator-saved .configurator-saved-price {
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  color:#5b6570;
  font:normal 12px Arial, Tahoma;
}

.configurator-saved .configurator-saved-actions {
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:8px;
 flex:0 0 auto;
 flex-wrap:wrap;
}

.configurator-saved .configurator-saved-actions button {
 float:none;
 min-height:34px;
 padding:7px 10px;
 border-radius:4px;
 font:normal 12px Arial, Tahoma;
}

.configurator-saved .configurator-saved-actions button[name="show"] {
 background:#f2e7a3;
 border-color:#d9c86f;
 color:#4a4a4a;
}

.configurator-saved .configurator-saved-actions button[name="show"]:hover {
 background:#eadf92;
 border-color:#cdbd5f;
 color:#3f3f3f;
}

.configurator-saved .configurator-saved-actions .configurator-saved-add {
 background:#dce9f6;
 border-color:#c2d6ec;
 color:#4a4a4a;
}

.configurator-saved .configurator-saved-actions .configurator-saved-add:hover {
 background:#cfdfef;
 border-color:#b1c9e2;
 color:#3f3f3f;
}

.configurator-saved .configurator-saved-actions .configurator-saved-load {
 background:#e6f2e8;
 border-color:#c9ddcd;
 color:#3f3f3f;
}

.configurator-saved .configurator-saved-actions .configurator-saved-load:hover {
 background:#d9ebdc;
 border-color:#b9d3bf;
 color:#2f2f2f;
}

.configurator-saved .configurator-saved-actions .configurator-saved-delete {
 background:#f8e3e3;
 border-color:#ebc8c8;
 color:#3f3f3f;
}

.configurator-saved .configurator-saved-actions .configurator-saved-delete:hover {
 background:#f2d7d7;
 border-color:#e0b8b8;
 color:#2f2f2f;
}

.configurator-saved .configurator-saved-bulk-actions .configurator-saved-add-all {
 background:#dce9f6;
 border-color:#c2d6ec;
 color:#04559c;
}

.configurator-saved .configurator-saved-bulk-actions .configurator-saved-add-all:hover {
 background:#cfdfef;
 border-color:#b1c9e2;
 color:#003c70;
}

.configurator-saved .configurator-saved-bulk-actions .configurator-saved-delete-all {
 background:#f8e3e3;
 border-color:#ebc8c8;
 color:#a11414;
}

.configurator-saved .configurator-saved-bulk-actions .configurator-saved-delete-all:hover {
 background:#f2d7d7;
 border-color:#e0b8b8;
 color:#7f0f0f;
}

.configurator-saved .configurator-saved-information {
 border-top:1px solid #d6dee5;
 padding:10px 12px 12px;
 background:#fbfbfb;
}

.configurator-saved .configurator-saved-empty {
 padding:12px 14px;
 border:1px dashed #d2dbe3;
 border-radius:4px;
 background:#f9fbfd;
 color:#6f7882;
}

.configurator-saved .configurator-saved-bulk-actions {
 display:flex;
 justify-content:flex-end;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 margin:20px 0 2px;
}

.configurator-saved .configurator-saved-bulk-actions button {
 display:inline-flex;
 align-items:center;
 min-height:34px;
 margin:0;
 float:none;
 border-radius:4px;
 padding:7px 10px;
}

.configurator-step-4 {
 background:#fbfbfb;
 border:1px solid #d6dee5;
 border-radius:6px;
 padding:18px 18px 16px;
 box-shadow:0 1px 0 rgba(255,255,255,0.7) inset;
}

.configurator-step-4-head {
 margin-bottom:14px;
}

.configurator-step-kicker {
 display:flex;
 align-items:center;
 justify-content:center;
 width:64px;
 min-width:64px;
 flex:0 0 64px;
 box-sizing:border-box;
 padding:4px 8px 3px;
 background:#ffd900;
 border:1px solid #d0a800;
 border-radius:4px;
 color:#111111;
 font:bold 11px Arial, Tahoma;
 line-height:1;
 text-align:center;
 white-space:normal;
 align-self:flex-start;
 margin-top:2px;
}

.configurator-step-heading {
 display:flex;
 align-items:flex-start;
 gap:10px;
 margin:2px 0 2px 0;
 width:100%;
}

.configurator-step-heading-spaced {
  margin-top:28px;
}

.configurator-step-copy {
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
}

.configurator-step-copy .configurator-step-title {
  margin:0;
}

.configurator-step-copy .configurator-step-note {
  margin:2px 0 0;
}

.configurator-step-title {
 font:bold clamp(13px, 1.15vw, 15px) Arial, Tahoma;
 color:#111111;
 margin:8px 0 4px;
 overflow-wrap:break-word;
 word-break:normal;
}

.configurator-step-note {
 font:normal clamp(11px, 0.95vw, 13px) Arial, Tahoma;
 color:#5b6570;
 line-height:1.45;
 overflow-wrap:break-word;
 word-break:normal;
}

.configurator-step-4-grid {
 display:grid;
 grid-template-columns:minmax(0, max-content) minmax(0, 1fr);
 gap:16px 22px;
 align-items:center;
}

.configurator-step-4-count-row {
 display:flex;
 align-items:center;
 gap:10px;
}

.configurator-count-buttons {
 display:flex;
 flex-direction:column;
 gap:8px;
}

.configurator-step-4-count {
 background:#ffffff;
 border:1px solid #dbe5ee;
 border-radius:4px;
 width:170px;
 padding:14px 15px 12px;
 box-sizing:border-box;
}

.configurator-step-label {
 font:bold 11px Arial, Tahoma;
 color:#53606d;
 margin-bottom:8px;
 text-align:center;
}

.configurator-count-control {
 display:flex;
 justify-content:center;
 align-items:center;
}

.configurator-count-input {
 width:64px !important;
 height:36px;
 padding:4px 6px !important;
 font:normal 20px Verdana, Tahoma !important;
 line-height:26px;
 text-align:center;
 box-sizing:border-box;
}

.configurator-count-button {
 width:36px;
 height:36px;
 padding:0 !important;
 font:bold 22px/34px Arial, Tahoma !important;
 text-align:center;
}

.configurator-step-4-actions {
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-self:stretch;
 gap:8px;
}

.configurator-step-4-actions-row {
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 align-items:center;
}

.configurator-step-action {
 min-height:40px;
 padding:10px 18px;
 border-radius:4px;
 font:bold 13px Arial, Tahoma;
 text-transform:uppercase;
 cursor:pointer;
}

.configurator-step-action-primary {
 background:#04559c;
 border:1px solid #04559c;
 color:#ffffff;
}

.configurator-step-action-primary:hover {
 background:#003c70;
 border-color:#003c70;
 color:#111111 !important;
}

.configurator-step-action-secondary {
 background:#ffd900;
 border:1px solid #d0a800;
 color:#111111;
}

.configurator-step-action-secondary:hover {
  background:#f2ca00;
  border-color:#c99f00;
  color:#111111;
}

.configurator-step-4-actions .configurator-save-error {
 display:block;
 flex-basis:100%;
 min-height:18px;
 margin-top:2px;
 font:normal 12px Arial, Tahoma;
 color:#c62020;
}

.configurator-save-dialog-error {
 font:normal 12px Arial, Tahoma;
 color:#c62020;
}

@media (max-width:1200px) {
  .configurator-frames,
  .configurator-colors,
  .configurator-categories,
  .configurator-view,
  .configurator-slider,
  .configurator-footer {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
  }

  .configurator-slider {
    display:block;
    margin-left:0 !important;
    overflow:hidden;
  }

  .configurator-slider-navigation {
    float:left;
    width:20px;
  }

  .configurator-slider-content {
    float:left;
    min-width:0;
    width:calc(100% - 60px) !important;
    max-width:none !important;
    margin:0 10px;
    overflow:hidden;
  }

  .configurator-slider-content > ul {
    white-space:nowrap;
    width:max-content;
  }

  .configurator-slider-content > ul > li {
    float:none;
    display:inline-block;
    vertical-align:top;
  }
  .configurator-view {
    margin-left:0 !important;
    width:100% !important;
    overflow-x:auto;
  }

  .configurator-view > div {
    min-width:max-content;
  }

  .configurator-categories > div {
    width:100% !important;
    box-sizing:border-box;
  }

  .configurator-footer .configurator-categories {
    margin-left:0 !important;
    padding-left:0 !important;
  }
}


@media (max-width:760px) {

  .configurator {
    display:block;
  }
  .configurator-saved {
    margin:32px 12px 0;
    padding:14px 12px 15px;
  }

  .configurator-saved > div:first-child {
    flex-direction:column;
    align-items:flex-start;
  }

  .configurator-saved > div:first-child::after {
    width:100%;
  }

  .configurator-saved .configurator-saved-main {
    flex-direction:column;
    align-items:flex-start;
  }

  .configurator-saved .configurator-saved-actions {
    flex-direction:column;
    align-items:stretch;
  }

  .configurator-saved .configurator-saved-bulk-actions {
    flex-direction:column;
    align-items:stretch;
  }

  .configurator-saved .configurator-saved-bulk-actions button {
    width:100%;
    justify-content:center;
  }

  .configurator-step-4-grid {
    grid-template-columns:1fr;
  }

  .configurator-step-4-actions {
    align-self:auto;
  }

  .configurator-step-4-actions-row {
    flex-direction:column;
    align-items:stretch;
  }

  .configurator-step-action {
    width:100%;
  }
}


.configurator-saved .configurator-saved-information-title {
  margin:0 0 6px;
  color:#111111;
  font:bold 12px Arial, Tahoma;
}

.configurator-saved .configurator-saved-information-meta {
  margin:0 0 4px;
  color:#5b6570;
  font:normal 11px Arial, Tahoma;
}

.configurator-saved .configurator-saved-information-price {
  margin-bottom:10px;
  color:#2f3b46;
}

.configurator-saved .configurator-saved-quantity {
  display:block;
  margin-top:2px;
  color:#5b6570;
  font:normal 12px Arial, Tahoma;
}

.configurator-saved .configurator-saved-main > a .configurator-saved-price strong {
  color:#5b6570 !important;
  font:normal 12px Arial, Tahoma !important;
  font-weight:normal !important;
}

.configurator-saved .configurator-saved-summary {
  margin:0;
  padding:12px 14px 10px;
  border:1px solid #d7e1ea;
  border-radius:4px;
  background:#fbfdff;
}

.configurator-saved .configurator-saved-summary .configurator-current-summary-head {
  margin-bottom:8px;
}

.configurator-saved .configurator-saved-summary .configurator-current-summary-note {
  margin-bottom:10px;
  background:#f7fbff;
  border-left-color:#cfe0f1;
}

.configurator-saved .configurator-current-summary-lines {
  padding:0;
}

.configurator-saved .configurator-current-summary-lines > div {
  margin:0 0 3px;
  color:#222222;
  font:normal 11px Verdana, Tahoma;
}
.configurator-saved .configurator-current-summary-lines > div:first-child {
  font:bold 11px Verdana, Tahoma;
}

.configurator-saved .configurator-saved-preview-wrapper {
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed #dbe5ee;
  text-align:center;
}