@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);
@charset "utf-8";
/* Import Google Font  */

body {
  font-family: 'Source Sans Pro', sans-serif;
}

.main-bg {
  background-image: linear-gradient(180deg, #FAFAFA 0%, #FDFDFD 100%);
}

a {
  color: #e45a32;
}

.main-color-orange-bg {
  background-color: #e45a32;
}

.ck-content ul,
.ck-content ol {
  padding-left: 1.5rem;
}

input {
  border-width: 2px;
  /* Tsekkaa onko tämä oikein */
  border-color: transparent;
  background-color: hsl(0, 0%, 93%);
  box-shadow: none;
}

.is-primary,
.has-background-primary {
  background-color: #e45a32 !important;
}

html {
  overflow-y: auto;
}

input[type=text]:focus,
input[type=password]:focus {
  border-width: 2px;
  border-style: solid;
  border-color: #FE744C;
}

.loginlogo img {
  width: 50%;
  margin: 0 auto;
}

.menulogo {
  height: 80px;
  max-width: 100%;

}

.lettersp {
  letter-spacing: 0.05em;
}

.logo-bar {
  display: flex;
  align-items: center;
  height: 125px;
  background-image: linear-gradient(90deg, #FE744C 0%, #E45A32 100%);
}

.lisencebar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  background-color: #D74D25;
  font-size: large;
  font-weight: bold;
}

.makebar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  background-color: #CB4119;
  font-size: large;
  font-weight: bold;
}

.icon {
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF;
  color: #FFFFFF;
  border-radius: 3px;
}

.top-bar>.menu-item {
  background-color: #CB4119;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  font-size: large;
  font-weight: bold;
}

.top-bar>.menu-item:nth-child(2) {
  background-color: #D74D25;
}

.top-bar>.menu-item:hover {
  background-color: #BE340C;
  color: #FFFFFF;
}

.is-vcentered {
  margin: auto;
}

@keyframes SlideInLeft {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes SlideOutLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.animate-slide-in-left.au-enter {
  transform: translateX(-100%);
}

.animate-slide-in-left.au-enter-active {
  animation: SlideInLeft 0.5s;
}

.animate-slide-out-left.au-leave-active {
  animation: SlideOutLeft 0.5s;
}

@keyframes SlideInRight {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes SlideOutRight {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

.animate-slide-in-right.au-enter {
  transform: translateX(100%);
}

.animate-slide-in-right.au-enter-active {
  animation: SlideInRight 0.5s;
}

.animate-slide-out-right.au-leave-active {
  animation: SlideOutRight 0.5s;
}

.select select {
  text-rendering: auto !important;
}

.menu-list li {
  border-bottom: 1px solid #ebe9e6;
}

/* .menu-list li div {
  display: inline-block;
  height: 60px;
  margin: 0;
  cursor: pointer;
} */

.menu-item-part {
  width: 1px;
}

.menu-item-part:hover {
  background-color: #F8F8F8;
  cursor: pointer;
}

.explodable {
  background-color: #F5F5F5;
  color: #D0D0D0;
}

.explodable:hover {
  background-color: #E0E0E0;
  color: #D62246;
}

.menu {
  position: relative;
}

.side-menu {
  border-right: 1px solid hsl(0, 0%, 93%);
}

.gfx-sliding-menu {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
  background-color: white;
}

.product-row {
  border: 1px solid hsl(0, 0%, 93%);
  min-height: 60px;
}

.product-row-with-additional {
  border: 1px solid black;
}

.shopping-cart-item-row {
  border: 1px solid hsl(0, 0%, 93%);
  min-height: 60px;
}

.indicator {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-width: 35px;
  width: 50%;
  position: relative;
  /* border-right: hsl(0, 0%, 93%) solid 1px; */
}

.indicator-explain {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* height: 100%; */
  position: relative;
  padding-left: 1rem;
  margin-right: 1rem;
  border-right: none !important;
  border-left: none !important;
  /* border-right: hsl(0, 0%, 93%) solid 1px; */
}

.limited_internal,
.available_internal,
.out_of_stock,
.undefined,
.orderable,
.available_central_warehouse,
.available_on_order {
  border-right: hsl(0, 0%, 93%) solid 1px;
  border-left: hsl(0, 0%, 93%) solid 1px;
}

.limited_internal:after {
  border-color: #ffd415 transparent transparent #ffd415;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px;
  left: 0;
  top: 0;
  position: absolute;
  /* background-color: #ffd41530; */
}

.available_internal:after {
  border-color: #329F5B transparent transparent #329F5B;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px;
  left: 0;
  top: 0;
  position: absolute;
  /* color: #329F5B;
  background-color: #329F5B30; */
}

.available_central_warehouse:after {
  border-color: #a4a2a3 transparent transparent #a4a2a3;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px;
  left: 0;
  top: 0;
  position: absolute;
}

.out_of_stock:after {
  border-color: #D62246 transparent transparent #D62246;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px;
  left: 0;
  top: 0;
  position: absolute;
}

.orderable:after {
  border-color: #a4a2a3 transparent transparent #a4a2a3;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px;
  left: 0;
  top: 0;
  position: absolute;
}

.available_on_order:after {
  border-color: #8067a7 transparent transparent #8067a7;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px;
  left: 0;
  top: 0;
  position: absolute;
  /* color: #329F5B;
  background-color: #329F5B30; */
}

/* .undefined:after {
  border-color: #00b7ff transparent transparent #00b7ff;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px;
  left: 0;
  top: 0;
  position: absolute;
} */

.product-row-button {
  height: 100%;
  background-color: #A2BAD1;
  color: white;
  border: none;
  max-width: 35px;
  border-radius: 0;
}

.product-row-button:hover {
  background-color: #8f9eac;
  color: white;
}

.product-row-button:visited,
.product-row-button:focus {
  background-color: #A2BAD1;
  color: white;
}

#gfx-items-menu {
  height: 100%;
  background-color: white;
}

#gfx-subitems-menu {
  height: 100%;
  background-color: white;
}

.product-card>header {
  background-color: #e45a32;
  color: white;
}

.product-card>.card-header>.card-header-title {
  color: white;
}

/* .product-card>.card-footer:hover {
  background-color: #FE744C;
} */

/* .card-footer-item:hover {
  color: white;
} */

.card-footer small {
  font-size: 0.75rem;
  color: rgb(131, 131, 131);
}

.product-image-carousel-button {
  background-color: #8f9eac22;
  width: 30px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 4;
  text-align: center;
}

.card-footer .column {
  padding: 2px;
  font-size: 0.75rem;
}

.product-image-carousel-button:hover {
  background-color: #8f9eac99;
}

.product-image-carousel-arrow-right {
  right: 0;
}

.product-image-carousel-arrow-left {
  left: 0;
}

.product-image-carousel-zoom {
  left: 0;
  bottom: auto;
}

.product-image-carousel-button>i {
  line-height: 50px;
}

.has-text-orange {
  color: #e45a32;
}

.list-style-none {
  list-style: none !important;
}

/* .shopping-cart-padge {
  background-color: #BE340C;
  font-size: 0.6em;
  border-radius: 10rem;
  margin: auto;
  left: 0;
  bottom: 0;
} */

.shopping-cart-padge {
  display: block;
  color: black;
  font-size: 0.6em;
}

.info-box {
  background-color: inherit;
  color: #FFFFFF;
}

.info-box .button:hover {
  background-color: #BE340C;
}

.info-box .button {
  width: 30%;
  border: solid 2px white;
}

.info-box .icon {
  border: none;
}

.count-badge:before {
  font-size: 9px;
  content: attr(data-count);
  width: 15px;
  height: 15px;
  line-height: 13px;
  text-align: center;
  display: block;
  border-radius: 50%;
  background: rgb(67, 151, 232);
  border: 1px solid #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  color: #FFF;
  position: absolute;
  left: auto;
  top: auto;
  right: -3px;
  bottom: -3px;
}

.overlay-container {
  position: relative;
}

.rat-overlay {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.rat-overlay>div {
  position: absolute;
  color: white;
  padding: 10px;
  width: 300px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.card-header-icon {
  padding-left: 0.2rem;
}

.card-header-icon:not(:last-child) {
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}

.product-oem {
  background-color: #F5F5F5;
  margin-top: 1em !important;
}

.engine_code_product:first {
  margin-top: 1em !important;
}

.borderless {
  border: none;
}

.pagination-input {
  width: 5em;
}

.rat-toast {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

@media screen and (min-width: 769px) {
  .order-modal {
    width: 80% !important;
  }
}

chat {
  position: fixed;
  bottom: 0px;
  right: 5px;
  z-index: 999;
}

chat .icon {
  border: none;
}

.phonebook {
  position: fixed;
  color: white;
  /* display: grid;
  grid-template-columns: [pbhandle] 10px [pbcontent] auto; */
  top: 200px;
  /* right: 0px; */
  left: 100%;
  width: 700px;
  z-index: 10;
}

/* .phonebook_handle {
  grid-area: pbhandle;
  background-color: #3273dc;
  position: absolute;
  float: left;
  left: -30px;
  width: 30px;
  height: 50px;
  text-align: center;
} */


/* .phonebook_handle > i {
  line-height: 50px;
} */

.phonebook_content {
  color: white;
  font-size: 0.9rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #3273dc;
  padding: 5px;
  column-gap: 1.6em;
  row-gap: 0.8em;
}

.phonebook_content table {
  width: 100%;
  table-layout: fixed;
}

.phonebook_content table tr td:nth-child(2) {
  text-align: center;
}

.phonebook_content table tr td:nth-child(3) {
  text-align: right;
}

.phonebook_content table tr th {
  color: white;
}

/* .pb_slideout {
  animation: SlideOutRight 0.2s;
  animation-fill-mode: forwards;
}

.pb_slidein {
  animation: SlideInRight 0.2s;
  animation-fill-mode: forwards;
} */

@keyframes SlideInRight {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes SlideOutRight {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.info_box {
  position: fixed;
  /* display: grid;
  grid-template-columns: [pbhandle] 10px [pbcontent] auto; */
  color: white;
  top: 270px;
  /* right: 0px; */
  left: 100%;
  width: 700px;
  z-index: 9;
}

.box_handle {
  /* grid-area: pbhandle; */
  background-color: #3273dc;
  position: absolute;
  float: left;
  left: -30px;
  width: 30px;
  height: 60px;
  text-align: center;
  line-height: 50px;
}

.box_handle:hover {
  background-color: #1d55ad;
}

.box_handle>i {
  line-height: 60px;
}

.slidein>.box_handle {
  background-color: #1d55ad;
}

.slidein>.box_handle:hover {
  background-color: #3273dc;
}

.info_box_content {
  font-size: 0.9rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: #3273dc;
  padding: 5px;
  column-gap: 1.6em;
  row-gap: 0.8em;
}

.slideout {
  animation: SlideOutRight 0.2s;
  animation-fill-mode: forwards;
}

.slidein {
  animation: SlideInRight 0.2s;
  animation-fill-mode: forwards;
}

.info_box_content table {
  width: 100%;
  table-layout: fixed;
}

.info_box_content table tr td:nth-child(2) {
  text-align: center;
}

.info_box_content table tr td:nth-child(3) {
  text-align: right;
}

.info_box_content table tr th {
  color: white;
}

.info_box_content h1 {
  color: white;
  font-weight: bold;
}

.info_box_content a {
  color: white;
}

.info_box_content a:hover {
  text-decoration: underline;

}

.error-row {
  color: white;
  background-color: red;
}

.note-icon {
  align-self: center;
}

.note {
  border-color: #4a4a4a;
  border-style: solid;
  display: grid;
  grid-template-columns: 3em 1fr;
  padding: 0.3rem;
}

.announcement-images-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.announcement-images-container li {
  position: relative;
}

.delete_image_button {
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: #ff0000;
  color: white;
  padding-right: 4px;
  padding-left: 4px;
  border: solid black 1px;
}

.notification-title a {
  color: rgb(52, 52, 52);
}

.notification-title a:hover {
  color: black;
}

.delete_image_button:hover {
  background-color: rgb(190, 1, 1);
  color: white;
}

.rat-slider-container {
  margin-top: 1.25rem;
  height: 300px;
  width: 100%;
  position: relative;
  border: 1px solid rgb(187, 187, 187);
  background-color: rgb(224, 221, 221);
}

.rat-slider-slide {
  display: flex;
  /* grid-template-columns: 1fr; */
  height: 100%;
  width: 100%;
  /* background-color: #A2BAD1; */
  justify-content: center;
  /* text-align: center; */
  align-items: center;
}

.rat-slider-image {
  /* display: block; */
  /* margin: auto; */
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  margin-top: -22;
  padding: 16px;
  color: rgb(9, 9, 9);
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

/* .fade {
  animation-name: fade;
  animation-duration: 1.5s;
} */

/* @keyframes fade {
  from {opacity: .4;}
  to {opacity: 1;}
} */

.flex-gap-1 {
  gap: 1rem;
}

/* v0.1.62 Banner battery search */
.ai-mannol-search-button { background:#18213b; border-color:#18213b; color:#ffd21c; font-style:italic; }
.ai-mannol-search-button:hover { background:#ffd21c; color:#18213b; }
.ai-mannol-search-button small { color:inherit; font-style:normal; }
.ai-maintenance-search-button { background:#e45a32; border-color:#e45a32; color:#fff; margin-left:.5rem; }
.ai-maintenance-search-button:hover { background:#c94722; color:#fff; }
.ai-maintenance-workspace { background:#f5f7fa; border:1px solid #e1e5eb; border-radius:9px; padding:1rem; }
.ai-maintenance-head { display:flex; justify-content:space-between; align-items:center; background:#fff; border-bottom:3px solid #e45a32; padding:1rem; margin-bottom:1rem; }
.ai-maintenance-layout { display:grid; grid-template-columns:320px minmax(0,1fr); gap:1rem; }
.ai-maintenance-sidebar,.ai-maintenance-main { background:#fff; border:1px solid #e1e5eb; border-radius:8px; padding:1rem; }
.ai-maintenance-choice { display:flex; align-items:center; gap:.6rem; width:100%; text-align:left; border:1px solid #dce2ea; border-radius:7px; padding:.75rem; margin-bottom:.55rem; background:#fff; cursor:pointer; }
.ai-maintenance-choice.selected { border-color:#e45a32; background:#fff6f1; }
.ai-choice-radio { width:16px; height:16px; border:2px solid #9aa4b5; border-radius:50%; flex:0 0 16px; }
.ai-maintenance-choice.selected .ai-choice-radio { border:5px solid #e45a32; }
.ai-maintenance-empty { min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; color:#788397; }
.ai-maintenance-empty i { font-size:3rem; color:#e45a32; }
.ai-maintenance-manual-groups { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; margin:.75rem 0; padding:.75rem; border:1px solid #e1e5eb; border-radius:7px; background:#f7f9fc; }
.ai-maintenance-manual-groups strong { flex-basis:100%; font-size:.8rem; }
.ai-maintenance-operation { display:flex; justify-content:space-between; gap:1rem; padding:.8rem; border:1px solid #e4e8ee; border-radius:6px; margin-bottom:.5rem; }
.ai-maintenance-alternatives { margin-top:1rem; border-top:2px solid #edf0f4; padding-top:1rem; }
.ai-maintenance-product { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:.7rem; align-items:center; padding:.7rem; border-bottom:1px solid #edf0f4; cursor:pointer; }
.ai-maintenance-product:hover { background:#fff8f4; }
.ai-maintenance-product-button { width:100%; border:0; background:#fff; text-align:left; font:inherit; }
.ai-maintenance-product-button.selected { background:#fff4e8; box-shadow:inset 3px 0 #e45a32; }
.ai-maintenance-oil-package-row.selected { background:#fff4e8; box-shadow:inset 3px 0 #e45a32; }
.ai-choice-radio-button { display:block; padding:0; background:#fff; cursor:pointer; }
.ai-maintenance-oil-package-row.selected .ai-choice-radio-button { border:5px solid #e45a32; }
.ai-maintenance-oil-name { display:flex; flex-direction:column; align-items:flex-start; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.ai-maintenance-oil-name:hover strong { text-decoration:underline; }
.ai-maintenance-product-button .ai-choice-radio { width:16px; height:16px; border:2px solid #9aa4b5; border-radius:50%; }
.ai-maintenance-product-button.selected .ai-choice-radio { border:5px solid #e45a32; }
.ai-maintenance-product span { display:flex; flex-direction:column; }
.ai-maintenance-product small { color:#687386; }
.ai-maintenance-package-grid { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:1rem; align-items:start; }
.ai-maintenance-task-card { border:1px solid #dfe4eb; border-left:4px solid #e45a32; border-radius:8px; padding:.85rem; margin-bottom:.8rem; background:#fff; }
.ai-maintenance-task-head { display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.ai-maintenance-task-head > div { display:flex; align-items:center; justify-content:flex-end; min-width:0; }
.ai-maintenance-task-head > div > span:first-child { max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-maintenance-inline-products { margin-top:.75rem; border-top:1px solid #edf0f4; padding-top:.55rem; }
.ai-maintenance-missing-warning { color:#e1261c; font-weight:600; font-size:.8rem; margin-right:.8rem; }
.ai-maintenance-job-card-modal { width: min(960px, 96vw); }
.ai-maintenance-job-card-products { display:flex; align-items:center; min-height:40px; gap:.5rem; padding-top:1.75rem; }
.ai-maintenance-job-card-summary { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:.65rem; margin-top:.5rem; }
.ai-maintenance-job-card-summary div { padding:.75rem; border:1px solid #dce2e8; border-radius:6px; background:#f6f8fa; }
.ai-maintenance-job-card-summary span { display:block; margin-bottom:.2rem; color:#66717d; font-size:.72rem; }
.ai-maintenance-job-card-summary strong { display:block; font-size:.85rem; overflow-wrap:anywhere; }
@media (max-width: 768px) { .ai-maintenance-job-card-summary { grid-template-columns:1fr 1fr; } }
.ai-maintenance-oil-tech { background:#f0f5fb; border-radius:7px; padding:.75rem; margin-bottom:.8rem; }
.ai-maintenance-oil-tech > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,auto); gap:.8rem; padding:.32rem 0; border-bottom:1px solid #dbe4ee; font-size:.75rem; }
.ai-maintenance-oil-tech > div:last-child { border-bottom:0; }
.ai-maintenance-oil-tech b { text-align:right; }
.ai-maintenance-product-title { color:#687386; font-size:.75rem; font-weight:700; margin-bottom:.25rem; }
.ai-maintenance-family-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem .75rem; }
.ai-maintenance-quantity { display:grid; grid-template-columns:auto minmax(52px,auto) auto; align-items:center; gap:.4rem; text-align:center; }
.ai-maintenance-quantity small { grid-column:1/-1; }
.ai-maintenance-oil-volume-summary { display:flex; flex-wrap:wrap; gap:.6rem; margin:.7rem 0; }
.ai-maintenance-oil-volume-summary span { background:#f0f5fb; border-radius:999px; padding:.35rem .7rem; font-size:.75rem; }
.ai-maintenance-check-group { border:1px solid #e1e5eb; border-radius:7px; margin-bottom:.55rem; overflow:hidden; }
.ai-maintenance-check-group summary { display:flex; justify-content:space-between; gap:1rem; cursor:pointer; padding:.8rem; background:#f5f7fa; }
.ai-maintenance-check-group summary span { color:#687386; font-size:.75rem; }
.ai-maintenance-fallback-group-button { width:100%; border:0; background:#f5f7fa; display:flex; justify-content:space-between; gap:1rem; padding:.8rem; text-align:left; cursor:pointer; color:#18213b; }
.ai-maintenance-fallback-group-button span { color:#687386; font-size:.75rem; }
.ai-maintenance-check-list { padding:0 .8rem; }
.ai-maintenance-check-row { display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0; border-bottom:1px solid #edf0f4; }
.ai-maintenance-check-row:last-child { border-bottom:0; }
.ai-maintenance-check-row small { color:#687386; text-align:right; }
.ai-maintenance-summary-card { position:sticky; top:1rem; border:1px solid #e1e5eb; border-radius:8px; padding:1rem; background:#f8fafc; }
.ai-maintenance-summary-count { display:flex; align-items:center; gap:.65rem; border-top:1px solid #dfe4eb; margin-top:.8rem; padding-top:.8rem; }
.ai-maintenance-summary-count strong { color:#e45a32; font-size:1.5rem; }
.ai-maintenance-preview { width:min(1050px,94vw); }
.ai-maintenance-preview-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; padding:1rem 0; border-bottom:1px solid #e1e5eb; }
.ai-maintenance-row-price { min-width:230px; display:flex; flex-direction:column; align-items:flex-end; gap:.25rem; }
.ai-maintenance-row-price label { display:flex; align-items:center; gap:.4rem; font-size:.75rem; }
.ai-maintenance-row-price input { width:82px; text-align:right; }
.ai-maintenance-adjust-all { display:flex; justify-content:flex-end; align-items:center; gap:1rem; padding:.8rem; margin:.7rem 0; border-radius:7px; background:#f4f6f9; }
.ai-maintenance-totals { max-width:470px; margin:1.2rem 0 0 auto; }
.ai-maintenance-totals > div { display:flex; justify-content:space-between; gap:1rem; padding:.45rem 0; }
.ai-maintenance-totals .grand { border-top:2px solid #18213b; margin-top:.4rem; padding-top:.8rem; font-size:1.15rem; }
.ai-maintenance-workspace { position:relative; }
.ai-maintenance-loading-overlay { position:fixed; inset:0; z-index:10020; display:flex; align-items:center; justify-content:center; padding:1rem; background:rgba(247,249,252,.82); backdrop-filter:blur(2px); }
.ai-maintenance-loading-card { width:min(520px,90%); display:grid; grid-template-columns:58px 1fr; gap:.25rem 1rem; align-items:center; background:#fff; border:1px solid #e45a32; border-radius:12px; padding:1.2rem 1.4rem; box-shadow:0 12px 35px rgba(24,33,59,.18); }
.ai-maintenance-loading-card .ai-mechanic-loader { grid-row:1/3; }
.ai-maintenance-loading-card small { color:#687386; }
.ai-maintenance-loading-card .ai-parts-track { grid-column:1/-1; margin-top:.55rem; }
.ai-mannol-selected-content { background:#fff; border:1px solid #e4e7ed; border-radius:9px; margin-top:.25rem; }
@media (max-width:1023px) { .ai-maintenance-layout,.ai-maintenance-package-grid { grid-template-columns:1fr; } .ai-maintenance-summary-card { position:static; } .ai-maintenance-family-grid { grid-template-columns:1fr; } }
@media (max-width:768px) { .ai-maintenance-preview-row { grid-template-columns:1fr; } .ai-maintenance-row-price { align-items:flex-start; } .ai-maintenance-adjust-all { align-items:flex-start; flex-direction:column; } }
.ai-mannol-workspace { display:grid; grid-template-columns:310px minmax(0,1fr); gap:1.25rem; align-items:start; }
.ai-mannol-sidebar { position:sticky; top:1rem; }
.ai-mannol-vehicle { background:#fff; border:1px solid #e4e7ed; border-radius:10px; padding:1rem; box-shadow:0 3px 12px rgba(27,39,63,.07); }
.ai-mannol-nav-group { background:#fff; border:1px solid #e4e7ed; border-radius:9px; margin-bottom:.65rem; overflow:hidden; }
.ai-mannol-nav-group.active { box-shadow:0 3px 12px rgba(27,39,63,.07); }
.ai-mannol-nav-button { width:100%; border:0; background:#f4f6f9; padding:.9rem 1rem; display:flex; justify-content:space-between; text-align:left; color:#18213b; font-weight:800; cursor:pointer; }
.ai-mannol-nav-content { padding:.75rem; }
.ai-mannol-tech-box { background:#f0f5fb; border-radius:6px; padding:.7rem; }
.ai-mannol-tech-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.6rem; padding:.32rem 0; border-bottom:1px solid #dce4ee; font-size:.75rem; }
.ai-mannol-tech-row:last-child { border-bottom:0; }
.ai-mannol-family { display:flex; align-items:center; gap:.55rem; width:100%; border:0; background:#fff; padding:.55rem; text-align:left; cursor:pointer; font-weight:600; border-radius:5px; }
.ai-mannol-family.selected { background:#fff4c7; }
.ai-mannol-radio { width:16px; height:16px; border:2px solid #9aa4b5; border-radius:50%; flex:0 0 16px; }
.ai-mannol-family.selected .ai-mannol-radio { border:5px solid #ffc400; }
.ai-mannol-main { min-width:0; }
.ai-mannol-main-head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; background:#fff; padding:.9rem 1rem; border-bottom:2px solid #ffc400; margin-bottom:1rem; }
.ai-mannol-product-grid { margin-top:0; }
.ai-mannol-card { height:100%; display:flex; flex-direction:column; background:#fff; border:1px solid #dfe3ec; border-top:3px solid #ffc400; border-radius:6px; box-shadow:0 2px 7px rgba(27,39,63,.05); }
.ai-mannol-card.comparison { border-color:#4593ef; }
.ai-mannol-card-body { padding:1rem; flex:1; min-height:150px; }
.ai-mannol-product-content { display:grid; grid-template-columns:110px minmax(0,1fr); gap:1rem; align-items:center; margin-top:.8rem; }
.ai-mannol-product-image { height:110px; display:flex; align-items:center; justify-content:center; color:#ffc400; font-size:3.2rem; }
.ai-mannol-product-image img { max-width:100%; max-height:100%; object-fit:contain; }
.ai-mannol-card-footer { display:flex; justify-content:space-between; align-items:center; gap:.6rem; padding:.72rem 1rem; background:#edf0f5; }
.ai-mannol-workshop-modal { width:min(94vw,850px); }
.ai-mannol-workshop-product { display:flex; justify-content:space-between; gap:1rem; padding:12px 14px; border-left:4px solid #ef5b35; background:#fff5f0; }
.ai-mannol-workshop-order { width:100%; display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:10px; align-items:center; margin-bottom:7px; padding:11px 13px; border:1px solid #dce2e9; border-radius:6px; background:#fff; text-align:left; cursor:pointer; }
.ai-mannol-workshop-order:hover,.ai-mannol-workshop-order.selected { border-color:#ef5b35; background:#fff5f0; }
.ai-mannol-workshop-order.selected .ai-choice-radio { border:5px solid #e45a32; }
.ai-mannol-workshop-order small { display:block; margin-top:3px; color:#657180; }
.ai-mannol-summary { display:grid; grid-template-columns:repeat(3,auto) 1fr; gap:1rem; align-items:center; background:#fff; border:1px solid #e4e7ed; border-radius:7px; padding:.8rem 1rem; font-size:.78rem; }
.ai-mannol-summary small { text-align:right; color:#6c7585; }
@media (max-width:1023px) { .ai-mannol-workspace { grid-template-columns:1fr; } .ai-mannol-sidebar { position:static; } }
@media (max-width:768px) { .ai-mannol-main-head,.ai-mannol-card-footer { flex-direction:column; align-items:flex-start; } .ai-mannol-summary { grid-template-columns:1fr; } .ai-mannol-summary small { text-align:left; } }
.ai-banner-search-button {
  color: #ffd428;
  background: #111;
  border-color: #e2261d;
  min-width: 132px;
  justify-content: flex-start;
}
.ai-banner-search-button:hover { color: #fff; background: #b71914; }
.ai-banner-search-button small { color: #fff; }
.ai-banner-lion { color: #ef2b20; margin-right: .55rem; }
.ai-banner-results { background: #090909; color: #eee; border-radius: 8px; padding: 1rem; border: 1px solid #3b0907; }
.ai-banner-hero { display: flex; justify-content: space-between; align-items: center; padding: 1.1rem 1.3rem; margin-bottom: 1rem; background: linear-gradient(115deg,#050505 45%,#3b0503 80%,#b71914); border-bottom: 3px solid #e2261d; }
.ai-banner-brand { color: #ffd428; font-size: 1.6rem; font-weight: 800; font-style: italic; }
.ai-banner-brand i { color: #ef2b20; margin-right: .35rem; }
.ai-banner-product-card { height: 100%; background: linear-gradient(145deg,#151515,#050505); border: 1px solid #4a0d09; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,.35); }
.ai-banner-card-head { padding: .75rem 1rem; display: flex; align-items: center; gap: .75rem; border-bottom: 1px solid #3b0a07; color: #ffd428; }
.ai-banner-match-tag { background: #b71914; color: #fff; }
.ai-banner-product-card > .columns { padding: .8rem; margin: 0; }
.ai-banner-product-card .title { color: #fff; }
.ai-banner-battery-visual { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffd428; text-align: center; }
.ai-banner-battery-visual i { font-size: 5rem; color: #df2a20; text-shadow: 0 0 18px rgba(223,42,32,.25); }
/* PF_AI_V281_BANNER_LOCAL_IMAGES */
.ai-banner-battery-visual .ai-banner-image-frame { width: 100%; min-height: 218px; padding: .65rem; margin-bottom: .55rem; border-radius: 7px; background: #fff; border: 1px solid #3c3c3c; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
.ai-banner-battery-visual .ai-banner-image-frame img { display: block; width: 100%; height: 190px; object-fit: contain; }
.ai-banner-battery-visual .ai-banner-image-frame small { margin-top: .25rem; color: #5b5b5b; font-size: .62rem; font-weight: 700; }
.ai-banner-image-fallback { min-height: 205px; display: flex; align-items: center; justify-content: center; }
.ai-banner-battery-visual span { color: #d9d9d9; font-size: .74rem; font-weight: 600; }
.ai-banner-specs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; }
.ai-banner-specs span { display: flex; gap: .4rem; align-items: center; padding: .48rem .55rem; background: #202020; border: 1px solid #303030; border-radius: 4px; color: #f6f6f6; }
.ai-banner-specs i { color: #ffd428; }
.ai-banner-specs strong { color: #f8f8f8; font-weight: 700; }
.ai-banner-detail-row { color: #d8d8d8 !important; line-height: 1.5; }
.ai-banner-detail-row strong { color: #ffffff !important; font-weight: 700; }
/* PF_AI_V283_BANNER_CARD_IMAGE_AND_POLARITY */
.ai-banner-polarity-row { display:flex; align-items:center; gap:.65rem; min-height:42px; padding:.42rem .55rem; background:#171717; border:1px solid #303030; border-radius:5px; color:#f5f5f5; }
.ai-banner-polarity-title { display:flex; flex-direction:column; min-width:88px; line-height:1.15; }
.ai-banner-polarity-title strong { color:#fff; font-size:.74rem; }
.ai-banner-polarity-title small { color:#bfc4ca; font-size:.62rem; margin-top:.15rem; }
.ai-banner-polarity-battery { position:relative; display:grid; grid-template-columns:28px 58px 28px; align-items:center; justify-items:center; min-width:114px; }
.ai-banner-polarity-case { width:62px; height:28px; border:2px solid #9ca3ad; border-radius:4px; background:#252525; box-shadow:inset 0 0 0 2px #101010; }
.ai-banner-terminal { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:50%; font-weight:900; font-size:1rem; border:2px solid rgba(255,255,255,.25); }
.ai-banner-terminal.positive { background:#dc2d23; color:#fff; }
.ai-banner-terminal.negative { background:#363c43; color:#fff; }
.ai-banner-polarity-text { font-weight:800; color:#ffd428; }
.ai-banner-product-card .ai-banner-battery-visual > strong { color: #f4f4f4; font-size: .86rem; }
.ai-banner-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; background: #181818; border-top: 1px solid #333; }
.ai-banner-price { color: #ffd428; font-size: 1.15rem; }
.ai-banner-cart { background: #e2261d; color: #fff; border: 0; }
.ai-banner-cart:hover { background: #ff3b30; color: #fff; }
.ai-banner-modal-specs { margin-top: 1rem; padding: .8rem; border: 1px solid #e2261d; border-radius: 6px; background: #fffaf0; }
.ai-banner-modal-specs .title { color: #b71914; }
.ai-banner-criteria-summary { margin: 0 0 1rem; }
.ai-banner-criteria-warning { margin-top: .65rem; margin-bottom: 0; padding: .55rem .7rem; }
.ai-banner-criteria-warning span { display: block; margin-top: .2rem; }
@media (max-width: 768px) {
  .ai-banner-hero,.ai-banner-card-footer { align-items: flex-start; flex-direction: column; }
  .ai-banner-specs { grid-template-columns: 1fr; }
}
/* PartsFinder AI search v0.1 */
.ai-page { background: #fafafa; margin: -3rem; padding: 2rem; min-height: calc(100vh - 125px); }
.ai-search-header { background: #fff; padding: 1rem 1.25rem; border-bottom: 1px solid #eee; }
.ai-main-input { background: #fff; border-color: #fe744c; }
.ai-send-button { border-radius: 0 999px 999px 0; min-width: 3.5rem; }
.ai-grid { align-items: stretch; }
.ai-column { display: flex; flex-direction: column; gap: 1rem; }
.ai-card { border: 1px solid #ececec; box-shadow: 0 1px 5px rgba(0,0,0,.04); border-radius: 10px; margin-bottom: 0 !important; }
.ai-progress-panel { background: #fbfbfb; border: 1px solid #eee; border-radius: 8px; padding: .8rem; }
.ai-mechanic-loader { position: relative; display: inline-block; width: 3rem; height: 2.4rem; flex: 0 0 3rem; color: #e45a32; }
.ai-mechanic-cog { position: absolute; left: 0; top: .15rem; font-size: 2rem; animation: ai-cog-spin 1.4s linear infinite; }
.ai-mechanic-wrench { position: absolute; right: 0; bottom: .05rem; font-size: 1.25rem; color: #30394a; transform-origin: 20% 80%; animation: ai-wrench-turn .8s ease-in-out infinite alternate; }
.ai-parts-track { position: relative; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(228,90,50,.16); }
.ai-parts-track span { position: absolute; top: 0; left: -30%; width: 30%; height: 100%; border-radius: inherit; background: #e45a32; animation: ai-parts-search 1.15s ease-in-out infinite; }
.ai-garage-progress { position: relative; height: 15px; margin: .35rem 0 .75rem; border-bottom: 3px solid #dfe3e8; }
.ai-garage-progress-fill { position: absolute; left: 0; bottom: -3px; height: 3px; max-width: 100%; background: #20a35a; transition: width .35s ease; }
.ai-garage-car { position: absolute; bottom: 1px; color: #e45a32; transition: left .35s ease; }
.ai-garage-progress.is-running .ai-garage-car { animation: ai-car-bounce .45s ease-in-out infinite alternate; }
@keyframes ai-cog-spin { to { transform: rotate(360deg); } }
@keyframes ai-wrench-turn { from { transform: rotate(-14deg); } to { transform: rotate(14deg); } }
@keyframes ai-parts-search { 0% { left: -30%; } 55% { left: 48%; } 100% { left: 105%; } }
@keyframes ai-car-bounce { from { transform: translateY(0); } to { transform: translateY(-2px); } }
.ai-step { display: flex; gap: .5rem; align-items: center; font-size: .82rem; padding: .2rem 0; color: #687386; }
.ai-step.done .ai-step-icon { color: #20a35a; }
.ai-step.active .ai-step-icon { color: #e45a32; }
.ai-step.error .ai-step-icon { color: #d62246; }
.ai-items-list { max-height: 355px; overflow-y: auto; border-top: 1px solid #eee; }
.ai-item-row { display: grid; grid-template-columns: 20px 48px 1fr 90px; align-items: center; gap: .35rem; padding: .6rem .25rem; border-bottom: 1px solid #eee; cursor: pointer; }
.ai-item-row:hover, .ai-item-row.selected { background: #fff6f1; }
.ai-score { font-size: .75rem; color: #697386; }
.ai-item-name { font-weight: 600; }
.ai-location { font-size: .75rem; color: #697386; text-align: right; }
.ai-table th { color: #30394a; font-size: .78rem; }
.ai-table td { vertical-align: middle; font-size: .86rem; }
.ai-empty { min-height: 110px; display: flex; align-items: center; justify-content: center; color: #8b94a5; text-align: center; }
.ai-stock-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: .35rem; background: #e0a000; }
.ai-stock-dot.ok { background: #16a05d; }
.ai-stock-dot.warn { background: #e0a000; }
.ai-chat-card { height: 100%; min-height: 650px; }
.ai-chat-history { min-height: 420px; max-height: 600px; overflow-y: auto; padding: .25rem; display: flex; flex-direction: column; gap: .75rem; }
.ai-chat-message { border-radius: 12px; padding: .85rem; font-size: .9rem; white-space: pre-wrap; }
.ai-chat-message.assistant { background: #f1efff; margin-right: 1.4rem; }
.ai-chat-message.user { background: #fff1e8; margin-left: 1.4rem; }
.ai-quick-replies .button { border-color: #8b75ff; color: #6e57dd; background: #fff; }
.ai-vehicle-footer { margin-top: 1rem; border-radius: 10px; }
.ai-explosion-button { white-space: nowrap; }
.ai-explosion-modal { width: min(96vw, 1400px); }
.ai-explosion-modal .modal-card-body { padding: 1rem; min-height: 690px; }
.ai-audit-trigger { display: block; width: 100%; border: 0; text-align: left; cursor: pointer; }
.ai-audit-trigger:hover, .ai-audit-trigger:focus { box-shadow: 0 0 0 2px rgba(224,160,0,.28); }
.ai-audit-modal { width: min(96vw, 1500px); }
.ai-audit-modal .modal-card-body { padding: 1rem 1.25rem; max-height: calc(100vh - 150px); overflow-y: auto; }
.ai-audit-table-wrap { max-height: 430px; overflow: auto; border: 1px solid #ececec; }
.ai-audit-table-wrap table { min-width: 1050px; }
.ai-audit-table-wrap thead th { position: sticky; top: 0; z-index: 1; background: #f5f6f8; }
.ai-audit-table-wrap td { vertical-align: top; white-space: normal; }
@media screen and (max-width: 1023px) {
  .ai-page { margin: -1.5rem; padding: 1rem; }
  .ai-chat-card { min-height: auto; }
  .ai-chat-history { min-height: 260px; }
}
.ai-kromeda-usage { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 1rem; padding:.65rem .9rem; border:1px solid #b7dec9; border-radius:8px; background:#effaf4; color:#22543d; font-size:.82rem; }
.ai-kromeda-usage small { margin-left:auto; color:inherit; }
.ai-kromeda-usage-warning { border-color:#f2c94c; background:#fff7d6; color:#6b4f00; }
.ai-kromeda-usage-critical { border-color:#f14668; background:#feecf0; color:#8a1538; }
.ai-maintenance-fallback-families { padding:.6rem; background:#fafbfc; }
.ai-maintenance-fallback-group-button.is-family { padding-left:1rem; background:#fff; }
.ai-repair-estimate-button { background:#f28a44; border-color:#f28a44; color:#fff; }
.ai-repair-estimate-button:hover { background:#df7331; border-color:#df7331; color:#fff; }
.ai-repair-estimate-workspace { border-top:3px solid #ef5a35; padding-top:1rem; }
.ai-repair-estimate-job { border-left:4px solid #ef5a35; }
.ai-repair-products { max-height:260px; overflow:auto; }
.ai-repair-products .button { height:auto; min-height:2.4rem; white-space:normal; text-align:left; }
.ai-repair-product-multi { display:flex; align-items:center; gap:7px; margin-bottom:5px; }
.ai-repair-product-multi .ai-repair-product-choice { flex:1; margin-bottom:0 !important; }
.ai-repair-product-multi .ai-repair-product-quantity { flex:none; margin:0; white-space:nowrap; }
.ai-repair-product-multi .ai-repair-product-quantity .button { min-height:2rem; height:2rem; }
.ai-repair-criterion-loading { display:flex; align-items:center; min-height:1.5rem; color:#276cda; font-weight:600; }
.ai-repair-estimate-summary { position:sticky; bottom:0; z-index:5; display:flex; justify-content:space-between; align-items:center; border-top:3px solid #ef5a35; box-shadow:0 -4px 18px rgba(30,42,58,.12); }
.ai-repair-estimate-summary > div:first-child { display:flex; gap:2rem; flex-wrap:wrap; }
.ai-repair-estimate-summary > div:first-child span:last-child { color:#d84220; font-size:1.15rem; }
.ai-repair-explosion-layout { min-height:520px; }
.ai-repair-explosion-layout .menu { max-height:620px; overflow:auto; }
.ai-maintenance-extra-repairs { border-top:2px solid #f2a271; padding-top:1rem; }
@media (max-width: 900px) { .ai-repair-estimate-summary { position:static; display:block; } .ai-repair-estimate-summary .buttons { margin-top:1rem; } }
.ai-repair-selection-loading { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.ai-repair-selection-loading .progress { width:min(560px,90%); }
.ai-repair-work-selection { padding:1rem; }
.ai-repair-work-option { display:grid; grid-template-columns:28px minmax(110px,180px) 1fr 90px; gap:.75rem; align-items:center; padding:.85rem 1rem; margin-bottom:.5rem; border:1px solid #dce2e9; border-radius:6px; cursor:pointer; background:#fff; }
.ai-repair-work-option:hover,.ai-repair-work-option.is-selected { border-color:#ef5b35; background:#fff5f0; }
.ai-repair-work-code { font-weight:700; color:#26364b; }
.ai-repair-work-name { min-width:0; }
.ai-repair-work-name > strong { display:block; margin-bottom:.35rem; }
.ai-repair-work-name > em { display:block; margin:-.15rem 0 .35rem; color:#c64a28; font-style:normal; font-weight:700; }
.ai-repair-operation-row { display:grid; grid-template-columns:minmax(120px,1fr) minmax(135px,auto) auto; gap:.5rem; align-items:center; padding:.3rem .45rem; margin-top:.25rem; border-left:3px solid #f1a181; background:#fff; font-size:.78rem; }
.ai-repair-operation-row b { color:#26364b; }
.ai-repair-operation-row small { color:#687386; white-space:nowrap; }
.ai-repair-work-option > strong { text-align:right; white-space:nowrap; }
.ai-repair-selected-work-card { margin-bottom:.55rem; border:1px solid #e1e5ea; border-radius:5px; padding:.35rem .5rem; }
.ai-repair-selected-work { display:grid; grid-template-columns:minmax(65px,auto) 1fr auto; gap:.4rem; padding:.35rem 0; border-bottom:1px solid #e8ebef; font-size:.82rem; }
.ai-repair-selected-work span { white-space:nowrap; }
.ai-repair-operation-list { margin:.25rem 0 .2rem .8rem; }
.ai-repair-operation-list li { display:grid; grid-template-columns:1fr auto auto; gap:.35rem; padding:.18rem 0; font-size:.72rem; }
.ai-repair-operation-list small { color:#687386; }
@media (max-width:768px) { .ai-repair-work-option { grid-template-columns:24px 1fr auto; } .ai-repair-work-name { grid-column:2 / 4; } }
.ai-repair-additional-parts { border-top:1px solid #dce3ea; margin-top:14px; padding-top:14px; }
.ai-repair-additional-part { display:grid; grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) auto 100px 24px; gap:10px; align-items:center; padding:8px; background:#f7f9fb; border:1px solid #dce3ea; border-radius:6px; margin-bottom:7px; }
.ai-repair-additional-part small { display:block; color:#657180; }
.ai-repair-pending-products { max-height:220px; overflow:auto; margin:12px 0; }
.ai-repair-oe-selection { margin:12px 0 18px; }
.ai-repair-oe-option { width:100%; display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 14px; margin-bottom:7px; border:1px solid #dce2e9; border-radius:6px; background:#fff; text-align:left; cursor:pointer; }
.ai-repair-oe-option:hover,.ai-repair-oe-option.is-selected { border-color:#ef5b35; background:#fff5f0; }
.ai-repair-oe-option.is-selected .ai-choice-radio { border:5px solid #e45a32; }
.ai-repair-oe-option strong,.ai-repair-oe-option small { display:block; }
.ai-repair-oe-option small { margin-top:3px; color:#526174; }
.ai-repair-pending-product { display:grid !important; grid-template-columns:18px minmax(0,1fr) auto; gap:10px; align-items:center; }
.ai-repair-pending-product .ai-repair-pending-product-name { text-align:left; }
.ai-repair-pending-product.is-primary .ai-choice-radio { border:5px solid #fff; }
@media (max-width:900px) { .ai-repair-additional-part { grid-template-columns:1fr; } }
.ai-instruction-modal { width:min(96vw,1350px); }
.ai-instruction-modal .modal-card-body { max-height:calc(100vh - 150px); overflow:auto; }
.ai-instruction-loading { min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:#3273dc; }
.ai-instruction-loading i { font-size:2.2rem; }
.ai-instruction-specs { border:1px solid #dfe5ec; border-radius:7px; overflow:hidden; }
.ai-instruction-spec-row { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:10px 12px; border-bottom:1px solid #e8ecf1; }
.ai-instruction-spec-row:last-child { border-bottom:0; }
.ai-instruction-spec-row strong,.ai-instruction-spec-row small,.ai-instruction-spec-row span { display:block; }
.ai-instruction-spec-row small { color:#687386; }
.ai-instruction-note { margin-top:22px; padding:18px; border-left:4px solid #3273dc; background:#f5f8fc; }
.ai-instruction-note-line { margin-bottom:9px; }
.ai-instruction-note-line.title,.ai-instruction-note-line.heading { font-weight:700; font-size:1.05rem; }
.ai-instruction-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.ai-instruction-gallery figure { margin:0; padding:10px; border:1px solid #dfe5ec; border-radius:7px; background:#fff; }
.ai-instruction-gallery img { display:block; width:100%; max-height:460px; object-fit:contain; background:#f7f8fa; }
.ai-instruction-gallery figcaption { padding-top:8px; font-size:.82rem; }
.ai-instruction-gallery figcaption small { display:block; color:#687386; }
@media (max-width:700px) { .ai-instruction-spec-row { align-items:flex-start; flex-direction:column; } .ai-instruction-gallery { grid-template-columns:1fr; } }
.ai-oe-note { margin-top:4px !important; padding:5px 7px; border-left:3px solid #ffb70f; background:#fff8df; color:#4a4a4a !important; }
.ai-indicator-modal { width:min(96vw,1100px); }
.ai-indicator-modal .modal-card-body { max-height:calc(100vh - 150px); overflow:auto; }
.ai-indicator-procedure { margin:18px 0; padding:18px; border:1px solid #dfe5ec; border-left:4px solid #3273dc; border-radius:7px; }
.ai-indicator-procedure ol { margin-left:1.5rem; }
.ai-indicator-procedure li { margin:0 0 10px; padding-left:5px; }
.ai-indicator-procedure li.is-note { list-style:none; margin-left:-1.5rem; padding:9px; background:#fff8df; border-left:3px solid #ffb70f; }

/* v0.1.128 Mannol Autodata viscosity-option filter */
.ai-mannol-viscosity-options{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem 0}.ai-mannol-viscosity-options .tag{white-space:normal;height:auto;min-height:1.8rem}.ai-mannol-viscosity-filter{margin-bottom:.75rem}
/* v0.1.140 MANNOL_VEHICLE_TECH_CARD */
.ai-mannol-vehicle-details { display:grid; grid-template-columns:1fr; gap:.18rem; }
.ai-mannol-vehicle-detail { display:flex; justify-content:space-between; gap:.6rem; font-size:.72rem; line-height:1.35; border-top:1px solid #eef1f5; padding-top:.18rem; }
.ai-mannol-vehicle-detail span { color:#687386; }
.ai-mannol-vehicle-detail b { color:#273247; text-align:right; font-weight:600; }
/* v0.1.141 Mannol customer workspace */
.ai-mannol-customer{grid-template-columns:270px minmax(0,1fr);background:#f7f9fc;padding:14px;border-radius:10px}.ai-mannol-vehicle-customer{border-top:3px solid #1f63d5}.ai-mannol-vehicle-kicker{font-size:.68rem;color:#718096;font-weight:800;text-transform:uppercase;margin-bottom:5px}.ai-mannol-customer-tech{margin-top:12px;background:#fff;border:1px solid #e3e8f0;border-radius:8px;padding:10px}.ai-mannol-customer-head{display:flex;justify-content:space-between;gap:16px;background:#fff;border-bottom:2px solid #f2bf00;padding:14px 16px;border-radius:8px 8px 0 0}.ai-mannol-fitment-banner,.ai-mannol-service-banner{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;border:1px solid #b9e7d1;background:#eafaf3;border-radius:7px}.ai-mannol-fitment-banner>div{flex:1}.ai-mannol-fitment-banner p,.ai-mannol-service-banner p{font-size:.76rem;color:#567064;margin-top:3px}.ai-mannol-fitment-icon{width:36px;height:36px;border-radius:50%;background:#159b69;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.ai-mannol-service-banner{background:#edf9f3}.ai-mannol-service-banner>i{font-size:1.5rem;color:#16986a}.ai-mannol-tabs{display:flex;align-items:center;gap:8px;margin:14px 0 12px}.ai-mannol-tabs>span{padding:9px 18px;background:#eef2f8;border-radius:5px;font-weight:700;font-size:.82rem}.ai-mannol-tabs>span.active{background:#1756bd;color:#fff}.ai-mannol-tabs>button{margin-left:auto}.ai-mannol-family-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;align-items:start}.ai-mannol-family-card{position:relative;align-self:start;background:#fff;border:1px solid #dfe6ef;border-radius:8px;padding:14px;box-shadow:0 2px 8px rgba(30,48,75,.05)}.ai-mannol-family-card.recommended{border-color:#efb600}.ai-mannol-family-rank{position:absolute;left:10px;top:10px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#9ca3af;color:#fff;font-weight:800}.ai-mannol-family-card.recommended .ai-mannol-family-rank{background:#ef9f00}.ai-mannol-family-badge{min-height:28px;margin-left:34px;font-size:.68rem;font-weight:700;color:#73530a}.ai-mannol-family-card figure{height:145px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#e5ad00}.ai-mannol-family-card figure img{max-width:100%;max-height:135px;object-fit:contain}.ai-mannol-family-code{color:#154e9f}.ai-mannol-family-card h3{font-size:.9rem;min-height:38px;margin:3px 0 6px}.ai-mannol-family-spec{font-size:.7rem;color:#59677a;min-height:36px}.ai-mannol-package-chips{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0}.ai-mannol-package-chips span{font-size:.68rem;background:#edf5ff;color:#2361a7;border-radius:4px;padding:4px 6px}.ai-mannol-family-stock{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;margin:10px 0}.ai-mannol-family-stock i{font-size:.55rem;color:#12a36b}.ai-mannol-package-list{border-top:1px solid #e7ebf1;margin-top:10px;padding-top:6px}.ai-mannol-package-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1f5;font-size:.7rem}.ai-mannol-diagnostics-modal{width:min(96vw,1100px)}.ai-mannol-diagnostics-modal pre{white-space:pre-wrap;max-height:360px;overflow:auto;background:#172033;color:#e9eef7;padding:12px;border-radius:6px;font-size:.7rem}@media(max-width:1200px){.ai-mannol-family-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:800px){.ai-mannol-family-grid{grid-template-columns:1fr}.ai-mannol-customer-head{flex-direction:column}.ai-mannol-package-row{grid-template-columns:1fr}}

/* v0.1.142 installer verification hotfix */

/* PF_INSTALLER_VERIFY_V143 */

/* PF_MANNOL_V202_NATURAL_CARD_HEIGHT: expanded package lists no longer stretch sibling cards. */

/* PF_MANNOL_V203_PRODUCT_INFO_CHIPS */
.ai-mannol-product-info{margin:8px 0 4px;padding:8px 9px;background:#f8fbff;border:1px solid #e2eaf5;border-radius:6px}
.ai-mannol-product-info-title{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em;color:#738197;margin-bottom:5px}
.ai-mannol-claim-chips{display:flex;flex-wrap:wrap;gap:4px}
.ai-mannol-claim-chips span{font-size:.65rem;line-height:1.25;background:#eef4fb;color:#284f79;border:1px solid #d8e4f2;border-radius:10px;padding:4px 7px;white-space:normal;max-width:100%;overflow-wrap:anywhere;word-break:normal}.ai-mannol-family-spec{overflow-wrap:anywhere;word-break:normal}
.ai-mannol-claim-chips span.more{background:#f5f6f8;color:#6b7280;border-color:#e4e7eb;font-weight:700}

/* PF_MANNOL_V204_PRODUCT_INFO_TOGGLE_UI */
.ai-mannol-claim-chips button.more{font-size:.65rem;line-height:1.2;background:#f5f6f8;color:#4b5563;border:1px solid #dfe3e8;border-radius:999px;padding:4px 8px;font-weight:700;cursor:pointer;font-family:inherit}
.ai-mannol-claim-chips button.more:hover{background:#e9eef5;color:#1f4f82}
/* PF_MANNOL_V214_CLEAN_TECHNICAL_NOTES_UI */
.ai-mannol-notes-toggle{width:100%;margin-top:8px;border:1px solid #dbe3ee;background:#f7f9fc;border-radius:6px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:.74rem;font-weight:700;color:#42546d;cursor:pointer}.ai-mannol-technical-notes{margin-top:8px;display:grid;gap:6px}.ai-mannol-technical-note{background:#f8fafc;border:1px solid #e3e9f1;border-radius:6px;padding:8px 9px;font-size:.7rem;line-height:1.35;color:#48586d;overflow-wrap:anywhere;word-break:normal}.ai-mannol-tech-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.ai-mannol-tech-row b{text-align:right;overflow-wrap:anywhere;word-break:normal}.ai-mannol-classification-toggle{margin-left:auto}.ai-mannol-secondary-note{font-size:.72rem;color:#66758a;margin:-4px 0 10px;padding:7px 10px;background:#f5f7fb;border-radius:5px}

/* PF_MANNOL_V223_TRANSMISSION_CLAIM_UI */

/* PF_MANNOL_V226_TRANSMISSION_NOTE_SEMANTICS_UI */
.ai-mannol-capacity-variants {
  margin-top: .65rem;
  padding: .65rem .7rem;
  border: 1px solid #d9e2ef;
  border-radius: 8px;
  background: #f8fafc;
  font-size: .78rem;
  line-height: 1.35;
}
.ai-mannol-capacity-variant-title { font-weight: 700; margin-bottom: .35rem; }
.ai-mannol-capacity-variant { margin: .2rem 0; overflow-wrap: anywhere; }
.ai-mannol-capacity-variants small { display: block; margin-top: .35rem; color: #667085; }

/* PF_MANNOL_V233_CLEAN_CUSTOMER_STATUS */
.ai-mannol-fitment-banner.searching{background:#eef6ff;border-color:#bfd5f5;color:#27496f}
.ai-mannol-fitment-banner.searching .ai-mannol-fitment-icon{background:#3273dc}
.ai-mannol-fitment-banner.searching p{color:#60758f}

/* PF_MANNOL_V234_RECOMMENDATION_TOGGLE_AND_MATCH_BADGES */
.ai-mannol-tabs>button{margin-left:0}
.ai-mannol-classification-toggle{background:#1756bd!important;border-color:#1756bd!important;color:#fff!important;font-weight:700;box-shadow:none}
.ai-mannol-classification-toggle:hover{background:#12499f!important;border-color:#12499f!important;color:#fff!important}
.ai-mannol-viscosity-toggle{margin-left:auto!important}
.ai-mannol-claim-chips span.matched{background:#e9f8f0;color:#126b49;border-color:#63c49b;font-weight:800;box-shadow:inset 0 0 0 1px rgba(18,107,73,.04)}
.ai-mannol-claim-match-icon{font-size:.58rem;margin-right:4px;color:#109467}


/* PF_MANNOL_V242_REGISTER_PLATE_SEARCH_UI */
.ai-mannol-register-row { display:inline-flex; align-items:flex-start; vertical-align:top; }
.ai-fin-plate {
  display:inline-flex; position:relative; width:118px; height:40px; margin-left:8px;
  border:2px solid #1d2f66; border-radius:5px; overflow:hidden; background:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04); vertical-align:top;
}
.ai-fin-plate:focus-within { border-color:#e84b32; box-shadow:0 0 0 2px rgba(232,75,50,.12); }
.ai-fin-plate-eu {
  width:23px; min-width:23px; background:#164194; color:#fff; display:flex; flex-direction:column;
  align-items:center; justify-content:center; font-size:7px; line-height:8px; font-weight:700; letter-spacing:.2px;
}
.ai-fin-plate-stars { color:#ffd700; font-size:7px; line-height:5px; letter-spacing:0; margin-bottom:2px; text-align:center; }
.ai-fin-plate-input-wrap { position:relative; display:flex; flex:1; align-items:center; justify-content:center; background:#fff; }
.ai-fin-plate-input {
  width:100%; height:100%; border:0; outline:0; padding:0 5px; background:transparent; color:#111827;
  text-align:center; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:800;
  letter-spacing:1px; caret-color:#111827;
}
.ai-fin-plate-input::placeholder { color:#9ca3af; opacity:.72; font-weight:700; letter-spacing:.8px; }
.ai-fin-plate-spinner { position:absolute; right:5px; top:11px; color:#1d2f66; font-size:13px; }
.ai-fin-plate.is-loading .ai-fin-plate-input { padding-right:20px; }
.ai-mannol-register-feedback { margin-left:144px; margin-top:2px; line-height:1.15; min-height:0; }
@media (max-width: 1200px) {
  .ai-mannol-register-row { flex-wrap:wrap; }
  .ai-fin-plate { width:112px; }
  .ai-mannol-register-feedback { margin-left:0; }
}

/* PF_MANNOL_V243_REGISTER_MULTI_VERSION_PICKER_UI */
.ai-mannol-register-picker { border:1px solid #f0c36d; background:#fffdf7; }
.ai-mannol-register-picker-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.ai-mannol-register-candidate {
  width:100%; height:100%; text-align:left; border:1px solid #d8dee9; border-radius:10px; background:#fff;
  padding:14px 16px; cursor:pointer; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ai-mannol-register-candidate:hover { border-color:#1f5fbf; box-shadow:0 5px 18px rgba(31,95,191,.12); transform:translateY(-1px); }
.ai-mannol-register-candidate:disabled { opacity:.65; cursor:wait; transform:none; }
.ai-mannol-register-candidate-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; font-size:15px; color:#17243a; margin-bottom:10px; }
.ai-mannol-register-candidate-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; border-top:1px solid #edf0f5; }
.ai-mannol-register-candidate-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:6px 0; border-bottom:1px solid #edf0f5; font-size:12px; }
.ai-mannol-register-candidate-row span { color:#6c7687; }
.ai-mannol-register-candidate-row b { color:#27354b; text-align:right; overflow-wrap:anywhere; }
.ai-mannol-register-candidate-select { display:inline-flex; align-items:center; margin-top:12px; color:#1d5fbf; font-weight:700; font-size:12px; }
@media (max-width:900px) { .ai-mannol-register-candidate-grid { grid-template-columns:1fr; } }

/* PF_MANNOL_V244_REGISTER_REFERENCE_CARD_UI */
.ai-mannol-register-reference{border:1px solid #b8d8c6;border-left:5px solid #15966a;background:linear-gradient(135deg,#f4fff9 0%,#fff 72%);border-radius:10px;padding:14px 16px;box-shadow:0 3px 12px rgba(26,74,55,.06)}
.ai-mannol-register-reference-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ai-mannol-register-reference-head>div{display:flex;flex-direction:column;gap:4px}.ai-mannol-register-reference-source{color:#147a5a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.ai-mannol-register-reference-head strong{font-size:16px;color:#17243a}.ai-mannol-register-reference-head small{color:#6a7483;max-width:880px}.ai-mannol-register-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin-top:10px;border-top:1px solid #dbeae2}.ai-mannol-register-reference-row{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid #e8f1ec;font-size:12px}.ai-mannol-register-reference-row span{color:#667386}.ai-mannol-register-reference-row b{color:#22334a;text-align:right;overflow-wrap:anywhere}.ai-mannol-register-version-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 2px 4px;color:#24344b}.ai-mannol-register-version-caption span{font-size:12px;color:#6b7687}.ai-mannol-register-candidate-row.is-match{background:#f0fff7;margin:0 -6px;padding-left:6px;padding-right:6px}.ai-mannol-register-candidate-row.is-match b{color:#12845f}.ai-mannol-register-reference-result{margin-top:10px;border-left-width:4px}.ai-mannol-register-reference-result .ai-mannol-register-reference-head strong{font-size:14px}
@media(max-width:900px){.ai-mannol-register-reference-head,.ai-mannol-register-version-caption{flex-direction:column;align-items:flex-start}.ai-mannol-register-reference-grid{grid-template-columns:1fr}}


/* PF_MANNOL_V245_SEARCH_INDEXER_UI */
.ai-mannol-indexer{margin:8px 0 2px 144px;width:min(520px,calc(100vw - 190px));padding:10px 12px;border:1px solid #c9dfd4;border-radius:10px;background:linear-gradient(135deg,#f3fff8 0%,#f9fbff 100%);box-shadow:0 4px 14px rgba(24,93,70,.08)}
.ai-mannol-indexer-head{display:flex;align-items:center;gap:9px;color:#203249}.ai-mannol-indexer-head>div{display:flex;flex:1;min-width:0;flex-direction:column}.ai-mannol-indexer-head strong{font-size:12px;line-height:1.2}.ai-mannol-indexer-head small{margin-top:2px;color:#6c7887;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-mannol-indexer-head>b{font-size:11px;color:#16845f}.ai-mannol-indexer-mark{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#16a36f;color:#fff;font-size:12px;box-shadow:0 0 0 4px rgba(22,163,111,.09)}
.ai-mannol-indexer-bar{height:5px;margin:8px 0 9px;border-radius:99px;overflow:hidden;background:#e4e9ef}.ai-mannol-indexer-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#19a873,#2c71d7);transition:width .35s ease}
.ai-mannol-indexer-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ai-mannol-indexer-step{display:flex;align-items:flex-start;gap:5px;color:#8a94a2;font-size:9px;line-height:1.15}.ai-mannol-indexer-step.is-done{color:#167a59}.ai-mannol-indexer-step.is-active{color:#244d8c;font-weight:700}.ai-mannol-indexer-dot{width:15px;height:15px;min-width:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e7ebf0;color:#8a94a2;font-size:7px}.ai-mannol-indexer-step.is-done .ai-mannol-indexer-dot{background:#19a873;color:#fff}.ai-mannol-indexer-step.is-active .ai-mannol-indexer-dot{background:#2c71d7;color:#fff}
@media(max-width:1200px){.ai-mannol-indexer{margin-left:0;width:100%}.ai-mannol-indexer-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* PF_AI_V248_CUSTOMER_FLOW_UI */
.ai-customer-flow-card {
  border: 1px solid #d9e6f7;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.ai-customer-stepper {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: .75rem;
}
.ai-customer-stepper > i {
  color: #b9c8da;
}
.ai-customer-step {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem;
  border-radius: 10px;
  border: 1px solid #e5ebf3;
  background: #fff;
  min-height: 72px;
}
.ai-customer-step > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  background: #eef2f7;
  color: #53657a;
  font-weight: 700;
}
.ai-customer-step strong,
.ai-customer-step small { display: block; }
.ai-customer-step small { color: #7a8797; margin-top: 2px; line-height: 1.25; }
.ai-customer-step.is-active { border-color: #7baef7; box-shadow: 0 0 0 2px rgba(50,115,220,.08); }
.ai-customer-step.is-active > span { background: #3273dc; color: #fff; }
.ai-customer-step.is-done { border-color: #b9e5c8; background: #f8fffa; }
.ai-customer-step.is-done > span { background: #1f9d61; color: #fff; }
.ai-items-list.is-customer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  max-height: 520px;
}
.ai-items-list.is-customer-grid .ai-item-row {
  border: 1px solid #dfe7f1;
  border-radius: 9px;
  padding: .8rem .85rem;
  background: #fff;
  min-height: 58px;
}
.ai-items-list.is-customer-grid .ai-item-row.selected {
  border-color: #3273dc;
  background: #f5f9ff;
  box-shadow: inset 0 0 0 1px #3273dc;
}
.ai-customer-search-button { min-height: 38px; font-weight: 700; }
.ai-customer-oe-card { border-top: 3px solid #3273dc; }
@media (max-width: 1050px) {
  .ai-customer-stepper { grid-template-columns: 1fr; }
  .ai-customer-stepper > i { display: none; }
  .ai-items-list.is-customer-grid { grid-template-columns: 1fr; }
}

/* PF_AI_V249_MODERN_CUSTOMER_UI */
.ai-page { background: #f6f8fc; }
.ai-customer-flow-card { border: 1px solid #dbe5f2; border-radius: 14px; box-shadow: 0 8px 24px rgba(30,52,82,.06); }
.ai-customer-stepper-modern {
  grid-template-columns: minmax(0,1fr) minmax(28px,80px) minmax(0,1fr) minmax(28px,80px) minmax(0,1fr);
  gap: .35rem;
  padding: .2rem .1rem;
}
.ai-customer-stepper-modern .ai-customer-step {
  min-height: 62px;
  border: 0;
  background: transparent;
  padding: .55rem .35rem;
  box-shadow: none;
}
.ai-customer-stepper-modern .ai-customer-step > span {
  width: 36px;
  height: 36px;
  min-width: 36px;
  box-shadow: 0 0 0 5px #f6f8fc;
}
.ai-customer-stepper-modern .ai-customer-step-line {
  height: 2px;
  background: #d8e2ef;
  border-radius: 99px;
}
.ai-customer-stepper-modern .ai-customer-step.is-done + .ai-customer-step-line { background: #79c99e; }
.ai-customer-stepper-modern .ai-customer-step.is-active strong { color: #1757a6; }
.ai-customer-stepper-modern .ai-customer-step strong { font-size: .93rem; color: #27364b; }
.ai-customer-stepper-modern .ai-customer-step small { font-size: .72rem; color: #78869a; }

.ai-items-list.is-customer-grid {
  border-top: 0;
  overflow: visible;
  max-height: none;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .75rem;
}
.ai-items-list.is-customer-grid .ai-customer-group-card {
  position: relative;
  width: 100%;
  grid-template-columns: 26px minmax(0,1fr) auto;
  grid-template-areas:
    "check main score"
    "check main dedup";
  text-align: left;
  font: inherit;
  color: inherit;
  appearance: none;
  border: 1px solid #dfe7f1;
  border-radius: 12px;
  padding: .9rem;
  background: #fff;
  min-height: 88px;
  box-shadow: 0 3px 10px rgba(35,58,88,.04);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background .15s ease;
}
.ai-items-list.is-customer-grid .ai-customer-group-card:hover {
  border-color: #9fc0ee;
  box-shadow: 0 8px 20px rgba(33,79,139,.08);
  transform: translateY(-1px);
  background: #fff;
}
.ai-items-list.is-customer-grid .ai-customer-group-card.selected {
  border-color: #2d6dcc;
  background: linear-gradient(180deg,#f9fbff 0%,#f1f6ff 100%);
  box-shadow: 0 0 0 2px rgba(45,109,204,.08),0 7px 18px rgba(33,79,139,.08);
}
.ai-customer-checkbox { grid-area: check; color: #aab6c5; font-size: 1.05rem; align-self: start; padding-top: .1rem; }
.ai-customer-group-card.selected .ai-customer-checkbox { color: #2d6dcc; }
.ai-customer-group-main { grid-area: main; display: flex; min-width: 0; flex-direction: column; gap: .22rem; }
.ai-customer-group-main .ai-item-name { color: #25344a; font-size: .94rem; line-height: 1.2; }
.ai-customer-group-main small { color: #7d8998; font-size: .72rem; text-transform: capitalize; }
.ai-customer-group-card .ai-score { grid-area: score; justify-self: end; color: #2d6dcc; background: #eef5ff; border-radius: 999px; padding: .18rem .45rem; font-weight: 700; }
.ai-customer-group-card .ai-dedup-tag { grid-area: dedup; justify-self: end; align-self: end; font-size: .62rem; color: #6f7a89; background: #f2f4f7; }
.ai-customer-search-button { border-radius: 9px; padding-left: 1rem; padding-right: 1rem; }
.ai-customer-oe-card { border-top: 0; border-left: 4px solid #3273dc; border-radius: 12px; }
.ai-card { border-color: #e1e7ef; box-shadow: 0 6px 18px rgba(30,52,82,.045); }
.ai-table thead th { border-bottom: 1px solid #dce4ee; }

@media (max-width: 1250px) {
  .ai-items-list.is-customer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1050px) {
  .ai-customer-stepper-modern { grid-template-columns: 1fr; }
  .ai-customer-stepper-modern .ai-customer-step-line { display: none; }
  .ai-items-list.is-customer-grid { grid-template-columns: 1fr; }
}

/* v249 customer group cards stay readable also after OE/product columns open */
.ai-customer-group-card {
  width: 100%;
  appearance: none;
  text-align: left;
  font: inherit;
  color: inherit;
  grid-template-columns: 26px minmax(0,1fr) auto !important;
  grid-template-areas: "check main score" "check main dedup";
  min-height: 66px;
  padding: .72rem .65rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9px;
  background: #fff;
}
.ai-customer-group-card.selected { border-color: #3273dc !important; background: #f5f9ff; }
.ai-customer-group-card:hover { border-color: #9fc0ee !important; background: #fbfdff; }

/* PF_AI_V250_MODERN_OE_PRODUCT_UI */
.ai-customer-stepper-modern {
  grid-template-columns: minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);
  align-items: center;
}
.ai-customer-stepper-modern .ai-customer-step {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: .62rem;
  min-width: 0;
  padding: .45rem .25rem;
}
.ai-customer-stepper-modern .ai-customer-step > div { min-width: 0; }
.ai-customer-stepper-modern .ai-customer-step strong {
  font-size: .9rem;
  line-height: 1.12;
  white-space: normal;
}
.ai-customer-stepper-modern .ai-customer-step small {
  font-size: .68rem;
  line-height: 1.18;
  margin-top: .15rem;
  white-space: normal;
  overflow-wrap: anywhere;
}
.ai-v250-oe-panel,
.ai-v250-products-panel {
  border-radius: 15px;
  border: 1px solid #dfe7f1;
  box-shadow: 0 10px 26px rgba(30,52,82,.06);
  overflow: hidden;
}
.ai-v250-oe-panel { border-top: 4px solid #2f72d6; }
.ai-v250-products-panel { border-top: 4px solid #20a36a; }
.ai-v250-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: .9rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #edf1f6;
}
.ai-v250-section-head p { margin: 0; color: #748296; font-size: .77rem; }
.ai-v250-kicker {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-bottom: .3rem;
  color: #2f72d6;
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ai-v250-products-panel .ai-v250-kicker { color: #168d5b; }
.ai-v250-count {
  display: inline-flex;
  min-width: 28px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #edf4ff;
  color: #245fae;
  font-size: .78rem;
  vertical-align: 2px;
}
.ai-v250-status {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: .72rem;
  font-weight: 700;
  white-space: nowrap;
}
.ai-v250-status.is-ok { background: #eaf9f1; color: #158857; }
.ai-v250-oe-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .75rem;
}
.ai-v250-oe-card {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  min-width: 0;
  padding: .85rem;
  border: 1px solid #dfe8f4;
  border-radius: 12px;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}
.ai-v250-oe-card:hover { border-color: #9fc1ef; box-shadow: 0 8px 18px rgba(35,77,132,.08); transform: translateY(-1px); }
.ai-v250-oe-top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.ai-v250-oe-number {
  border: 0;
  padding: 0;
  background: transparent;
  color: #1757a6;
  font-size: 1rem;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}
.ai-v250-location {
  border-radius: 999px;
  padding: .2rem .45rem;
  background: #f1f5f9;
  color: #596a80;
  font-size: .68rem;
  font-weight: 700;
  white-space: nowrap;
}
.ai-v250-oe-part { color: #25344a; font-size: .86rem; }
.ai-v250-oe-criteria { color:#35475d; font-size:.86rem; line-height:1.5; font-weight:700; min-height:1.1rem; margin:0; } /* PF_AI_V257_STRONGER_CRITERIA */
.ai-v250-oe-actions { display: flex; gap: .45rem; flex-wrap: wrap; margin-top: auto; padding-top: .25rem; }
.ai-v250-loading { display: flex; align-items: center; gap: .55rem; color: #5d6b7d; padding: 1rem 0; }
.ai-v250-head-actions { display: flex; align-items: center; gap: .5rem; }
.ai-v250-tech-note {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .55rem;
  border: 1px solid #e5eaf1;
  border-radius: 9px;
  background: #f8fafc;
  color: #69778a;
  padding: .55rem .7rem;
  margin-bottom: .9rem;
  font: inherit;
  font-size: .72rem;
  cursor: pointer;
}
.ai-v250-tech-note span { flex: 1; text-align: left; }
.ai-v250-product-group { margin-bottom: 1rem; }
.ai-v250-group-head,
.ai-v250-complementary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .75rem;
  border-radius: 10px;
  background: #f5f8fc;
  margin-bottom: .55rem;
}
.ai-v250-group-head > div,
.ai-v250-complementary-head > div { display: flex; flex-direction: column; min-width: 0; }
.ai-v250-group-head strong,
.ai-v250-complementary-head strong { color: #27364b; font-size: .86rem; }
.ai-v250-group-head small,
.ai-v250-complementary-head small { color: #7e8b9b; font-size: .68rem; }
.ai-v250-group-pill {
  display: inline-flex;
  min-width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
  color: #2d67b1;
  border: 1px solid #dce7f4;
  font-size: .72rem;
  font-weight: 800;
}
.ai-v250-product-list { display: grid; gap: .6rem; }
.ai-v250-product-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) 190px;
  gap: 1rem;
  align-items: stretch;
  padding: .85rem;
  border: 1px solid #dfe7f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(31,54,83,.035);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ai-v250-product-card:hover { border-color: #b8cce6; box-shadow: 0 9px 22px rgba(31,54,83,.07); transform: translateY(-1px); }
.ai-v250-product-main { min-width: 0; }
.ai-v250-product-badges { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin-bottom: .45rem; }
.ai-v250-fit { display: inline-flex; align-items: center; gap: .3rem; color: #148a58; background: #ebfaf2; border-radius: 999px; padding: .22rem .5rem; font-size: .68rem; font-weight: 800; }
.ai-v250-product-code { color: #245fae; font-size: .76rem; font-weight: 800; letter-spacing: .02em; margin-bottom: .16rem; }
.ai-v250-product-card h4 { margin: 0; color: #202d40; font-size: .93rem; line-height: 1.2; }
.ai-v250-product-meta { display: flex; flex-wrap: wrap; gap: .4rem .75rem; margin-top: .55rem; color: #69788a; font-size: .7rem; }
.ai-v250-product-meta span { display: inline-flex; align-items: center; gap: .28rem; min-width: 0; }
.ai-v250-product-buy { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: .4rem; padding-left: .75rem; border-left: 1px solid #edf1f5; }
.ai-v250-stock { color: #57687c; font-size: .7rem; }
.ai-v250-price { color: #17263a; font-size: 1.15rem; font-weight: 900; }
.ai-v250-product-actions { display: flex; gap: .4rem; flex-wrap: wrap; justify-content: flex-end; }
.ai-v250-product-actions .button.is-primary { font-weight: 700; }
.ai-v250-complementary { margin-top: 1.35rem; padding-top: 1.1rem; border-top: 1px solid #e8edf3; }
.ai-v250-product-card.is-compact { background: #fbfcfe; }
.ai-v250-empty { min-height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; color: #8a96a6; }
.ai-v250-empty > i { font-size: 1.55rem; color: #b1bcc9; }
.ai-v250-empty strong { color: #556477; }

@media (max-width: 1300px) {
  .ai-v250-oe-grid { grid-template-columns: 1fr; }
  .ai-v250-product-card { grid-template-columns: minmax(0,1fr) 160px; }
}
@media (max-width: 1050px) {
  .ai-customer-stepper-modern { grid-template-columns: 1fr; }
  .ai-v250-product-card { grid-template-columns: 1fr; }
  .ai-v250-product-buy { align-items: flex-start; border-left: 0; border-top: 1px solid #edf1f5; padding-left: 0; padding-top: .65rem; }
  .ai-v250-product-actions { justify-content: flex-start; }
  .ai-v250-section-head { flex-direction: column; }
}


/* PF_AI_V251_ECOMMERCE_PRODUCT_UI */
.ai-v251-shop-panel { background: #f8fbff; border: 1px solid #dce7f5; }
.ai-v251-shop-hero { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; padding:.25rem 0 1rem; border-bottom:1px solid #e5edf6; margin-bottom:1rem; }
.ai-v251-shop-hero p { color:#718097; font-size:.78rem; margin:0; }
.ai-v251-shop-toolbar { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:.65rem; align-items:center; padding:.75rem; border:1px solid #dfe8f3; background:#fff; border-radius:14px; margin-bottom:1rem; box-shadow:0 5px 18px rgba(25,66,117,.045); }
.ai-v251-searchbox { display:flex; align-items:center; gap:.55rem; border:1px solid #ccd9ea; border-radius:10px; padding:0 .75rem; background:#fff; color:#7d8ba0; }
.ai-v251-searchbox input { width:100%; height:38px; border:0; outline:0; background:transparent; font:inherit; color:#27364b; }
.ai-v251-filter-button { height:40px; border:1px solid #d1deec; border-radius:10px; background:#fff; color:#3f536d; padding:0 .85rem; font-weight:700; cursor:pointer; }
.ai-v251-filter-button.is-active { background:#eafaf2; border-color:#9ddaba; color:#148a58; }
.ai-v251-sort { height:40px; display:flex; align-items:center; gap:.45rem; border:1px solid #d1deec; border-radius:10px; background:#fff; padding:0 .65rem; color:#607086; font-size:.72rem; }
.ai-v251-sort select { border:0; outline:0; background:transparent; color:#27364b; font-weight:700; }
.ai-v251-product-group { margin:1rem 0 1.35rem; }
.ai-v251-group-head { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:.7rem; margin-bottom:.65rem; }
.ai-v251-group-icon { width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#fff3ed; color:#f36b2b; font-size:1.05rem; }
.ai-v251-group-head h4 { margin:0; color:#172b4d; font-size:1.02rem; }
.ai-v251-group-head small { color:#8090a5; }
.ai-v251-product-list { display:grid; gap:.75rem; }
.ai-v251-product-card { display:grid; grid-template-columns:118px minmax(0,1fr) 205px; gap:1rem; align-items:stretch; padding:1rem; background:#fff; border:1px solid #d9e4f1; border-radius:14px; box-shadow:0 5px 16px rgba(28,61,105,.045); transition:.15s ease; }
.ai-v251-product-card:hover { border-color:#9fc0e9; box-shadow:0 10px 28px rgba(28,61,105,.09); transform:translateY(-1px); }
.ai-v251-product-visual { min-height:108px; border-radius:12px; background:linear-gradient(145deg,#f8fafc,#edf3f9); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.45rem; color:#9aa9ba; text-align:center; padding:.5rem; }
.ai-v251-product-visual i { font-size:2rem; color:#6e83a1; }
.ai-v251-product-visual span { font-size:.62rem; line-height:1.15; }
.ai-v251-product-copy { min-width:0; display:flex; flex-direction:column; justify-content:center; }
.ai-v251-product-badges { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; margin-bottom:.45rem; }
.ai-v251-oe-badge { display:inline-flex; align-items:center; gap:.3rem; border-radius:999px; padding:.22rem .5rem; color:#2a68b5; background:#edf5ff; font-size:.67rem; font-weight:800; }
.ai-v251-score { border-radius:999px; padding:.22rem .5rem; background:#edf9f3; color:#17825a; font-size:.67rem; font-weight:900; }
.ai-v251-product-code { color:#265fa8; font-size:.78rem; font-weight:900; margin-bottom:.15rem; }
.ai-v251-product-copy h4 { color:#172b4d; font-size:1rem; line-height:1.24; margin:0; }
.ai-v251-product-facts { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-top:.65rem; color:#3f5268; font-size:.84rem; line-height:1.5; font-weight:700; } /* PF_AI_V257_STRONGER_CRITERIA */
.ai-v251-product-facts span { display:inline-flex; gap:.3rem; align-items:center; }
.ai-v251-product-facts i { color:#71839a; }
.ai-v251-details-link { align-self:flex-start; margin-top:.7rem; border:0; background:transparent; color:#1663c7; padding:0; font:inherit; font-size:.7rem; font-weight:700; cursor:pointer; }
.ai-v251-buybox { border-left:1px solid #e7edf4; padding-left:1rem; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:.5rem; }
.ai-v251-availability { display:flex; align-items:center; gap:.4rem; color:#35835f; font-size:.72rem; }
.ai-v251-price { color:#12233e; font-size:1.3rem; font-weight:900; }
.ai-v251-quantity { display:grid; grid-template-columns:36px 42px 36px; border:1px solid #d4dfec; border-radius:9px; overflow:hidden; background:#fff; }
.ai-v251-quantity button,.ai-v251-quantity span { height:34px; display:flex; align-items:center; justify-content:center; border:0; background:#fff; color:#23405f; font-weight:800; }
.ai-v251-quantity button { cursor:pointer; font-size:1.05rem; }
.ai-v251-quantity button:hover { background:#f1f6fb; }
.ai-v251-cart { width:100%; min-height:39px; font-weight:800; background:#f0642d !important; border-color:#f0642d !important; transition:background .16s ease,border-color .16s ease,transform .16s ease; }
.ai-v251-cart[disabled] { opacity:.86; cursor:wait; }
.ai-v251-cart.is-added { background:#169b62 !important; border-color:#169b62 !important; }
.ai-v251-cart.is-cart-error { background:#c84545 !important; border-color:#c84545 !important; }
.ai-v251-info { width:100%; }
.ai-v251-no-products { padding:1rem; border:1px dashed #cbd8e7; border-radius:12px; color:#8290a4; display:flex; gap:.55rem; align-items:center; justify-content:center; }
.ai-v251-complementary { margin-top:1.5rem; padding-top:1.15rem; border-top:1px solid #e3ebf4; }
.ai-v251-complementary-title { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.75rem; }
.ai-v251-complementary-title > div { display:flex; flex-direction:column; }
.ai-v251-complementary-title strong { color:#24364e; }
.ai-v251-complementary-title small { color:#8290a4; }
.ai-v251-product-card.is-compact { grid-template-columns:90px minmax(0,1fr) 190px; }
@media (max-width:1200px) { .ai-v251-product-card { grid-template-columns:90px minmax(0,1fr) 175px; } .ai-v251-shop-toolbar { grid-template-columns:1fr 1fr; } .ai-v251-searchbox { grid-column:1/-1; } }
@media (max-width:900px) { .ai-v251-shop-hero { flex-direction:column; } .ai-v251-shop-toolbar { grid-template-columns:1fr; } .ai-v251-searchbox { grid-column:auto; } .ai-v251-product-card,.ai-v251-product-card.is-compact { grid-template-columns:80px 1fr; } .ai-v251-buybox { grid-column:1/-1; border-left:0; border-top:1px solid #e7edf4; padding-left:0; padding-top:.8rem; align-items:stretch; } .ai-v251-price { text-align:right; } }
@media (max-width:620px) { .ai-v251-product-card,.ai-v251-product-card.is-compact { grid-template-columns:1fr; } .ai-v251-product-visual { min-height:82px; } }

/* PF_AI_V253_RAT_CARD_IMAGES */
.ai-v251-product-visual.has-picture { background:#fff; border:1px solid #edf1f6; overflow:hidden; }
.ai-v251-product-visual img { display:block; width:100%; height:100%; max-height:126px; object-fit:contain; object-position:center; mix-blend-mode:multiply; }
.ai-v251-product-card.is-compact .ai-v251-product-visual img { max-height:104px; }


/* PF_AI_V254_OE_SELECTION_GATE */
.ai-v250-oe-card.is-selected {
  border-color: #3273dc;
  box-shadow: 0 0 0 1px rgba(50, 115, 220, .12), 0 8px 22px rgba(50, 115, 220, .08);
  background: #fbfdff;
}
.ai-v254-oe-select-row {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
}
.ai-v254-oe-select-row .ai-v250-oe-top {
  flex: 1 1 auto;
  min-width: 0;
}
.ai-v254-oe-checkbox {
  flex: 0 0 auto;
  border: 0;
  padding: .08rem .1rem;
  margin: 0;
  background: transparent;
  color: #b5bdc9;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
}
.ai-v250-oe-card.is-selected .ai-v254-oe-checkbox { color: #3273dc; }
.ai-v254-oe-checkbox:disabled { opacity: .55; cursor: default; }
.ai-v254-oe-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
  padding-top: .9rem;
  border-top: 1px solid #edf0f5;
}
.ai-v254-product-wait {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: .9rem 0 1rem;
  padding: .85rem 1rem;
  border: 1px dashed #cfd7e6;
  border-radius: 10px;
  background: #fafbfe;
  color: #657084;
  font-size: .9rem;
}
/* PF_AI_V254_DEFERRED_CARD_IMAGES: products render before Kromeda image hydration. */

/* PF_AI_V257_CART_REACTIVE_FEEDBACK */
.ai-v257-cart-feedback{margin-top:.35rem;padding:.35rem .55rem;border-radius:7px;background:#e9f8f0;color:#117548;font-size:.78rem;font-weight:800;text-align:center;}
.ai-v257-cart-feedback.is-error{background:#fdecec;color:#a22f2f;}
.ai-v257-cart-feedback i{margin-right:.3rem;}

/* PF_AI_V258_INSTALLER_BASE_FIX */


/* PF_AI_V276_LOCATION_IMAGE_FILTER */
.ai-location-filter {
  margin: .8rem 0 1rem;
  border: 1px solid #d5e4f7;
  border-radius: 14px;
  background: linear-gradient(180deg,#fbfdff 0%,#f5f9ff 100%);
  padding: .85rem;
}
.ai-location-filter-head { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; margin-bottom:.65rem; }
.ai-location-filter-head strong { display:block; color:#1c3556; font-size:.9rem; }
.ai-location-filter-head strong i { color:#3273dc; margin-right:.35rem; }
.ai-location-filter-head small { display:block; margin-top:.15rem; color:#6d7d91; font-size:.7rem; line-height:1.35; }
.ai-location-map { display:grid; grid-template-columns:minmax(105px,1fr) 150px minmax(105px,1fr); align-items:center; gap:.7rem; max-width:620px; margin:0 auto; }
.ai-location-side { display:flex; flex-direction:column; justify-content:space-between; min-height:250px; gap:1rem; }
.ai-location-choice { width:100%; display:flex; align-items:center; gap:.55rem; text-align:left; border:1px solid #c8d7e9; background:#fff; border-radius:11px; padding:.65rem .7rem; color:#33475f; cursor:pointer; transition:all .15s ease; box-shadow:0 3px 10px rgba(36,68,108,.04); }
.ai-location-choice:hover:not(:disabled) { border-color:#77a8ee; background:#f8fbff; transform:translateY(-1px); }
.ai-location-choice.is-selected { border-color:#3273dc; background:#eef5ff; color:#1455ae; box-shadow:0 0 0 1px rgba(50,115,220,.08); }
.ai-location-choice:disabled { opacity:.32; cursor:not-allowed; background:#f5f6f8; }
.ai-location-choice .ai-location-check { width:1.05rem; color:#9caabc; flex:0 0 auto; }
.ai-location-choice.is-selected .ai-location-check { color:#3273dc; }
.ai-location-choice b,.ai-location-choice small { display:block; }
.ai-location-choice b { font-size:.78rem; line-height:1.05; }
.ai-location-choice small { font-size:.72rem; margin-top:.15rem; color:inherit; }
.ai-location-car-wrap { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.ai-location-direction { font-size:.65rem; font-weight:800; color:#52677f; letter-spacing:.04em; text-align:center; }
.ai-location-direction i { color:#3273dc; margin-left:.2rem; }
.ai-location-direction.is-rear i { margin:0 .2rem 0 0; }
.ai-location-car { width:118px; height:235px; display:block; filter:drop-shadow(0 8px 12px rgba(34,58,88,.12)); }
.ai-location-wheel-dot { fill:#fff; stroke:#9aaabe; stroke-width:3; }
.ai-location-wheel-dot.is-selected { fill:#3273dc; stroke:#1d5ab6; }
.ai-location-filter-status { margin-top:.65rem; padding:.48rem .65rem; border-radius:9px; background:#eaf7ef; color:#267245; font-size:.7rem; font-weight:600; }
.ai-location-filter-status i { margin-right:.3rem; }
@media (max-width: 760px) {
  .ai-location-filter-head { flex-direction:column; }
  .ai-location-map { grid-template-columns:1fr 110px 1fr; gap:.35rem; }
  .ai-location-side { min-height:215px; }
  .ai-location-choice { padding:.5rem .45rem; gap:.35rem; }
  .ai-location-car { width:90px; height:190px; }
}


/* PF_AI_V277_PREMIUM_TOP_VIEW_CAR */
.ai-location-car-premium { width:138px; height:250px; overflow:visible; }
.ai-location-wheel { fill:#303d4d; stroke:#202b38; stroke-width:2; transition:fill .15s ease,stroke .15s ease,filter .15s ease; }
.ai-location-wheel.is-selected { fill:#3273dc; stroke:#1760c9; filter:drop-shadow(0 0 7px rgba(50,115,220,.75)); }
@media (max-width:760px){.ai-location-car-premium{width:108px;height:205px;}}


/* PF_AI_V279_REPAIR_OEM_IAM_ADDITIONAL_SEARCH */
.ai-repair-oem-iam-panel{margin-top:14px;padding:14px;border:1px solid #f0b3a2;border-radius:10px;background:#fffaf8;}
.ai-repair-oem-iam-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
.ai-repair-oem-iam-head strong{display:block;color:#b83b1f;}
.ai-repair-oem-iam-head small{display:block;color:#6d7480;margin-top:2px;line-height:1.35;}
.ai-repair-oem-iam-search{display:flex;gap:8px;align-items:center;}
.ai-repair-oem-iam-results{display:grid;gap:7px;margin-top:10px;max-height:310px;overflow:auto;}
.ai-repair-oem-iam-product{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 10px;border:1px solid #e2e6eb;border-radius:8px;background:#fff;}
.ai-repair-oem-iam-product div:first-child{display:flex;flex-direction:column;min-width:0;}
.ai-repair-oem-iam-product span{color:#25364b;}
.ai-repair-oem-iam-product small{color:#6e7b8c;}
@media(max-width:760px){.ai-repair-oem-iam-search,.ai-repair-oem-iam-product{align-items:stretch;flex-direction:column}.ai-repair-oem-iam-product .has-text-right{text-align:left!important}}

/* PF_AI_V282_BANNER_LOCAL_IMAGES_INSTALLER_FIX */

/* PF_AI_V283_BANNER_CARD_IMAGE_AND_POLARITY */


/* PF_SALES_V0141_AI_SALES_EMBED_AND_FIXED_PROGRESS_V01 */
.ai-search-running{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:3900!important;width:min(560px,calc(100vw - 2rem))!important;margin:0!important;box-shadow:0 18px 55px rgba(30,45,65,.25)!important;border:1px solid #b8d7ef!important;border-radius:14px!important;background:rgba(239,248,255,.98)!important}
.ai-page.ai-sales-embed{padding:0!important;min-width:0}.ai-page.ai-sales-embed .ai-search-header{display:grid!important;grid-template-columns:1fr!important;gap:.7rem;margin-left:0!important;margin-right:0!important}.ai-page.ai-sales-embed .ai-search-header>.column{width:100%!important;max-width:none!important;flex:none!important;padding:.35rem!important}.ai-page.ai-sales-embed .ai-search-header .column.is-3{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.ai-page.ai-sales-embed .ai-search-header .column.is-3 h2,.ai-page.ai-sales-embed .ai-search-header .column.is-3>p{flex:1 0 100%;margin-bottom:0!important}.ai-page.ai-sales-embed .ai-mannol-register-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.ai-page.ai-sales-embed .ai-mannol-register-row .ml-2,.ai-page.ai-sales-embed .ai-repair-estimate-button.ml-2{margin-left:0!important}.ai-page.ai-sales-embed .ai-search-header .field.has-addons{margin-bottom:0}.ai-page.ai-sales-embed .ai-grid{display:block!important;margin-left:0!important;margin-right:0!important}.ai-page.ai-sales-embed .ai-grid>.column{width:100%!important;max-width:none!important;padding:.45rem!important}.ai-page.ai-sales-embed .ai-customer-stepper-modern{grid-template-columns:1fr 22px 1fr 22px 1fr!important;min-width:0}.ai-page.ai-sales-embed .ai-customer-stepper-modern .ai-customer-step{min-width:0!important}.ai-page.ai-sales-embed .ai-customer-stepper-modern .ai-customer-step strong,.ai-page.ai-sales-embed .ai-customer-stepper-modern .ai-customer-step small{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}.ai-page.ai-sales-embed .ai-card{overflow:hidden}.ai-page.ai-sales-embed .ai-fin-plate{max-width:180px}.ai-page.ai-sales-embed .ai-main-input{min-width:0}
@media(max-width:760px){.ai-page.ai-sales-embed .ai-customer-stepper-modern{grid-template-columns:1fr!important}.ai-page.ai-sales-embed .ai-customer-stepper-modern .ai-customer-step-line{display:none!important}}


/* PF_SALES_V0142_AI_EMBED_HEADER_LAYOUT_FIX */
.ai-page.ai-sales-embed{padding-top:.2rem!important}
.ai-page.ai-sales-embed .ai-search-header{grid-template-columns:minmax(0,1fr) auto!important;column-gap:.55rem!important;row-gap:.55rem!important;padding:.8rem .9rem!important}
.ai-page.ai-sales-embed .ai-search-header>.column{max-width:none!important;flex:none!important;padding:.25rem!important}
.ai-page.ai-sales-embed .ai-search-header>.column.is-3{grid-column:1/-1;width:100%!important}
.ai-page.ai-sales-embed .ai-search-header>.column.is-8{grid-column:1;width:100%!important;min-width:0}
.ai-page.ai-sales-embed .ai-search-header>.column.is-1{grid-column:2;width:auto!important;align-self:stretch;display:flex;align-items:stretch}
.ai-page.ai-sales-embed .ai-search-header>.column.is-1 .button{width:auto!important;min-width:92px;height:100%}
.ai-page.ai-sales-embed .ai-search-header .field.has-addons{height:100%}
.ai-page.ai-sales-embed .ai-search-header .control.is-expanded{min-width:0}
@media(max-width:720px){.ai-page.ai-sales-embed .ai-search-header{grid-template-columns:1fr!important}.ai-page.ai-sales-embed .ai-search-header>.column.is-3,.ai-page.ai-sales-embed .ai-search-header>.column.is-8,.ai-page.ai-sales-embed .ai-search-header>.column.is-1{grid-column:1;width:100%!important}.ai-page.ai-sales-embed .ai-search-header>.column.is-1 .button{width:100%!important}}

/*
 * CKEditor 5 (v36.0.1) content styles.
 * Generated on Fri, 17 Mar 2023 07:02:39 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */

 :root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-table-caption-background: hsl(0, 0%, 97%);
  --ck-color-table-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}
/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}
/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: .15em;
  border-radius: 2px;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
  font-size: .7em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
  font-size: .85em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
  font-size: 1.4em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
  font-size: 1.8em;
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}
/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
  width: 100%;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
  display: block;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline {
  /*
   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
   * This strange behavior does not happen with inline-flex.
   */
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
  display: flex;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}
/* @ckeditor/ckeditor5-language/theme/language.css */
.ck-content span[lang] {
  font-style: italic;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
  margin-top: 0;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol {
  list-style-type: decimal;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol {
  list-style-type: lower-latin;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol {
  list-style-type: lower-roman;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul {
  list-style-type: disc;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul {
  list-style-type: circle;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul {
  list-style-type: square;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul ul {
  list-style-type: square;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
  list-style: none;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
  margin-bottom: 5px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: '';
  left: calc( var(--ck-todo-list-checkmark-size) / 3 );
  top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
  width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
  height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
  transform: rotate(45deg);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}
/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
  content: '';
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: .3em .6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: .4em;
  border: 1px solid hsl(0, 0%, 75%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 5%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
  text-align: right;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
  text-align: left;
}
/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}
/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
  overflow: hidden;
}
/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
  position: relative;
}
/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-table-caption-text);
  background-color: var(--ck-color-table-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}
/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}
/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}
/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}
/* @ckeditor/ckeditor5-mention/theme/mention.css */
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}

.ck-content h2 {
  color: #363636;
  font-weight: 600;
}

.ck-content h2 {
  font-size: 1.2rem;
  margin-bottom: 0.3em;
}

.ck-content h2:not(:first-child) {
  margin-top: 1.1428em;
}

@media print {
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break {
      padding: 0;
  }
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break::after {
      display: none;
  }
}


/*# sourceMappingURL=../app~b471c5ec.a26308cd66ad5b6f661e.bundle.map*/