/* assets/css/src/fonts.css */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./montserrat-latin-ext-4VHWKJEV.woff2") format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./montserrat-latin-VA4M73IZ.woff2") format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Syne";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./syne-latin-ext-ZM6DHO3J.woff2") format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Syne";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./syne-latin-XYPXHJ4T.woff2") format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* assets/css/src/variables.css */
:root {
  --tcs-red: #de3b3d;
  --tcs-red: oklch(60% 0.2 25);
  --tcs-red-dark: #bb061e;
  --tcs-red-dark: oklch(50% 0.2 25);
  --tcs-text-primary: #252e3d;
  --tcs-text-primary: oklch(30% 0.03 260);
  --tcs-text-secondary: #3e4858;
  --tcs-text-secondary: oklch(40% 0.03 260);
  --tcs-text-muted: #677284;
  --tcs-text-muted: oklch(55% 0.03 260);
  --tcs-dark: #222222;
  --tcs-dark: oklch(25% 0 0);
  --tcs-text-light: #9e9e9e;
  --tcs-text-light: oklch(70% 0 0);
  --tcs-green: #00bf54;
  --tcs-green: oklch(70% 0.2 150);
  --tcs-green-dark: #009e34;
  --tcs-green-dark: oklch(60% 0.2 150);
  --tcs-blue: #2e79f5;
  --tcs-blue: oklch(60% 0.2 260);
  --tcs-blue-dark: #0559d2;
  --tcs-blue-dark: oklch(50% 0.2 260);
  --tcs-orange: #fe6a00;
  --tcs-orange: oklch(70% 0.2 45);
  --tcs-orange-dark: #da4800;
  --tcs-orange-dark: oklch(60% 0.2 45);
  --tcs-yellow: #fedf00;
  --tcs-yellow: oklch(90% 0.2 100);
  --tcs-yellow-dark: #806000;
  --tcs-yellow-dark: oklch(50% 0.2 100);
  --tcs-star-color: #f3ba25;
  --tcs-star-color: oklch(82% 0.16 85);
  --tcs-bg-glass: rgba(255, 255, 255, 0.75);
  --tcs-bg-glass: oklch(100% 0 0 / 0.75);
  --tcs-bg-subtle: #eeeeee;
  --tcs-bg-subtle: oklch(95% 0 0);
  --tcs-bg-hover: #f8f8f8;
  --tcs-bg-hover: oklch(98% 0 0);
  --tcs-border-light: #dedede;
  --tcs-border-light: oklch(90% 0 0);
  --tcs-border-medium: #cecece;
  --tcs-border-medium: oklch(85% 0 0);
  --tcs-gradient-red:
    linear-gradient(
      135deg,
      var(--tcs-red),
      var(--tcs-red-dark));
  --tcs-gradient-green:
    linear-gradient(
      135deg,
      var(--tcs-green),
      var(--tcs-green-dark));
  --tcs-gradient-blue:
    linear-gradient(
      135deg,
      var(--tcs-blue),
      var(--tcs-blue-dark));
  --tcs-red-tint: rgba(222, 59, 61, 0.1);
  --tcs-red-tint: oklch(60% 0.2 25 / 0.1);
  --tcs-red-glow: rgba(222, 59, 61, 0.3);
  --tcs-red-glow: oklch(60% 0.2 25 / 0.3);
  --tcs-red-focus: rgba(222, 59, 61, 0.5);
  --tcs-red-focus: oklch(60% 0.2 25 / 0.5);
  --tcs-green-tint: rgba(0, 191, 84, 0.1);
  --tcs-green-tint: oklch(70% 0.2 150 / 0.1);
  --tcs-green-glow: rgba(0, 191, 84, 0.3);
  --tcs-green-glow: oklch(70% 0.2 150 / 0.3);
  --tcs-green-focus: rgba(0, 191, 84, 0.5);
  --tcs-green-focus: oklch(70% 0.2 150 / 0.5);
  --tcs-blue-tint: rgba(46, 121, 245, 0.1);
  --tcs-blue-tint: oklch(60% 0.2 260 / 0.1);
  --tcs-blue-glow: rgba(46, 121, 245, 0.3);
  --tcs-blue-glow: oklch(60% 0.2 260 / 0.3);
  --tcs-blue-focus: rgba(46, 121, 245, 0.5);
  --tcs-blue-focus: oklch(60% 0.2 260 / 0.5);
  --tcs-blue-dark-focus: rgba(5, 89, 210, 0.5);
  --tcs-blue-dark-focus: oklch(50% 0.2 260 / 0.5);
  --tcs-orange-tint: rgba(254, 106, 0, 0.1);
  --tcs-orange-tint: oklch(70% 0.2 45 / 0.1);
  --tcs-orange-glow: rgba(254, 106, 0, 0.3);
  --tcs-orange-glow: oklch(70% 0.2 45 / 0.3);
  --tcs-orange-focus: rgba(254, 106, 0, 0.5);
  --tcs-orange-focus: oklch(70% 0.2 45 / 0.5);
  --tcs-yellow-tint: rgba(254, 223, 0, 0.1);
  --tcs-yellow-tint: oklch(90% 0.2 100 / 0.1);
  --tcs-yellow-glow: rgba(254, 223, 0, 0.3);
  --tcs-yellow-glow: oklch(90% 0.2 100 / 0.3);
  --tcs-yellow-focus: rgba(254, 223, 0, 0.5);
  --tcs-yellow-focus: oklch(90% 0.2 100 / 0.5);
  --tcs-black-5: rgba(0, 0, 0, 0.05);
  --tcs-black-5: oklch(0% 0 0 / 0.05);
  --tcs-black-10: rgba(0, 0, 0, 0.1);
  --tcs-black-10: oklch(0% 0 0 / 0.1);
  --tcs-black-25: rgba(0, 0, 0, 0.25);
  --tcs-black-25: oklch(0% 0 0 / 0.25);
  --tcs-black-50: rgba(0, 0, 0, 0.5);
  --tcs-black-50: oklch(0% 0 0 / 0.5);
  --tcs-black-75: rgba(0, 0, 0, 0.75);
  --tcs-black-75: oklch(0% 0 0 / 0.75);
  --tcs-white-25: rgba(255, 255, 255, 0.25);
  --tcs-white-25: oklch(100% 0 0 / 0.25);
  --tcs-white-50: rgba(255, 255, 255, 0.5);
  --tcs-white-50: oklch(100% 0 0 / 0.5);
  --tcs-white-85: rgba(255, 255, 255, 0.85);
  --tcs-white-85: oklch(100% 0 0 / 0.85);
  --tcs-tier-bronze:
    linear-gradient(
      135deg,
      rgba(140, 90, 55, 0.95) 0%,
      rgba(188, 136, 101, 0.95) 25%,
      rgba(161, 108, 78, 0.95) 50%,
      rgba(195, 145, 110, 0.95) 75%,
      rgba(140, 90, 55, 0.95) 100%);
  --tcs-tier-bronze:
    linear-gradient(
      135deg,
      oklch(48% 0.08 50 / 0.95) 0%,
      oklch(67% 0.08 55 / 0.95) 25%,
      oklch(58% 0.08 50 / 0.95) 50%,
      oklch(70% 0.07 55 / 0.95) 75%,
      oklch(48% 0.08 50 / 0.95) 100%);
  --tcs-tier-silver:
    linear-gradient(
      135deg,
      rgba(160, 166, 174, 0.95) 0%,
      rgba(220, 224, 230, 0.95) 25%,
      rgba(190, 195, 202, 0.95) 50%,
      rgba(228, 232, 237, 0.95) 75%,
      rgba(160, 166, 174, 0.95) 100%);
  --tcs-tier-silver:
    linear-gradient(
      135deg,
      oklch(73% 0.01 250 / 0.95) 0%,
      oklch(91% 0.01 250 / 0.95) 25%,
      oklch(82% 0.01 250 / 0.95) 50%,
      oklch(93% 0.01 250 / 0.95) 75%,
      oklch(73% 0.01 250 / 0.95) 100%);
  --tcs-tier-gold:
    linear-gradient(
      135deg,
      rgba(180, 140, 43, 0.95) 0%,
      rgba(245, 212, 110, 0.95) 25%,
      rgba(215, 180, 75, 0.95) 50%,
      rgba(250, 220, 125, 0.95) 75%,
      rgba(180, 140, 43, 0.95) 100%);
  --tcs-tier-gold:
    linear-gradient(
      135deg,
      oklch(66% 0.12 85 / 0.95) 0%,
      oklch(88% 0.12 90 / 0.95) 25%,
      oklch(79% 0.12 87 / 0.95) 50%,
      oklch(90% 0.12 90 / 0.95) 75%,
      oklch(66% 0.12 85 / 0.95) 100%);
  --tcs-tier-silver-1:
    linear-gradient(
      135deg,
      rgba(155, 160, 168, 0.95) 0%,
      rgba(216, 220, 226, 0.95) 25%,
      rgba(186, 190, 197, 0.95) 50%,
      rgba(224, 228, 234, 0.95) 75%,
      rgba(155, 160, 168, 0.95) 100%);
  --tcs-tier-silver-1:
    linear-gradient(
      135deg,
      oklch(71% 0.01 250 / 0.95) 0%,
      oklch(89% 0.01 250 / 0.95) 25%,
      oklch(80% 0.01 250 / 0.95) 50%,
      oklch(92% 0.01 250 / 0.95) 75%,
      oklch(71% 0.01 250 / 0.95) 100%);
  --tcs-tier-silver-2:
    linear-gradient(
      135deg,
      rgba(165, 153, 133, 0.95) 0%,
      rgba(230, 218, 198, 0.95) 25%,
      rgba(198, 186, 166, 0.95) 50%,
      rgba(238, 226, 206, 0.95) 75%,
      rgba(165, 153, 133, 0.95) 100%);
  --tcs-tier-silver-2:
    linear-gradient(
      135deg,
      oklch(69% 0.03 80 / 0.95) 0%,
      oklch(89% 0.03 80 / 0.95) 25%,
      oklch(79% 0.03 80 / 0.95) 50%,
      oklch(92% 0.03 80 / 0.95) 75%,
      oklch(69% 0.03 80 / 0.95) 100%);
  --tcs-tier-silver-3:
    linear-gradient(
      135deg,
      rgba(175, 148, 92, 0.95) 0%,
      rgba(238, 210, 152, 0.95) 25%,
      rgba(206, 178, 122, 0.95) 50%,
      rgba(245, 218, 162, 0.95) 75%,
      rgba(175, 148, 92, 0.95) 100%);
  --tcs-tier-silver-3:
    linear-gradient(
      135deg,
      oklch(68% 0.08 85 / 0.95) 0%,
      oklch(87% 0.08 85 / 0.95) 25%,
      oklch(78% 0.08 85 / 0.95) 50%,
      oklch(89% 0.08 85 / 0.95) 75%,
      oklch(68% 0.08 85 / 0.95) 100%);
  --tcs-tier-gold-glow: rgba(221, 176, 73, 0.55);
  --tcs-tier-gold-glow: oklch(78% 0.13 85 / 0.55);
  --tcs-tier-gold-glow-sm: rgba(221, 176, 73, 0.4);
  --tcs-tier-gold-glow-sm: oklch(78% 0.13 85 / 0.4);
  --tcs-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.03);
  --tcs-shadow-sm: 0 8px 24px oklch(0% 0 0 / 0.06), 0 2px 8px oklch(0% 0 0 / 0.03);
  --tcs-shadow-md: 0 16px 40px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
  --tcs-shadow-md: 0 16px 40px oklch(0% 0 0 / 0.08), 0 4px 12px oklch(0% 0 0 / 0.04);
  --tcs-shadow-color: rgba(0, 0, 0, 0.15);
  --tcs-shadow-color: oklch(0% 0 0 / 0.15);
  --tcs-btn-shadow-rest: 0 2px 8px var(--tcs-shadow-color);
  --tcs-btn-shadow-hover: 0 4px 16px var(--tcs-black-25);
  --tcs-btn-shadow-active: 0 1px 4px var(--tcs-shadow-color);
  --tcs-radius-xs: 4px;
  --tcs-radius-sm: 8px;
  --tcs-radius-md: 12px;
  --tcs-radius-lg: 16px;
  --tcs-radius-full: 50%;
  --tcs-radius-pill: 999px;
  --tcs-duration-micro: 100ms;
  --tcs-duration-fast: 150ms;
  --tcs-duration-normal: 200ms;
  --tcs-duration-medium: 250ms;
  --tcs-duration-moderate: 300ms;
  --tcs-duration-slow: 400ms;
  --tcs-duration-deliberate: 500ms;
  --tcs-duration-pulse: 600ms;
  --tcs-duration-spin: 750ms;
  --tcs-duration-shimmer: 1200ms;
  --tcs-duration-ambient: 2000ms;
  --tcs-duration-glow: 2400ms;
  --tcs-timing: cubic-bezier(0.4, 0, 0.2, 1);
  --tcs-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --tcs-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --tcs-ease-symmetric: ease-in-out;
  --tcs-ease-spring: cubic-bezier(.3, .7, .4, 1.2);
  --tcs-opacity-disabled: 0.5;
  --tcs-space-4: 4px;
  --tcs-space-8: 8px;
  --tcs-space-12: 12px;
  --tcs-space-16: 16px;
  --tcs-space-20: 20px;
  --tcs-space-24: 24px;
  --tcs-space-32: 32px;
  --tcs-space-40: 40px;
  --tcs-space-48: 48px;
  --tcs-space-64: 64px;
  --tcs-vf-gap: var(--tcs-space-16);
  --tcs-font-display: "Syne", sans-serif;
  --tcs-font-body: "Montserrat", sans-serif;
  --tcs-fs-10: 10px;
  --tcs-fs-12: 12px;
  --tcs-fs-14: 14px;
  --tcs-fs-16: 16px;
  --tcs-fs-18: 18px;
  --tcs-fs-20: 20px;
  --tcs-fs-24: 24px;
  --tcs-fs-32: 32px;
  --tcs-lh-none: 1;
  --tcs-lh-tight: 1.2;
  --tcs-lh-snug: 1.3;
  --tcs-lh-normal: 1.4;
  --tcs-lh-relaxed: 1.5;
  --tcs-lh-loose: 1.6;
  --tcs-icon-sm: 16px;
  --tcs-icon-md: 20px;
  --tcs-icon-lg: 24px;
  --tcs-icon-xl: 32px;
  --tcs-icon-2xl: 40px;
  --tcs-icon-3xl: 56px;
}
@media (min-width: 769px) {
  :root {
    --tcs-fs-10: 12px;
    --tcs-fs-12: 14px;
    --tcs-fs-14: 16px;
    --tcs-fs-16: 18px;
    --tcs-fs-18: 20px;
    --tcs-fs-20: 22px;
    --tcs-fs-24: 26px;
    --tcs-fs-32: 34px;
    --tcs-space-4: 6px;
    --tcs-space-8: 10px;
    --tcs-space-12: 14px;
    --tcs-space-16: 18px;
    --tcs-space-20: 22px;
    --tcs-space-24: 28px;
    --tcs-space-32: 36px;
    --tcs-space-40: 44px;
    --tcs-space-48: 56px;
    --tcs-space-64: 72px;
    --tcs-icon-sm: 18px;
    --tcs-icon-md: 22px;
    --tcs-icon-lg: 26px;
    --tcs-icon-xl: 34px;
    --tcs-icon-2xl: 44px;
    --tcs-icon-3xl: 60px;
  }
}
@media (min-width: 1921px) {
  :root {
    --tcs-fs-10: 14px;
    --tcs-fs-12: 16px;
    --tcs-fs-14: 18px;
    --tcs-fs-16: 20px;
    --tcs-fs-18: 22px;
    --tcs-fs-20: 24px;
    --tcs-fs-24: 28px;
    --tcs-fs-32: 36px;
    --tcs-space-4: 8px;
    --tcs-space-8: 12px;
    --tcs-space-12: 16px;
    --tcs-space-16: 20px;
    --tcs-space-20: 24px;
    --tcs-space-24: 32px;
    --tcs-space-32: 40px;
    --tcs-space-40: 48px;
    --tcs-space-48: 64px;
    --tcs-space-64: 80px;
    --tcs-icon-sm: 20px;
    --tcs-icon-md: 24px;
    --tcs-icon-lg: 28px;
    --tcs-icon-xl: 36px;
    --tcs-icon-2xl: 48px;
    --tcs-icon-3xl: 64px;
  }
}

/* assets/css/src/global-resets.css */
[class*=tcs-configurator],
[class*=tcs-configurator] * {
  font-family: var(--tcs-font-body) !important;
}
.tcs-configurator-modal .tcs-configurator-btn *,
.tcs-configurator-modal .tcs-configurator-btn--cancel *,
.tcs-configurator-modal .tcs-configurator-btn--confirm *,
.tcs-configurator-modal .tcs-universal-view-category-btn *,
.tcs-configurator-modal .tcs-configurator-license-search-button *,
.tcs-configurator-modal .tcs-customer-type-btn *,
.tcs-configurator-modal .tcs-detail-cart-btn *,
.tcs-configurator-modal #tcs-apply-discount *,
.tcs-configurator-floating-btn * {
  font-family: var(--tcs-font-display) !important;
}
[class*=tcs-],
[class*=tcs-] * {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.tcs-configurator-modal button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  touch-action: manipulation;
}
.tcs-configurator-modal.tcs-configurator-modal button:hover,
.tcs-configurator-modal.tcs-configurator-modal button:focus {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}
.tcs-configurator-modal [role=button],
.tcs-configurator-floating-btn {
  touch-action: manipulation;
}
.tcs-configurator-modal input:where(:not([type=checkbox]):not([type=hidden])),
.tcs-configurator-modal textarea {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: none;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}

/* assets/css/src/buttons.css */
.tcs-configurator-modal .tcs-configurator-btn,
.tcs-configurator-modal #tcs-apply-discount,
.tcs-configurator-modal .tcs-universal-view-category-btn,
.tcs-configurator-modal .tcs-configurator-license-search-button,
.tcs-configurator-modal .tcs-header-icon-btn,
.tcs-configurator-modal .tcs-configurator-cart-toggle-btn.has-items,
.tcs-configurator-modal .tcs-cart-btn {
  transition: transform var(--tcs-duration-moderate) var(--tcs-ease-spring);
}
.tcs-configurator-modal .tcs-configurator-btn:active:not(:disabled),
.tcs-configurator-modal #tcs-apply-discount:active:not(:disabled),
.tcs-configurator-modal .tcs-universal-view-category-btn:active {
  transition: none;
  transform: scale(0.97);
}
.tcs-configurator-modal .tcs-header-icon-btn:active,
.tcs-configurator-modal .tcs-configurator-cart-toggle-btn.has-items:active {
  transition: none;
  transform: scale(0.96);
}
.tcs-configurator-modal .tcs-item-floating-cart-btn:active {
  transition: none;
  transform: scale(0.95);
}
.tcs-configurator-modal .tcs-configurator-license-search-button:active:not(:disabled) {
  transition: none;
  transform: scale(0.97);
}
.tcs-configurator-modal .tcs-detail-gallery-nav:active:not([disabled]) {
  transform: translateY(-50%) scale(0.95);
}
.tcs-configurator-modal .tcs-video-mute-btn:active {
  transform: translate(-50%, -50%) scale(0.93);
}
.tcs-configurator-modal .tcs-video-mute-btn.unmuted:active {
  transform: scale(0.93);
}
.tcs-configurator-modal .tcs-option-btn .tcs-qty-btn:active {
  background: var(--tcs-white-50);
}
#tcs-configurator-button.tcs-configurator-floating-btn:active {
  transition: none;
  transform: scale(0.98);
  box-shadow: 0 2px 12px var(--tcs-red-glow);
}
.tcs-configurator-modal .tcs-configurator-btn:focus-visible,
.tcs-configurator-modal .tcs-configurator-license-search-button:focus-visible,
.tcs-configurator-modal #tcs-apply-discount:focus-visible,
.tcs-configurator-modal .tcs-universal-view-category-btn:focus-visible {
  outline: 2px solid var(--tcs-blue-focus);
  outline-offset: 2px;
}
.tcs-configurator-modal .tcs-item-floating-cart-btn:focus-visible,
.tcs-configurator-modal .tcs-detail-gallery-nav:focus-visible,
.tcs-configurator-modal .tcs-video-mute-btn:focus-visible {
  box-shadow: 0 0 0 3px var(--tcs-blue-focus);
}
.tcs-configurator-modal .tcs-header-icon-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--tcs-red-glow);
}
.tcs-configurator-modal .tcs-option-btn .tcs-qty-btn:focus-visible {
  outline: 2px solid var(--tcs-white-85);
  outline-offset: 1px;
}
#tcs-configurator-button:focus-visible {
  outline: 2px solid var(--tcs-red-focus);
  outline-offset: 2px;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-btn:disabled,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-btn.disabled,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-license-search-button:disabled,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-btn--cancel:disabled,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-btn--confirm:disabled,
.tcs-configurator-modal #tcs-apply-discount:disabled,
.tcs-configurator-modal .tcs-detail-gallery-nav[disabled] {
  opacity: var(--tcs-opacity-disabled);
  cursor: not-allowed;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-btn:disabled,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-btn.disabled {
  transform: none;
  box-shadow: none;
}
.tcs-configurator-modal .tcs-detail-gallery-nav[disabled] {
  pointer-events: none;
}
.tcs-btn-spinner {
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
}
.tcs-cart-btn .btn-icon svg {
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
}
.tcs-configurator-modal .tcs-configurator-btn-primary,
.tcs-configurator-modal .tcs-configurator-btn--primary,
.tcs-configurator-modal .tcs-configurator-btn--cancel,
.tcs-configurator-modal .tcs-configurator-btn--confirm,
.tcs-configurator-modal .tcs-configurator-license-search-button,
.tcs-configurator-modal .tcs-cart-btn:not([data-state]),
.tcs-configurator-modal .tcs-cart-btn[data-state=loading],
.tcs-configurator-modal .tcs-cart-btn[data-state=success],
.tcs-configurator-modal .tcs-cart-btn[data-state=in-cart],
.tcs-configurator-modal .tcs-cart-btn[data-state=remove],
.tcs-configurator-modal .tcs-cart-btn[data-state=removing],
.tcs-configurator-modal .tcs-cart-btn[data-state=remove-success] {
  box-shadow: var(--tcs-btn-shadow-rest);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-configurator-btn-primary:hover:not(:disabled),
  .tcs-configurator-modal .tcs-configurator-btn--primary:hover:not(:disabled),
  .tcs-configurator-modal .tcs-configurator-btn--cancel:hover:not(:disabled),
  .tcs-configurator-modal .tcs-configurator-btn--confirm:hover:not(:disabled),
  .tcs-configurator-modal .tcs-configurator-license-search-button:hover:not(:disabled),
  .tcs-configurator-modal .tcs-cart-btn:not([data-state]):hover,
  .tcs-configurator-modal .tcs-cart-btn[data-state=remove]:hover {
    box-shadow: var(--tcs-btn-shadow-hover);
    transform: translateY(-1px);
  }
}
.tcs-configurator-modal .tcs-configurator-btn-primary:active:not(:disabled),
.tcs-configurator-modal .tcs-configurator-btn--primary:active:not(:disabled),
.tcs-configurator-modal .tcs-configurator-btn--cancel:active:not(:disabled),
.tcs-configurator-modal .tcs-configurator-btn--confirm:active:not(:disabled) {
  box-shadow: var(--tcs-btn-shadow-active);
}

/* assets/css/src/vehicle-selection.css */
.tcs-configurator-vehicle-filter {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-16);
  padding: 0;
  background: transparent;
  border: none;
  color: var(--tcs-text-primary);
}
.tcs-configurator-vehicle-filter.is-confirming {
  gap: 0;
}
.tcs-configurator-vehicle-filter-wrapper {
  background: var(--tcs-white-50);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-lg);
  padding: var(--tcs-space-32);
  box-shadow: inset 0 1px 0 var(--tcs-white-85);
  max-width: 600px;
  margin: 0 auto;
}
.tcs-configurator-dropdown {
  position: relative;
  flex: 1;
}
.tcs-configurator-dropdown__inner {
  position: relative;
  width: 100%;
}
.tcs-configurator-dropdown__trigger {
  width: 100%;
  padding: var(--tcs-space-16);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  font-size: var(--tcs-fs-16);
  background: var(--tcs-black-5);
  color: var(--tcs-text-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: border-color var(--tcs-duration-normal), border-radius var(--tcs-duration-slow);
  position: relative;
}
.tcs-configurator-dropdown__arrow {
  margin-left: var(--tcs-space-12);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--tcs-text-muted);
  flex-shrink: 0;
}
.tcs-configurator-dropdown__trigger:focus {
  outline: none;
}
.tcs-configurator-dropdown__trigger:focus-visible {
  outline: 2px solid var(--tcs-green);
  outline-offset: 2px;
}
.tcs-configurator-dropdown__trigger-text {
  flex: 1;
  color: var(--tcs-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tcs-configurator-modal .tcs-configurator-dropdown__search {
  width: calc(100% - 24px);
  padding: var(--tcs-space-16);
  background: var(--tcs-black-5);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  color: var(--tcs-text-primary);
  font-size: var(--tcs-fs-16);
  margin-bottom: var(--tcs-space-8);
  margin-top: var(--tcs-space-8);
  margin-left: var(--tcs-space-12);
  margin-right: var(--tcs-space-12);
  display: block;
}
.tcs-configurator-modal .tcs-configurator-dropdown__search::placeholder {
  color: var(--tcs-text-muted);
}
.tcs-configurator-modal .tcs-configurator-dropdown__search:focus {
  border-color: var(--tcs-red-focus);
}
.tcs-configurator-dropdown__options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid var(--tcs-black-10);
  border-radius: 0 0 var(--tcs-radius-md) var(--tcs-radius-md);
  box-shadow: 0 20px 50px var(--tcs-shadow-color);
  z-index: 1000;
  margin-top: 0;
  border-top: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition:
    opacity var(--tcs-duration-fast) var(--tcs-timing),
    transform var(--tcs-duration-fast) var(--tcs-timing),
    visibility var(--tcs-duration-fast),
    border-radius var(--tcs-duration-slow);
}
.tcs-configurator-dropdown.active .tcs-configurator-dropdown__options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.tcs-configurator-dropdown.active .tcs-configurator-dropdown__trigger {
  border-radius: var(--tcs-radius-md) var(--tcs-radius-md) 0 0;
}
.tcs-configurator-dropdown__item {
  padding: var(--tcs-space-12) var(--tcs-space-16);
  cursor: pointer;
  color: var(--tcs-text-primary);
  transition: background-color var(--tcs-duration-normal), color var(--tcs-duration-normal);
  border-bottom: 1px solid var(--tcs-black-5);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-dropdown__item:hover {
    background: var(--tcs-red-tint);
    color: var(--tcs-dark);
  }
}
.tcs-configurator-dropdown[data-type=type] .tcs-configurator-dropdown__item {
  display: grid;
  grid-template-areas: "chassis year" "facelift bodystyle";
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--tcs-space-4);
  min-height: 64px;
  padding: var(--tcs-space-8) var(--tcs-space-16);
}
.tcs-configurator-dropdown__item:last-child {
  border-bottom: none;
}
.tcs-configurator-dropdown__no-results {
  padding: var(--tcs-space-12) var(--tcs-space-16);
  color: var(--tcs-text-light);
  text-align: center;
  font-size: var(--tcs-fs-14);
}
.tcs-configurator-license-plate-lookup {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  justify-content: flex-start;
  position: relative;
  max-height: 200px;
  overflow: hidden;
  transition:
    max-height var(--tcs-duration-moderate) var(--tcs-timing),
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    margin-bottom var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-license-plate-lookup.is-collapsed {
  opacity: 0;
  max-height: 0;
  pointer-events: none;
  margin-bottom: calc(var(--tcs-vf-gap) * -1) !important;
}
.tcs-configurator-search-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tcs-space-12);
  max-height: 100px;
  overflow: hidden;
  transition: max-height var(--tcs-duration-moderate) var(--tcs-timing), opacity var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-search-actions.is-collapsed {
  opacity: 0;
  max-height: 0;
  pointer-events: none;
}
.tcs-configurator-licence-plate-blue {
  background: #003399;
  border-radius: var(--tcs-radius-xs);
  border: 2px solid var(--tcs-dark);
  display: flex;
  padding-left: var(--tcs-space-32);
  position: relative;
  text-align: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.tcs-configurator-licence-plate-blue:before {
  bottom: 0px;
  color: #ffffff;
  content: attr(data-country);
  font-size: var(--tcs-fs-14);
  left: 15px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
  width: 36px;
}
.tcs-configurator-license-plate-icon {
  height: 24px;
  left: 0px;
  position: absolute;
  top: 6px;
  width: 30px;
}
.tcs-configurator-license-plate-icon svg {
  height: 100%;
  width: 100%;
}
.tcs-configurator-eu-svg {
  fill: #ffcc00;
  height: 24px;
  width: 24px;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-filter input.tcs-configurator-license-input,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-plate input.tcs-configurator-license-input {
  width: 100% !important;
  font-size: var(--tcs-fs-24);
  text-transform: uppercase;
  background: #ffcc00;
  color: var(--tcs-dark);
  text-align: center;
  font-weight: 700;
  letter-spacing: 1px;
  padding: var(--tcs-space-8) var(--tcs-space-16);
  border: none;
  border-radius: 0;
  outline: none;
  transition: none;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-filter input.tcs-configurator-license-input::placeholder,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-plate input.tcs-configurator-license-input::placeholder {
  letter-spacing: normal;
  font-size: var(--tcs-fs-18);
  font-weight: 700;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-filter input.tcs-configurator-license-input:-webkit-autofill,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-plate input.tcs-configurator-license-input:-webkit-autofill {
  background-color: #ffcc00 !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffcc00 inset !important;
  color: var(--tcs-dark) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-filter input.tcs-configurator-license-input:-moz-autofill,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-plate input.tcs-configurator-license-input:-moz-autofill {
  background-color: #ffcc00 !important;
  color: var(--tcs-dark) !important;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-filter input.tcs-configurator-license-input:disabled,
.tcs-configurator-modal.tcs-configurator-modal .tcs-configurator-vehicle-plate input.tcs-configurator-license-input:disabled {
  background: #ffcc00;
  color: var(--tcs-dark);
  -webkit-text-fill-color: var(--tcs-dark);
  opacity: 1;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-license-search-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tcs-space-12);
  padding: var(--tcs-space-12) var(--tcs-space-20);
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  cursor: pointer;
  background: var(--tcs-gradient-red);
  color: #ffffff;
  border: none;
  border-radius: var(--tcs-radius-md);
  min-width: 140px;
  box-sizing: border-box;
  flex: 1;
  transition:
    background-color var(--tcs-duration-normal) var(--tcs-timing),
    border-color var(--tcs-duration-normal) var(--tcs-timing),
    color var(--tcs-duration-normal) var(--tcs-timing),
    box-shadow var(--tcs-duration-normal) var(--tcs-timing),
    filter var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-moderate) var(--tcs-ease-spring);
  overflow: hidden;
}
.tcs-configurator-license-search-button__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tcs-space-12);
  pointer-events: none;
}
.tcs-configurator-license-search-button__check {
  display: none;
  color: currentColor;
  opacity: 0;
  transform: translateY(4px) scale(0.96);
  transition: opacity var(--tcs-duration-normal) var(--tcs-timing), transform var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-license-search-button__check svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-configurator-license-search-button.is-success .tcs-configurator-license-search-button__check {
  display: inline-flex;
  opacity: 1;
  transform: translateY(0) scale(1);
}
.tcs-configurator-license-search-button.tcs-is-loading .tcs-configurator-license-search-button__label {
  opacity: 0.85;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-license-search-button.is-success {
  background: var(--tcs-gradient-green);
  border-color: var(--tcs-green);
  color: #ffffff;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-license-search-button.is-error {
  background: var(--tcs-red-dark);
  border-color: var(--tcs-red-dark);
  color: #ffffff;
  animation: tcs-shake var(--tcs-duration-moderate) var(--tcs-ease-symmetric);
}
.tcs-configurator-message-container {
  padding: var(--tcs-space-12);
  display: none;
  border-radius: var(--tcs-radius-xs);
}
.tcs-configurator-license-plate-lookup {
  position: relative;
}
.tcs-configurator-license-plate-lookup.tcs-is-loading input,
.tcs-configurator-license-plate-lookup.tcs-is-loading button,
.tcs-configurator-license-plate-lookup.tcs-is-loading .tcs-configurator-license-search-button {
  cursor: default;
}
.tcs-configurator-licence-plate-blue {
  position: relative;
  overflow: hidden;
}
.tcs-configurator-license-plate-lookup.tcs-is-loading .tcs-configurator-licence-plate-blue::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 140%;
  height: 100%;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      var(--tcs-white-25) 45%,
      transparent 100%);
  animation: tcs-shimmer var(--tcs-duration-shimmer) var(--tcs-timing) infinite;
}
.tcs-configurator-vehicle-filter__dropdowns {
  display: grid;
  gap: var(--tcs-space-12);
  transition:
    max-height var(--tcs-duration-moderate) var(--tcs-timing),
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-normal) var(--tcs-timing);
  max-height: 600px;
}
.tcs-configurator-vehicle-filter__dropdowns.is-collapsed {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  pointer-events: none;
}
.tcs-configurator-vehicle-filter__fallback-link {
  text-align: center;
  padding: 2px 0 0;
  transition:
    max-height var(--tcs-duration-moderate) var(--tcs-timing),
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-normal) var(--tcs-timing);
  max-height: 40px;
  overflow: hidden;
}
.tcs-configurator-vehicle-filter__fallback-link span {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
  text-decoration: underline;
  cursor: pointer;
  transition: color var(--tcs-duration-fast) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-vehicle-filter__fallback-link span:hover {
    color: var(--tcs-text-primary);
  }
}
.tcs-configurator-vehicle-filter__fallback-link span.tcs-is-loading {
  text-decoration: none;
  cursor: default;
}
.tcs-configurator-vehicle-filter__fallback-link .tcs-fallback-spinner {
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  margin-right: var(--tcs-space-8);
}
.tcs-fallback-spinner .tcs-btn-spinner {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-configurator-vehicle-filter__fallback-link .tcs-btn-spinner {
  color: var(--tcs-text-muted);
}
.tcs-configurator-vehicle-filter__fallback-link.is-collapsed {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  pointer-events: none;
}
.tcs-configurator-vehicle-filter__loading-overlay {
  display: none;
  position: absolute;
  inset: 0;
  background: var(--tcs-white-85);
  z-index: 10;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}
.tcs-configurator-vehicle-filter__dropdowns.tcs-is-loading {
  position: relative;
}
.tcs-configurator-vehicle-filter__dropdowns.tcs-is-loading .tcs-configurator-vehicle-filter__loading-overlay {
  display: flex;
}
.tcs-configurator-vehicle-filter__loading-spinner {
  color: var(--tcs-blue-dark);
}
.tcs-configurator-vehicle-filter__top-section {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--tcs-vf-gap);
}
.tcs-configurator-vehicle-filter__selected-car {
  display: none;
  margin-top: 0;
}
.tcs-configurator-vehicle-filter__selected-car.active {
  display: block;
}
.tcs-configurator-selected-car__card {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tcs-space-8);
  align-items: center;
  padding: var(--tcs-space-16) var(--tcs-space-20);
  border-radius: var(--tcs-radius-md);
  background: var(--tcs-black-5);
  border: 1px solid var(--tcs-black-10);
  box-shadow: none;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity var(--tcs-duration-normal) var(--tcs-timing), transform var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-vehicle-filter__selected-car.active .tcs-configurator-selected-car__card {
  opacity: 1;
  transform: translateY(0);
}
.tcs-configurator-selected-car__details {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-4);
}
.tcs-configurator-selected-car__title {
  font-family: var(--tcs-font-display) !important;
  font-weight: 700;
  font-size: var(--tcs-fs-18);
  color: var(--tcs-text-primary);
}
.tcs-configurator-selected-car__meta {
  font-weight: 500;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
}
.tcs-configurator-selected-car__meta.is-hidden {
  display: none;
}
.tcs-configurator-selected-car__heading {
  font-weight: 700 !important;
  font-size: var(--tcs-fs-16) !important;
  margin: 0 0 var(--tcs-space-12) 0;
}
.tcs-configurator-selected-car__heading.is-error {
  color: #ff6b6b;
  text-align: center;
}
.tcs-configurator-selected-car__trim-selection {
  margin-top: var(--tcs-space-12);
}
.tcs-configurator-trim-selection__label {
  display: block;
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-muted);
  margin-bottom: var(--tcs-space-8);
}
.tcs-configurator-trim-dropdown {
  width: 100%;
}
.tcs-configurator-trim-dropdown .tcs-configurator-dropdown__trigger {
  border: 2px solid var(--tcs-green) !important;
}
.tcs-configurator-trim-dropdown .tcs-configurator-dropdown__options {
  max-height: 200px;
}
.tcs-configurator-trim-dropdown .tcs-configurator-dropdown__item {
  padding: var(--tcs-space-12) var(--tcs-space-16);
  font-size: var(--tcs-fs-14);
}
.tcs-configurator-trim-dropdown.disabled .tcs-configurator-dropdown__trigger {
  background-color: var(--tcs-bg-subtle);
  cursor: not-allowed;
}
.tcs-configurator-modal .tcs-configurator-selected-car__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--tcs-space-12);
  margin-top: var(--tcs-space-12);
}
.tcs-configurator-modal .tcs-configurator-btn--cancel,
.tcs-configurator-modal .tcs-configurator-btn--confirm {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tcs-space-8);
  padding: var(--tcs-space-12) var(--tcs-space-20);
  border-radius: var(--tcs-radius-md);
  font-family: var(--tcs-font-display) !important;
  font-weight: 600;
  font-size: var(--tcs-fs-16);
  border: none;
  cursor: pointer;
  transition:
    background var(--tcs-duration-normal) var(--tcs-timing),
    box-shadow var(--tcs-duration-normal) var(--tcs-timing),
    filter var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-moderate) var(--tcs-ease-spring);
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-btn--cancel {
  background: var(--tcs-gradient-red);
  color: #ffffff;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-btn--confirm {
  background: var(--tcs-gradient-green);
  color: #ffffff;
}
.tcs-configurator-modal .tcs-configurator-btn--cancel svg,
.tcs-configurator-modal .tcs-configurator-btn--confirm svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
  flex-shrink: 0;
}
.tcs-configurator-selected-car__subtext {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
  margin-bottom: var(--tcs-space-16);
}
.tcs-configurator-selected-car__options {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-configurator-selected-car__card--option {
  cursor: pointer;
  transition:
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-normal) var(--tcs-timing),
    border-color var(--tcs-duration-fast) var(--tcs-timing),
    box-shadow var(--tcs-duration-fast) var(--tcs-timing),
    background-color var(--tcs-duration-fast) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-selected-car__card--option:hover {
    border-color: var(--tcs-shadow-color);
    background-color: var(--tcs-bg-hover);
    box-shadow: 0 2px 8px var(--tcs-shadow-color);
  }
}
.tcs-configurator-selected-car__card--option.is-selected {
  border-color: var(--tcs-blue-glow);
  background: var(--tcs-blue-tint);
  box-shadow: 0 10px 30px var(--tcs-black-10);
}
.tcs-configurator-selected-car__card--option:focus-visible {
  outline-color: var(--tcs-blue-focus);
}
.tcs-configurator-selected-car__card-body {
  display: flex;
  gap: var(--tcs-space-12);
  align-items: flex-start;
}
.tcs-configurator-selected-car__radio {
  width: 20px;
  height: 20px;
  border-radius: var(--tcs-radius-full);
  border: 2px solid var(--tcs-black-25);
  margin-top: 2px;
  position: relative;
  flex-shrink: 0;
}
.tcs-configurator-selected-car__card--option.is-selected .tcs-configurator-selected-car__radio::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: var(--tcs-radius-full);
  background: var(--tcs-blue-dark);
  transform: translate(-50%, -50%);
}
.tcs-configurator-vehicle-filter__history {
  align-self: stretch;
  flex-shrink: 0;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-vehicle-filter__history-button {
  background-color: var(--tcs-black-5);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  height: 100%;
  padding: var(--tcs-space-12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tcs-configurator-modal .tcs-configurator-vehicle-filter__history-button svg {
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
  color: var(--tcs-text-primary);
  fill: var(--tcs-text-primary);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-vehicle-filter__history-button:hover {
    background-color: var(--tcs-bg-hover);
    border-color: var(--tcs-shadow-color);
  }
}
.tcs-configurator-vehicle-filter__history-dropdown {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1000;
  margin-top: var(--tcs-space-4);
  background: var(--tcs-white-85);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  box-shadow: 0 16px 40px var(--tcs-shadow-color);
}
.tcs-configurator-vehicle-filter.history-open .tcs-configurator-vehicle-filter__history-dropdown {
  display: block;
}
.tcs-configurator-vehicle-filter__recent-items {
  max-height: 300px;
  overflow-y: auto;
}
.tcs-configurator-vehicle-filter__recent-item {
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-bottom: 1px solid var(--tcs-border-light);
  color: var(--tcs-text-primary);
  cursor: pointer;
  transition: background-color var(--tcs-duration-normal), color var(--tcs-duration-normal);
  font-size: var(--tcs-fs-16);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-vehicle-filter__recent-item:hover {
    background: var(--tcs-red-tint);
  }
}
.tcs-configurator-vehicle-filter__recent-item:last-child {
  border-bottom: none;
}
.tcs-configurator-vehicle-filter__recent-empty {
  padding: var(--tcs-space-12) var(--tcs-space-16);
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-14);
}
@media (max-width: 768px) {
  .tcs-configurator-vehicle-filter__selected-car {
    flex-direction: column;
    gap: var(--tcs-space-12);
    align-items: flex-start;
  }
  .tcs-configurator-vehicle-filter__divider-row {
    margin: 0 !important;
  }
}
.tcs-configurator-vehicle-filter__divider-row {
  display: flex;
  align-items: center;
  margin: 0;
  width: 100%;
  gap: var(--tcs-space-12);
  overflow: hidden;
  max-height: 40px;
  opacity: 1;
  transform: translateY(0);
  transition:
    max-height var(--tcs-duration-moderate) var(--tcs-timing),
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-normal) var(--tcs-timing),
    margin-bottom var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-vehicle-filter__divider-row.is-collapsed {
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  margin-bottom: calc(var(--tcs-vf-gap) * -1) !important;
}
.tcs-configurator-vehicle-filter__divider {
  flex: 1;
  height: 1px;
  background: var(--tcs-black-10);
  border-radius: var(--tcs-radius-xs);
}
.tcs-configurator-vehicle-filter__divider-text {
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  padding: 0 var(--tcs-space-12);
  letter-spacing: 1px;
}
#tcs-configurator-license-message {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 10;
  margin-top: var(--tcs-space-4);
  display: none;
}
.tcs-configurator-license-disclaimer {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  background: none;
  border: none;
  padding: 0;
  max-height: 60px;
  overflow: hidden;
  transition:
    max-height var(--tcs-duration-moderate) var(--tcs-timing),
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-normal) var(--tcs-timing),
    margin-bottom var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-license-disclaimer.is-collapsed {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  pointer-events: none;
  margin-bottom: calc(var(--tcs-vf-gap) * -1) !important;
}
.tcs-configurator-history-plate {
  font-weight: 700;
  font-size: var(--tcs-fs-18);
  margin-bottom: 2px;
  color: var(--tcs-text-primary);
  display: block;
}
.tcs-configurator-history-car {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-secondary);
  display: block;
}
.tcs-configurator-selected-car__resume-actions {
  display: none;
}
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-license-plate-lookup,
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-license-disclaimer,
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-vehicle-filter__divider-row,
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-vehicle-filter__dropdowns,
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-vehicle-filter__fallback-link {
  display: none;
}
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-selected-car__actions {
  display: none;
}
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-selected-car__resume-actions {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  margin-top: var(--tcs-space-12);
}
.tcs-configurator-vehicle-filter.is-resume .tcs-configurator-selected-car__card {
  border-color: var(--tcs-green);
  border-width: 2px;
}
.tcs-configurator-selected-car__resume-change {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--tcs-space-8);
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-selected-car__change-link {
  background: none;
  border: none;
  padding: 0;
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-selected-car__change-link:hover {
    color: var(--tcs-text-primary);
  }
}
.tcs-configurator-selected-car__change-hint {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
}

/* assets/css/src/modal.css */
.tcs-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  background: transparent;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear var(--tcs-duration-normal);
  font-family: var(--tcs-font-body);
  color: var(--tcs-text-primary);
}
.tcs-popup.active {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s linear 0s;
}
@media (min-width: 769px) {
  .tcs-popup {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
  .tcs-popup.active {
    background: var(--tcs-black-50);
  }
  .tcs-popup .tcs-popup__backdrop {
    display: none;
  }
}
.tcs-popup--high-z {
  z-index: 10002;
}
.tcs-popup__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--tcs-black-50);
  opacity: 0;
  transition: opacity var(--tcs-duration-normal) var(--tcs-ease-exit);
}
.tcs-popup.active .tcs-popup__backdrop {
  opacity: 1;
  transition: opacity var(--tcs-duration-medium) var(--tcs-ease-enter);
}
.tcs-popup__content {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: var(--tcs-radius-lg);
  border: 1px solid var(--tcs-black-10);
  box-shadow: 0 30px 80px var(--tcs-shadow-color), inset 0 1px 0 var(--tcs-white-85);
  transform: translateY(8px) scale(0.98);
  transition: transform var(--tcs-duration-normal) var(--tcs-ease-exit);
  width: calc(100% - var(--tcs-space-16) * 2);
  max-width: 600px;
}
.tcs-popup.active .tcs-popup__content {
  transform: translateY(0) scale(1);
  transition: transform var(--tcs-duration-medium) var(--tcs-ease-enter);
}
.tcs-popup--scroll-safe .tcs-popup__content,
.tcs-popup--scroll-safe.active .tcs-popup__content {
  transform: none;
  transition: none;
}
.tcs-popup__content--sm {
  padding: var(--tcs-space-24);
}
.tcs-popup__content--md {
  padding: var(--tcs-space-32);
}
.tcs-popup__content--selection {
  padding: var(--tcs-space-20);
  max-height: 60vh;
  max-height: 60dvh;
  display: flex;
  flex-direction: column;
}
.tcs-popup__content--selection .tcs-popup__title {
  margin-bottom: var(--tcs-space-16);
}
.tcs-popup.tcs-popup .tcs-popup__content input.tcs-popup__search {
  margin: 0 0 var(--tcs-space-12);
  padding: var(--tcs-space-16);
  border: 1px solid var(--tcs-border-light);
  border-radius: var(--tcs-radius-xs);
  outline: none;
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--tcs-font-body);
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-primary);
  letter-spacing: inherit;
  text-transform: none;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  transition: border-color var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-popup.tcs-popup .tcs-popup__content input.tcs-popup__search:focus {
  border-color: var(--tcs-dark);
}
.tcs-popup__options {
  overflow-y: auto;
  flex: 1;
}
.tcs-popup__options::after {
  content: "";
  display: block;
  position: sticky;
  bottom: 0;
  height: 33px;
  margin-top: -33px;
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0),
      #ffffff);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-popup__options.tcs-scroll-fade-end::after {
  opacity: 1;
  transition: opacity var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-popup__no-results {
  display: block;
  padding: var(--tcs-space-16);
  color: var(--tcs-text-light);
  text-align: center;
  font-size: var(--tcs-fs-14);
}
.tcs-popup__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--tcs-space-40) 0;
}
.tcs-popup__loading .tcs-btn-spinner {
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  color: var(--tcs-text-light);
}
.tcs-popup__fallback {
  text-align: center;
  padding: var(--tcs-space-16) 0 2px;
  flex-shrink: 0;
}
.tcs-popup__fallback .tcs-fallback-pricing-trigger,
.tcs-popup__fallback .tcs-inline-fallback-trigger {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-red-dark);
  text-decoration: underline;
  cursor: pointer;
  transition: color var(--tcs-duration-fast) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-popup__fallback .tcs-fallback-pricing-trigger:hover,
  .tcs-popup__fallback .tcs-inline-fallback-trigger:hover {
    color: var(--tcs-text-primary);
  }
}
.tcs-popup__option {
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-bottom: 1px solid var(--tcs-border-light);
  color: var(--tcs-text-primary);
  font-size: var(--tcs-fs-16);
  cursor: pointer;
  transition: background var(--tcs-duration-fast) var(--tcs-timing), color var(--tcs-duration-fast) var(--tcs-timing);
}
.tcs-popup__option:last-of-type {
  border-bottom: none;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-popup__option:hover {
    background: var(--tcs-dark);
    color: #ffffff;
  }
  .tcs-popup__option:hover .tcs-popup__option-facelift,
  .tcs-popup__option:hover .tcs-popup__option-year {
    color: #ffffff;
  }
}
.tcs-popup__options[data-selection-type=type] .tcs-popup__option {
  display: grid;
  grid-template-areas: "chassis year" "facelift facelift";
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--tcs-space-4);
  min-height: 64px;
  padding: var(--tcs-space-8) var(--tcs-space-16);
}
.tcs-popup__option-chassis {
  grid-area: chassis;
  font-weight: 600;
  font-size: var(--tcs-fs-14);
  align-self: center;
}
.tcs-popup__option-year {
  grid-area: year;
  font-weight: 600;
  font-size: var(--tcs-fs-14);
  text-align: right;
  align-self: center;
}
.tcs-popup__option-facelift {
  grid-area: facelift;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-light);
  text-align: left;
  min-height: 18px;
  padding-top: var(--tcs-space-4);
}
.tcs-popup__title {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-20);
  font-weight: 600;
  color: var(--tcs-text-primary);
  margin: 0 0 var(--tcs-space-12) 0;
}
.tcs-popup__message {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
  line-height: var(--tcs-lh-relaxed);
  margin: 0 0 var(--tcs-space-20) 0;
}
.tcs-popup__message p {
  margin: 0 0 var(--tcs-space-12) 0;
}
.tcs-popup__message p:last-child {
  margin-bottom: 0;
}
.tcs-popup__message strong {
  color: var(--tcs-text-primary);
  font-weight: 600;
}
.tcs-popup__body {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
  line-height: var(--tcs-lh-relaxed);
  max-height: 50vh;
  max-height: 50dvh;
  overflow-y: auto;
}
.tcs-popup__actions {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-popup__actions .tcs-configurator-btn {
  flex: 1;
}
.tcs-popup .tcs-popup-close {
  width: 100%;
  margin-top: var(--tcs-space-16);
}
.tcs-popup__list {
  margin: var(--tcs-space-12) 0;
  padding: 0;
  list-style: none;
}
.tcs-popup__list-item {
  padding: var(--tcs-space-8) var(--tcs-space-12);
  background: var(--tcs-black-5);
  border-radius: var(--tcs-radius-sm);
  margin-bottom: var(--tcs-space-8);
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-secondary);
}
.tcs-popup__list-item:last-child {
  margin-bottom: 0;
}
.tcs-popup__price-list {
  margin: var(--tcs-space-12) 0;
}
.tcs-popup__price-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--tcs-space-12);
  background: var(--tcs-black-5);
  border-radius: var(--tcs-radius-sm);
  margin-bottom: var(--tcs-space-8);
}
.tcs-popup__price-item:last-child {
  margin-bottom: 0;
}
.tcs-popup__price-name {
  font-weight: 500;
  color: var(--tcs-text-secondary);
}
.tcs-popup__price-values {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  font-size: var(--tcs-fs-14);
}
.tcs-popup__price-old {
  text-decoration: line-through;
  color: var(--tcs-text-light);
}
.tcs-popup__price-arrow {
  color: var(--tcs-text-light);
}
.tcs-popup__price-new {
  font-weight: 600;
  color: var(--tcs-red-dark);
}
.tcs-popup__product-list {
  margin: var(--tcs-space-12) 0;
  max-height: 200px;
  overflow-y: auto;
}
.tcs-popup__product-item {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-12);
  padding: var(--tcs-space-12);
  background: var(--tcs-black-5);
  border-radius: var(--tcs-radius-sm);
  margin-bottom: var(--tcs-space-8);
}
.tcs-popup__product-item:last-child {
  margin-bottom: 0;
}
.tcs-popup__product-image {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: var(--tcs-radius-sm);
  background: var(--tcs-bg-subtle);
}
.tcs-popup__product-name {
  font-weight: 500;
  color: var(--tcs-text-secondary);
}
.tcs-popup__images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--tcs-space-8);
  margin-bottom: var(--tcs-space-16);
}
.tcs-popup__image-wrapper {
  position: relative;
  cursor: pointer;
}
.tcs-popup__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--tcs-radius-sm);
  background: var(--tcs-bg-subtle);
}
.tcs-configurator-modal button.tcs-popup__image-zoom {
  position: absolute;
  top: var(--tcs-space-8);
  right: var(--tcs-space-8);
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  border: none;
  border-radius: 50%;
  pointer-events: none;
}
.tcs-popup__image-zoom svg {
  width: 16px;
  height: 16px;
  color: #ffffff;
}
.tcs-popup__image-badge {
  position: absolute;
  bottom: var(--tcs-space-8);
  left: var(--tcs-space-8);
  background: var(--tcs-black-75);
  color: #ffffff;
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  padding: 2px var(--tcs-space-8);
  border-radius: var(--tcs-radius-xs);
}
.tcs-popup__fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10003;
  background: rgba(0, 0, 0, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 200ms ease;
}
.tcs-popup__fullscreen.active {
  opacity: 1;
}
.tcs-popup__fullscreen-image {
  max-width: 95vw;
  max-height: 95vh;
  object-fit: contain;
  border-radius: var(--tcs-radius-sm);
}
.tcs-configurator-modal button.tcs-popup__fullscreen-close {
  position: absolute;
  top: var(--tcs-space-16);
  right: var(--tcs-space-16);
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-modal button.tcs-popup__fullscreen-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.tcs-popup__fullscreen-close svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.tcs-popup__text {
  margin: 0;
  color: var(--tcs-text-secondary);
}
.tcs-popup__detail {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
}
#tcs-configurator-notice-container {
  position: fixed;
  top: var(--tcs-space-20);
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tcs-space-12);
}
.tcs-configurator-notice {
  color: #ffffff;
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-radius: var(--tcs-radius-sm);
  min-width: 220px;
  box-shadow: 0 10px 30px var(--tcs-black-25);
  font-size: var(--tcs-fs-14);
}
.tcs-configurator-notice--success {
  background: var(--tcs-green-dark);
}
.tcs-configurator-notice--error {
  background: var(--tcs-red-dark);
}
.tcs-configurator-notice--info {
  background: var(--tcs-blue);
}
.tcs-discount-banner {
  background: var(--tcs-gradient-green);
  color: #ffffff;
  padding: var(--tcs-space-8) var(--tcs-space-12);
  text-align: center;
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  margin: calc(var(--tcs-space-12) * -1) calc(var(--tcs-space-12) * -1) var(--tcs-space-8) calc(var(--tcs-space-12) * -1);
  width: calc(100% + var(--tcs-space-12) * 2);
}
.tcs-discount-banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--tcs-space-8);
  flex-wrap: wrap;
}
.tcs-discount-banner-info {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--tcs-icon-md) !important;
  height: var(--tcs-icon-md) !important;
  background: var(--tcs-white-25) !important;
  border: none !important;
  border-radius: var(--tcs-radius-full) !important;
  color: inherit !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin-left: var(--tcs-space-8) !important;
  transition: background var(--tcs-duration-normal) var(--tcs-timing), transform var(--tcs-duration-normal) var(--tcs-timing) !important;
  flex-shrink: 0 !important;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-discount-banner-info:hover {
    background: var(--tcs-white-25) !important;
    transform: scale(1.1) !important;
  }
}
.tcs-discount-banner-info svg {
  width: var(--tcs-icon-sm) !important;
  height: var(--tcs-icon-sm) !important;
}
#tcs-configurator-button {
  position: fixed;
  bottom: var(--tcs-space-16);
  right: var(--tcs-space-16);
  background:
    linear-gradient(
      135deg,
      #bb061e 0%,
      #e84a4c 25%,
      #d42830 50%,
      #ef5f5f 75%,
      #bb061e 100%);
  background-size: 200% 100%;
  color: #fff;
  border: none;
  border-radius: var(--tcs-radius-pill);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--tcs-font-display);
  z-index: 9999;
  box-shadow: 0 4px 16px var(--tcs-red-glow), 0 8px 32px rgba(0, 0, 0, 0.15);
  transition: transform var(--tcs-duration-moderate) var(--tcs-ease-spring), box-shadow var(--tcs-duration-normal) var(--tcs-timing);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  animation:
    tcs-fab-entrance 600ms var(--tcs-ease-spring) 100ms both,
    tcs-fab-glow 4s var(--tcs-ease-symmetric) 1.2s infinite,
    tcs-fab-chrome 6s var(--tcs-ease-symmetric) infinite;
}
#tcs-configurator-button .tcs-configurator-btn-text {
  display: inline-block;
  min-width: 8ch;
  text-align: center;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  #tcs-configurator-button:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 6px 24px var(--tcs-red-focus), 0 12px 40px rgba(0, 0, 0, 0.2);
  }
}
#tcs-configurator-button svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
  animation: tcs-fab-icon-bounce 8s var(--tcs-ease-spring) 5s infinite;
}
.tcs-configurator-modal.active ~ #tcs-configurator-button {
  animation: none;
  filter: none;
}
.tcs-configurator-modal.active ~ #tcs-configurator-button svg {
  animation: none;
  filter: none;
}
.tcs-configurator-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  opacity: 0;
  transition: opacity var(--tcs-duration-normal) var(--tcs-ease-exit);
}
.tcs-configurator-modal.active {
  display: flex;
  opacity: 1;
  transition: opacity var(--tcs-duration-medium) var(--tcs-ease-enter);
}
html.modal-open-tcs {
  scrollbar-gutter: auto !important;
  overflow: hidden !important;
}
body.modal-open-tcs {
  overflow: hidden !important;
}
.tcs-configurator-modal-backdrop {
  position: absolute;
  inset: 0;
  background: #ffffff;
}
.tcs-configurator-modal-container {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  background: var(--tcs-bg-glass);
  background-image: none;
  box-shadow: 0 30px 80px var(--tcs-shadow-color), inset 0 1px 0 var(--tcs-white-50);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateY(6px) scale(0.99);
  transition: transform var(--tcs-duration-normal) var(--tcs-ease-exit);
}
.tcs-configurator-modal.active .tcs-configurator-modal-container {
  transform: translateY(0) scale(1);
  transition: transform var(--tcs-duration-medium) var(--tcs-ease-enter);
}
.tcs-configurator-modal-header {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-bottom: 1px solid var(--tcs-white-25);
  background: var(--tcs-bg-glass);
  backdrop-filter: blur(12px) saturate(110%);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  color: var(--tcs-text-primary);
  overflow: visible;
}
.tcs-configurator-modal-header-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-align: center;
}
.tcs-modal-title-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--tcs-space-8);
  width: 100%;
  min-height: 40px;
}
.tcs-modal-left-actions {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  justify-self: start;
}
.tcs-modal-actions {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  justify-self: end;
  flex-shrink: 0;
}
@font-face {
  font-family: "Race Sport";
  src: url("./race_sport-7557WLAB.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.tcs-configurator-modal-logo {
  justify-self: center;
  font-family: "Race Sport", sans-serif !important;
  font-size: var(--tcs-fs-20);
  line-height: var(--tcs-lh-none);
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: var(--tcs-text-primary);
  display: flex;
  overflow: hidden;
}
.tcs-configurator-modal-logo.tcs-title-detail {
  font-size: var(--tcs-fs-16);
}
.tcs-configurator-modal-logo.tcs-logo-nav {
  cursor: pointer;
}
.tcs-configurator-modal-logo .tcs-letter {
  display: inline-block;
  font: inherit !important;
  opacity: 0;
  animation: tcs-letter-in var(--tcs-duration-fast) var(--tcs-ease-enter) forwards;
}
.tcs-configurator-modal-logo .tcs-letter-space {
  width: 0.3em;
}
.tcs-configurator-modal-logo.tcs-title-out .tcs-letter {
  opacity: 1;
  animation: tcs-letter-out var(--tcs-duration-micro) var(--tcs-ease-exit) forwards;
}
@keyframes tcs-letter-in {
  from {
    opacity: 0;
    transform: translateX(8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tcs-letter-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-8px);
  }
}
.tcs-configurator-modal-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 !important;
  font-size: var(--tcs-fs-20) !important;
  font-weight: 700 !important;
  line-height: var(--tcs-lh-tight) !important;
  color: var(--tcs-text-primary) !important;
  letter-spacing: 0.2px !important;
  text-shadow: 0 1px 0 var(--tcs-white-50) !important;
}
.tcs-configurator-modal button.tcs-header-icon-btn {
  position: relative;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tcs-space-12);
  background: var(--tcs-black-5);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-full);
  color: var(--tcs-text-muted);
  cursor: pointer;
  line-height: 0;
  transition:
    background var(--tcs-duration-normal) var(--tcs-timing),
    border-color var(--tcs-duration-normal) var(--tcs-timing),
    color var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-moderate) var(--tcs-ease-spring);
  flex-shrink: 0;
}
.tcs-configurator-modal .tcs-header-icon-btn svg {
  display: block;
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal button.tcs-header-icon-btn:hover {
    background: var(--tcs-red-tint);
    border-color: var(--tcs-red-glow);
    color: var(--tcs-red-dark);
    transform: scale(1.08);
  }
}
@media (min-width: 769px) {
  .tcs-modal-title-row {
    max-width: 600px;
    margin: 0 auto;
  }
}
.tcs-configurator-modal .tcs-header-icon-btn:focus {
  outline: none;
}
.tcs-configurator-modal .tcs-header-icon-btn.tcs-hidden {
  display: none;
}
.tcs-configurator-modal .tcs-configurator-header-back-btn {
  margin-right: auto;
}
.tcs-configurator-cart-toggle-btn.has-items {
  background: var(--tcs-gradient-green) !important;
  border-color: var(--tcs-green-glow) !important;
  color: #ffffff !important;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-cart-toggle-btn.has-items:hover {
    background: var(--tcs-green-dark) !important;
    color: #ffffff !important;
    transform: scale(1.08) !important;
  }
}
.tcs-cart-badge {
  position: absolute !important;
  top: calc(var(--tcs-space-8) / -2) !important;
  right: calc(var(--tcs-space-8) / -2) !important;
  box-sizing: border-box !important;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  min-width: var(--tcs-icon-md) !important;
  height: var(--tcs-icon-md) !important;
  padding: 0 var(--tcs-space-4) !important;
  background: var(--tcs-red-dark) !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  font-size: var(--tcs-fs-12) !important;
  font-weight: 700 !important;
  line-height: var(--tcs-icon-md) !important;
  text-align: center !important;
  box-shadow: 0 2px 4px var(--tcs-black-25) !important;
}
.tcs-overlay-panel {
  position: fixed;
  inset: 0;
  z-index: 10001;
  pointer-events: none;
}
@media (min-width: 769px) {
  .tcs-overlay-panel.tcs-mini-cart-panel {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
  .tcs-overlay-panel.active {
    background: var(--tcs-black-50);
  }
  .tcs-overlay-panel .tcs-overlay-backdrop {
    display: none;
  }
}
.tcs-overlay-panel.active {
  pointer-events: auto;
}
.tcs-overlay-backdrop {
  position: absolute;
  inset: 0;
  background: var(--tcs-black-50);
  opacity: 0;
  transition: opacity var(--tcs-duration-normal) var(--tcs-ease-exit);
}
.tcs-overlay-panel.active .tcs-overlay-backdrop {
  opacity: 1;
  transition: opacity var(--tcs-duration-medium) var(--tcs-ease-enter);
}
.tcs-overlay-panel.closing .tcs-overlay-backdrop {
  opacity: 0;
}
.tcs-mini-cart-dropdown {
  position: absolute;
  top: var(--tcs-modal-header-h);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  max-height: 75vh;
  max-height: 75dvh;
  background: #ffffff;
  border-radius: var(--tcs-radius-lg);
  box-shadow: 0 12px 32px var(--tcs-shadow-color);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity var(--tcs-duration-normal) var(--tcs-timing), transform var(--tcs-duration-normal) var(--tcs-timing);
}
@media (min-width: 769px) {
  .tcs-mini-cart-dropdown {
    border-radius: 0 0 var(--tcs-radius-lg) var(--tcs-radius-lg);
  }
}
.tcs-overlay-panel.active .tcs-mini-cart-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.tcs-overlay-panel.closing .tcs-mini-cart-dropdown {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}
.tcs-mini-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--tcs-space-40) var(--tcs-space-20);
  color: var(--tcs-text-muted);
}
.tcs-mini-cart-empty svg {
  width: var(--tcs-icon-2xl);
  height: var(--tcs-icon-2xl);
  opacity: 0.4;
  margin-bottom: var(--tcs-space-12);
}
.tcs-mini-cart-empty p {
  margin: 0;
  font-size: var(--tcs-fs-14);
  font-weight: 500;
}
.tcs-mini-cart-items {
  flex: 1;
  overflow-y: auto;
  padding: var(--tcs-space-16) var(--tcs-space-16) 0;
  max-height: 400px;
}
.tcs-mini-cart-items::after {
  content: "";
  display: block;
  position: sticky;
  bottom: -1px;
  height: 61px;
  margin-top: -61px;
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0),
      #ffffff);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-mini-cart-items.tcs-scroll-fade-end::after {
  opacity: 1;
  transition: opacity var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-mini-cart-item {
  background: none;
  border: none;
  border-radius: 0;
  padding: var(--tcs-space-12) 0;
  margin-bottom: 0;
  display: flex;
  gap: var(--tcs-space-12);
  align-items: stretch;
  transition: all var(--tcs-duration-moderate) var(--tcs-timing);
  transform: translateX(0);
  opacity: 1;
}
.tcs-mini-cart-item + .tcs-mini-cart-item {
  border-top: 1px solid var(--tcs-black-5);
}
.tcs-mini-cart-item:first-child {
  padding-top: 0;
}
.tcs-mini-cart-item:last-of-type {
  padding-bottom: 0;
}
.tcs-mini-cart-item.removing {
  opacity: 0.6;
  pointer-events: none;
}
.tcs-mini-cart-item.removed {
  opacity: 0;
  transform: translateX(20px);
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.tcs-mini-cart-item-image {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: var(--tcs-radius-sm);
  overflow: hidden;
  background: var(--tcs-black-5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tcs-mini-cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tcs-cart-swatch {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
@media (min-width: 769px) {
  .tcs-mini-cart-item-image {
    width: 96px;
    height: 96px;
    min-width: 96px;
  }
}
.tcs-cart-overlay-composite {
  position: relative;
  width: 100%;
  height: 100%;
}
.tcs-cart-overlay-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tcs-cart-overlay-composite--focus-right {
  transform: scale(1.7);
  transform-origin: right center;
}
.tcs-mini-cart-item-placeholder {
  color: var(--tcs-text-muted);
}
.tcs-mini-cart-item-placeholder svg {
  opacity: 0.5;
}
.tcs-cart-item-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tcs-cart-item-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--tcs-space-8);
}
.tcs-mini-cart-item-name {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
  margin: 0;
  line-height: var(--tcs-lh-snug);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  min-width: 0;
}
.tcs-mini-cart-item-price {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-red-dark);
  margin: 0;
  text-align: right;
  white-space: nowrap;
  margin-left: auto;
}
.tcs-mini-cart-item-price .tcs-configurator-product-price {
  display: flex;
  align-items: baseline;
  gap: var(--tcs-space-4);
}
.tcs-configurator-modal button.tcs-item-floating-cart-btn.tcs-mini-cart-remove-btn {
  width: 32px;
  height: auto;
  min-width: 32px;
  border-radius: var(--tcs-radius-md);
  flex-shrink: 0;
}
.tcs-cart-item-options-pills {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--tcs-space-4);
  overflow: hidden;
  min-width: 0;
}
.tcs-option-pill {
  display: inline-block;
  padding: 2px var(--tcs-space-8);
  background: var(--tcs-black-5);
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-10);
  font-weight: 500;
  border-radius: var(--tcs-radius-xs);
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tcs-option-pill-more {
  background: transparent;
  color: var(--tcs-text-light);
  font-style: italic;
  flex-shrink: 0;
}
.tcs-configurator-cart-item .tcs-cart-item-options-pills {
  flex-wrap: wrap;
  overflow: visible;
}
.tcs-mini-cart-footer {
  padding: var(--tcs-space-16) var(--tcs-space-16) var(--tcs-space-12);
}
.tcs-mini-cart-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  font-weight: 600;
}
.tcs-mini-cart-row + .tcs-mini-cart-row {
  padding-top: var(--tcs-space-4);
}
.tcs-mini-cart-row.tcs-mini-cart-total {
  padding-top: var(--tcs-space-8);
  margin-top: var(--tcs-space-4);
  border-top: 1px solid var(--tcs-border-light);
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
}
.tcs-mini-cart-row.tcs-mini-cart-total span:last-child {
  font-size: var(--tcs-fs-14);
  font-weight: 700;
  color: var(--tcs-text-secondary);
}
.tcs-mini-cart-row.tcs-mini-cart-deposit {
  padding-top: var(--tcs-space-8);
  padding-bottom: var(--tcs-space-12);
  margin-top: var(--tcs-space-4);
  border-top: 1px solid var(--tcs-border-light);
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  color: var(--tcs-text-primary);
}
.tcs-mini-cart-deposit-amount {
  font-size: var(--tcs-fs-18);
  font-weight: 700;
  color: var(--tcs-green-dark);
}
.tcs-mini-cart-row.tcs-mini-cart-remaining {
  padding-top: var(--tcs-space-8);
  margin-top: var(--tcs-space-4);
  border-top: 1px solid var(--tcs-border-light);
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-tertiary);
}
.tcs-mini-cart-remaining-amount {
  font-weight: 600;
}
.tcs-price-highlight {
  color: var(--tcs-green-dark) !important;
}
.tcs-mini-cart-actions {
  display: flex;
  gap: var(--tcs-space-12);
}
.tcs-mini-cart-actions .tcs-configurator-btn {
  flex: 1;
}
.tcs-configurator-modal.tcs-configurator-modal .tcs-mini-cart-checkout.tcs-configurator-btn--primary {
  background: var(--tcs-gradient-green);
}
.tcs-mini-cart-checkout svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .tcs-overlay-panel.active .tcs-mini-cart-dropdown {
    position: fixed;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: var(--tcs-radius-lg) var(--tcs-radius-lg) 0 0;
    box-shadow: none;
    animation: slideUpFadeIn var(--tcs-duration-medium) var(--tcs-ease-enter);
  }
  .tcs-overlay-panel.closing .tcs-mini-cart-dropdown {
    animation: slideDownFadeOut var(--tcs-duration-normal) var(--tcs-ease-exit) forwards;
  }
  @keyframes slideUpFadeIn {
    from {
      opacity: 0;
      transform: translateY(100%);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes slideDownFadeOut {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(100%);
    }
  }
}
.tcs-configurator-modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 769px) {
  .tcs-configurator-modal-body {
    scrollbar-gutter: stable;
  }
}
.tcs-configurator-modal-content {
  flex: 1;
  padding: var(--tcs-space-16);
  padding-top: 0 !important;
  overflow: visible;
  position: relative;
  color: var(--tcs-text-primary);
}
@media (max-width: 768px) {
  .tcs-configurator-modal-header-content {
    padding: 0;
  }
  .tcs-configurator-modal-title {
    font-size: var(--tcs-fs-18) !important;
    left: 50%;
    transform: translateX(-50%);
  }
}
.tcs-configurator-page {
  display: none;
  animation: pageIn var(--tcs-duration-medium) var(--tcs-ease-enter);
}
.tcs-configurator-page.active {
  display: block;
}
.tcs-configurator-page.tcs-skip-transition {
  animation: none;
}
@keyframes pageIn {
  from {
    opacity: 0.85;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tcs-configurator-page {
    animation: none;
  }
}
.tcs-configurator-modal-footer {
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-top: 1px solid var(--tcs-white-25);
  background: var(--tcs-bg-glass);
  backdrop-filter: blur(12px) saturate(110%);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--tcs-space-16);
  color: var(--tcs-text-primary);
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-btn {
  padding: var(--tcs-space-12) var(--tcs-space-20);
  border-radius: var(--tcs-radius-md);
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-16);
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--tcs-space-8);
  justify-content: center;
  min-height: 50px;
  border: none;
  transition:
    transform var(--tcs-duration-moderate) var(--tcs-ease-spring),
    box-shadow var(--tcs-duration-fast) var(--tcs-timing),
    filter var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-btn-primary,
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-btn--primary {
  background: var(--tcs-gradient-red);
  color: #ffffff;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-configurator-btn--secondary {
  background: var(--tcs-black-5);
  color: var(--tcs-text-primary);
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-configurator-btn--secondary:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: var(--tcs-btn-shadow-hover);
  }
}
.tcs-configurator-modal .tcs-configurator-btn--secondary:active:not(:disabled) {
  background: var(--tcs-shadow-color);
}
@media (max-width: 768px) {
  .tcs-configurator-modal .tcs-configurator-btn {
    width: 100%;
  }
}
.tcs-configurator-spinner {
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  margin-right: var(--tcs-space-12);
}
.tcs-configurator-spinner svg {
  animation: tcs-spin var(--tcs-duration-spin) linear infinite;
  color: var(--tcs-red-dark);
}
.tcs-configurator-modal-header {
  transform: none;
  will-change: auto;
  transition: none;
  overflow: visible;
  max-height: none;
}
.tcs-configurator-modal-content {
  position: relative;
}
@media (max-width: 768px) {
  .tcs-configurator-modal-body:has(.tcs-configurator-page[data-page=product-detail].active) .tcs-configurator-modal-header,
  .tcs-configurator-modal-body:has(.tcs-configurator-page[data-page=service-detail].active) .tcs-configurator-modal-header {
    position: relative;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tcs-configurator-modal-header {
    transition: none !important;
  }
}

/* assets/css/src/modal-chrome.css */
.tcs-configurator-modal-header {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  border-radius: 0 0 var(--tcs-radius-lg) var(--tcs-radius-lg);
}
.tcs-configurator-modal-footer {
  border-radius: var(--tcs-radius-lg) var(--tcs-radius-lg) 0 0;
}
.tcs-configurator-modal-title {
  font-family: var(--tcs-font-display) !important;
  margin: 0;
  font-size: var(--tcs-fs-20);
  line-height: var(--tcs-lh-tight);
}
.tcs-configurator-modal .tcs-configurator-btn.tcs-is-loading {
  pointer-events: none;
}
.tcs-configurator-modal .btn-icon-spinner {
  display: inline-flex;
  align-items: center;
  margin-right: var(--tcs-space-8);
}
#tcs-configurator-ga-verder.is-highlight {
  animation: tcs-cta-glow var(--tcs-duration-glow) var(--tcs-ease-symmetric) infinite;
  box-shadow: 0 0 0 0 var(--tcs-red-focus);
  border-color: var(--tcs-red-focus);
}
@media (max-width: 640px) {
  .tcs-configurator-modal-header {
    flex-wrap: wrap;
    gap: var(--tcs-space-12);
  }
}

/* assets/css/src/navigation-footer.css */
.tcs-configurator-modal-footer .tcs-configurator-footer-content {
  display: none;
  width: 100%;
}
.tcs-configurator-modal-footer .tcs-configurator-footer-content.active {
  display: flex;
}
.tcs-configurator-footer-content.tcs-footer-single-btn {
  padding: 0;
}
.tcs-configurator-footer-content.tcs-footer-single-btn .tcs-configurator-btn {
  width: 100%;
  justify-content: center;
}
.tcs-configurator-modal .tcs-footer-btn-section .tcs-detail-cart-btn {
  width: 100%;
  border-radius: var(--tcs-radius-md);
  justify-content: center;
}
.tcs-configurator-modal .tcs-footer-btn-section .tcs-detail-cart-btn {
  overflow: hidden;
}
.tcs-configurator-modal .tcs-footer-btn-section .tcs-detail-cart-btn .btn-text-add {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcs-footer-price-values {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.tcs-footer-regular-price {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-muted);
  text-decoration: line-through;
  flex-shrink: 0;
}
.tcs-footer-regular-price:empty {
  display: none;
}
.tcs-footer-sale-price:has(~ .tcs-footer-regular-price:not(:empty)) {
  color: var(--tcs-red-dark);
}
.tcs-footer-sale-price {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-20);
  font-weight: 700;
  color: var(--tcs-text-secondary);
  flex-shrink: 0;
  line-height: var(--tcs-fs-20);
}
.tcs-footer-sale-price.tcs-price-pending {
  font-family: inherit !important;
  font-size: var(--tcs-fs-14);
  font-weight: 500;
}
.tcs-footer-montage {
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-muted);
  white-space: nowrap;
  flex-shrink: 0;
}
.tcs-footer-montage:empty {
  display: none;
}
.tcs-detail-service-count {
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-muted);
  margin-left: var(--tcs-space-4);
}
.tcs-footer-excl {
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.tcs-footer-reassurance {
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tcs-configurator-cart-info {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  background: #ffffff;
  padding: var(--tcs-space-8) var(--tcs-space-12);
  border-radius: var(--tcs-radius-pill);
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-primary);
  border: 1px solid var(--tcs-border-light);
  box-shadow: 0 2px 4px var(--tcs-black-5);
}
.tcs-configurator-cart-count {
  background: var(--tcs-border-light);
  color: var(--tcs-text-primary);
  border-radius: var(--tcs-radius-full);
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--tcs-fs-12);
  font-weight: 700;
  min-width: var(--tcs-icon-lg);
}
.tcs-configurator-cart-total-text {
  font-weight: 600;
  margin-left: var(--tcs-space-8);
  color: var(--tcs-text-primary);
}
.tcs-configurator-final-total {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-12);
  font-size: var(--tcs-fs-18);
  color: var(--tcs-text-primary);
}
.tcs-configurator-final-total-amount {
  font-family: var(--tcs-font-display) !important;
  font-weight: 800;
  color: var(--tcs-red-dark);
  font-size: var(--tcs-fs-20);
}
.tcs-configurator-modal .tcs-detail-cart-btn,
.tcs-configurator-modal .tcs-detail-cart-btn[data-state] {
  box-shadow: none;
}
.tcs-configurator-modal .tcs-detail-cart-btn[data-state=loading],
.tcs-configurator-modal .tcs-detail-cart-btn[data-state=success],
.tcs-configurator-modal .tcs-detail-cart-btn[data-state=removing] {
  pointer-events: none;
}
.tcs-configurator-modal .tcs-detail-cart-btn.tcs-icon-pop svg {
  opacity: 0;
  transform: scale(0.85);
  animation: tcs-detail-icon-pop var(--tcs-duration-normal) cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.tcs-configurator-modal .tcs-detail-cart-btn .tcs-btn-spinner {
  display: inline-block;
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
}
@keyframes tcs-detail-icon-pop {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.tcs-cart-footer-bar {
  position: sticky;
  bottom: 0;
  z-index: 10;
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-top: 1px solid var(--tcs-white-25);
  background: var(--tcs-bg-glass);
  backdrop-filter: blur(12px) saturate(110%);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--tcs-space-16);
  color: var(--tcs-text-primary);
}
.tcs-cart-footer-bar .tcs-footer-price-section {
  display: flex;
  width: calc(50% - 8px);
  flex-shrink: 0;
  flex-direction: column;
}
.tcs-cart-footer-bar .tcs-footer-btn-section {
  flex: 1;
  display: flex;
}
.tcs-cart-footer-bar .tcs-cart-footer-checkout {
  width: 100%;
  justify-content: center;
}
.tcs-cart-footer-bar .tcs-cart-footer-deposit-amount {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-20);
  font-weight: 700;
  color: var(--tcs-green-dark);
  flex-shrink: 0;
  line-height: var(--tcs-fs-20);
}
@media (max-width: 768px) {
  .tcs-footer-sale-price {
    font-size: var(--tcs-fs-18);
    line-height: var(--tcs-fs-18);
  }
  .tcs-footer-sale-price.tcs-price-pending {
    font-size: var(--tcs-fs-12);
  }
  .tcs-footer-regular-price {
    font-size: var(--tcs-fs-12);
  }
  .tcs-footer-excl,
  .tcs-footer-reassurance {
    font-size: var(--tcs-fs-12);
  }
  .tcs-configurator-cart-info {
    font-size: var(--tcs-fs-12);
  }
  .tcs-configurator-final-total {
    font-size: var(--tcs-fs-16);
  }
  .tcs-configurator-final-total-amount {
    font-size: var(--tcs-fs-18);
  }
  .tcs-cart-footer-bar .tcs-footer-price-section {
    width: calc(45% - 6px);
  }
  .tcs-cart-footer-bar .tcs-cart-footer-deposit-amount {
    font-size: var(--tcs-fs-18);
    line-height: var(--tcs-fs-18);
  }
}

/* assets/css/src/service-options.css */
.tcs-service-option-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--tcs-space-12);
  background: var(--tcs-bg-hover);
  border: none;
  border-radius: var(--tcs-radius-sm);
  cursor: pointer;
  transition: all var(--tcs-duration-normal) var(--tcs-timing);
  box-shadow: 0 0 0 1px var(--tcs-black-10);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-service-option-item:hover {
    background: var(--tcs-bg-subtle);
    box-shadow: 0 0 0 1px var(--tcs-border-medium);
  }
}
.tcs-service-option-item.active {
  background: var(--tcs-blue-tint);
  box-shadow: 0 0 0 2px var(--tcs-blue), 0 2px 8px var(--tcs-blue-tint);
}
.tcs-color-swatches {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
  gap: var(--tcs-space-12);
}
.tcs-color-swatch {
  aspect-ratio: 1;
  min-width: 40px;
  min-height: 40px;
  border-radius: var(--tcs-radius-md);
  cursor: pointer;
  transition: all var(--tcs-duration-normal) var(--tcs-timing);
  box-shadow: 0 1px 3px #000000;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-color-swatch:hover {
    transform: scale(1.05);
    box-shadow: 0 1px 3px #000000, 0 2px 6px var(--tcs-shadow-color);
  }
}
.tcs-color-swatch.active {
  box-shadow: 0 0 0 2px var(--tcs-text-primary), 0 1px 3px #000000;
  transform: scale(1.12);
}
.tcs-color-swatch.disabled,
.tcs-color-swatch[data-locked-by-cart=true]:not(.active) {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.tcs-color-swatch--tricolor {
  border-radius: var(--tcs-radius-sm);
}
.tcs-color-swatch--image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: border-box;
}
.tcs-color-swatches:has(.tcs-color-swatch--blinderen) {
  grid-template-columns: repeat(4, 1fr);
}
.tcs-color-swatch.tcs-color-swatch--blinderen {
  min-width: unset;
  min-height: 46px;
  aspect-ratio: unset;
  padding: var(--tcs-space-4) var(--tcs-space-8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tcs-color-swatch__label {
  color: #ffffff;
  font-size: var(--tcs-fs-10);
  font-weight: 600;
  text-align: center;
  line-height: var(--tcs-lh-tight);
  text-shadow: 0 1px 2px var(--tcs-black-75);
  word-break: break-word;
}
.tcs-color-subsection-label {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-muted);
  margin: var(--tcs-space-12) 0 var(--tcs-space-8) 0;
}
.tcs-option-group .tcs-color-subsection-label:first-of-type {
  margin-top: 0;
}
.tcs-accordion-inner > .tcs-segmented-control + .tcs-color-subsection-label,
.tcs-accordion-inner > .tcs-option-buttons + .tcs-color-subsection-label {
  margin-top: var(--tcs-space-16);
}
.tcs-color-swatches-container {
  padding: var(--tcs-space-8);
  margin: calc(var(--tcs-space-8) * -1);
}
@container option-group (min-width: 400px) {
  .tcs-color-swatches {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }
  .tcs-color-swatch {
    min-width: 64px;
    min-height: 64px;
  }
  .tcs-color-swatch.tcs-color-swatch--blinderen {
    min-height: 64px;
  }
}
.tcs-configurator-modal .tcs-color-swatch,
.tcs-configurator-modal .tcs-segment-btn,
.tcs-configurator-modal .tcs-option-btn {
  position: relative;
}
.tcs-option-label .selected-option-text {
  font-weight: 700;
  color: var(--tcs-text-secondary);
}
.tcs-option-price {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-green-dark);
  flex-shrink: 0;
}
.tcs-service-option-item.active .tcs-option-price {
  color: var(--tcs-green-dark);
}
@media (max-width: 768px) {
  .tcs-service-option-item {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--tcs-space-8);
  }
  .tcs-option-price {
    align-self: flex-end;
  }
}
.tcs-configurator-modal .tcs-service-option-item {
  background: var(--tcs-white-85);
  box-shadow: 0 0 0 1px var(--tcs-black-10), 0 8px 20px var(--tcs-black-10);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-service-option-item:hover {
    background: #ffffff;
    box-shadow: 0 0 0 1px var(--tcs-blue-glow), 0 8px 20px var(--tcs-black-10);
  }
}
.tcs-configurator-modal .tcs-service-option-item.active {
  background: var(--tcs-blue-tint);
  box-shadow: 0 0 0 2px var(--tcs-blue-focus), 0 10px 26px var(--tcs-shadow-color);
}
.tcs-configurator-modal .tcs-option-price {
  color: var(--tcs-green-dark);
}
.tcs-configurator-modal .tcs-service-option-item.active .tcs-option-price {
  color: var(--tcs-green-dark);
}
.tcs-option-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tcs-space-12);
}
.tcs-configurator-modal button.tcs-option-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 0 0 calc(50% - var(--tcs-space-12) / 2);
  aspect-ratio: 5/4;
  background-image: var(--option-image);
  background-size: cover;
  background-position: center;
  background-color: var(--tcs-text-primary);
  border-radius: var(--tcs-radius-md);
  overflow: hidden;
  cursor: pointer;
  transition: all var(--tcs-duration-normal) var(--tcs-timing);
  padding: 0;
}
.tcs-configurator-modal .tcs-option-btn[data-has-image=false] {
  background-color: var(--tcs-text-secondary);
  background-image: none;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-option-btn:hover:not(.disabled):not(.active) {
    transform: translateY(-3px);
    box-shadow: 0 0 0 2px var(--tcs-blue-focus), 0 8px 20px var(--tcs-black-25);
  }
}
.tcs-configurator-modal .tcs-option-btn.active {
  box-shadow: 0 0 0 2px var(--tcs-blue);
}
.tcs-configurator-modal .tcs-option-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-option-btn.disabled:hover {
    transform: none;
    box-shadow: none;
  }
}
.tcs-configurator-modal .tcs-option-btn:focus-visible {
  outline: 2px solid var(--tcs-blue);
  outline-offset: 2px;
  z-index: 1;
}
.tcs-configurator-modal .tcs-option-btn .tcs-selected-badge {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  background: var(--tcs-gradient-blue);
  border-radius: var(--tcs-radius-full);
  z-index: 2;
  box-shadow: 0 2px 6px var(--tcs-blue-glow);
}
.tcs-configurator-modal .tcs-option-btn .tcs-selected-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 60%;
}
.tcs-configurator-modal .tcs-option-btn.active .tcs-selected-badge {
  display: block;
}
.tcs-popular-badge {
  position: absolute;
  top: var(--tcs-space-4);
  right: var(--tcs-space-4);
  z-index: 5;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 1px 2px var(--tcs-black-25));
}
.tcs-popular-badge svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-color-swatch .tcs-popular-badge {
  top: -5px;
  right: -5px;
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
  background:
    linear-gradient(
      135deg,
      var(--tcs-orange),
      var(--tcs-red-dark));
  border-radius: var(--tcs-radius-full);
  box-shadow: 0 1px 3px var(--tcs-black-25);
  filter: none;
}
.tcs-color-swatch .tcs-popular-badge svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-color-swatch .tcs-popular-badge svg path {
  fill: #ffffff;
  stroke: #ffffff;
}
.tcs-segment-btn .tcs-popular-badge {
  position: static;
  display: inline-flex;
  vertical-align: middle;
  margin-left: var(--tcs-space-4);
  filter: none;
}
.tcs-segment-btn .tcs-popular-badge svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-configurator-modal .tcs-option-btn .tcs-option-overlay {
  background:
    linear-gradient(
      to top,
      var(--tcs-black-75) 0%,
      var(--tcs-black-50) 60%,
      transparent 100%);
  padding: var(--tcs-space-16) var(--tcs-space-8) var(--tcs-space-4) var(--tcs-space-8);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin-top: auto;
  width: 100%;
  text-align: center;
}
.tcs-configurator-modal .tcs-option-btn .tcs-btn-name {
  color: #ffffff;
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  line-height: var(--tcs-lh-snug);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcs-configurator-modal .tcs-option-btn .tcs-price-badge {
  display: block;
  color: #ffffff;
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  opacity: 0.85;
}
.tcs-configurator-modal .tcs-option-btn .tcs-qty-controls {
  display: none;
  align-items: center;
  justify-content: flex-start;
  gap: var(--tcs-space-8);
  margin-top: var(--tcs-space-4);
}
.tcs-configurator-modal .tcs-option-btn.active[data-has-qty-control=true] .tcs-qty-controls {
  display: flex;
}
.tcs-configurator-modal .tcs-option-btn .tcs-qty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  border: none;
  border-radius: var(--tcs-radius-sm);
  background: var(--tcs-white-25);
  color: #ffffff;
  cursor: pointer;
  font-size: var(--tcs-fs-18);
  font-weight: 600;
  line-height: var(--tcs-lh-none);
  padding: 0;
  transition: background-color var(--tcs-duration-fast) var(--tcs-timing);
  -webkit-user-select: none;
  user-select: none;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-option-btn .tcs-qty-btn:hover {
    background: var(--tcs-white-50);
  }
}
.tcs-configurator-modal .tcs-option-btn .tcs-qty-btn svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-configurator-modal .tcs-option-btn .tcs-qty-value {
  color: #ffffff;
  font-size: var(--tcs-fs-16);
  font-weight: 700;
  line-height: var(--tcs-lh-none);
  min-width: 24px;
  text-align: center;
}
.tcs-service-option-item.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.tcs-segmented-control {
  display: flex;
  gap: 0;
  width: 100%;
  background: var(--tcs-bg-subtle);
  border-radius: var(--tcs-radius-md);
  padding: 0;
  position: relative;
  isolation: isolate;
}
.tcs-segmented-control--magnetic::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--thumb-w, 0);
  height: var(--thumb-h, 100%);
  transform: translate(var(--thumb-x, 0), var(--thumb-y, 0));
  background: var(--tcs-gradient-blue);
  box-shadow: 0 2px 8px var(--tcs-blue-glow);
  border-radius: var(--tcs-radius-md);
  opacity: var(--thumb-opacity, 0);
  transition:
    transform 280ms cubic-bezier(0.32, 0.72, 0, 1),
    width 280ms cubic-bezier(0.32, 0.72, 0, 1),
    height 280ms cubic-bezier(0.32, 0.72, 0, 1),
    opacity 200ms ease;
  pointer-events: none;
  z-index: 0;
  will-change: transform;
}
.tcs-segmented-control--no-transition::before {
  transition: none;
}
.tcs-configurator-modal button.tcs-segment-btn {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tcs-space-12) var(--tcs-space-20);
  border: none;
  background: transparent;
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  border-radius: var(--tcs-radius-md);
  cursor: pointer;
  transition: color var(--tcs-duration-normal) var(--tcs-timing), background-color var(--tcs-duration-normal) var(--tcs-timing);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-segment-btn:hover:not(.active):not(.disabled):not(.has-image) {
    color: var(--tcs-text-primary);
    background: var(--tcs-white-50);
  }
}
.tcs-configurator-modal .tcs-segment-btn:focus-visible {
  outline: 2px solid var(--tcs-blue);
  outline-offset: 2px;
  z-index: 1;
}
.tcs-configurator-modal button.tcs-segment-btn.active {
  background: var(--tcs-gradient-blue);
  color: #ffffff;
  box-shadow: 0 2px 8px var(--tcs-blue-glow);
}
.tcs-configurator-modal .tcs-segmented-control--magnetic button.tcs-segment-btn.active {
  background: transparent;
  box-shadow: none;
  color: #ffffff;
}
.tcs-configurator-modal .tcs-segment-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.tcs-configurator-modal .tcs-segment-btn .tcs-btn-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcs-configurator-modal .tcs-segmented-control {
  background: var(--tcs-bg-subtle);
}
@container option-group (max-width: 360px) {
  .tcs-segmented-control[data-label-density=short] .tcs-segment-btn {
    font-size: var(--tcs-fs-12);
    padding: var(--tcs-space-12);
  }
  .tcs-segmented-control[data-label-density=medium] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--tcs-space-4);
    padding: var(--tcs-space-4);
  }
  .tcs-segmented-control[data-label-density=medium] .tcs-segment-btn {
    font-size: var(--tcs-fs-12);
    padding: var(--tcs-space-12);
  }
  .tcs-segmented-control[data-label-density=medium] .tcs-segment-btn .tcs-btn-name {
    white-space: normal;
    line-height: var(--tcs-lh-tight);
  }
  .tcs-segmented-control[data-label-density=medium]:has(.tcs-segment-btn:nth-child(odd):last-child) {
    grid-template-columns: 1fr;
  }
  .tcs-segmented-control[data-label-density=long] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tcs-space-4);
    padding: var(--tcs-space-4);
  }
  .tcs-segmented-control[data-label-density=long] .tcs-segment-btn {
    font-size: var(--tcs-fs-12);
    padding: var(--tcs-space-12);
  }
  .tcs-segmented-control[data-label-density=long] .tcs-segment-btn .tcs-btn-name {
    white-space: normal;
    line-height: var(--tcs-lh-tight);
  }
}
@container option-group (max-width: 200px) {
  .tcs-segmented-control[data-label-density=short],
  .tcs-segmented-control[data-label-density=medium] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tcs-space-4);
    padding: var(--tcs-space-4);
  }
  .tcs-segmented-control[data-label-density=short] .tcs-segment-btn .tcs-btn-name {
    white-space: normal;
    line-height: var(--tcs-lh-tight);
  }
}
.tcs-segmented-control--magnetic.tcs-segmented-control {
  padding: 0;
  gap: 0;
}
.tcs-segmented-control[data-has-images=true] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tcs-space-8);
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.tcs-segmented-control[data-has-images=true][data-full-width-layout=true] {
  gap: var(--tcs-space-12);
}
.tcs-configurator-modal .tcs-segment-btn.has-image {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 0 0 calc(50% - var(--tcs-space-8) / 2);
  aspect-ratio: 5/4;
  background-image: var(--option-image);
  background-size: cover;
  background-position: center;
  background-color: var(--tcs-text-primary);
  border-radius: var(--tcs-radius-md);
  overflow: hidden;
  cursor: pointer;
  transition: all var(--tcs-duration-normal) var(--tcs-timing);
  padding: 0;
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-segment-btn.has-image:hover:not(.disabled):not(.active) {
    transform: translateY(-3px);
    box-shadow: 0 0 0 2px var(--tcs-blue-focus), 0 8px 20px var(--tcs-black-25);
  }
}
.tcs-configurator-modal .tcs-segment-btn.has-image.active {
  background-image: var(--option-image);
  background-size: cover;
  background-position: center;
  background-color: var(--tcs-text-primary);
  box-shadow: 0 0 0 2px var(--tcs-blue);
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-selected-badge {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  background: var(--tcs-gradient-blue);
  border-radius: var(--tcs-radius-full);
  z-index: 2;
  box-shadow: 0 2px 6px var(--tcs-blue-glow);
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-selected-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 60%;
}
.tcs-configurator-modal .tcs-segment-btn.has-image.active .tcs-selected-badge {
  display: block;
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-option-overlay {
  background:
    linear-gradient(
      to top,
      var(--tcs-black-50) 0%,
      var(--tcs-black-50) 60%,
      transparent 100%);
  padding: var(--tcs-space-16) var(--tcs-space-8) var(--tcs-space-4) var(--tcs-space-8);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin-top: auto;
  width: 100%;
  text-align: center;
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-btn-name {
  color: #ffffff;
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  line-height: var(--tcs-lh-snug);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-option-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: var(--tcs-space-4);
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-via-label {
  color: #ffffff;
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  opacity: 0.85;
  white-space: nowrap;
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-price-badge {
  position: static;
  display: block;
  align-self: center;
  color: #ffffff;
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  opacity: 0.85;
}
.tcs-configurator-modal .tcs-segment-btn.has-image .tcs-option-footer .tcs-price-badge {
  align-self: auto;
  white-space: nowrap;
}
.tcs-configurator-modal .tcs-segment-btn.has-image:focus-visible {
  outline: 2px solid var(--tcs-blue);
  outline-offset: 2px;
  z-index: 1;
}
.tcs-configurator-modal .tcs-segment-btn.has-image.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.tcs-configurator-modal .tcs-segment-btn--unavailable {
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 1;
}
.tcs-configurator-modal .tcs-segment-btn--unavailable .tcs-unavailable-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--tcs-black-75);
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 2;
  box-sizing: border-box;
}
.tcs-configurator-modal .tcs-unavailable-msg {
  color: #ffffff;
  font-size: var(--tcs-fs-14);
  text-align: center;
  line-height: var(--tcs-lh-normal);
  font-weight: 500;
  white-space: normal;
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image,
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image.active {
  flex: 0 0 100%;
  aspect-ratio: unset;
  min-height: 180px;
  height: 180px;
  background-image: var(--option-image);
  background-size: cover;
  background-position: left center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--tcs-space-12);
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-option-overlay {
  display: contents;
  background: none;
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  background:
    linear-gradient(
      to top,
      var(--tcs-black-50) 0%,
      var(--tcs-black-50) 30%,
      transparent 100%);
  pointer-events: none;
  border-radius: inherit;
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-btn-name {
  order: 1;
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  line-height: var(--tcs-lh-snug);
  padding: var(--tcs-space-8) var(--tcs-space-24) var(--tcs-space-8) var(--tcs-space-12);
  margin: calc(var(--tcs-space-12) * -1) 0 0 calc(var(--tcs-space-12) * -1);
  background-color: var(--tcs-blue-dark-focus);
  color: #ffffff;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) calc(100% - 10px), calc(100% - 11px) calc(100% - 7px), calc(100% - 13px) calc(100% - 4px), calc(100% - 15px) calc(100% - 2px), calc(100% - 17px) calc(100% - 1px), calc(100% - 19px) 100%, 0 100%);
  border-radius: 11px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60%;
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-price-badge {
  order: 3;
  font-size: var(--tcs-fs-14);
  opacity: 1;
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-option-footer {
  position: relative;
  z-index: 1;
  order: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-via-label {
  font-size: var(--tcs-fs-14);
  opacity: 1;
}
.tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-option-footer .tcs-price-badge {
  order: unset;
}
@media (max-width: 768px) {
  .tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image,
  .tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image.active {
    min-height: 125px;
    height: 125px;
  }
  .tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-btn-name {
    font-size: var(--tcs-fs-14);
    max-width: 75%;
  }
  .tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-price-badge {
    font-size: var(--tcs-fs-12);
  }
  .tcs-configurator-modal .tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image .tcs-via-label {
    font-size: var(--tcs-fs-12);
  }
}
.tcs-btn-spinner {
  animation: tcs-spin var(--tcs-duration-spin) linear infinite;
  color: #ffffff;
}
.tcs-popup .tcs-btn-spinner {
  display: inline-block;
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
}
.tcs-qty-slider-group {
  margin-top: var(--tcs-space-8);
}
.tcs-qty-slider-value {
  font-weight: 700;
  color: var(--tcs-red-dark);
}
.tcs-qty-slider-group.tcs-collapsed .tcs-qty-slider-value {
  font-size: var(--tcs-fs-12);
  font-weight: 700;
  color: var(--tcs-text-muted);
  overflow-x: clip;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcs-qty-slider-track {
  position: relative;
}
.tcs-configurator-modal .tcs-qty-slider {
  width: 100%;
  height: 10px;
  border-radius: var(--tcs-radius-xs);
  background: var(--tcs-border-light);
  cursor: pointer;
}
.tcs-qty-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: var(--tcs-radius-full);
  background: var(--tcs-gradient-red);
  cursor: grab;
  box-shadow: 0 4px 16px var(--tcs-red-focus), 0 0 0 4px var(--tcs-red-glow);
  transition: transform var(--tcs-duration-fast) var(--tcs-timing), box-shadow var(--tcs-duration-fast) var(--tcs-timing);
}
.tcs-qty-slider::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px var(--tcs-red-focus), 0 0 0 6px var(--tcs-red-glow);
}
.tcs-qty-slider::-webkit-slider-thumb:active {
  cursor: grabbing;
  transform: scale(1.05);
}
.tcs-qty-slider::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border-radius: var(--tcs-radius-full);
  background: var(--tcs-gradient-red);
  cursor: grab;
  border: none;
  box-shadow: 0 4px 16px var(--tcs-red-focus), 0 0 0 4px var(--tcs-red-glow);
  transition: transform var(--tcs-duration-fast) var(--tcs-timing), box-shadow var(--tcs-duration-fast) var(--tcs-timing);
}
.tcs-qty-slider::-moz-range-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px var(--tcs-red-focus), 0 0 0 6px var(--tcs-red-glow);
}
.tcs-qty-slider::-moz-range-thumb:active {
  cursor: grabbing;
  transform: scale(1.05);
}
.tcs-qty-slider::-moz-range-track {
  background: var(--tcs-black-10);
  border-radius: var(--tcs-radius-xs);
  height: 10px;
}
.tcs-qty-slider-markers {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--tcs-space-4);
}
.tcs-qty-slider-marker {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-light);
  font-weight: 600;
}
@media (max-width: 768px) {
  .tcs-qty-slider-marker {
    font-size: var(--tcs-fs-12);
  }
}
.tcs-qty-slider:disabled {
  opacity: var(--tcs-opacity-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.tcs-qty-slider:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
  background: var(--tcs-text-light);
  box-shadow: 0 2px 8px var(--tcs-shadow-color);
}
.tcs-qty-slider:disabled::-moz-range-thumb {
  cursor: not-allowed;
  background: var(--tcs-text-light);
  box-shadow: 0 2px 8px var(--tcs-shadow-color);
}
.tcs-qty-slider-group.disabled:not(.tcs-collapsed) {
  opacity: var(--tcs-opacity-disabled);
}
.tcs-qty-slider-group.disabled .tcs-qty-slider-value {
  color: var(--tcs-text-light);
}
.tcs-popup .tcs-exhaust-popup-item {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-16);
  margin-bottom: var(--tcs-space-16);
  text-align: left;
}
.tcs-popup .tcs-exhaust-popup-item__image {
  width: 72px;
  height: 72px;
  border-radius: var(--tcs-radius-sm);
  overflow: hidden;
  background: var(--tcs-bg-subtle);
  flex-shrink: 0;
}
.tcs-popup .tcs-exhaust-popup-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tcs-popup .tcs-exhaust-popup-item__info {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-4);
}
.tcs-popup .tcs-exhaust-popup-item__label {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.tcs-popup .tcs-exhaust-popup-item__name {
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  color: var(--tcs-text-primary);
}

/* assets/css/src/item-cards.css */
.tcs-configurator-products {
  width: 100%;
  max-width: 100%;
}
.tcs-configurator-products-loading,
.tcs-configurator-categories-loading,
.tcs-configurator-detail-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--tcs-space-64);
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-16);
}
.tcs-configurator-items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--tcs-space-12);
}
.tcs-configurator-item-card {
  background: var(--tcs-bg-glass);
  border-radius: var(--tcs-radius-md);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: all var(--tcs-duration-moderate) var(--tcs-timing);
  box-shadow: var(--tcs-shadow-sm);
  display: flex;
  flex-direction: column;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-item-card:hover:not(:has(.tcs-item-floating-cart-btn:hover)) {
    transform: translateY(-4px);
    box-shadow: var(--tcs-shadow-md);
  }
}
.tcs-configurator-item-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: var(--tcs-white-50);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.tcs-configurator-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--tcs-duration-moderate) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-item-card:hover:not(:has(.tcs-item-floating-cart-btn:hover)) .tcs-configurator-item-image img {
    transform: scale(1.05);
  }
}
.tcs-configurator-item-placeholder {
  color: var(--tcs-text-secondary);
  font-size: 48px;
  opacity: 0.5;
}
.tcs-item-uitverkocht-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--tcs-red-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  pointer-events: none;
}
.tcs-item-uitverkocht-bar span {
  font-size: var(--tcs-fs-16);
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
}
.tcs-item-added-overlay {
  position: absolute;
  inset: 0;
  background: var(--tcs-bg-glass);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--tcs-space-8);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-item-added-overlay.visible {
  opacity: 1;
}
.tcs-item-added-overlay .overlay-check {
  width: var(--tcs-icon-2xl);
  height: var(--tcs-icon-2xl);
  background: var(--tcs-gradient-green);
  border-radius: var(--tcs-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.overlay-check svg {
  width: 60%;
  height: 60%;
}
.tcs-item-added-overlay .overlay-text {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-green-dark);
}
.tcs-configurator-modal button.tcs-item-floating-cart-btn.tcs-btn-spacer {
  visibility: hidden;
  pointer-events: none;
}
.tcs-configurator-modal button.tcs-item-floating-cart-btn {
  position: relative;
  width: var(--tcs-icon-2xl);
  height: var(--tcs-icon-2xl);
  background: var(--tcs-gradient-green);
  border-radius: var(--tcs-radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background var(--tcs-duration-moderate) var(--tcs-ease-symmetric),
    transform var(--tcs-duration-moderate) var(--tcs-ease-spring),
    color var(--tcs-duration-moderate) var(--tcs-ease-symmetric),
    filter var(--tcs-duration-moderate) var(--tcs-ease-symmetric);
  box-shadow: none;
  z-index: 5;
  padding: 0;
  margin: 0;
  min-width: auto;
  min-height: auto;
  color: #ffffff;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-item-floating-cart-btn:not([data-state]):hover {
    transform: scale(1.1);
  }
}
.tcs-configurator-modal .tcs-item-floating-cart-btn svg {
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
  transition: transform var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-configurator-modal .tcs-item-floating-cart-btn.tcs-icon-pop svg {
  opacity: 0;
  transform: scale(0.85);
  animation: tcs-cart-icon-pop var(--tcs-duration-normal) var(--tcs-timing) forwards;
}
.tcs-configurator-modal .tcs-item-floating-cart-btn .tcs-btn-spinner {
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
}
.tcs-configurator-modal .tcs-item-floating-cart-btn .btn-icon-spinner {
  margin-right: 0;
}
.tcs-configurator-modal .tcs-cart-btn .btn-icon,
.tcs-configurator-modal .tcs-cart-btn .btn-text {
  display: none;
}
.tcs-configurator-modal.tcs-configurator-modal button.tcs-cart-btn {
  color: #ffffff;
}
.tcs-configurator-modal .tcs-cart-btn:not([data-state]) .btn-icon-cart {
  display: flex;
}
.tcs-configurator-modal .tcs-cart-btn:not([data-state]) .btn-text-add {
  display: inline;
}
.tcs-configurator-modal .tcs-cart-btn:not([data-state]) {
  background: var(--tcs-gradient-green);
}
.tcs-configurator-modal .tcs-cart-btn[data-state=loading] .btn-icon-spinner {
  display: flex;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=loading] .btn-text-add {
  display: inline;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=success] .btn-icon-check {
  display: flex;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=remove] .btn-icon-trash {
  display: flex;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=remove] .btn-text-remove {
  display: inline;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=removing] .btn-icon-spinner {
  display: flex;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=removing] .btn-text-remove {
  display: inline;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=remove-success] .btn-icon-check {
  display: flex;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=in-cart] .btn-icon-check {
  display: flex;
}
.tcs-configurator-modal .tcs-cart-btn[data-state=loading],
.tcs-configurator-modal .tcs-cart-btn[data-state=success],
.tcs-configurator-modal .tcs-cart-btn[data-state=in-cart] {
  background: var(--tcs-gradient-green);
}
.tcs-configurator-modal .tcs-cart-btn[data-state=remove],
.tcs-configurator-modal .tcs-cart-btn[data-state=removing],
.tcs-configurator-modal .tcs-cart-btn[data-state=remove-success] {
  background: var(--tcs-gradient-red);
}
.tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=remove],
.tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=removing],
.tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=remove-success] {
  background: transparent;
  box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=remove]:hover {
    background: transparent;
    box-shadow: none;
  }
}
.tcs-configurator-modal .tcs-cart-btn[data-state=loading],
.tcs-configurator-modal .tcs-cart-btn[data-state=removing],
.tcs-configurator-modal .tcs-cart-btn[data-state=in-cart] {
  cursor: default;
}
.tcs-configurator-modal .tcs-cart-btn .btn-icon svg {
  color: #ffffff;
  stroke: #ffffff;
}
.tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=remove] .btn-icon-trash svg,
.tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=removing] .btn-icon-trash svg,
.tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=removing] .btn-icon-spinner svg {
  color: var(--tcs-dark);
  stroke: var(--tcs-dark);
}
.tcs-configurator-item-info {
  padding: var(--tcs-space-8);
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.tcs-item-info-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--tcs-space-12);
  margin-top: auto;
  padding-top: var(--tcs-space-8);
}
.tcs-item-details-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.tcs-configurator-item-style {
  display: block;
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tcs-configurator-item-name {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-18) !important;
  font-weight: 700 !important;
  color: var(--tcs-text-secondary) !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--tcs-lh-snug) !important;
  letter-spacing: -0.01em !important;
  min-height: calc(var(--tcs-lh-snug) * 2em);
}
.tcs-configurator-item-pricing {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0;
}
.tcs-configurator-item-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--tcs-space-8);
}
.tcs-item-sale-price {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-secondary);
  font-weight: 600;
}
.tcs-item-regular-price ~ .tcs-item-sale-price,
.tcs-item-sale-price:has(~ .tcs-item-regular-price) {
  color: var(--tcs-red-dark);
}
.tcs-item-regular-price {
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-muted);
  text-decoration: line-through;
}
.tcs-item-discount-badge {
  position: absolute;
  top: var(--tcs-space-8);
  right: var(--tcs-space-8);
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: #ffffff;
  background: var(--tcs-red);
  padding: var(--tcs-space-4) var(--tcs-space-8);
  border-radius: var(--tcs-radius-sm);
  white-space: nowrap;
  z-index: 1;
}
.tcs-item-universal-badge {
  position: absolute;
  top: var(--tcs-space-8);
  left: var(--tcs-space-8);
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-primary);
  background: var(--tcs-bg-glass);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: var(--tcs-space-4) var(--tcs-space-8);
  border-radius: var(--tcs-radius-sm);
  white-space: nowrap;
  letter-spacing: 0.02em;
  z-index: 1;
}
.tcs-item-label {
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-muted);
}
@media (max-width: 768px) {
  .tcs-configurator-items-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .tcs-configurator-item-name {
    font-size: var(--tcs-fs-14) !important;
    margin-bottom: 0 !important;
  }
  .tcs-configurator-item-style {
    font-size: var(--tcs-fs-12);
  }
  .tcs-item-sale-price {
    font-size: var(--tcs-fs-12);
  }
  .tcs-item-regular-price {
    font-size: var(--tcs-fs-12);
  }
  .tcs-item-label {
    font-size: var(--tcs-fs-12);
  }
  .tcs-configurator-modal button.tcs-item-floating-cart-btn {
    border-radius: var(--tcs-radius-md);
  }
}
.tcs-universal-category-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--tcs-red-tint);
  opacity: 0;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing);
  z-index: 0;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-universal-category-card:hover::before {
    opacity: 1;
  }
}
.tcs-universal-category-card .tcs-configurator-item-info {
  z-index: 1;
}
.tcs-configurator-modal button.tcs-universal-view-category-btn {
  background: var(--tcs-gradient-red);
  color: #ffffff;
  border: none;
  padding: 0 var(--tcs-space-12);
  border-radius: var(--tcs-radius-md);
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-14);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--tcs-duration-normal) var(--tcs-timing);
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  white-space: nowrap;
  justify-content: center;
  width: 100%;
  min-height: var(--tcs-icon-2xl);
}
.tcs-configurator-modal .tcs-universal-view-category-btn svg {
  flex-shrink: 0;
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
  transition: transform var(--tcs-duration-normal) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal .tcs-universal-category-card:hover .tcs-universal-view-category-btn {
    transform: translateY(-1px);
  }
  .tcs-configurator-modal .tcs-universal-category-card:hover .tcs-universal-view-category-btn svg {
    transform: translateX(2px);
  }
}
.tcs-configurator-services-categories {
  width: 100%;
  max-width: 100%;
}
.tcs-configurator-categories-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--tcs-space-12);
}
@media (max-width: 768px) {
  .tcs-configurator-categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tcs-service-category-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 1/1;
  background-image: var(--category-image);
  background-size: cover;
  background-position: center;
  background-color: var(--tcs-text-primary);
  border-radius: var(--tcs-radius-md);
  overflow: hidden;
  cursor: pointer;
  transition: transform var(--tcs-duration-normal) var(--tcs-timing), box-shadow var(--tcs-duration-normal) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-service-category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px var(--tcs-black-25);
  }
}
.tcs-service-category-card.tcs-is-loading {
  opacity: var(--tcs-opacity-disabled);
  pointer-events: none;
}
.tcs-service-category-overlay {
  position: relative;
  z-index: 2;
  background:
    linear-gradient(
      to top,
      var(--tcs-black-75) 0%,
      var(--tcs-black-75) 50%,
      var(--tcs-black-50) 80%,
      transparent 100%);
  padding: var(--tcs-space-20) var(--tcs-space-8) var(--tcs-space-8) var(--tcs-space-8);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tcs-service-category-label {
  color: var(--tcs-red-dark);
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  letter-spacing: 0.02em;
}
.tcs-service-category-title {
  display: flex;
  align-items: center;
}
.tcs-service-category-name {
  font-family: var(--tcs-font-display) !important;
  color: #ffffff;
  font-size: var(--tcs-fs-18);
  font-weight: 700;
  line-height: var(--tcs-lh-snug);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.tcs-service-category-arrow {
  color: var(--tcs-white-85);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
  transition: transform var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-service-category-arrow svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-service-category-card:hover .tcs-service-category-arrow {
    transform: translateX(3px);
  }
}
@media (max-width: 768px) {
  .tcs-service-category-card {
    aspect-ratio: 3/4;
  }
  .tcs-service-category-name {
    font-size: var(--tcs-fs-14);
  }
  .tcs-service-category-label {
    font-size: var(--tcs-fs-12);
  }
}
.tcs-category-added-overlay {
  position: absolute;
  inset: 0;
  background: var(--tcs-white-50);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing);
  border-radius: var(--tcs-radius-md);
}
.tcs-category-all-in-cart .tcs-category-added-overlay {
  opacity: 1;
}
.tcs-category-added-overlay .overlay-check {
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
  background: var(--tcs-gradient-green);
  border-radius: var(--tcs-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .tcs-option-buttons {
    gap: var(--tcs-space-8);
  }
}
.tcs-configurator-empty-state {
  text-align: center;
  padding: var(--tcs-space-64) var(--tcs-space-20);
  color: var(--tcs-text-muted);
}
.tcs-configurator-empty-state svg {
  width: var(--tcs-icon-3xl);
  height: var(--tcs-icon-3xl);
  margin-bottom: var(--tcs-space-20);
  color: var(--tcs-text-secondary);
}
.tcs-configurator-empty-state .tcs-empty-state-title {
  font-family: var(--tcs-font-display) !important;
  margin: 0 0 var(--tcs-space-8) 0 !important;
  font-size: var(--tcs-fs-20) !important;
  color: var(--tcs-text-secondary) !important;
}
.tcs-configurator-empty-state p {
  margin: 0 !important;
  font-size: var(--tcs-fs-16) !important;
  line-height: var(--tcs-lh-relaxed) !important;
}
.tcs-configurator-detail {
  width: 100%;
  max-width: 100%;
}

/* assets/css/src/detail-page.css */
.tcs-configurator-detail-content {
  width: 100%;
}
.tcs-detail-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.tcs-detail-gallery-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.tcs-detail-gallery-disclaimer {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: var(--tcs-fs-12);
  color: #ffffff;
  font-style: italic;
  text-shadow: 0 1px 2px var(--tcs-black-50);
  z-index: 10;
}
.tcs-detail-gallery {
  width: 100%;
}
.tcs-detail-main-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #ffffff;
  border-radius: var(--tcs-radius-md);
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tcs-detail-main-image img,
.tcs-detail-main-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tcs-detail-image-strip {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform var(--tcs-duration-moderate) var(--tcs-ease-enter);
  will-change: transform;
}
.tcs-detail-image-strip img,
.tcs-detail-image-strip video {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}
.tcs-overlay-composite {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 0 0 100%;
}
.tcs-overlay-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}
.tcs-detail-image-strip.dragging {
  transition: none;
}
.tcs-gallery-layer {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity var(--tcs-duration-normal) var(--tcs-ease-enter);
  pointer-events: none;
  z-index: 1;
  will-change: opacity;
}
.tcs-gallery-layer.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}
.tcs-gallery-layer.hold {
  opacity: 1;
  transition: none;
}
.tcs-multi-service-layout .tcs-overlay-composite {
  transform: scale(1);
  transform-origin: var(--tcs-zoom-origin-x, 50%) var(--tcs-zoom-origin-y, 50%);
  transition: transform var(--tcs-duration-slow) var(--tcs-ease-enter);
}
.tcs-multi-service-layout .tcs-detail-main-image.tcs-gallery-zoomed .tcs-overlay-composite {
  transform: scale(var(--tcs-zoom-scale, 1));
}
@media (min-width: 769px) {
  .tcs-multi-service-layout .tcs-detail-main-image.tcs-gallery-zoomed .tcs-overlay-composite {
    transform: scale(1);
  }
}
.tcs-detail-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-16);
  font-weight: 500;
  background: var(--tcs-bg-hover);
}
.tcs-configurator-modal button.tcs-detail-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--tcs-icon-2xl);
  height: var(--tcs-icon-2xl);
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.35) 0%,
      rgba(255, 255, 255, 0.15) 100%);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: var(--tcs-radius-full);
  backdrop-filter: blur(14px) saturate(160%) contrast(1.05) brightness(1.05);
  -webkit-backdrop-filter: blur(14px) saturate(160%) contrast(1.05) brightness(1.05);
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.18),
    inset 0 4px 16px -6px rgba(255, 255, 255, 0.5),
    inset 0 -2px 8px -4px rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background var(--tcs-duration-moderate) cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow var(--tcs-duration-moderate) cubic-bezier(0.16, 1, 0.3, 1),
    color var(--tcs-duration-moderate) cubic-bezier(0.16, 1, 0.3, 1),
    transform var(--tcs-duration-moderate) var(--tcs-ease-spring);
  z-index: 10;
  color: #ffffff;
  padding: 0;
}
.tcs-configurator-modal button.tcs-detail-gallery-nav:focus {
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.35) 0%,
      rgba(255, 255, 255, 0.15) 100%);
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal button.tcs-detail-gallery-nav:hover {
    background:
      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.25) 100%);
    border-color: rgba(255, 255, 255, 0.6);
    transform: translateY(-50%) scale(1.1);
    box-shadow:
      0 6px 22px rgba(0, 0, 0, 0.25),
      inset 0 6px 20px -6px rgba(255, 255, 255, 0.7),
      inset 0 -2px 10px -4px rgba(255, 255, 255, 0.4);
    color: #ffffff;
  }
}
.tcs-configurator-modal .tcs-detail-gallery-nav svg {
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.tcs-configurator-modal .tcs-detail-gallery-nav-prev {
  left: var(--tcs-space-12);
}
.tcs-configurator-modal .tcs-detail-gallery-nav-next {
  right: var(--tcs-space-12);
}
.tcs-configurator-modal button.tcs-video-mute-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--tcs-icon-3xl);
  height: var(--tcs-icon-3xl);
  background: var(--tcs-black-75);
  border: none;
  border-radius: var(--tcs-radius-full);
  color: #ffffff;
  cursor: pointer;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--tcs-duration-medium) var(--tcs-timing), transform var(--tcs-duration-moderate) var(--tcs-ease-spring);
  padding: 0;
  box-shadow: none;
}
.tcs-configurator-modal .tcs-video-mute-btn.unmuted {
  top: auto;
  left: auto;
  bottom: var(--tcs-space-12);
  right: var(--tcs-space-12);
  transform: none;
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal button.tcs-video-mute-btn:hover {
    background: var(--tcs-black-50);
    transform: translate(-50%, -50%) scale(1.08);
  }
  .tcs-configurator-modal .tcs-video-mute-btn.unmuted:hover {
    transform: scale(1.08);
  }
}
.tcs-configurator-modal .tcs-video-mute-btn svg {
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
}
.tcs-configurator-modal .tcs-video-mute-btn.unmuted svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
video.tcs-overlay-layer {
  pointer-events: auto;
  cursor: pointer;
}
.tcs-detail-gallery-dots {
  position: absolute;
  bottom: var(--tcs-space-20);
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: fit-content;
  max-width: 94px;
  z-index: 10;
}
.tcs-detail-gallery-dots-track {
  display: flex;
  align-items: center;
  gap: 6px;
  transition: transform var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-detail-gallery-dot {
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  border-radius: var(--tcs-radius-full);
  background: var(--tcs-white-50);
  cursor: pointer;
  box-shadow: 0 2px 4px var(--tcs-black-25);
  flex-shrink: 0;
  transition: transform var(--tcs-duration-normal) var(--tcs-timing), background var(--tcs-duration-normal) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-detail-gallery-dot:hover {
    background: var(--tcs-white-85);
  }
}
.tcs-detail-gallery-dot.dot-edge {
  transform: scale(0.5);
}
.tcs-detail-gallery-dot.dot-near-edge {
  transform: scale(0.75);
}
.tcs-detail-gallery-dot.active {
  background: var(--tcs-red-dark);
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  transform: none !important;
  transition:
    width var(--tcs-duration-moderate) var(--tcs-timing),
    height var(--tcs-duration-moderate) var(--tcs-timing),
    background var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-detail-info-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.tcs-detail-info-body {
  flex: 1;
  min-height: 0;
}
.tcs-detail-header {
  margin-bottom: var(--tcs-space-24);
  padding-bottom: var(--tcs-space-24);
  border-bottom: 1px solid var(--tcs-black-10);
}
.tcs-detail-meta {
  display: inline-flex;
  align-items: center;
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-light);
  gap: 2px;
  padding: var(--tcs-space-4) 6px;
  background: var(--tcs-bg-subtle);
  border-radius: var(--tcs-radius-pill);
  white-space: nowrap;
}
.tcs-detail-review {
  cursor: pointer;
  transition: background-color var(--tcs-duration-normal) var(--tcs-timing);
  border-radius: var(--tcs-radius-pill);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-detail-review:hover {
    background-color: var(--tcs-bg-hover);
  }
}
.tcs-detail-meta-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 2px;
}
.tcs-detail-meta svg {
  flex-shrink: 0;
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-review-stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
}
.tcs-star-filled,
.tcs-star-half,
.tcs-star-empty {
  display: inline-flex;
}
.tcs-star-filled svg,
.tcs-star-half svg,
.tcs-star-empty svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-star-filled,
.tcs-star-half {
  color: var(--tcs-star-color);
}
.tcs-star-empty {
  color: var(--tcs-text-light);
}
.tcs-detail-name {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-32) !important;
  font-weight: 700 !important;
  margin-top: var(--tcs-space-12);
  line-height: var(--tcs-lh-snug) !important;
  letter-spacing: -0.01em !important;
  color: var(--tcs-text-primary) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tcs-detail-montage-label {
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-blue);
  margin-top: var(--tcs-space-4);
}
.tcs-detail-regular-row {
  display: flex;
  align-items: baseline;
  gap: var(--tcs-space-8);
}
.tcs-detail-price-label {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-muted);
}
.tcs-detail-price-values {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--tcs-space-12);
}
.tcs-detail-sale-price {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-24);
  font-weight: 700;
  color: var(--tcs-red-dark);
  line-height: var(--tcs-lh-none);
}
.tcs-detail-regular-price {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-18);
  font-weight: 500;
  color: var(--tcs-text-muted);
  text-decoration: line-through;
}
.tcs-detail-price-montage {
  font-size: var(--tcs-fs-20);
  font-weight: 500;
  color: var(--tcs-text-muted);
}
.tcs-detail-discount-badge {
  display: inline-flex;
  align-items: center;
  padding: var(--tcs-space-4) var(--tcs-space-8);
  border-radius: var(--tcs-radius-sm);
  background: var(--tcs-green);
  color: #ffffff;
  font-size: var(--tcs-fs-14);
  font-weight: 700;
  white-space: nowrap;
}
.tcs-detail-main-image > .tcs-item-discount-badge {
  top: var(--tcs-space-12);
  right: var(--tcs-space-12);
  font-size: var(--tcs-fs-14);
  padding: var(--tcs-space-8) var(--tcs-space-12);
  z-index: 20;
}
.tcs-trim-pricing-card {
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  padding: var(--tcs-space-24) var(--tcs-space-20);
  margin-top: var(--tcs-space-16);
  text-align: center;
}
.tcs-trim-pricing-title {
  font-size: var(--tcs-fs-18);
  font-weight: 700;
  color: var(--tcs-text-primary);
  letter-spacing: -0.01em;
  margin-bottom: var(--tcs-space-8);
}
.tcs-trim-pricing-label {
  font-size: var(--tcs-fs-16);
  font-weight: 700;
  color: var(--tcs-text-secondary);
  margin-bottom: var(--tcs-space-8);
}
.tcs-trim-pricing-accent {
  color: var(--tcs-red-dark);
}
.tcs-trim-pricing-value {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-24);
  font-weight: 700;
  color: var(--tcs-green);
  line-height: var(--tcs-lh-none);
}
.tcs-trim-pricing-vat {
  font-size: var(--tcs-fs-12);
  font-weight: 400;
  color: var(--tcs-text-muted);
  margin-top: var(--tcs-space-4);
}
.tcs-trim-pricing-note {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  margin-top: var(--tcs-space-12);
  line-height: var(--tcs-lh-normal);
}
.tcs-trim-pricing-meta {
  display: inline-flex;
  align-items: center;
  gap: var(--tcs-space-8);
  margin-top: var(--tcs-space-16);
}
.tcs-trim-pricing-intake-note {
  font-style: italic;
  margin-top: var(--tcs-space-8);
}
.tcs-trim-pricing-fallback .tcs-trim-pricing-note {
  margin-top: 0;
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-secondary);
}
.tcs-detail-stock {
  position: absolute;
  top: var(--tcs-space-12);
  left: var(--tcs-space-12);
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  padding: var(--tcs-space-8) var(--tcs-space-12);
  border-radius: var(--tcs-radius-sm);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 20;
  transition: all var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-detail-stock.in-stock {
  background: var(--tcs-green-tint);
  border: 1.5px solid var(--tcs-green-glow);
}
.tcs-detail-stock.low-stock {
  background: var(--tcs-orange-tint);
  border: 1.5px solid var(--tcs-orange-glow);
}
.tcs-detail-stock.out-of-stock {
  background: var(--tcs-red-tint);
  border: 1.5px solid var(--tcs-red-glow);
}
.tcs-detail-stock-indicator {
  width: 8px;
  height: 8px;
  border-radius: var(--tcs-radius-full);
  display: inline-block;
  flex-shrink: 0;
  position: relative;
}
.tcs-detail-stock-indicator::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: inherit;
  animation: tcs-stock-pulse var(--tcs-duration-ambient) var(--tcs-ease-symmetric) infinite;
  will-change: transform, opacity;
}
.tcs-detail-stock-indicator.in-stock {
  background: var(--tcs-green);
}
.tcs-detail-stock-indicator.low-stock {
  background: var(--tcs-orange);
}
.tcs-detail-stock-indicator.out-of-stock {
  background: var(--tcs-red-dark);
}
.tcs-detail-stock-text {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
}
.tcs-detail-stock.in-stock .tcs-detail-stock-text {
  color: var(--tcs-green);
}
.tcs-detail-stock.low-stock .tcs-detail-stock-text {
  color: var(--tcs-orange);
}
.tcs-detail-stock.out-of-stock .tcs-detail-stock-text {
  color: var(--tcs-red-dark);
}
.tcs-detail-option-badge {
  position: absolute;
  top: var(--tcs-space-12);
  left: var(--tcs-space-12);
  padding: var(--tcs-space-8) var(--tcs-space-12);
  border-radius: var(--tcs-radius-sm);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid;
  box-shadow: 0 2px 10px var(--tcs-black-10);
  z-index: 20;
  transition: all var(--tcs-duration-moderate) var(--tcs-timing);
  font-size: var(--tcs-fs-14);
  font-weight: 600;
}
.tcs-gallery-package-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
  pointer-events: none;
  color: #ffffff;
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  padding: var(--tcs-space-8) var(--tcs-space-12);
  border-radius: var(--tcs-radius-sm);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid;
  box-shadow: 0 2px 10px var(--tcs-black-10);
}
.tcs-detail-description-title {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-20) !important;
  font-weight: 600 !important;
  margin: 0 0 var(--tcs-space-12) 0 !important;
  color: var(--tcs-text-secondary) !important;
}
.tcs-detail-description {
  font-size: var(--tcs-fs-14);
  line-height: var(--tcs-lh-loose);
  color: var(--tcs-text-secondary);
  margin-bottom: var(--tcs-space-12);
  font-weight: 400;
}
.tcs-detail-description h1,
.tcs-detail-description h2,
.tcs-detail-description h3,
.tcs-detail-description h4,
.tcs-detail-description h5,
.tcs-detail-description h6 {
  font-family: var(--tcs-font-display) !important;
  color: var(--tcs-text-secondary) !important;
  font-weight: 700 !important;
  line-height: var(--tcs-lh-snug) !important;
  margin: var(--tcs-space-16) 0 var(--tcs-space-8) 0 !important;
  padding: 0 !important;
  letter-spacing: -0.01em !important;
}
.tcs-detail-description h1 {
  font-size: var(--tcs-fs-18) !important;
}
.tcs-detail-description h2 {
  font-size: var(--tcs-fs-16) !important;
}
.tcs-detail-description h3,
.tcs-detail-description h4,
.tcs-detail-description h5,
.tcs-detail-description h6 {
  font-size: var(--tcs-fs-14) !important;
}
.tcs-detail-description h1:first-child,
.tcs-detail-description h2:first-child,
.tcs-detail-description h3:first-child,
.tcs-detail-description h4:first-child,
.tcs-detail-description h5:first-child,
.tcs-detail-description h6:first-child {
  margin-top: 0 !important;
}
.tcs-detail-description p {
  margin: 0 0 var(--tcs-space-12) 0 !important;
}
.tcs-detail-description p:last-child {
  margin-bottom: 0 !important;
}
.tcs-detail-description ul,
.tcs-detail-description ol {
  margin: var(--tcs-space-8) 0 !important;
  padding-left: 1.5em !important;
  list-style-position: outside !important;
}
.tcs-detail-description ul {
  list-style-type: disc !important;
}
.tcs-detail-description ol {
  list-style-type: decimal !important;
}
.tcs-detail-description li {
  margin: var(--tcs-space-4) 0 !important;
}
.tcs-detail-sections {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-8);
}
.tcs-detail-section {
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  background: #ffffff;
  transition: border-color var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-detail-section.open {
  border-color: var(--tcs-red-dark);
}
.tcs-configurator-modal .tcs-detail-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--tcs-space-12) var(--tcs-space-20);
  border-radius: var(--tcs-radius-md);
  text-align: left;
  white-space: normal;
  transition: background-color var(--tcs-duration-normal) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal button.tcs-detail-section-header:hover {
    background-color: var(--tcs-bg-hover);
  }
  .tcs-configurator-modal .tcs-detail-section-header:hover .tcs-detail-section-chevron {
    color: var(--tcs-red-dark);
  }
}
.tcs-detail-section-title {
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  color: var(--tcs-text-primary);
  margin: 0;
}
.tcs-detail-section-chevron {
  flex-shrink: 0;
  width: var(--tcs-icon-md);
  height: var(--tcs-icon-md);
  color: var(--tcs-text-muted);
  transition: transform var(--tcs-duration-moderate) var(--tcs-timing), color var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-detail-section.open .tcs-detail-section-chevron {
  transform: rotate(180deg);
  color: var(--tcs-red-dark);
}
.tcs-detail-section-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-detail-section.open .tcs-detail-section-content {
  grid-template-rows: 1fr;
}
.tcs-detail-section-body {
  overflow: hidden;
}
.tcs-detail-section-text {
  padding: 0 var(--tcs-space-20) var(--tcs-space-20);
  font-size: var(--tcs-fs-14);
  line-height: var(--tcs-lh-loose);
  color: var(--tcs-text-secondary);
}
.tcs-extra-informatie-title {
  font-size: var(--tcs-fs-16) !important;
  font-weight: 600 !important;
  color: var(--tcs-text-primary) !important;
  margin: 0 0 var(--tcs-space-12) 0 !important;
}
.tcs-configurator-modal .tcs-info-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--tcs-black-10);
  margin-bottom: var(--tcs-space-16);
}
.tcs-configurator-modal button.tcs-info-tab {
  padding: var(--tcs-space-12) var(--tcs-space-20);
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-muted);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition:
    color var(--tcs-duration-normal) var(--tcs-timing),
    border-color var(--tcs-duration-normal) var(--tcs-timing),
    background-color var(--tcs-duration-normal) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal button.tcs-info-tab:hover {
    color: var(--tcs-text-primary);
    background-color: var(--tcs-bg-hover);
  }
}
.tcs-configurator-modal button.tcs-info-tab:focus-visible {
  outline: 2px solid var(--tcs-blue-focus);
  outline-offset: -2px;
}
.tcs-configurator-modal button.tcs-info-tab.active {
  color: var(--tcs-text-primary);
  border-bottom-color: var(--tcs-red-dark);
}
.tcs-tab-spinner {
  display: inline-block;
  vertical-align: middle;
  margin-right: var(--tcs-space-8);
}
.tcs-tab-spinner .tcs-btn-spinner {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
  color: var(--tcs-text-muted);
}
.tcs-info-tab-panel {
  display: none !important;
}
.tcs-info-tab-panel.active {
  display: block !important;
}
.tcs-reviews-loading {
  display: flex;
  justify-content: center;
  padding: var(--tcs-space-24) 0;
  color: var(--tcs-text-muted);
}
.tcs-reviews-loading .tcs-btn-spinner {
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
}
.tcs-reviews-empty {
  padding: var(--tcs-space-16) 0;
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
}
.tcs-reviews-list {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-review-card {
  padding: var(--tcs-space-16) var(--tcs-space-20);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  background: #ffffff;
}
.tcs-review-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--tcs-space-8);
}
.tcs-review-date {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
}
.tcs-review-name {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
  margin-bottom: var(--tcs-space-4);
}
.tcs-review-comment {
  font-size: var(--tcs-fs-14);
  line-height: var(--tcs-lh-loose);
  color: var(--tcs-text-secondary);
  overflow-wrap: break-word;
  word-break: break-word;
}
.tcs-review-reply {
  margin-top: var(--tcs-space-12);
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-left: 3px solid var(--tcs-red-dark);
  background: var(--tcs-bg-hover);
  border-radius: 0 var(--tcs-radius-sm) var(--tcs-radius-sm) 0;
}
.tcs-review-reply-label {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-muted);
  margin-bottom: var(--tcs-space-4);
}
.tcs-review-reply-text {
  font-size: var(--tcs-fs-12);
  line-height: var(--tcs-lh-relaxed);
  color: var(--tcs-text-secondary);
}
.tcs-reviews-load-more {
  width: 100%;
}
.tcs-reviews-load-more.tcs-is-loading {
  opacity: var(--tcs-opacity-disabled);
  pointer-events: none;
}
.tcs-service-switcher {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--tcs-black-10);
  margin-bottom: var(--tcs-space-12);
}
.tcs-configurator-modal button.tcs-service-switcher-btn {
  padding: var(--tcs-space-8) var(--tcs-space-12);
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-muted);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  transition:
    color var(--tcs-duration-normal) var(--tcs-timing),
    border-color var(--tcs-duration-normal) var(--tcs-timing),
    background-color var(--tcs-duration-normal) var(--tcs-timing);
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal button.tcs-service-switcher-btn:hover {
    color: var(--tcs-text-primary);
    background-color: var(--tcs-bg-hover);
  }
}
.tcs-configurator-modal button.tcs-service-switcher-btn:focus-visible {
  outline: 2px solid var(--tcs-blue-focus);
  outline-offset: -2px;
}
.tcs-configurator-modal button.tcs-service-switcher-btn.active {
  color: var(--tcs-text-primary);
  border-bottom-color: var(--tcs-red-dark);
}
.tcs-detail-footer-bar {
  position: sticky;
  bottom: 0;
  z-index: 10;
  padding: var(--tcs-space-12) var(--tcs-space-16);
  border-top: 1px solid var(--tcs-white-25);
  background: var(--tcs-bg-glass);
  backdrop-filter: blur(12px) saturate(110%);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--tcs-space-16);
  color: var(--tcs-text-primary);
}
.tcs-detail-footer-bar .tcs-footer-price-section {
  display: none;
  width: calc(50% - 8px);
  flex-shrink: 0;
  flex-direction: column;
}
.tcs-detail-footer-bar.price-visible .tcs-footer-price-section {
  display: flex;
}
.tcs-detail-footer-bar .tcs-footer-btn-section {
  flex: 1;
  display: flex;
}
@media (min-width: 769px) {
  .tcs-detail-view .tcs-configurator-modal-content {
    padding-left: 0;
    padding-bottom: 0;
  }
  .tcs-detail-view .tcs-detail-layout {
    grid-template-columns: min(var(--tcs-detail-gallery-size, calc(100vh - 65px)), 65vw) 1fr;
    grid-template-columns: min(var(--tcs-detail-gallery-size, calc(100dvh - 65px)), 65vw) 1fr;
    column-gap: var(--tcs-space-24);
  }
  .tcs-detail-view .tcs-detail-gallery-column {
    position: sticky;
    top: var(--tcs-detail-header-h, 65px);
    align-self: start;
    height: var(--tcs-detail-gallery-size, calc(100vh - 65px));
    height: var(--tcs-detail-gallery-size, calc(100dvh - 65px));
  }
  .tcs-detail-view .tcs-detail-main-image {
    border-radius: 0;
    height: 100%;
    max-height: none;
  }
  .tcs-detail-view .tcs-detail-info-column {
    min-height: var(--tcs-detail-gallery-size, calc(100vh - 65px));
    min-height: var(--tcs-detail-gallery-size, calc(100dvh - 65px));
    container-type: inline-size;
  }
  .tcs-detail-view .tcs-detail-footer-bar {
    margin-top: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .tcs-detail-gallery-disclaimer {
    bottom: var(--tcs-space-4);
  }
  .tcs-detail-gallery-dots {
    bottom: var(--tcs-space-24);
  }
}
@container (min-width: 700px) {
  .tcs-detail-info-body,
  .tcs-panel-body {
    display: grid;
    grid-template-columns: 3fr 2fr;
    column-gap: var(--tcs-space-24);
    align-items: start;
  }
  .tcs-detail-info-body > .tcs-detail-header {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .tcs-detail-info-body > .tcs-detail-description-section {
    position: sticky;
    top: var(--tcs-detail-header-h, 65px);
    align-self: start;
    max-height: calc(100vh - var(--tcs-detail-header-h, 65px));
    max-height: calc(100dvh - var(--tcs-detail-header-h, 65px));
    overflow-y: auto;
  }
  .tcs-detail-info-body > .tcs-detail-header:only-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 768px) {
  .tcs-detail-layout {
    grid-template-columns: 1fr;
  }
  .tcs-detail-gallery-column {
    margin-bottom: var(--tcs-space-12);
  }
  [data-page=service-detail] .tcs-detail-gallery-column {
    position: sticky;
    top: 0;
    z-index: 40;
  }
  .tcs-detail-main-image {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
    aspect-ratio: 1 / 1;
  }
  [data-page=service-detail] .tcs-detail-main-image {
    aspect-ratio: 3 / 2;
  }
  [data-page=service-detail] .tcs-detail-info-column {
    position: relative;
    z-index: 1;
  }
  .tcs-detail-name {
    font-size: var(--tcs-fs-20) !important;
  }
  .tcs-detail-sale-price {
    font-size: var(--tcs-fs-20);
  }
  .tcs-detail-sale-price.tcs-price-pending {
    font-size: var(--tcs-fs-12);
  }
  .tcs-detail-regular-price {
    font-size: var(--tcs-fs-16);
  }
  .tcs-detail-description-title {
    font-size: var(--tcs-fs-16) !important;
  }
  .tcs-detail-footer-bar .tcs-footer-price-section {
    width: calc(45% - 6px);
  }
  .tcs-panel-aside {
    display: none;
  }
}

/* assets/css/src/packages.css */
.tcs-detail-options {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  margin-top: var(--tcs-space-12);
}
.tcs-package-selector {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-8);
}
.tcs-package-cards {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-16);
}
.tcs-package-card {
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: var(--tcs-radius-md);
  background: #ffffff;
  cursor: pointer;
  transition: all var(--tcs-duration-normal) var(--tcs-timing);
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 4px 0 var(--tcs-black-10), 0 1px 2px -1px var(--tcs-black-5);
}
.tcs-package-overlay {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--tcs-space-16);
  transition: background-color var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-package-selected-badge {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--tcs-icon-lg);
  height: var(--tcs-icon-lg);
  background: var(--tcs-gradient-blue);
  border-radius: var(--tcs-radius-full);
  z-index: 2;
  box-shadow: 0 2px 6px var(--tcs-blue-glow);
}
.tcs-package-selected-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 60%;
}
.tcs-package-card.active .tcs-package-selected-badge {
  display: block;
}
.tcs-package-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tcs-space-12);
}
.tcs-package-has-image .tcs-package-header-bottom {
  position: relative;
  margin: 0 calc(var(--tcs-space-16) * -1) calc(var(--tcs-space-16) * -1);
  padding: var(--tcs-space-16);
  background:
    linear-gradient(
      to top,
      var(--tcs-black-50) 0%,
      var(--tcs-black-50) 30%,
      transparent 100%);
}
.tcs-package-header-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tcs-space-12);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-package-card:not(.tcs-package-has-image):hover:not(.active):not(.disabled) .tcs-package-overlay {
    background: var(--tcs-bg-hover);
  }
  .tcs-package-card:hover:not(.active):not(.disabled) {
    transform: translateY(-3px);
    box-shadow: 0 0 0 2px var(--tcs-blue-focus), 0 8px 20px var(--tcs-black-25);
  }
}
.tcs-package-card:not(.tcs-package-has-image).active {
  box-shadow: 0 0 0 2px var(--tcs-blue), 0 1px 4px 0 var(--tcs-black-10);
}
.tcs-package-card.disabled {
  opacity: var(--tcs-opacity-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.tcs-package-card.tcs-package-has-image {
  min-height: 125px;
}
.tcs-package-card.tcs-package-has-image .tcs-package-overlay {
  background:
    linear-gradient(
      to top,
      var(--tcs-black-50) 0%,
      var(--tcs-black-25) 100%),
    var(--card-bg, none) center / cover no-repeat;
  min-height: 125px;
  justify-content: space-between;
}
.tcs-package-card.tcs-package-has-image .tcs-package-price-original {
  color: var(--tcs-white-85);
}
.tcs-package-card.tcs-package-has-image .tcs-package-price {
  color: #ffffff;
}
.tcs-package-card.tcs-package-has-image .tcs-package-price-discounted {
  color: var(--tcs-red-dark);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-package-card.tcs-package-has-image:not(.tcs-package-custom):hover:not(.active):not(.disabled) .tcs-package-overlay {
    background:
      linear-gradient(
        to top,
        var(--tcs-black-50) 0%,
        var(--tcs-black-25) 100%),
      var(--card-bg, none) center / cover no-repeat;
  }
}
.tcs-package-card.tcs-package-has-image.active {
  box-shadow: 0 0 0 2px var(--tcs-blue);
}
.tcs-package-custom .tcs-package-header-top {
  background: transparent;
}
.tcs-package-name {
  font-family: var(--tcs-font-display) !important;
  font-weight: 600;
  font-size: var(--tcs-fs-14);
  line-height: var(--tcs-lh-snug);
  flex: 0 1 auto;
  align-self: flex-start;
  min-width: 0;
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: calc(var(--tcs-space-16) * -1) 0 0 calc(var(--tcs-space-16) * -1);
  padding: var(--tcs-space-8) var(--tcs-space-24) var(--tcs-space-8) var(--tcs-space-16);
  background-color: var(--tcs-blue-dark-focus);
  color: #ffffff;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) calc(100% - 10px), calc(100% - 11px) calc(100% - 7px), calc(100% - 13px) calc(100% - 4px), calc(100% - 15px) calc(100% - 2px), calc(100% - 17px) calc(100% - 1px), calc(100% - 19px) 100%, 0 100%);
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
}
.tcs-package-name svg {
  flex-shrink: 0;
  color: var(--tcs-white-85);
}
.tcs-package-card.tcs-package-tier-bronze .tcs-package-name {
  background: var(--tcs-tier-bronze);
  text-shadow: 0 1px 1px var(--tcs-black-25);
}
.tcs-package-card.tcs-package-tier-silver .tcs-package-name {
  background: var(--tcs-tier-silver);
  text-shadow: 0 1px 1px var(--tcs-black-25);
}
.tcs-package-card.tcs-package-tier-gold .tcs-package-name {
  background: var(--tcs-tier-gold);
  text-shadow: 0 1px 1px var(--tcs-black-25);
}
.tcs-package-card.tcs-package-tier-gold {
  box-shadow: 0 0 24px 6px var(--tcs-tier-gold-glow), 0 0 8px 2px var(--tcs-tier-gold-glow-sm);
}
.tcs-package-card.tcs-package-tier-gold.active {
  box-shadow:
    0 0 0 2px var(--tcs-blue),
    0 0 24px 6px var(--tcs-tier-gold-glow),
    0 0 8px 2px var(--tcs-tier-gold-glow-sm);
}
.tcs-package-card.tcs-package-tier-silver-1 .tcs-package-name {
  background: var(--tcs-tier-silver-1);
  text-shadow: 0 1px 1px var(--tcs-black-25);
}
.tcs-package-card.tcs-package-tier-silver-2 .tcs-package-name {
  background: var(--tcs-tier-silver-2);
  text-shadow: 0 1px 1px var(--tcs-black-25);
}
.tcs-package-card.tcs-package-tier-silver-3 .tcs-package-name {
  background: var(--tcs-tier-silver-3);
  text-shadow: 0 1px 1px var(--tcs-black-25);
}
.tcs-package-pricing {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  flex-wrap: wrap;
}
.tcs-package-has-image .tcs-package-pricing {
  margin: 0;
  padding: 0;
}
.tcs-package-price-original {
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-light);
  text-decoration: line-through;
  white-space: nowrap;
}
.tcs-package-price {
  font-weight: 600;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-secondary);
  white-space: nowrap;
}
.tcs-package-price-discounted {
  color: var(--tcs-red-dark);
}
.tcs-package-card:focus-visible {
  outline: 2px solid var(--tcs-blue);
  outline-offset: 2px;
  z-index: 1;
}
@media (min-width: 769px) {
  .tcs-package-card.tcs-package-has-image .tcs-package-overlay {
    min-height: var(--tcs-package-card-h);
  }
}
@media (max-width: 768px) {
  .tcs-package-card.tcs-package-has-image {
    min-height: 125px;
  }
  .tcs-package-card.tcs-package-has-image .tcs-package-overlay {
    min-height: 125px;
  }
  .tcs-package-name {
    font-size: var(--tcs-fs-14);
  }
  .tcs-package-price {
    font-size: var(--tcs-fs-12);
  }
}
.tcs-custom-options-section {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-package-item-icons {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-4);
  flex-shrink: 0;
}
.tcs-package-item-icon {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-4);
  padding: var(--tcs-space-4) var(--tcs-space-8);
  background: var(--tcs-white-25);
  border-radius: var(--tcs-radius-pill);
  color: var(--tcs-white-85);
  font-size: var(--tcs-fs-10);
}
.tcs-package-has-image .tcs-package-item-icons {
  align-self: flex-start;
  margin-top: calc(var(--tcs-space-16) * -1);
  padding-top: var(--tcs-space-8);
}
.tcs-package-has-image .tcs-package-item-icon {
  background: var(--tcs-white-85);
  color: var(--tcs-text-primary);
}
.tcs-package-item-icon svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}
.tcs-package-item-qty {
  font-size: var(--tcs-fs-10);
  font-weight: 600;
}
.tcs-package-tooltip-trigger {
  padding: 4px 0;
  margin: -4px 0;
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-blue);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  cursor: pointer;
  transition: color var(--tcs-duration-normal) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-package-tooltip-trigger:hover {
    color: var(--tcs-blue-dark);
    text-decoration-style: solid;
  }
  .tcs-package-has-image .tcs-package-tooltip-trigger:hover {
    color: #ffffff;
  }
}
.tcs-package-tooltip-trigger:focus-visible {
  outline: 2px solid var(--tcs-blue);
  outline-offset: 2px;
}
.tcs-package-has-image .tcs-package-tooltip-trigger {
  color: var(--tcs-white-85);
}
.tcs-package-has-image .tcs-package-tooltip-trigger:focus-visible {
  outline-color: var(--tcs-white-85);
}
.tcs-meer-info-hint .tcs-package-tooltip-trigger {
  animation: tcs-meer-info-glow var(--tcs-duration-glow) var(--tcs-ease-symmetric) 1s infinite;
}
.tcs-meer-info-hint .tcs-package-has-image .tcs-package-tooltip-trigger {
  --tcs-meer-info-glow-color: var(--tcs-white-50);
}
.tcs-package-description {
  margin: 0 0 var(--tcs-space-12) 0;
  line-height: var(--tcs-lh-relaxed);
}
.tcs-package-items-list {
  list-style: disc;
  padding-left: var(--tcs-space-20);
  margin: 0;
}
.tcs-package-items-list li {
  padding: var(--tcs-space-4) 0;
}
.tcs-package-popup-heading {
  margin: var(--tcs-space-8) 0 var(--tcs-space-4);
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
}
.tcs-package-choice-summary {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-primary);
  margin: 2px 0;
}
.tcs-package-choices-section {
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
.tcs-package-choices-section .tcs-package-choice-group {
  border: 0;
  border-radius: 0;
  border-top: 1px solid var(--tcs-black-10);
}
.tcs-service-added-banner {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  padding: var(--tcs-space-8) var(--tcs-space-12);
  background: var(--tcs-gradient-green);
  border-radius: var(--tcs-radius-md);
}
.tcs-service-added-banner-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
  background: var(--tcs-white-25);
  border-radius: var(--tcs-radius-full);
  flex-shrink: 0;
}
.tcs-service-added-banner-check svg {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
  color: #ffffff;
}
.tcs-service-added-banner-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tcs-service-added-banner-title {
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  color: #ffffff;
}
.tcs-service-added-banner-subtitle {
  font-size: var(--tcs-fs-12);
  font-weight: 400;
  color: var(--tcs-white-85);
}
@media (max-width: 768px) {
  .tcs-service-added-banner-title {
    font-size: var(--tcs-fs-14);
  }
  .tcs-service-added-banner-subtitle {
    font-size: var(--tcs-fs-12);
  }
}
.tcs-detail-header > .tcs-service-added-banner {
  margin-top: var(--tcs-space-12);
}

/* assets/css/src/accordion.css */
.tcs-option-group {
  padding: 0;
  border-radius: var(--tcs-radius-md);
  border: 1px solid var(--tcs-black-10);
  container-type: inline-size;
  container-name: option-group;
}
.tcs-option-group .tcs-option-group {
  box-shadow: none;
  padding: var(--tcs-space-12) 0 0 0;
  margin-top: var(--tcs-space-12);
  border: 0;
  border-top: 1px solid var(--tcs-black-10);
  border-radius: 0;
}
.tcs-option-group .tcs-option-group .tcs-option-label {
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-light);
  padding: 0 0 var(--tcs-space-8) 0;
}
.tcs-option-group .tcs-option-group .tcs-option-label .tcs-category-total-badge {
  font-size: var(--tcs-fs-12);
}
.tcs-option-group .tcs-option-group .tcs-accordion-inner {
  padding: 0;
}
.tcs-option-label {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--tcs-space-8);
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-secondary);
  margin: 0;
  padding: var(--tcs-space-12) var(--tcs-space-12) 0 var(--tcs-space-12);
}
.tcs-option-label > span:first-child,
.tcs-option-label .tcs-option-label-title {
  display: flex;
  align-items: center;
}
.tcs-option-label .tcs-category-total-badge {
  color: var(--tcs-green-dark);
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  white-space: nowrap;
}
.tcs-option-label .tcs-category-total-badge:empty {
  display: none;
}
.tcs-category-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
  margin-right: var(--tcs-space-8);
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: #ffffff;
  background: var(--tcs-blue);
  border-radius: var(--tcs-radius-full);
  vertical-align: middle;
  transition: background var(--tcs-duration-normal) var(--tcs-timing), color var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-option-group {
  transition: border-color var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-category-active {
  border-color: var(--tcs-blue-glow);
}
.tcs-category-completed {
  border-color: var(--tcs-green-glow);
}
.tcs-category-completed > .tcs-option-label .tcs-category-number {
  background: var(--tcs-green);
}
.tcs-option-group.tcs-collapsed > .tcs-option-label {
  padding-bottom: var(--tcs-space-12);
}
.tcs-option-label-text {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: center;
}
.tcs-option-label-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.tcs-option-label-title {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
  flex-wrap: nowrap;
}
.tcs-category-name {
  flex-shrink: 0;
  white-space: nowrap;
}
.tcs-option-label .selected-option-text {
  display: none;
}
.tcs-option-group:not(.tcs-collapsed) > .tcs-option-label .selected-option-text:not(:empty) {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: inherit;
  color: var(--tcs-text-secondary);
  font-weight: 600;
}
.tcs-option-group:not(.tcs-collapsed) > .tcs-option-label .selected-option-text:not(:empty)::before {
  content: ": ";
}
.tcs-option-group.tcs-collapsed > .tcs-option-label .tcs-option-label-title {
  flex-wrap: wrap;
}
.tcs-option-group.tcs-collapsed > .tcs-option-label .selected-option-text:not(:empty) {
  display: block;
  width: 100%;
  order: 99;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  margin-top: 2px;
  overflow-x: clip;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tcs-option-group.tcs-collapsed > .tcs-option-label .tcs-option-tooltip-trigger {
  order: 1;
}
.tcs-accordion-content {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  transition: grid-template-rows var(--tcs-duration-slow) var(--tcs-timing);
}
.tcs-accordion-inner {
  overflow: hidden;
  min-height: 0;
  padding: var(--tcs-space-12);
}
.tcs-option-group.tcs-collapsed .tcs-accordion-content {
  grid-template-rows: 0fr;
}
.tcs-option-group.tcs-collapsed .tcs-accordion-inner {
  padding: 0;
}
.tcs-option-group.tcs-dependent-category {
  max-height: 800px;
  opacity: 1;
  overflow: hidden;
  transition:
    max-height var(--tcs-duration-normal) var(--tcs-timing),
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    padding var(--tcs-duration-normal) var(--tcs-timing),
    margin var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-option-group.tcs-dep-hidden {
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-top-width: 0;
  pointer-events: none;
}
.tcs-option-group.tcs-dependent-category.tcs-dep-settled,
.tcs-option-group.tcs-dependent-category.tcs-dep-settled > .tcs-accordion-content,
.tcs-option-group.tcs-dependent-category.tcs-dep-settled > .tcs-accordion-content > .tcs-accordion-inner {
  overflow: visible;
}
.tcs-option-tooltip-notice {
  color: var(--tcs-yellow-dark);
  background-color: var(--tcs-yellow-tint);
  border: 1px solid var(--tcs-yellow-glow);
  padding: var(--tcs-space-8) var(--tcs-space-12);
  border-radius: var(--tcs-radius-sm);
  margin-top: var(--tcs-space-8);
  font-size: var(--tcs-fs-12);
  max-height: 200px;
  opacity: 1;
  transition:
    max-height var(--tcs-duration-normal) var(--tcs-timing),
    opacity var(--tcs-duration-normal) var(--tcs-timing),
    padding var(--tcs-duration-normal) var(--tcs-timing),
    margin var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-option-tooltip-notice.tcs-notice-entering,
.tcs-option-tooltip-notice.tcs-notice-leaving {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .tcs-option-group.tcs-dependent-category,
  .tcs-option-tooltip-notice,
  .tcs-category-number,
  .tcs-option-group {
    transition-duration: 0s;
  }
}
.tcs-segmented-control[data-has-images=true] .tcs-option-tooltip-notice,
.tcs-segmented-control[data-has-images=true] > .tcs-dependent-category {
  flex: 0 0 100%;
  margin-top: var(--tcs-space-4);
  margin-bottom: var(--tcs-space-4);
}
.tcs-segmented-control[data-has-images=true] > .tcs-dependent-category {
  border: 0;
  padding-top: 0;
}
.tcs-segmented-control[data-has-images=true] .tcs-option-tooltip-notice:last-child {
  margin-bottom: 0;
}
.tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image:has(+ .tcs-option-tooltip-notice) {
  border-radius: var(--tcs-radius-md) var(--tcs-radius-md) 0 0;
}
.tcs-segmented-control[data-full-width-layout=true] .tcs-segment-btn.has-image.active:has(+ .tcs-option-tooltip-notice) {
  clip-path: inset(-2px -2px 0 -2px);
}
.tcs-segmented-control[data-full-width-layout=true] .tcs-option-tooltip-notice {
  position: relative;
  margin-top: calc(var(--tcs-space-12) * -1);
  margin-bottom: 0;
  border: none;
  border-radius: 0 0 var(--tcs-radius-md) var(--tcs-radius-md);
  box-shadow: 0 0 0 2px var(--tcs-blue);
  clip-path: inset(0 -2px -2px -2px);
}
.tcs-option-tooltip-trigger {
  flex-shrink: 0;
  padding: 4px 0;
  margin: -4px 0 -4px var(--tcs-space-8);
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-blue);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  cursor: pointer;
  transition: color var(--tcs-duration-normal) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .tcs-option-tooltip-trigger:hover {
    color: var(--tcs-blue-dark);
    text-decoration-style: solid;
  }
}
.tcs-meer-info-hint .tcs-option-tooltip-trigger {
  animation: tcs-meer-info-glow var(--tcs-duration-glow) var(--tcs-ease-symmetric) 1s infinite;
}
.tcs-option-group.validation-error .tcs-option-label {
  color: var(--tcs-red-dark);
}
.tcs-option-group.validation-error .tcs-option-buttons,
.tcs-option-group.validation-error .tcs-qty-slider-track {
  background-color: var(--tcs-red-glow);
  border-radius: var(--tcs-radius-md);
  animation: tcs-validation-pulse var(--tcs-duration-pulse) var(--tcs-ease-symmetric);
}
.tcs-option-group[data-lock-message] {
  position: relative;
}
.tcs-option-group[data-lock-message]::after {
  content: attr(data-lock-message);
  position: absolute;
  inset: 0;
  background: var(--tcs-white-85);
  border-radius: var(--tcs-radius-md);
  pointer-events: none;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-muted);
  text-align: center;
  padding: var(--tcs-space-8);
  opacity: 0;
  transition: opacity var(--tcs-duration-slow) var(--tcs-timing);
}
.tcs-option-group.tcs-category-locked::after {
  opacity: 1;
}
.tcs-option-group.validation-error .tcs-segmented-control,
.tcs-option-group.validation-error .tcs-color-swatches {
  background-color: var(--tcs-red-glow);
  border-radius: var(--tcs-radius-md);
  animation: tcs-validation-pulse var(--tcs-duration-pulse) var(--tcs-ease-symmetric);
}

/* assets/css/src/multi-service.css */
.tcs-multi-service-layout .tcs-multi-service-meta:empty {
  display: none;
}
.tcs-configurator-modal .tcs-cart-btn.tcs-item-floating-cart-btn.tcs-service-trash-btn {
  display: none;
  width: unset;
  height: 16px;
  min-width: unset;
  border: none;
}
.tcs-configurator-modal .tcs-service-trash-btn svg {
  width: auto;
  height: var(--tcs-icon-md);
}
.tcs-detail-info-column.tcs-panel-active > *:not(.tcs-multi-service-panel):not(.tcs-detail-footer-bar) {
  display: none;
}
.tcs-multi-service-panel {
  display: none;
}
.tcs-multi-service-panel.active {
  display: block;
  animation: tcsSlideInRight var(--tcs-duration-moderate) var(--tcs-timing) forwards;
}
.tcs-multi-service-panel.closing {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background: #ffffff;
  animation: tcsSlideOutRight var(--tcs-duration-fast) var(--tcs-timing) forwards;
}
.tcs-service-card {
  position: relative;
  border: none;
  border-radius: var(--tcs-radius-md);
  overflow: hidden;
  box-shadow: 0 1px 4px 0 var(--tcs-black-10), 0 1px 2px -1px var(--tcs-black-5);
  transition: box-shadow var(--tcs-duration-normal), transform var(--tcs-duration-normal);
}
.tcs-service-added-overlay {
  position: absolute;
  inset: 0;
  background: var(--tcs-white-50);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing);
  border-radius: var(--tcs-radius-md);
}
.tcs-service-card.tcs-service-in-cart .tcs-service-added-overlay {
  opacity: 1;
}
.tcs-service-added-overlay .overlay-check {
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
  background: var(--tcs-gradient-green);
  border-radius: var(--tcs-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.tcs-service-card.tcs-service-has-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 125px;
}
.tcs-service-card.tcs-service-has-image .tcs-service-card-header {
  background:
    linear-gradient(
      to top,
      var(--tcs-black-50) 0%,
      var(--tcs-black-25) 100%);
  border-radius: var(--tcs-radius-md);
  min-height: 125px;
  justify-content: space-between;
}
.tcs-service-card.tcs-service-has-image .tcs-service-card-price,
.tcs-service-card.tcs-service-has-image .tcs-service-card-selected-summary {
  color: #ffffff;
}
.tcs-service-card.tcs-service-has-image .tcs-cart-btn.tcs-item-floating-cart-btn[data-state=remove] .btn-icon-trash svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
.tcs-service-card.tcs-service-has-image .tcs-service-card-chevron::after {
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-service-card.tcs-service-has-image[data-has-options=true] .tcs-service-card-header:hover {
    background:
      linear-gradient(
        to top,
        var(--tcs-black-50) 0%,
        var(--tcs-black-25) 100%);
  }
}
.tcs-service-card.tcs-service-has-image.tcs-service-in-cart .tcs-service-card-header {
  background:
    linear-gradient(
      to top,
      var(--tcs-black-50) 0%,
      var(--tcs-black-25) 100%);
}
.tcs-service-card-header {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--tcs-space-12) var(--tcs-space-24);
  cursor: pointer;
  user-select: none;
  background: #ffffff;
  border-radius: var(--tcs-radius-md);
  transition: background-color var(--tcs-duration-normal) var(--tcs-timing);
  gap: 2px;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-service-card[data-has-options=true] .tcs-service-card-header:hover {
    background-color: var(--tcs-bg-hover);
  }
  .tcs-service-card[data-has-options=true]:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 0 2px var(--tcs-blue-focus), 0 8px 20px var(--tcs-black-25);
  }
}
.tcs-service-card-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tcs-service-card-header-top-right {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  flex-shrink: 0;
}
.tcs-service-card-header-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--tcs-space-12);
}
.tcs-service-card-name {
  box-sizing: border-box;
  font-family: var(--tcs-font-display) !important;
  font-weight: 600;
  font-size: var(--tcs-fs-14);
  line-height: var(--tcs-lh-snug);
  flex: 0 1 auto;
  align-self: flex-start;
  min-width: 0;
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: calc(var(--tcs-space-16) * -1) 0 0 calc(var(--tcs-space-24) * -1);
  padding: var(--tcs-space-8) var(--tcs-space-24) var(--tcs-space-8) var(--tcs-space-24);
  background-color: var(--tcs-blue-dark-focus);
  color: #ffffff;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) calc(100% - 10px), calc(100% - 11px) calc(100% - 7px), calc(100% - 13px) calc(100% - 4px), calc(100% - 15px) calc(100% - 2px), calc(100% - 17px) calc(100% - 1px), calc(100% - 19px) 100%, 0 100%);
}
.tcs-service-card-selected-summary {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 70%;
}
.tcs-service-card-price-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  margin-left: auto;
}
.tcs-service-card-price {
  font-weight: 600;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  white-space: nowrap;
}
.tcs-service-card-chevron {
  height: 16px;
  display: flex;
  flex-shrink: 0;
}
.tcs-service-card-chevron::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--tcs-text-muted);
  border-bottom: 2px solid var(--tcs-text-muted);
  transform: rotate(-45deg);
  transition: transform var(--tcs-duration-normal) var(--tcs-timing);
  margin-left: -2px;
}
.tcs-service-card.tcs-service-no-options .tcs-service-card-chevron {
  display: none;
}
.tcs-service-card.tcs-service-no-options .tcs-service-card-header {
  cursor: default;
}
.tcs-service-card.tcs-service-no-options .tcs-service-card-header-bottom {
  justify-content: space-between;
}
.tcs-service-card .tcs-service-trash-btn {
  display: none !important;
}
.tcs-service-card.tcs-service-in-cart .tcs-service-trash-btn {
  display: flex !important;
  position: relative;
  z-index: 3;
}
.tcs-configurator-modal button.tcs-service-no-options-cart-btn {
  flex-shrink: 0;
}
.tcs-configurator-modal .tcs-service-no-options-cart-btn[data-state=remove],
.tcs-configurator-modal .tcs-service-no-options-cart-btn[data-state=success] {
  background: transparent;
  border: none;
  box-shadow: none;
}
.tcs-service-no-options .tcs-option-tooltip-trigger {
  color: #ffffff;
  margin-left: 0;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-service-no-options .tcs-option-tooltip-trigger:hover {
    color: var(--tcs-white-85);
  }
}
.tcs-meer-info-hint .tcs-service-no-options .tcs-option-tooltip-trigger {
  --tcs-meer-info-glow-color: var(--tcs-white-50);
}
.tcs-service-warning-tooltip {
  margin: calc(var(--tcs-space-12) * -1) 0 0;
  border-radius: 0 0 var(--tcs-radius-md) var(--tcs-radius-md);
  box-shadow: 0 1px 4px 0 var(--tcs-black-10), 0 1px 2px -1px var(--tcs-black-5);
}
.tcs-service-card:has(+ .tcs-service-warning-tooltip) {
  border-radius: var(--tcs-radius-md) var(--tcs-radius-md) 0 0;
}
.tcs-service-card:has(+ .tcs-service-warning-tooltip) .tcs-service-card-header,
.tcs-service-card:has(+ .tcs-service-warning-tooltip) .tcs-service-added-overlay {
  border-radius: var(--tcs-radius-md) var(--tcs-radius-md) 0 0;
}
.tcs-service-cards {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  margin-top: var(--tcs-space-12);
}
@media (min-width: 769px) {
  .tcs-service-card.tcs-service-has-image .tcs-service-card-header {
    min-height: var(--tcs-service-card-h);
  }
}
@media (max-width: 768px) {
  .tcs-service-card-price {
    font-size: var(--tcs-fs-12);
  }
}
.tcs-service-extension-slot:empty {
  display: none;
}
.tcs-chiptuning-selector {
  padding: var(--tcs-space-12);
  background: var(--tcs-bg-hover);
  border-radius: var(--tcs-radius-md);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity var(--tcs-duration-medium) var(--tcs-timing), transform var(--tcs-duration-medium) var(--tcs-timing);
}
.tcs-chiptuning-selector.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.tcs-configurator-modal .tcs-chiptuning-reveal-btn {
  width: 100%;
  padding: var(--tcs-space-12) var(--tcs-space-20);
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  border: none;
  border-radius: var(--tcs-radius-sm);
  cursor: pointer;
}
.tcs-chiptuning-dropdowns {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  transition: opacity var(--tcs-duration-medium) var(--tcs-timing), transform var(--tcs-duration-medium) var(--tcs-timing);
}
.tcs-chiptuning-dropdowns.is-hiding {
  opacity: 0;
  transform: translateY(-8px);
}
.tcs-chiptuning-dropdown .tcs-configurator-dropdown__trigger {
  border-radius: var(--tcs-radius-sm);
  border-width: 1px;
  border-color: var(--tcs-border-light);
}
.tcs-chiptuning-dropdown.disabled .tcs-configurator-dropdown__trigger {
  background-color: var(--tcs-bg-subtle);
  cursor: not-allowed;
  opacity: var(--tcs-opacity-disabled);
}
.tcs-chiptuning-dropdown.disabled .tcs-configurator-dropdown__trigger-text {
  color: var(--tcs-text-light);
}
.tcs-configurator-modal .tcs-chiptuning-calculate-btn,
.tcs-configurator-modal .tcs-chiptuning-modify-btn {
  width: 100% !important;
  margin-top: var(--tcs-space-12);
}
.tcs-chiptuning-calculate-btn:not(.is-visible),
.tcs-chiptuning-modify-btn:not(.is-visible) {
  display: none !important;
}
.tcs-chiptuning-specs {
  display: none;
}
.tcs-chiptuning-specs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tcs-space-12);
}
.tcs-chiptuning-spec-card {
  background: var(--tcs-bg-glass);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  padding: var(--tcs-space-16);
}
.tcs-chiptuning-spec-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--tcs-space-16);
}
.tcs-chiptuning-spec-title {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--tcs-text-secondary);
}
.tcs-chiptuning-gain-badge {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-green-dark);
  background: var(--tcs-green-tint);
  padding: var(--tcs-space-4) var(--tcs-space-8);
  border-radius: var(--tcs-radius-pill);
  white-space: nowrap;
}
.tcs-chiptuning-spec-bars {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-chiptuning-bar-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  row-gap: var(--tcs-space-4);
}
.tcs-chiptuning-bar-label {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  grid-row: 1;
  grid-column: 1;
}
.tcs-chiptuning-bar-track {
  height: 22px;
  border-radius: var(--tcs-radius-sm);
  overflow: hidden;
  grid-row: 2;
  grid-column: 1 / -1;
}
.tcs-spec-bar-fill {
  height: 100%;
  width: 0;
  border-radius: var(--tcs-radius-sm);
}
.tcs-spec-bar--standard {
  background: var(--tcs-border-medium);
  transition: width var(--tcs-duration-deliberate) var(--tcs-ease-enter);
}
.tcs-spec-bar--tuned {
  background: var(--tcs-gradient-red);
  transition: width 4000ms cubic-bezier(0.12, 0.9, 0.2, 1) 400ms;
}
.tcs-chiptuning-bar-value {
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-muted);
  text-align: right;
  grid-row: 1;
  grid-column: 2;
}
.tcs-chiptuning-bar-value--tuned {
  font-weight: 700;
  color: var(--tcs-text-primary);
}
.tcs-chiptuning-no-specs {
  text-align: center;
  color: var(--tcs-text-muted);
  font-size: var(--tcs-fs-14);
  padding: var(--tcs-space-8) 0;
  margin: 0;
}

/* assets/css/src/cart-summary.css */
[data-tcs-visible=false] {
  display: none !important;
}
.tcs-configurator-cart-summary {
  width: 100%;
  max-width: 100%;
}
.tcs-configurator-cart-content {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-24);
}
.tcs-configurator-vehicle-section {
  background: var(--tcs-bg-glass);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  padding: var(--tcs-space-20);
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-configurator-vehicle-plate .tcs-configurator-licence-plate-blue {
  pointer-events: none;
  width: 100%;
}
.tcs-configurator-vehicle-section .tcs-configurator-vehicle-info {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
  line-height: var(--tcs-lh-normal);
  text-align: center;
}
.tcs-configurator-cart-item {
  display: flex;
  gap: var(--tcs-space-12);
  align-items: stretch;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing), transform var(--tcs-duration-moderate) var(--tcs-timing);
  transform: translateX(0);
  opacity: 1;
}
.tcs-configurator-cart-item-name {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
  margin: 0;
  line-height: var(--tcs-lh-snug);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  min-width: 0;
}
.tcs-configurator-cart-item-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--tcs-space-4);
  white-space: nowrap;
  margin-left: auto;
}
.tcs-configurator-cart-item-price .tcs-configurator-product-price {
  display: flex;
  align-items: baseline;
  gap: var(--tcs-space-8);
}
.tcs-configurator-cart-item-remove {
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
  min-width: var(--tcs-icon-xl);
  border-radius: var(--tcs-radius-md);
  flex-shrink: 0;
}
.tcs-configurator-cart-item-image {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: var(--tcs-radius-sm);
  overflow: hidden;
  background: var(--tcs-black-5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.tcs-configurator-cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 769px) {
  .tcs-configurator-cart-item-image {
    width: 96px;
    height: 96px;
    min-width: 96px;
  }
}
.tcs-configurator-cart-item-placeholder {
  color: var(--tcs-text-muted);
}
.tcs-configurator-cart-item-placeholder svg {
  opacity: 0.5;
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
}
.tcs-order-summary-card {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-20);
  background: var(--tcs-bg-glass);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  padding: var(--tcs-space-16);
}
.tcs-discount-code-input-wrapper {
  display: flex;
  gap: var(--tcs-space-8);
}
#tcs-discount-code {
  flex: 1;
  padding: var(--tcs-space-16);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  font-size: var(--tcs-fs-16);
  background: var(--tcs-white-85);
  color: var(--tcs-text-primary);
  transition: border-color var(--tcs-duration-normal) var(--tcs-timing), box-shadow var(--tcs-duration-normal) var(--tcs-timing);
}
#tcs-discount-code:focus {
  border-color: var(--tcs-red-dark);
  box-shadow: 0 0 0 3px var(--tcs-red-tint);
  outline: none;
  background: #ffffff;
}
#tcs-discount-code:disabled {
  background: var(--tcs-bg-subtle);
  cursor: not-allowed;
}
.tcs-configurator-modal #tcs-apply-discount {
  padding: var(--tcs-space-12) var(--tcs-space-20);
  background: var(--tcs-black-5);
  border: none;
  border-radius: var(--tcs-radius-md);
  color: var(--tcs-text-secondary);
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  cursor: pointer;
  transition:
    background var(--tcs-duration-normal) var(--tcs-timing),
    color var(--tcs-duration-normal) var(--tcs-timing),
    transform var(--tcs-duration-moderate) var(--tcs-ease-spring),
    box-shadow var(--tcs-duration-normal) var(--tcs-timing);
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-configurator-modal #tcs-apply-discount:hover:not(:disabled) {
    background: var(--tcs-bg-hover);
    color: var(--tcs-text-primary);
    transform: translateY(-1px);
    box-shadow: var(--tcs-btn-shadow-hover);
  }
}
.tcs-discount-message {
  margin-top: var(--tcs-space-8);
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  min-height: 0;
}
.tcs-discount-message:empty {
  display: none;
}
.tcs-discount-message.success {
  color: var(--tcs-green-dark);
}
.tcs-discount-message.error {
  color: var(--tcs-red-dark);
}
.tcs-cart-subtotal,
.tcs-cart-discount,
.tcs-cart-tax {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  font-weight: 600;
}
.tcs-cart-subtotal + .tcs-cart-discount,
.tcs-cart-subtotal + .tcs-cart-tax,
.tcs-cart-discount + .tcs-cart-tax {
  padding-top: var(--tcs-space-4);
}
.tcs-cart-discount {
  color: var(--tcs-green-dark);
}
.tcs-cart-discount span:last-child {
  font-weight: 600;
}
.tcs-configurator-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--tcs-space-12);
  margin-top: var(--tcs-space-8);
  border-top: 1px solid var(--tcs-border-light);
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
}
.tcs-configurator-total-amount {
  font-size: var(--tcs-fs-16);
  font-weight: 700;
  color: var(--tcs-text-secondary);
  transition: color var(--tcs-duration-normal) var(--tcs-timing);
}
.tcs-configurator-total-amount.tcs-total-highlighted {
  color: var(--tcs-green-dark);
}
.tcs-payment-deposit-info {
  padding-top: var(--tcs-space-8);
  margin-top: var(--tcs-space-4);
  border-top: 1px solid var(--tcs-border-light);
}
.tcs-payment-deposit-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
}
.tcs-payment-deposit-amount {
  font-size: var(--tcs-fs-16);
  font-weight: 700;
  color: var(--tcs-green-dark);
}
.tcs-payment-deposit-note {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  line-height: var(--tcs-lh-normal);
  margin-top: var(--tcs-space-4);
}
.tcs-configurator-client-form {
  background: var(--tcs-bg-glass);
  border-radius: var(--tcs-radius-md);
  padding: var(--tcs-space-20);
  border: 1px solid var(--tcs-black-10);
}
.tcs-configurator-customer-type-toggle {
  margin-bottom: var(--tcs-space-20);
}
.tcs-pointer-events-none {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}
.tcs-configurator-form-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tcs-space-12);
  margin-bottom: var(--tcs-space-12);
}
.tcs-configurator-form-row:last-child {
  margin-bottom: 0;
}
.tcs-configurator-form-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.tcs-configurator-business-fields,
.tcs-configurator-business-address-fields {
  margin-bottom: var(--tcs-space-12);
}
.tcs-form-group-house-number {
  flex-direction: row;
  gap: var(--tcs-space-8);
}
.tcs-form-group-house-number input:first-child {
  flex: 7;
  min-width: 0;
}
.tcs-form-group-house-number input:last-child {
  flex: 3;
  min-width: 0;
}
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group input:not([type=checkbox]),
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group textarea {
  padding: var(--tcs-space-16);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  font-size: var(--tcs-fs-16);
  transition: border-color var(--tcs-duration-normal) var(--tcs-timing), box-shadow var(--tcs-duration-normal) var(--tcs-timing);
  background: var(--tcs-white-85);
  color: var(--tcs-text-primary);
}
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group input:not([type=checkbox]):focus,
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group textarea:focus {
  border-color: var(--tcs-red-dark);
  box-shadow: 0 0 0 3px var(--tcs-red-tint);
  outline: none;
  background: #ffffff;
}
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group input::placeholder,
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group textarea::placeholder {
  color: var(--tcs-text-light);
}
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group input.tcs-field-error:not([type=checkbox]) {
  border-color: var(--tcs-red-dark);
  box-shadow: 0 0 0 2px rgba(200, 30, 30, 0.15);
}
.tcs-configurator-modal .tcs-configurator-client-form .tcs-configurator-form-group input.tcs-field-error::placeholder {
  color: var(--tcs-red-dark);
}
.tcs-cart-reassurance {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-light);
  line-height: 1.4;
  text-align: center;
}
.tcs-date-hint {
  margin: var(--tcs-space-8) 0 0;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-light);
  line-height: 1.4;
}
.tcs-date-restriction-notice {
  margin: var(--tcs-space-8) 0 0;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-red-dark);
  line-height: 1.4;
}
.flatpickr-calendar {
  font-family: var(--tcs-font-body);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-lg);
  box-shadow: var(--tcs-shadow-md);
  background: #ffffff;
}
.flatpickr-calendar::before,
.flatpickr-calendar::after {
  display: none;
}
.flatpickr-months {
  padding: var(--tcs-space-4) 0 0;
  align-items: center;
}
.flatpickr-months .flatpickr-month {
  height: 36px;
}
.flatpickr-current-month {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  color: var(--tcs-text-primary);
  padding-top: var(--tcs-space-8);
}
.flatpickr-current-month .numInputWrapper {
  display: none !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-family: var(--tcs-font-body);
  font-weight: 600;
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-primary);
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  border-radius: var(--tcs-radius-sm);
  transition: background var(--tcs-duration-fast) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .flatpickr-months .flatpickr-prev-month:hover,
  .flatpickr-months .flatpickr-next-month:hover {
    background: var(--tcs-black-5);
  }
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  fill: var(--tcs-text-secondary);
}
span.flatpickr-weekday {
  font-family: var(--tcs-font-body);
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-light);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.flatpickr-day {
  font-family: var(--tcs-font-body);
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-primary);
  border-radius: var(--tcs-radius-sm);
  border-color: transparent;
  transition: background var(--tcs-duration-fast) var(--tcs-timing), color var(--tcs-duration-fast) var(--tcs-timing);
}
@media (hover: hover) and (pointer: fine) {
  .flatpickr-day:hover {
    background: var(--tcs-red-tint);
    border-color: transparent;
    color: var(--tcs-red-dark);
  }
  .flatpickr-day.today:hover {
    background: var(--tcs-red-tint);
    border-color: var(--tcs-red-glow);
    color: var(--tcs-red-dark);
  }
  .flatpickr-day.selected:hover {
    background: var(--tcs-blue-dark);
    border-color: var(--tcs-blue-dark);
    color: #ffffff;
    font-weight: 600;
  }
  .flatpickr-day.flatpickr-disabled:hover {
    color: var(--tcs-text-light);
  }
}
.flatpickr-day.today {
  border-color: var(--tcs-red-glow);
}
.flatpickr-day.selected {
  background: var(--tcs-blue-dark);
  border-color: var(--tcs-blue-dark);
  color: #ffffff;
  font-weight: 600;
}
.flatpickr-day.flatpickr-disabled {
  color: var(--tcs-text-light);
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  visibility: hidden;
}
.tcs-form-subsection + .tcs-form-subsection {
  margin-top: var(--tcs-space-16);
  padding-top: var(--tcs-space-16);
  border-top: 1px solid var(--tcs-black-5);
}
.tcs-configurator-privacy-standalone {
  margin-top: var(--tcs-space-20);
  padding-top: var(--tcs-space-16);
  border-top: 1px solid var(--tcs-black-5);
}
.tcs-configurator-privacy-standalone .tcs-configurator-checkbox-group {
  margin-top: 0;
}
.tcs-configurator-checkbox-group {
  margin-top: var(--tcs-space-20);
}
.tcs-configurator-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: var(--tcs-space-12);
  cursor: pointer;
  font-size: var(--tcs-fs-14);
  line-height: var(--tcs-lh-relaxed);
  color: var(--tcs-text-muted);
}
.tcs-configurator-checkbox-label input[type=checkbox] {
  margin-top: 2px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  accent-color: var(--tcs-red-dark);
  border-radius: var(--tcs-radius-xs);
}
.tcs-privacy-policy-link {
  color: var(--tcs-red-dark);
  text-decoration: underline;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-privacy-policy-link:hover {
    color: var(--tcs-red-dark);
  }
}
.tcs-popup__body p {
  margin: 0 0 var(--tcs-space-12);
  font-size: var(--tcs-fs-14);
  line-height: var(--tcs-lh-loose);
  color: var(--tcs-text-secondary);
}
.tcs-popup__body p:last-child {
  margin-bottom: 0;
}
.tcs-popup__link {
  color: var(--tcs-red-dark);
  text-decoration: underline;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .tcs-popup__link:hover {
    color: var(--tcs-text-primary);
  }
}
.tcs-price-spinner {
  display: inline-flex;
  vertical-align: middle;
  color: var(--tcs-orange);
}
.tcs-price-spinner .tcs-btn-spinner {
  width: var(--tcs-icon-sm);
  height: var(--tcs-icon-sm);
}

/* assets/css/src/checkout-steps.css */
.tcs-checkout-steps-container {
  padding: var(--tcs-space-16) 0;
}
.tcs-checkout-steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 400px;
  margin: 0 auto;
}
.tcs-checkout-step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tcs-space-8);
  flex-shrink: 0;
  cursor: default;
}
.tcs-checkout-step-item.completed {
  cursor: default;
}
.tcs-checkout-step-number {
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
  border-radius: var(--tcs-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--tcs-fs-12);
  font-weight: 700;
  border: 2px solid var(--tcs-border-light);
  color: var(--tcs-text-light);
  background: var(--tcs-white-85);
  transition: all var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-checkout-step-item.active .tcs-checkout-step-number {
  border-color: var(--tcs-blue);
  background: var(--tcs-gradient-blue);
  color: #ffffff;
  box-shadow: 0 2px 8px var(--tcs-blue-glow);
}
.tcs-checkout-step-item.completed .tcs-checkout-step-number {
  border-color: var(--tcs-green);
  background: var(--tcs-green);
  color: #ffffff;
  font-size: 0;
}
.tcs-checkout-step-item.completed .tcs-checkout-step-number::after {
  content: "\2713";
  font-size: var(--tcs-fs-14);
}
.tcs-checkout-step-label {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-light);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color var(--tcs-duration-moderate) var(--tcs-timing);
  white-space: nowrap;
}
.tcs-checkout-step-item.active .tcs-checkout-step-label {
  color: var(--tcs-text-primary);
}
.tcs-checkout-step-item.completed .tcs-checkout-step-label {
  color: var(--tcs-green);
}
.tcs-checkout-step-connector {
  flex: 1;
  height: 2px;
  background: var(--tcs-border-light);
  margin: var(--tcs-space-12) var(--tcs-space-8) 0;
  transition: background var(--tcs-duration-moderate) var(--tcs-timing);
  min-width: 30px;
}
.tcs-checkout-step-connector.completed {
  background: var(--tcs-green);
}
.tcs-configurator-modal-body.tcs-checkout-active .tcs-configurator-cart-toggle-btn {
  display: none;
}
.tcs-header-order-id {
  font-size: var(--tcs-fs-14);
  font-weight: 500;
  color: var(--tcs-text-light);
  line-height: 36px;
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] [data-checkout-step] {
  display: none;
}
.tcs-aanvraag-hidden {
  display: none !important;
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] [data-checkout-step].tcs-step-active {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-40);
  animation: tcs-step-fade-in var(--tcs-duration-medium) var(--tcs-timing);
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] [data-checkout-step=details].tcs-step-active {
  display: block;
}
@keyframes tcs-step-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tcs-configurator-cart-summary[data-checkout-wizard-active=true] [data-checkout-step].tcs-step-active {
    animation: none;
  }
}
.tcs-review-summaries {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  margin-bottom: var(--tcs-space-20);
}
.tcs-review-card {
  background: #ffffff;
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  padding: var(--tcs-space-16);
}
.tcs-review-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--tcs-space-12);
}
.tcs-review-card-title {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-muted);
}
.tcs-review-groups {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--tcs-space-20);
}
.tcs-review-group-label {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-muted);
  margin-bottom: var(--tcs-space-4);
}
.tcs-review-group-values {
  font-size: var(--tcs-fs-14);
  font-weight: 600;
  line-height: var(--tcs-lh-loose);
  color: var(--tcs-text-primary);
}
.tcs-checkout-date-section {
  margin-top: var(--tcs-space-16);
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-configurator-vehicle-section,
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-checkout-date-section,
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] [data-checkout-step=details],
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-order-summary-card,
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-review-card {
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 0;
  padding: 0;
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-checkout-date-section {
  margin-top: 0;
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-order-summary-card {
  gap: var(--tcs-space-20);
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-review-card-header {
  margin-bottom: var(--tcs-space-12);
  padding-bottom: var(--tcs-space-12);
  border-bottom: 1px solid var(--tcs-black-5);
}
.tcs-configurator-cart-summary[data-checkout-wizard-active=true] .tcs-review-summaries {
  margin-bottom: 0;
}
.tcs-footer-checkout {
  display: flex;
  gap: var(--tcs-space-12);
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.tcs-footer-checkout .tcs-configurator-btn {
  width: auto;
}
.tcs-footer-checkout .tcs-checkout-next-btn,
.tcs-footer-checkout .tcs-checkout-submit-btn {
  flex: 1;
}
@keyframes tcs-btn-shake {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-6px);
  }
  40% {
    transform: translateX(6px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
}
.tcs-btn-shake {
  animation: tcs-btn-shake var(--tcs-duration-slow) var(--tcs-timing);
}
@media (min-width: 769px) {
  .tcs-configurator-cart-summary[data-checkout-wizard-active=true] {
    max-width: 600px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .tcs-checkout-step-label {
    font-size: var(--tcs-fs-10);
  }
  .tcs-checkout-step-connector {
    min-width: 20px;
  }
  .tcs-review-groups {
    grid-template-columns: 1fr;
  }
}

/* assets/css/src/order-confirmation.css */
.tcs-configurator-order-confirmation {
  width: 100%;
  max-width: 100%;
  padding: var(--tcs-space-20) 0;
}
.tcs-configurator-confirmation-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--tcs-space-32);
}
.tcs-confirmation-header {
  text-align: center;
  max-width: 600px;
}
.tcs-confirmation-header .tcs-confirmation-title {
  font-family: var(--tcs-font-display) !important;
  font-size: var(--tcs-fs-24);
  font-weight: 700;
  color: var(--tcs-text-primary);
  margin: 0;
}
.tcs-confirmation-details {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-16);
}
.tcs-confirmation-section {
  background: var(--tcs-bg-glass);
  border: 1px solid var(--tcs-black-10);
  border-radius: var(--tcs-radius-md);
  padding: var(--tcs-space-16);
}
.tcs-confirmation-section .tcs-confirmation-section-title {
  font-size: var(--tcs-fs-12);
  font-weight: 600;
  color: var(--tcs-text-muted);
  margin: 0 0 var(--tcs-space-16) 0;
  display: flex;
  align-items: center;
  gap: var(--tcs-space-12);
}
.tcs-confirmation-order-info {
  display: flex;
  flex-direction: column;
}
.tcs-confirmation-info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tcs-confirmation-label {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-muted);
  font-weight: 500;
}
.tcs-confirmation-value {
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-primary);
  font-weight: 600;
}
.tcs-confirmation-status-badge {
  padding: var(--tcs-space-4) var(--tcs-space-16);
  background: var(--tcs-green-tint);
  border: 1px solid var(--tcs-green-glow);
  border-radius: var(--tcs-radius-lg);
  color: var(--tcs-green);
  font-size: var(--tcs-fs-12);
  font-weight: 600;
}
.tcs-confirmation-status-badge.error {
  background: var(--tcs-red-tint);
  border-color: var(--tcs-red-glow);
  color: var(--tcs-red-dark);
}
.tcs-confirmation-status-badge.pending {
  background: var(--tcs-orange-tint);
  border-color: var(--tcs-orange-glow);
  color: var(--tcs-orange);
}
.tcs-confirmation-pending-polling {
  display: flex;
  align-items: center;
  gap: var(--tcs-space-8);
  margin-top: var(--tcs-space-8);
  padding: var(--tcs-space-8) var(--tcs-space-12);
  background: var(--tcs-orange-tint);
  border-radius: var(--tcs-radius-sm);
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
}
.tcs-confirmation-pending-polling .tcs-btn-spinner {
  color: var(--tcs-orange);
  flex-shrink: 0;
}
.tcs-confirmation-order-number {
  font-size: var(--tcs-fs-12);
  font-weight: 500;
  color: var(--tcs-text-muted);
}
.tcs-configurator-order-confirmation .tcs-mini-cart-items {
  padding: 0;
  max-height: none;
  overflow: visible;
}
.tcs-configurator-order-confirmation .tcs-mini-cart-item {
  cursor: default;
  min-height: 56px;
  display: flex;
  align-items: center;
}
.tcs-configurator-order-confirmation .tcs-mini-cart-footer {
  padding: var(--tcs-space-12) 0 0;
  margin-top: var(--tcs-space-12);
  border-top: 1px solid var(--tcs-border-light);
}
.tcs-confirmation-next-steps {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-20);
}
.tcs-confirmation-step {
  display: flex;
  gap: var(--tcs-space-12);
  align-items: flex-start;
}
.tcs-confirmation-step-number {
  flex-shrink: 0;
  width: var(--tcs-icon-xl);
  height: var(--tcs-icon-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tcs-gradient-red);
  border-radius: var(--tcs-radius-full);
  color: #ffffff;
  font-size: var(--tcs-fs-12);
  font-weight: 700;
  box-shadow: 0 2px 8px var(--tcs-red-glow);
}
.tcs-confirmation-step-content {
  flex: 1;
  padding-top: var(--tcs-space-4);
}
.tcs-confirmation-step-content strong {
  display: block;
  font-size: var(--tcs-fs-14);
  color: var(--tcs-text-primary);
  margin-bottom: var(--tcs-space-4);
}
.tcs-confirmation-step-content p {
  font-size: var(--tcs-fs-12);
  color: var(--tcs-text-muted);
  margin: 0;
  line-height: var(--tcs-lh-relaxed);
}
.tcs-confirmation-retry-actions {
  display: flex;
  gap: var(--tcs-space-12);
  width: 100%;
}
.tcs-confirmation-retry-actions .tcs-configurator-btn {
  flex: 1;
  width: auto;
  justify-content: center;
}
@media (min-width: 769px) {
  .tcs-configurator-footer-content[data-page=order-confirmation] {
    max-width: 600px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .tcs-confirmation-step-content strong {
    font-size: var(--tcs-fs-12);
  }
  .tcs-confirmation-step-content p {
    font-size: var(--tcs-fs-12);
  }
}

/* assets/css/src/inline-search.css */
.tcs-inline-search {
  font-family: var(--tcs-font-body);
  color: #ffffff;
  max-width: 520px;
  width: 100%;
}
.tcs-inline-search button,
.tcs-inline-search input {
  all: unset;
  box-sizing: border-box;
}
.tcs-inline-search.tcs-inline-search button:hover,
.tcs-inline-search.tcs-inline-search button:focus {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}
.tcs-inline-search__glass {
  background: var(--tcs-black-50);
  border: 1px solid var(--tcs-white-25);
  border-radius: var(--tcs-radius-lg);
  margin: 0 var(--tcs-space-20);
  padding: var(--tcs-space-24);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.tcs-inline-search__header {
  text-align: center;
  margin-bottom: var(--tcs-space-20);
}
.tcs-inline-search__heading {
  font-family: var(--tcs-font-display);
  font-size: clamp(var(--tcs-fs-20), 5vw, var(--tcs-fs-24));
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  text-wrap: balance;
}
.tcs-inline-search__subheading {
  font-size: clamp(var(--tcs-fs-12), 3vw, var(--tcs-fs-14));
  color: var(--tcs-white-85);
  margin-top: var(--tcs-space-4);
  line-height: 1.4;
  white-space: nowrap;
}
.tcs-inline-search__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--tcs-space-4) var(--tcs-space-16);
  margin-top: var(--tcs-space-16);
}
.tcs-inline-search__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--tcs-space-4);
  font-size: var(--tcs-fs-12);
  color: var(--tcs-white-85);
  white-space: nowrap;
}
.tcs-inline-search__badge-icon {
  width: 14px;
  height: 14px;
  color: var(--tcs-green);
  flex-shrink: 0;
}
.tcs-inline-search__license {
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing), max-height var(--tcs-duration-moderate) var(--tcs-timing);
  max-height: 200px;
  overflow: hidden;
}
.tcs-inline-search__license--hidden {
  opacity: 0;
  max-height: 0;
  pointer-events: none;
}
.tcs-inline-search__plate-row {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__glass input.tcs-configurator-license-input {
  width: 100% !important;
  font-size: var(--tcs-fs-24);
  text-transform: uppercase;
  background: #ffcc00;
  color: var(--tcs-dark);
  text-align: center;
  font-weight: 700;
  letter-spacing: 1px;
  padding: var(--tcs-space-8) var(--tcs-space-16);
  border: none;
  border-radius: 0;
  outline: none;
  transition: none;
  font-family: var(--tcs-font-body);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__glass input.tcs-configurator-license-input::placeholder {
  letter-spacing: normal;
  font-size: var(--tcs-fs-18);
  font-weight: 700;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__glass input.tcs-configurator-license-input:disabled {
  background: #ffcc00;
  color: var(--tcs-dark);
  -webkit-text-fill-color: var(--tcs-dark);
  opacity: 1;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__search-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tcs-space-12);
  padding: var(--tcs-space-12) var(--tcs-space-20);
  font-family: var(--tcs-font-display);
  font-size: var(--tcs-fs-16);
  font-weight: 600;
  cursor: pointer;
  background: var(--tcs-gradient-red);
  color: #ffffff;
  border: none;
  border-radius: var(--tcs-radius-md);
  width: 100%;
  box-sizing: border-box;
  transition: filter var(--tcs-duration-normal) var(--tcs-timing), transform var(--tcs-duration-moderate) var(--tcs-ease-spring);
  overflow: hidden;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__search-btn:disabled {
  opacity: var(--tcs-opacity-disabled);
  cursor: not-allowed;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__search-btn:hover {
  color: #ffffff;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__search-btn:not(:disabled):hover {
  filter: brightness(1.1);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__search-btn:not(:disabled):active {
  transform: scale(0.97);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__search-btn.is-error {
  background: var(--tcs-text-muted);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__search-btn.is-success {
  background: var(--tcs-gradient-green);
}
.tcs-inline-search .btn-icon-spinner {
  display: inline-flex;
  align-items: center;
  margin-right: var(--tcs-space-8);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__manual-link {
  background: none;
  border: none;
  color: var(--tcs-red);
  font-size: var(--tcs-fs-14);
  font-family: var(--tcs-font-body);
  cursor: pointer;
  padding: 0;
  margin-top: var(--tcs-space-8);
  align-self: center;
  display: block;
  text-align: center;
  width: 100%;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__manual-link:hover {
  color: #ffffff;
}
.tcs-inline-search__message {
  display: none;
  font-size: var(--tcs-fs-12);
  color: var(--tcs-red);
  margin-top: var(--tcs-space-4);
}
.tcs-inline-search__manual {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity var(--tcs-duration-moderate) var(--tcs-timing), max-height var(--tcs-duration-moderate) var(--tcs-timing);
}
.tcs-inline-search__manual--active {
  opacity: 1;
  max-height: 400px;
  overflow: visible;
}
.tcs-inline-search__error-msg {
  font-size: var(--tcs-fs-14);
  color: #ff6b6b;
  font-weight: 600;
  text-align: center;
}
.tcs-inline-search__dropdowns {
  display: flex;
  flex-direction: column;
  gap: var(--tcs-space-12);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__dropdown-trigger {
  width: 100%;
  padding: var(--tcs-space-16);
  border: 1px solid var(--tcs-white-25);
  border-radius: var(--tcs-radius-md);
  font-size: var(--tcs-fs-16);
  font-family: var(--tcs-font-body);
  background: var(--tcs-black-25);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: border-color var(--tcs-duration-normal) var(--tcs-timing);
  box-sizing: border-box;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__dropdown-trigger:disabled {
  opacity: var(--tcs-opacity-disabled);
  cursor: not-allowed;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__dropdown-trigger:hover {
  color: #ffffff;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__dropdown-trigger:not(:disabled):hover {
  border-color: var(--tcs-red);
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__dropdown-trigger--selected {
  border-color: var(--tcs-green);
  font-weight: 600;
}
.tcs-inline-search__dropdown-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.tcs-inline-search__dropdown-arrow {
  margin-left: var(--tcs-space-12);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--tcs-white-50);
  flex-shrink: 0;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__retry-link {
  background: none;
  border: none;
  color: var(--tcs-red);
  font-size: var(--tcs-fs-14);
  font-family: var(--tcs-font-body);
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
  align-self: center;
}
.tcs-inline-search.tcs-inline-search .tcs-inline-search__retry-link:hover {
  color: #ffffff;
}

/* assets/css/src/keyframes.css */
@keyframes tcs-shake {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
}
@keyframes tcs-shimmer {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes tcs-cta-glow {
  0% {
    box-shadow: 0 0 0 0 var(--tcs-red-focus);
  }
  55% {
    box-shadow: 0 0 18px 8px var(--tcs-red-focus);
  }
  100% {
    box-shadow: 0 0 0 0 var(--tcs-red-focus);
  }
}
@keyframes tcs-stock-pulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@keyframes tcs-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes tcs-cart-icon-pop {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tcs-validation-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: 0.8;
    transform: scale(1.02);
    box-shadow: 0 0 0 3px var(--tcs-red-glow);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  75% {
    opacity: 0.8;
    transform: scale(1.02);
    box-shadow: 0 0 0 3px var(--tcs-red-glow);
  }
}
@keyframes tcsSlideInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tcsSlideOutRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(40px);
  }
}
@keyframes tcs-fab-entrance {
  0% {
    opacity: 0;
    translate: 0 40px;
    scale: 0.9;
  }
  70% {
    opacity: 1;
    translate: 0 -4px;
    scale: 1.02;
  }
  100% {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@keyframes tcs-fab-chrome {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes tcs-fab-glow {
  0%, 100% {
    filter: drop-shadow(0 0 0 transparent);
  }
  50% {
    filter: drop-shadow(0 0 16px rgba(222, 59, 61, 0.6));
  }
}
@keyframes tcs-fab-icon-bounce {
  0%, 6%, 100% {
    translate: 0 0;
  }
  2% {
    translate: 0 -3px;
  }
  3.5% {
    translate: 0 0;
  }
  5% {
    translate: 0 -1.5px;
  }
}
@keyframes tcs-meer-info-glow {
  0%, 100% {
    text-shadow: 0 0 0 transparent;
  }
  50% {
    text-shadow: 0 0 8px var(--tcs-meer-info-glow-color, var(--tcs-blue-focus));
  }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  .tcs-detail-main-image {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tcs-multi-service-layout .tcs-overlay-composite {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tcs-configurator-modal *,
  .tcs-configurator-modal *::before,
  .tcs-configurator-modal *::after,
  .tcs-configurator-notice,
  .tcs-configurator-notice * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .tcs-configurator-floating-btn,
  .tcs-configurator-floating-btn svg {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* assets/css/src/main.css */