/* Window Tint & PPF Simulator — LLumar Hellas (Syne + Commissioner) */

.llumar-page--tint-simulator {
  --tint-font-body: "Commissioner", sans-serif;
  --tint-font-display: "Syne", sans-serif;
  --tint-color-text: #4d4d4f;
  --tint-color-heading: #540606;
  --tint-color-accent: #dc2223;
  --tint-color-accent-hover: #b71d1c;
  --tint-color-bg: #edebe4;
  --tint-color-muted: #e5e5e5;
}

/* Undo legacy #inside rules that break the two-column tint-viewer layout */
.llumar-page--tint-simulator #inside_container,
.llumar-page--tint-simulator #inside {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  background: #fff !important;
  overflow: visible !important;
}

.llumar-page--tint-simulator #inside p,
.llumar-page--tint-simulator .tintviewer p,
.llumar-page--tint-simulator tint-viewer p {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: inherit !important;
  -webkit-column-count: 1 !important;
  -moz-column-count: 1 !important;
  column-count: 1 !important;
}

/* Keep spacing inside product-switch info dialog */
.llumar-page--tint-simulator .product-comp__info-content p.h6,
.llumar-page--tint-simulator .product-comp__info-content p.p-normal {
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
}

.llumar-page--tint-simulator .tintviewer {
  margin: 0;
  padding: 0 0 2.5rem;
  color: var(--tint-color-text);
  width: 100%;
  max-width: none;
  overflow: visible;
}

.llumar-page--tint-simulator .tintviewer-dealer,
.llumar-page--tint-simulator tint-viewer,
.llumar-page--tint-simulator .tint-viewer,
.llumar-page--tint-simulator .tint-viewer .main-panel {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .llumar-page--tint-simulator .tint-viewer .main-panel {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: flex-start !important;
  }

  .llumar-page--tint-simulator .tint-viewer .left-panel {
    display: block !important;
    width: 40% !important;
    min-width: 18rem !important;
    flex: 0 0 40% !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .llumar-page--tint-simulator .tint-viewer .right-panel {
    display: flex !important;
    width: 60% !important;
    min-width: 0 !important;
    flex: 0 0 60% !important;
  }
}

.llumar-page--tint-simulator .tint-viewer__title_container {
  max-width: 72.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.llumar-page--tint-simulator .tint-viewer__heading {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  color: var(--tint-color-heading);
  font-family: var(--tint-font-display) !important;
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 600 !important;
  letter-spacing: -0.05rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.llumar-page--tint-simulator .tint-viewer__heading-text {
  display: inline;
}

.llumar-page--tint-simulator .tint-viewer__heading .tint-sim-info-icon {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  margin: 0 !important;
  width: 1.25rem;
  height: 1.25rem;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: default;
}

.llumar-page--tint-simulator .tint-sim-info-icon img {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.llumar-page--tint-simulator .tooltip-overlay__panel,
.llumar-page--tint-simulator .tooltip-overlay .overlay,
.llumar-page--tint-simulator tooltip-overlay [class*="overlay"]:not(img),
.llumar-page--tint-simulator .llumar-trigger__tooltip,
.llumar-page--tint-simulator .dd__tooltip-message {
  display: none !important;
}

/* Body / form text */
.llumar-page--tint-simulator .p-normal,
.llumar-page--tint-simulator .p-small,
.llumar-page--tint-simulator .p-normal-semi-bold,
.llumar-page--tint-simulator .global-form__label,
.llumar-page--tint-simulator .global-form__input,
.llumar-page--tint-simulator .global-form__input-email,
.llumar-page--tint-simulator .global-form__input-phone,
.llumar-page--tint-simulator .global-form__textarea,
.llumar-page--tint-simulator .global-form__message {
  font-family: var(--tint-font-body) !important;
}

.llumar-page--tint-simulator .p-normal,
.llumar-page--tint-simulator .global-form__input,
.llumar-page--tint-simulator .global-form__input-email,
.llumar-page--tint-simulator .global-form__input-phone,
.llumar-page--tint-simulator .global-form__textarea {
  font-weight: 500 !important;
}

.llumar-page--tint-simulator .p-small {
  font-weight: 300 !important;
}

.llumar-page--tint-simulator .p-normal-semi-bold,
.llumar-page--tint-simulator .p-lead-bold,
.llumar-page--tint-simulator .h3,
.llumar-page--tint-simulator .h4,
.llumar-page--tint-simulator .global-form__heading {
  font-family: var(--tint-font-display) !important;
  font-weight: 600 !important;
  color: var(--tint-color-heading);
}

/* Color / finish option labels (Σκούρο, Μεσαίο, Γυαλιστερό, …) — NOT tabs */
.llumar-page--tint-simulator .wf-viewer__thumbnail-title,
.llumar-page--tint-simulator .thumbnail-title,
.llumar-page--tint-simulator .custom__label,
.llumar-page--tint-simulator .option-info,
.llumar-page--tint-simulator .option-info span,
.llumar-page--tint-simulator .p-small-film-title,
.llumar-page--tint-simulator .p-tiny,
.llumar-page--tint-simulator .vehicle-types__heading,
.llumar-page--tint-simulator .vehicle-types span,
.llumar-page--tint-simulator .tint-viewer label:not(.react-tabs__tab) {
  font-family: var(--tint-font-body) !important;
  font-weight: 500 !important;
  color: var(--tint-color-text) !important;
  letter-spacing: normal;
  text-transform: none;
}

.llumar-page--tint-simulator .wf-viewer__thumbnail-title,
.llumar-page--tint-simulator .thumbnail-title,
.llumar-page--tint-simulator .custom__label:not(.vehicle-type) {
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  text-align: center;
}

/* PPF / coverage area tiles — slightly more vertical space between rows */
.llumar-page--tint-simulator .tint-viewer .accordion__panel ul.list-unstyled.row {
  row-gap: 0.5rem !important;
}

.llumar-page--tint-simulator .tint-viewer .accordion__panel ul.list-unstyled > li {
  margin-bottom: 0.5rem !important;
}

.llumar-page--tint-simulator .tint-viewer .accordion__panel .custom__label {
  margin-bottom: 0 !important;
  gap: 0.25rem;
}

.llumar-page--tint-simulator .tint-viewer .accordion__panel .custom__label > img {
  display: block !important;
  font-size: 0 !important; /* hide alt text if image fails */
}

.llumar-page--tint-simulator .tint-viewer .accordion__panel .thumbnail-title,
.llumar-page--tint-simulator .tint-viewer .accordion__panel .thumbnail-title.p-tiny {
  display: block !important;
  margin-top: 0.375rem !important;
  margin-bottom: 0.125rem !important;
  line-height: 1.35 !important;
  width: 100% !important;
  max-width: 5.5rem;
  padding: 0 0.15rem;
}

/* Coverage area names + Προσαρμογή (multi-select accordion headers) */
.llumar-page--tint-simulator .tint-viewer .accordion__button,
.llumar-page--tint-simulator .tint-viewer .accordion-custom__button,
.llumar-page--tint-simulator .tint-viewer .accordion__heading,
.llumar-page--tint-simulator .tint-viewer .accordion__panel,
.llumar-page--tint-simulator .tint-viewer .p-small-semi-bold,
.llumar-page--tint-simulator .tint-viewer .p-small-film-title,
.llumar-page--tint-simulator .tint-viewer .scrollbar label,
.llumar-page--tint-simulator .tint-viewer .scrollbar span,
.llumar-page--tint-simulator .tint-viewer .scrollbar p,
.llumar-page--tint-simulator .tint-viewer .list-unstyled li:not(.react-tabs__tab),
.llumar-page--tint-simulator .tint-viewer .list-unstyled label {
  font-family: var(--tint-font-body) !important;
  font-weight: 500 !important;
  color: var(--tint-color-text) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}

.llumar-page--tint-simulator .tint-viewer .accordion__button,
.llumar-page--tint-simulator .tint-viewer .accordion-custom__button {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--tint-color-heading) !important;
}

/* Tabs — ΜΕΜΒΡΑΝΕΣ / ΠΡΟΣΤΑΣΙΑ ΧΡΩΜΑΤΟΣ (do not inherit body label color) */
.llumar-page--tint-simulator .tint-viewer .react-tabs__tab,
.llumar-page--tint-simulator .wf-viewer .react-tabs__tab,
.llumar-page--tint-simulator .tint-viewer li.react-tabs__tab,
.llumar-page--tint-simulator .tint-viewer .react-tabs__tab.p-lead-bold {
  font-family: var(--tint-font-display) !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: #dbdbdb !important;
  background: #fff !important;
  border: none !important;
  border-radius: 1.5625rem !important;
}

.llumar-page--tint-simulator .tint-viewer .react-tabs__tab:hover,
.llumar-page--tint-simulator .tint-viewer .react-tabs__tab.p-lead-bold:hover {
  background-color: #f7f7f7 !important;
  color: #dc2233 !important;
}

.llumar-page--tint-simulator .tint-viewer .react-tabs__tab--selected,
.llumar-page--tint-simulator .tint-viewer .react-tabs__tab--selected.p-lead-bold,
.llumar-page--tint-simulator .tint-viewer .react-tabs__tab[aria-selected="true"] {
  background-color: #fafafa !important;
  color: #dc2233 !important;
  box-shadow: 0 0 0.3125rem #dc2233 !important;
}

/* Vehicle type labels under thumbnails */
.llumar-page--tint-simulator .custom__label.vehicle-type,
.llumar-page--tint-simulator .vehicle-types .custom__label {
  font-family: var(--tint-font-display) !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  color: var(--tint-color-heading) !important;
  letter-spacing: 0.04em !important;
}

/* Vehicle types — 2×2 grid on small screens (SEDAN / SUV / ΣΠΟΡ / ΦΟΡΤΗΓΟ) */
@media (max-width: 1023.98px) {
  .llumar-page--tint-simulator .vehicle-types__container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: start !important;
    gap: 1rem 0.75rem !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 1rem 0.75rem !important;
  }

  .llumar-page--tint-simulator .vehicle-types__container > li {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .llumar-page--tint-simulator .vehicle-types__moretab::before {
    display: none !important;
  }

  .llumar-page--tint-simulator .vehicle-types .custom__label.vehicle-type {
    width: 100%;
    align-items: center;
  }
}

/* Hide mobile Hide / Preview carousel toggles */
.llumar-page--tint-simulator .slide__Hide-llumar,
.llumar-page--tint-simulator .slide__show-llumar,
.llumar-page--tint-simulator #hide-btn,
.llumar-page--tint-simulator #show-btn,
.llumar-page--tint-simulator .hide_cta_mob,
.llumar-page--tint-simulator .show_cta_mob {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 1023.98px) {
  .llumar-page--tint-simulator .tint-viewer-carousel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }
}

/* Primary CTA only — NOT carousel slide buttons, NOT outlined */
.llumar-page--tint-simulator .llumar-btn:not(.llumar-btn-outlined),
.llumar-page--tint-simulator .llumar-btn-primary,
.llumar-page--tint-simulator a.llumar-btn:not(.llumar-btn-outlined),
.llumar-page--tint-simulator a.llumar-btn-primary,
.llumar-page--tint-simulator button.llumar-btn:not(.llumar-btn-outlined) {
  font-family: var(--tint-font-display) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #fff !important;
  background: var(--tint-color-accent) !important;
  border: none !important;
  border-radius: 3.75rem !important;
  padding: 0.75rem 1.75rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}

.llumar-page--tint-simulator .llumar-btn:not(.llumar-btn-outlined):hover,
.llumar-page--tint-simulator .llumar-btn-primary:hover,
.llumar-page--tint-simulator a.llumar-btn:not(.llumar-btn-outlined):hover,
.llumar-page--tint-simulator a.llumar-btn-primary:hover {
  background: var(--tint-color-accent-hover) !important;
  color: #fff !important;
}

.llumar-page--tint-simulator .llumar-btn-outlined,
.llumar-page--tint-simulator button.llumar-btn-outlined {
  font-family: var(--tint-font-display) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase !important;
  color: var(--tint-color-accent) !important;
  background: #fff !important;
  border: 0.0625rem solid var(--tint-color-accent) !important;
  border-radius: 3.75rem !important;
  padding: 0.75rem 1.25rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}

.llumar-page--tint-simulator .llumar-btn-outlined:hover,
.llumar-page--tint-simulator button.llumar-btn-outlined:hover {
  color: #fff !important;
  background: var(--tint-color-accent) !important;
  border-color: var(--tint-color-accent) !important;
}

/* Hide contact dealer CTA */
.llumar-page--tint-simulator .tintviewer-dealer__button-container,
.llumar-page--tint-simulator .tintviewer-dealer__button-container .llumar-btn,
.llumar-page--tint-simulator .tintviewer-dealer__button-container .llumar-btn-primary {
  display: none !important;
}

/* Hide "select vehicle type above" helper */
.llumar-page--tint-simulator .vehicle-types__helper-text {
  display: none !important;
}

/* «Λήψη προτάσεων κάλυψης» — outer is layout wrapper, inner .pill-black is the button */
.llumar-page--tint-simulator .cov-area-cta-btn {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 0 0.9375rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100%;
}

.llumar-page--tint-simulator .cov-area-cta-btn .pill-black,
.llumar-page--tint-simulator .tint-viewer .pill-black,
.llumar-page--tint-simulator button.pill-black {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.6875rem 1.5rem !important;
  background: var(--tint-color-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3.125rem !important;
  font-family: var(--tint-font-display) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: none !important;
}

.llumar-page--tint-simulator .cov-area-cta-btn .pill-black:hover,
.llumar-page--tint-simulator .tint-viewer .pill-black:hover,
.llumar-page--tint-simulator button.pill-black:hover {
  background: #343434 !important;
  color: #fff !important;
}

/* Reset button */
.llumar-page--tint-simulator .tint-viewer .start-over-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem;
  margin: 1.25rem auto !important;
  padding: 1rem 1.5rem !important;
  background: #fff !important;
  color: var(--tint-color-heading) !important;
  border: none !important;
  border-radius: 1.5625rem !important;
  font-family: var(--tint-font-display) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  cursor: pointer;
}

.llumar-page--tint-simulator .tint-viewer .start-over-btn:hover {
  background: var(--tint-color-muted) !important;
}

.llumar-page--tint-simulator .tint-viewer .start-over-btn:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("/resources/window-tint-ppf-simulator/assets/icons/llumar-re/icon-restart-crimson.svg") center / contain no-repeat;
}

/* Carousel navigation — swipe/dots on mobile; prev/next arrows on desktop */
@media (max-width: 1023.98px) {
  .llumar-page--tint-simulator .tint-viewer-carousel__arrows,
  .llumar-page--tint-simulator .tint-viewer-carousel__arrows--left,
  .llumar-page--tint-simulator .tint-viewer-carousel__arrows--right,
  .llumar-page--tint-simulator .tint-viewer-carousel .arrow-wrap {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
  }
}

@media (min-width: 1024px) {
  .llumar-page--tint-simulator .tint-viewer-carousel {
    position: relative !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel .arrow-wrap {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel__arrows,
  .llumar-page--tint-simulator .tint-viewer-carousel button.tint-viewer-carousel__arrows {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    min-height: 2.5rem !important;
    opacity: 1 !important;
    padding: 0.25rem !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0.625rem !important;
    background-color: var(--tint-color-accent) !important;
    color: #fff !important;
    cursor: pointer !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    box-shadow: none !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel__arrows--left {
    left: 1.25rem !important;
    right: auto !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel__arrows--right {
    right: 1.25rem !important;
    left: auto !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel__arrows:hover,
  .llumar-page--tint-simulator .tint-viewer-carousel__arrows:focus,
  .llumar-page--tint-simulator .tint-viewer-carousel__arrows:active {
    background-color: var(--tint-color-accent) !important;
    outline: none !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel__arrows img {
    display: block !important;
    width: 1rem !important;
    height: 1rem !important;
    margin: 0 !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel__icon-right {
    transform: rotate(180deg) !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel .swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .llumar-page--tint-simulator .tint-viewer-carousel .swiper-pagination-bullets {
    display: none !important;
  }
}

/* PPF survey questions */
.llumar-page--tint-simulator .tint-viewer-rec-cov__question,
.llumar-page--tint-simulator .tint-viewer-rec-cov__title,
.llumar-page--tint-simulator .tint-viewer-rec-cov__answers label,
.llumar-page--tint-simulator .tint-viewer-rec-cov__answers span,
.llumar-page--tint-simulator .tint-viewer-rec-cov li,
.llumar-page--tint-simulator .tint-viewer-rec-cov label,
.llumar-page--tint-simulator .tint-viewer-rec-cov p,
.llumar-page--tint-simulator .tint-viewer-rec-cov__error-msg {
  font-family: var(--tint-font-body) !important;
  font-weight: 500 !important;
  color: var(--tint-color-text) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.4 !important;
}

.llumar-page--tint-simulator .tint-viewer-rec-cov__question {
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: var(--tint-color-heading) !important;
  margin: 0.75rem 0 0.5rem !important;
}

.llumar-page--tint-simulator .tint-viewer-rec-cov__title {
  font-family: var(--tint-font-display) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: var(--tint-color-heading) !important;
}

/* Slide overlay buttons (eye / peek) — restore original shapes, undo CTA overrides */
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--tint-font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #fff !important;
  background-color: var(--tint-color-accent) !important;
  border: none !important;
  border-radius: 3.125rem !important;
  padding: 0.6875rem 0.9375rem !important;
  box-shadow: none !important;
  line-height: 1 !important;
  min-height: 2.375rem !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1;
  pointer-events: auto !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark {
  background-color: var(--tint-color-accent) !important;
  color: #fff !important;
}

/* Εσωτερικό / Εξωτερικό — always red (no burgundy on swipe/focus) */
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button__peekin,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__peekin.slide__button__dark,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button__peekin {
  background-color: var(--tint-color-accent) !important;
  background: var(--tint-color-accent) !important;
  color: #fff !important;
  -webkit-tap-highlight-color: transparent;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button__peekin:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button__peekin:focus,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button__peekin:active,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button__peekin:focus-visible,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__peekin.slide__button__dark:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__peekin.slide__button__dark:focus,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__peekin.slide__button__dark:active,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button__peekin:hover,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button__peekin:focus,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button__peekin:active {
  background-color: var(--tint-color-accent) !important;
  background: var(--tint-color-accent) !important;
  color: #fff !important;
  border-radius: 3.125rem !important;
  outline: none !important;
  box-shadow: none !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark:focus {
  background-color: var(--tint-color-heading) !important;
  border-radius: 3.125rem !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark.slide__button__peekin:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark.slide__button__peekin:focus {
  background-color: var(--tint-color-accent) !important;
}

/* Download — match llumar.com (#540606 / hover #b71d1c), same height as Εσωτερικό */
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button-download,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__button-overlay .slide__button-download,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__Download .slide__button,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button-download,
.llumar-page--tint-simulator .tint-viewer-carousel .teal-btn.slide__button-download {
  background-color: #540606 !important;
  background: #540606 !important;
  padding: 0.6875rem 2rem 0.6875rem 0.9375rem !important;
  min-height: 2.375rem !important;
  border-radius: 3.125rem !important;
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  text-transform: uppercase !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button-download:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button-download:focus,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__button-overlay .slide__button-download:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__button-overlay .slide__button-download:focus,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__Download .slide__button:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__Download .slide__button:focus,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button-download:hover,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button-download:focus,
.llumar-page--tint-simulator .tint-viewer-carousel .teal-btn.slide__button-download:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .teal-btn.slide__button-download:focus {
  background-color: #b71d1c !important;
  background: #b71d1c !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button-download:after,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__button-overlay .slide__button-download:after,
.llumar-page--tint-simulator .tint-viewer-carousel .slide__Download .slide__button:after,
.llumar-page--tint-simulator .tint-viewer-carousel button.slide__button-download:after {
  content: " " !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: 0.75rem !important;
  left: auto !important;
  width: 0.75rem !important;
  height: 0.910625rem !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  background-image: url("/resources/window-tint-ppf-simulator/assets/icons/icon-download.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  pointer-events: none !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__eye,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button.slide__button__eye,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark.slide__button__eye {
  width: 2.375rem !important;
  height: 2.375rem !important;
  min-width: 2.375rem !important;
  min-height: 2.375rem !important;
  padding: 0 !important;
  border-radius: 0.25rem !important;
  background-color: var(--tint-color-accent) !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__eye:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__eye:focus,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark.slide__button__eye:hover,
.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__dark.slide__button__eye:focus {
  background-color: var(--tint-color-heading) !important;
  border-radius: 0.25rem !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide .slide__button__eye img {
  width: 1.125rem !important;
  height: 1.125rem !important;
  margin: 0 !important;
  display: block !important;
  transform: none !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide__button-overlay {
  display: flex !important;
  align-items: center;
  gap: 0.625rem;
  z-index: 3 !important;
  pointer-events: none; /* let clicks pass except on buttons */
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide__button-overlay .slide__button {
  pointer-events: auto !important;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide__content {
  pointer-events: none;
}

.llumar-page--tint-simulator .tint-viewer-carousel .slide__button-overlay__right {
  border-radius: 0.25rem;
}

/* Hide zip / postal dealer search */
.llumar-page--tint-simulator .tintviewer-dealer__search,
.llumar-page--tint-simulator .tintviewer-dealer__search-title,
.llumar-page--tint-simulator .tintviewer-dealer .dealer-form,
.llumar-page--tint-simulator .tintviewer-dealer__container .dealer-form__input-control,
.llumar-page--tint-simulator .tintviewer-dealer form.dealer-form {
  display: none !important;
}

.llumar-page--tint-simulator .tint-sim-disclaimer {
  max-width: 72.5rem;
  padding: 0 1.25rem 2rem;
  color: var(--tint-color-text);
}

.llumar-page--tint-simulator .tint-sim-form-note {
  margin-top: 1rem;
  color: var(--tint-color-text);
}

.llumar-page--tint-simulator .tint-sim-form-note a {
  color: var(--tint-color-accent);
}

.llumar-page--tint-simulator h1,
.llumar-page--tint-simulator h2,
.llumar-page--tint-simulator h3,
.llumar-page--tint-simulator h4,
.llumar-page--tint-simulator h5,
.llumar-page--tint-simulator .h3,
.llumar-page--tint-simulator .h4,
.llumar-page--tint-simulator .h6 {
  font-family: var(--tint-font-display) !important;
}

/* Product-type switch info dialog («Πληροφορίες») */
.llumar-page--tint-simulator .product-comp__info-container,
.llumar-page--tint-simulator .product-comp__info-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1100 !important;
}

.llumar-page--tint-simulator .product-comp__info-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.25rem !important;
  box-sizing: border-box !important;
}

.llumar-page--tint-simulator .product-comp__info-backdrop {
  background: hsla(0, 0%, 100%, 0.9) !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}

.llumar-page--tint-simulator .product-comp__info-box {
  position: relative !important;
  z-index: 1101 !important;
  background: #fff !important;
  border: 0.0625rem solid var(--tint-color-accent) !important;
  border-radius: 0.3125rem !important;
  max-width: 34.625rem !important;
  width: min(100%, 34.625rem) !important;
  padding: 1.25rem !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  box-sizing: border-box !important;
}

.llumar-page--tint-simulator .product-comp__info-box__image {
  display: block !important;
  width: 1.4375rem !important;
  min-width: 1.4375rem !important;
  height: auto !important;
  margin-top: 0.15rem !important;
}

.llumar-page--tint-simulator .product-comp__info-content {
  position: relative !important;
  flex: 1 1 auto !important;
  max-width: 100% !important;
  text-align: left !important;
  padding: 0 1.5rem 0 0 !important;
}

.llumar-page--tint-simulator .product-comp__info-close {
  position: absolute !important;
  right: -0.25rem !important;
  top: -0.25rem !important;
  z-index: 2;
}

.llumar-page--tint-simulator .product-comp__info-close__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.llumar-page--tint-simulator .product-comp__info-close__button img {
  width: 1rem !important;
  height: 1rem !important;
  display: block !important;
}

.llumar-page--tint-simulator .product-comp__info-content .h6 {
  font-family: var(--tint-font-display) !important;
  font-weight: 600 !important;
  font-size: 1.125rem !important;
  line-height: 1.35 !important;
  color: var(--tint-color-heading) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin: 0 0 0.5rem !important;
}

.llumar-page--tint-simulator .product-comp__info-content .p-normal {
  font-family: var(--tint-font-body) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: var(--tint-color-text) !important;
  margin: 0 0 1rem !important;
}

.llumar-page--tint-simulator .product-comp__info-action {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.625rem !important;
  margin-top: 0.25rem !important;
}

.llumar-page--tint-simulator .product-comp__info-action .llumar-btn {
  margin: 0 !important;
}

@media (max-width: 1023.98px) {
  .llumar-page--tint-simulator .product-comp__info-box {
    max-width: 20.9375rem !important;
    width: min(100%, 20.9375rem) !important;
  }
}

/* Download PNG (#download-tint) — html2canvas uses sofia-pro/termina; force page fonts */
#download-tint,
#download-tint .tv-download,
.tv-download {
  font-family: "Commissioner", sans-serif !important;
}

#download-tint .tv-download-h3,
#download-tint .tv-download-h5,
#download-tint .tv-download-p-normal,
#download-tint .tv-download-p-normal-semi-bold,
#download-tint .tv-download-list-item,
#download-tint p,
#download-tint li,
#download-tint span,
.tv-download .tv-download-h3,
.tv-download .tv-download-h5,
.tv-download .tv-download-p-normal,
.tv-download .tv-download-p-normal-semi-bold,
.tv-download p,
.tv-download li,
.tv-download span {
  font-family: "Commissioner", sans-serif !important;
}

#download-tint .tv-download-h4,
.tv-download .tv-download-h4 {
  font-family: "Syne", sans-serif !important;
  font-weight: 600 !important;
}

@media (min-width: 1024px) {
  .llumar-page--tint-simulator .tint-viewer__title_container {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}