@font-face {
		font-family: 'Inter';
		src: url('/-/media/Additional/smart/fonts/Inter-VariableFont.woff2') format('woff2 supports variations'), url('/-/media/Additional/smart/fonts/Inter-VariableFont.woff2') format('woff2-variations');
		font-weight: 100 1000;
		font-style: normal;
		font-display: fallback;
}

@font-face {
		font-family: 'Inter';
		src: url('/-/media/Additional/smart/fonts/Inter-Italic-VariableFont.woff2') format('woff2 supports variations'), url('/-/media/Additional/smart/fonts/Inter-Italic-VariableFont.woff2') format('woff2-variations');
		font-weight: 100 1000;
		font-style: italic;
		font-display: fallback;
}

* {box-sizing: border-box; margin: 0; padding: 0; font-family: 'Titillium Web', Arial, sans-serif !important; outline: none; -webkit-tap-highlight-color: transparent;}
html {font-size: 10px;}
html p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
input[type=text] {box-shadow: none !important;}
#SH135-CONTENT {overflow: hidden; position: relative; width: 100%; margin: 0 auto !important;}
#SH135-CONTENT * {outline: 0 !important;}

#sh135-temp .f-8 {font-size: 0.8rem;}
#sh135-temp .f-10 {font-size: 1.0rem;}
#sh135-temp .f-12 {font-size: 1.2rem;}
#sh135-temp .f-14 {font-size: 1.4rem;}
#sh135-temp .f-15 {font-size: 1.5rem;}
#sh135-temp .f-16 {font-size: 1.6rem;}
#sh135-temp .f-18 {font-size: 1.8rem;}
#sh135-temp .f-20 {font-size: 2.0rem;}
#sh135-temp .f-21 {font-size: 2.1rem;}
#sh135-temp .f-22 {font-size: 2.2rem;}
#sh135-temp .f-24 {font-size: 2.4rem;}
#sh135-temp .f-26 {font-size: 2.6rem;}
#sh135-temp .f-28 {font-size: 2.8rem;}
#sh135-temp .f-30 {font-size: 3.0rem;}
#sh135-temp .f-32 {font-size: 3.2rem;}
#sh135-temp .f-34 {font-size: 3.4rem;}
#sh135-temp .f-36 {font-size: 3.6rem;}
#sh135-temp .f-38 {font-size: 3.8rem;}
#sh135-temp .f-40 {font-size: 4.0rem;}
#sh135-temp .f-42 {font-size: 4.2rem;}
#sh135-temp .f-44 {font-size: 4.4rem;}
#sh135-temp .f-46 {font-size: 4.6rem;}
#sh135-temp .f-48 {font-size: 4.8rem;}
#sh135-temp .f-50 {font-size: 5.0rem;}
#sh135-temp .f-60 {font-size: 6.0rem;}
#sh135-temp .f-68 {font-size: 6.8rem;}
#sh135-temp .f-70 {font-size: 7.0rem;}

#sh135-temp {position: relative;}
#sh135-temp::-webkit-scrollbar {display: none;}

#sh135-temp .container-box {width: 100%; max-width: 100%;}

#sh135-temp .mediumbold {font-weight: 500;}
#sh135-temp .semibold {font-weight: 600;}
#sh135-temp .bold {font-weight: 700;}

#sh135-temp .tooltip-wrapper {position: relative;}
#sh135-temp .tooltip-wrapper .tooltip-box {position: absolute; top: -2px; left: 50%; transform: translate(-50%, -100%); display: none; width: max-content; max-width: 200px; padding: 6px; background-color: #FFF; color: #0D0D0D; font-size: 12px; text-decoration: none; line-height: 1.2; border: 1px solid #E2007A;}
#sh135-temp .tooltip-wrapper:hover .tooltip-box {display: block;}

#sh135-temp .btn-magenta {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; background-color: #E2007A; color: #FFF; font-size: 1.8rem; font-family: 'Inter', sans-serif !important; text-decoration: none; border: 1px solid #E2007A; border-radius: 250px; transition: background-color .3s, border-color .3s;}
#sh135-temp .btn-magenta:hover {background: #C2026A; border-color: #C2026A;}
#sh135-temp .btn-white {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; background-color: #FFF; color: #E2007A; text-decoration: none; border: 1px solid #E2007A; border-radius: 250px;}

#sh135-temp .required::after {content: '*'; margin-left: 1px; color: #F00;}
#sh135-temp .form-group {position: relative; display: flex; flex-direction: column; width: 100%;}
#sh135-temp .form-group.full-width {flex-basis: 100%; grid-column: 1/-1; width: 100%;}
#sh135-temp .split-form-group {position: relative; display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 0;}
#sh135-temp .split-form-group .form-group {flex: 1;}
#sh135-temp .split-form-group .group-smaller {flex-basis: 35%;}
#sh135-temp .split-form-group .input-label {flex-basis: 100%; grid-column: 1/-1; width: 100%;}
#sh135-temp .input-label {display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px;}
#sh135-temp .input-label .label-text {font-weight: 400;}
#sh135-temp .input-invalid ::placeholder {color: #F00;}
#sh135-temp .input-invalid .validion {position: relative; display: flex; align-items: center; gap: 6px;}
#sh135-temp .input-field {width: 100%; padding: 12px 16px; background-color: #FFF; color: #0D0D0D; line-height: 1.2; border: 1px solid #BFC0D0; border-radius: 4px;}
#sh135-temp .input-field.input-with-suffix {padding-right: 36px;}
#sh135-temp .input-invalid .validation-info {display: block; color: #F00;}
#sh135-temp .input-box {position: relative; display: flex; align-items: center; gap: 6px;}
#sh135-temp .input-field {width: 100%; padding: 12px 16px; background-color: #FFF; color: #0D0D0D; line-height: 1.2; border: 1px solid #BFC0D0; border-radius: 4px;}
#sh135-temp .input-field.input-with-suffix {padding-right: 36px;}
#sh135-temp .input-invalid .input-field {border-color: #F00;}
#sh135-temp .input-icon {position: absolute; top: 50%; right: 12px; transform: translateY(-50%); display: block; width: auto; max-width: 18px; height: auto; max-height: 100%; cursor: pointer;}
#sh135-temp .input-suffix {position: absolute; top: 50%; right: 12px; transform: translateY(-50%); display: block; cursor: pointer;}
#sh135-temp .input-textarea {resize: none;}

#sh135-temp .validation-info {display: none; flex-basis: 100%; grid-column: 1/-1; width: 100%; color: #E2007A; font-weight: 600;}
#sh135-temp .show-validation .validation-info {display: block; padding-top: 4px;}

#sh135-temp .screen-heading {margin-bottom: 48px; text-align: center; line-height: 56px;}

#sh135-temp .screens-wrapper {padding-right: 100px; padding-left: 100px;}

#sh135-temp .grid-box {display: grid; grid-template-columns: 1fr; grid-auto-rows: max-content;}
#sh135-temp .grid-box.grid-col-2 {grid-template-columns: repeat(2, 1fr);}
#sh135-temp .grid-box.grid-col-3 {grid-template-columns: repeat(3, 1fr);}

#sh135-temp dialog {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 515px; max-width: 95vw; padding: 0; background: #FFF; border: none; border-radius: 20px;}
#sh135-temp dialog::backdrop {background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(190px);}
#sh135-temp .dialog-inner {position: relative; padding: 24px;}
#sh135-temp .dialog-close {position: absolute; top: 16px; right: 16px; display: flex; align-items: center; justify-content: center; padding: 4px; background: none; border: none; cursor: pointer;}
#sh135-temp .dialog-close:hover path {fill: #E2007A;}
#sh135-temp .dialog-heading {margin-bottom: 16px; font-size: 1.6rem; font-weight: 600; font-family: 'Inter', sans-serif !important; text-align: center; line-height: 20px;}
#sh135-temp .dialog-display {display: flex; align-items: baseline; justify-content: center; gap: 12px; min-height: 32px; margin-bottom: 16px;}
#sh135-temp .dialog-display-value {min-width: 120px; font-size: 3.2rem; font-family: 'Inter', sans-serif !important; text-align: right; line-height: 32px;}
#sh135-temp .dialog-display-unit {font-size: 3.2rem; font-family: 'Inter', sans-serif !important; line-height: 32px;}
#sh135-temp .numpad-grid {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 12px; margin-bottom: 54px;}
#sh135-temp .numpad-btn {display: flex; align-items: center; justify-content: center; height: 60px; background: #E9E9E9; font-size: 2.8rem; font-weight: 400; font-family: 'Titillium Web', Arial, sans-serif; border: none; border-radius: 12px; cursor: pointer; transition: background .3s, color .3s;}
#sh135-temp .numpad-btn:hover {background: #E2007A; color: #FFF;}
#sh135-temp .numpad-btn:active {background: #E2007A; color: #FFF;}
#sh135-temp .numpad-btn svg path {transition: fill .3s;}
#sh135-temp .numpad-btn:hover svg path {fill: #FFF;}
#sh135-temp .numpad-btn.active svg path {fill: #FFF;}
#sh135-temp .btn-confirm {display: flex; align-items: center; justify-content: center; width: 100%; height: 56px; background: #E2007A; color: #FFF; font-size: 1.8rem; font-weight: 600; font-family: 'Inter', sans-serif !important; border: none; border-radius: 250px; cursor: pointer; transition: background .3s;}
#sh135-temp .btn-confirm:hover {background: #C2026A;}

#sh135-temp dialog#dialog-kwh-unknown {width: 560px; max-width: 95vw;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-inner {display: flex; flex-direction: column; gap: 16px; padding: 24px;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-heading {margin-bottom: 0; font-size: 2.8rem; font-weight: 600; text-align: left; line-height: 36px;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-kwh-unknown-content {display: flex; flex-direction: column; gap: 8px;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-kwh-unknown-content .dialog-kwh-unknown-desc {color: #0D0D0D; line-height: 26px;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-kwh-unknown-content .dialog-kwh-unknown-desc:first-child {margin-bottom: 16px;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-kwh-unknown-content .dialog-kwh-unknown-list {display: flex; flex-direction: column; gap: 8px; padding-left: 20px; color: #0D0D0D;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-kwh-unknown-content .dialog-kwh-unknown-list li {color: #222222CC; line-height: 26px;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-kwh-unknown-content .dialog-kwh-unknown-list li::marker {color: #222222CC;}
#sh135-temp dialog#dialog-kwh-unknown .dialog-kwh-unknown-content + .btn-confirm {margin-top: 32px;}
#sh135-temp .top-bar-wrapper {position: relative; z-index: 2; display: grid; grid-template-columns: minmax(220px, max-content) 1fr minmax(220px, max-content); align-items: center; gap: 48px; min-height: 160px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; padding-left: 100px;}
#sh135-temp .top-bar-wrapper .time-box {display: flex; flex-direction: column; gap: 2px; text-align: right;}
#sh135-temp .top-bar-wrapper .time-box .time-hour {line-height: 26px;}
#sh135-temp:has(.screen-answer-intro[style*='display: block']) .top-bar-wrapper .time-box .time-hour {color: #FFF;}
#sh135-temp .top-bar-wrapper .time-box .time-date {color: #757575; line-height: 26px;}
#sh135-temp:has(.screen-answer-intro[style*='display: block']) .top-bar-wrapper .time-box .time-date {color: #FFF;}
#sh135-temp .top-bar-wrapper .steps-box {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; max-height: max-content;}
#sh135-temp .top-bar-wrapper .steps-box .single-step {width: 42px; height: 6px; background: #FCE6F2; border-radius: 250px; transition: background-colo .3s;}
#sh135-temp .top-bar-wrapper .steps-box .single-step.active {background: #E2007A;}
#sh135-temp .top-bar-wrapper .box-left {display: flex; align-items: center; gap: 0;}
#sh135-temp .top-bar-wrapper .box-left .logotype {display: block; width: auto; height: 160px; color: #E2007A; font-size: 2.0rem; font-weight: 700;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation {display: flex; align-items: center; gap: 12px;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation .top-bar-nav-home-btn {display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 56px; height: 56px; background: #FFF; border: 1px solid #9FA0A1; border-radius: 250px; cursor: pointer; transition: background-color .3s, border-color .3s;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation .top-bar-nav-home-btn:hover {border-color: #0D0D0D;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation .top-bar-nav-home-btn:active {background-color: #E7E7E7; border-color: #0D0D0D;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation .top-bar-nav-back-btn {display: flex; align-items: center; justify-content: center; gap: 10px; width: 142px; height: 56px; background: #FFF; color: #0D0D0D; font-size: 1.8rem; font-weight: 600; font-family: 'Inter', sans-serif !important; text-decoration: none; border: 1px solid #9FA0A1; border-radius: 250px; cursor: pointer; transition: background-color .3s, border-color .3s;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation .top-bar-nav-back-btn:hover {border-color: #0D0D0D;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation .top-bar-nav-back-btn:active {background-color: #E7E7E7; border-color: #0D0D0D;}
#sh135-temp .top-bar-wrapper .box-left .top-bar-navigation .top-bar-nav-back-btn svg {display: block; width: 24px; height: auto;}

#sh135-temp .screen-splash .grid-box {grid-template-columns: 600px 760px; align-items: center; justify-content: space-between; gap: 48px;}
#sh135-temp .screen-splash[data-screen-splash='1'] .grid-box .single-box:not(.box-img) {padding-bottom: 120px;}
#sh135-temp .screen-splash .grid-box .single-box .info-heading {display: flex; flex-direction: column; margin-bottom: 48px;}
#sh135-temp .screen-splash .grid-box .single-box .info-heading .single-text {line-height: 1.5;}
#sh135-temp .screen-splash .grid-box .single-box .info-heading .single-text:first-child {line-height: 56px;}
#sh135-temp .screen-splash .grid-box .single-box.box-img {display: flex; flex-direction: column; gap: 48px; padding: 48px; background: #EDEDED; border-radius: 24px;}
#sh135-temp .screen-splash .grid-box .single-box.box-img .img-decoration {display: block; width: 100%; max-width: 548px; height: auto; margin: 0 auto;}
#sh135-temp .screen-splash .grid-box .single-box .qr-content-wrapper {display: flex; align-items: flex-start; gap: 23px;}
#sh135-temp .screen-splash .grid-box .single-box .qr-content-wrapper .qr-box {padding: 8px; background: #FFF; border-radius: 8px;}
#sh135-temp .screen-splash .grid-box .single-box .qr-content-wrapper .qr-info-box {display: flex; flex-direction: column; gap: 16px;}
#sh135-temp .screen-splash .grid-box .single-box .qr-content-wrapper .qr-info-box .info-title {font-family: 'Inter', sans-serif !important; line-height: 40px;}
#sh135-temp .screen-splash .grid-box .single-box .qr-content-wrapper .qr-info-box .info-desc {font-family: 'Inter', sans-serif !important; line-height: 26px;}

#sh135-temp .option-grid-wrapper {display: grid; grid-template-columns: 1fr; justify-items: center; gap: 24px; width: 100%;}
#sh135-temp .option-grid-wrapper.grid-col-2 {grid-template-columns: repeat(2, minmax(0, max-content)); justify-content: center;}
#sh135-temp .option-grid-wrapper .single-option {position: relative; display: flex; flex-direction: column; gap: 15px; width: 600px; max-width: 100%; padding: 20px; background: #FFF; color: #000; text-decoration: none; border-radius: 15px; transition: background .3s;}
#sh135-temp .option-grid-wrapper.smaller-tiles .single-option {width: 288px;}
#sh135-temp .option-grid-wrapper .single-option:hover {background: #E2007A0D;}
/*#sh135-temp .option-grid-wrapper .single-option.active {background: #E2007A0D;}*/
#sh135-temp .option-grid-wrapper .single-option::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: transparent !important; border: 1px solid #BDBEBF; border-radius: 15px; transition: border .1s;}
#sh135-temp .option-grid-wrapper .single-option:hover::before {border: 2px solid #E2007A;}
/*#sh135-temp .option-grid-wrapper .single-option.active::before {border: 2px solid #E2007A;}*/
#sh135-temp .option-grid-wrapper .single-option.box-car {gap: 0; width: 260px;}
#sh135-temp .option-grid-wrapper .single-option .option-icon {display: block; width: 30px; height: auto;}
#sh135-temp .option-grid-wrapper .single-option .option-text-wrapper {display: flex; flex-direction: column; gap: 2px;}
#sh135-temp .option-grid-wrapper .single-option .option-text-wrapper .option-text-label {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 30px; transition: color .3s;}
#sh135-temp .option-grid-wrapper .single-option:hover .option-text-wrapper .option-text-label {color: #5F0033;}
#sh135-temp .option-grid-wrapper .single-option .option-text-wrapper .option-text-desc {color: #505052; font-family: 'Inter', sans-serif !important; line-height: 25px; transition: color .3s;}
#sh135-temp .option-grid-wrapper .single-option .option-text-wrapper .option-text-desc .semibold {font-family: 'Inter', sans-serif !important;}
#sh135-temp .option-grid-wrapper .single-option:hover .option-text-wrapper .option-text-desc {color: #5F0033;}
#sh135-temp .option-grid-wrapper .single-option .option-sash {display: flex; align-items: center; gap: 6px; max-width: max-content; margin: 0 0 2px auto; padding: 4px 10px; background: #2A64D8; border-radius: 250px;}
#sh135-temp .option-grid-wrapper .single-option .option-sash .tooltip-icon {display: block; flex-shrink: 0; width: 16px; height: auto;}
#sh135-temp .option-grid-wrapper .single-option .option-sash .sash-text {color: #FFF; font-weight: 500; font-family: 'Inter', sans-serif !important; line-height: 16px;}
#sh135-temp .option-grid-wrapper .single-option .img-car {display: block; width: 165px; height: auto; margin: 0 auto 16px auto;}

#sh135-temp .screen-answer.slide-enter-active {transform: translateX(0); opacity: 1; transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.35s ease;}
#sh135-temp .screen-answer.slide-enter-back-active {transform: translateX(0); opacity: 1; transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.35s ease;}
#sh135-temp .answers-process {overflow: hidden; position: relative; transition: height 0.3s ease;}
#sh135-temp .answers-section {display: flex; flex-direction: column; align-items: center; margin: 0 auto;}

#sh135-temp .screen-answer {position: absolute; top: 0; left: 0; width: 100%;}
#sh135-temp .screen-answer.slide-enter {transform: translateX(60px); opacity: 0;}
#sh135-temp .screen-answer.slide-enter-active {transform: translateX(0); opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease;}
#sh135-temp .screen-answer.slide-exit {transform: translateX(0); opacity: 1;}
#sh135-temp .screen-answer.slide-exit-active {transform: translateX(-60px); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease;}
#sh135-temp .screen-answer.slide-enter-back {transform: translateX(-60px); opacity: 0;}
#sh135-temp .screen-answer.slide-enter-back-active {transform: translateX(0); opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease;}
#sh135-temp .screen-answer.slide-exit-back {transform: translateX(0); opacity: 1;}
#sh135-temp .screen-answer.slide-exit-back-active {transform: translateX(60px); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease;}

#sh135-temp .kwh-slider-wrapper {display: flex; flex-direction: column; gap: 0; width: 100%; max-width: 850px; margin: 0 auto; padding-top: 50px;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-labels {transform: translateY(24px); display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 0; margin-left: 10px; border-bottom: none;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-labels .kwh-slider-label {display: flex; flex-direction: column; gap: 0; padding: 0 0 85px 0; border-left: 2px solid #0D0D0D33;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-labels .kwh-slider-label .kwh-label-persons {padding-left: 10px; color: #222222CC; font-family: 'Inter', sans-serif !important; line-height: 24px;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-labels .kwh-slider-label .kwh-label-range {padding-left: 10px; color: #222222CC; font-family: 'Inter', sans-serif !important; line-height: 16px;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-track-wrapper {position: relative; margin-bottom: 48px; padding: 32px 0 12px;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-track-wrapper .kwh-slider-separators {display: none;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-track-wrapper .kwh-slider {position: relative; z-index: 1; -webkit-appearance: none; appearance: none; width: 100%; height: 4px; background: #FCE6F2; border-radius: 250px; cursor: pointer; outline: none;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-track-wrapper .kwh-slider::-webkit-slider-thumb {box-sizing: border-box; -webkit-appearance: none; appearance: none; width: 22px; height: 22px; background: #C00268; border: 4px solid #FFF; border-radius: 50%; cursor: pointer;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-track-wrapper .kwh-slider::-moz-range-thumb {box-sizing: border-box; width: 22px; height: 22px; background: #C00268; border: 4px solid #FFF; border-radius: 50%; cursor: pointer;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-track-wrapper .kwh-slider-bubble {position: absolute; top: -11px; z-index: 2; transform: translateX(-50%); pointer-events: none; padding: 5px 12px; background: #C00268; color: #FFF; font-size: 1.4rem; font-weight: 600; font-family: 'Inter', sans-serif !important; white-space: nowrap; border-radius: 250px;}
#sh135-temp .kwh-slider-wrapper .kwh-slider-track-wrapper .kwh-slider-bubble::after {content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 2px; height: 24px; background: #C00268;}
#sh135-temp .kwh-slider-wrapper .kwh-value-row {position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 64px;}
#sh135-temp .kwh-slider-wrapper .kwh-value-row .kwh-value-display {display: flex; align-items: baseline; gap: 12px;}
#sh135-temp .kwh-slider-wrapper .kwh-value-row .kwh-value-display .kwh-value-number {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 1;}
#sh135-temp .kwh-slider-wrapper .kwh-value-row .kwh-value-display .kwh-value-unit {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 1;}
#sh135-temp .kwh-slider-wrapper .kwh-value-row .kwh-keyboard-btn {position: absolute; right: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 36px; background: none; box-shadow: none; filter: none; border: 0; border-radius: 8px; cursor: pointer; transition: border-color .2s;}
#sh135-temp .kwh-slider-wrapper .kwh-value-row .kwh-keyboard-btn:hover {border-color: #E2007A;}
#sh135-temp .kwh-slider-wrapper .kwh-unknown-row {display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 54px; padding-top: 25px;}
#sh135-temp .kwh-slider-wrapper .kwh-unknown-row .kwh-unknown-link {display: flex; align-items: center; gap: 10px; color: #0D0D0D; font-weight: 600; font-family: 'Inter', sans-serif !important; text-decoration: underline; line-height: 28px;}
#sh135-temp .kwh-slider-wrapper .kwh-unknown-row .kwh-unknown-link svg {flex-shrink: 0;}
#sh135-temp .kwh-slider-wrapper .kwh-action-row {display: flex; justify-content: center;}
#sh135-temp .kwh-slider-wrapper .kwh-action-row .kwh-next-btn {width: 168px; height: 56px;}

#sh135-temp .kwh-slider-hit-area {position: absolute; top: 50%; left: 0; z-index: 2; transform: translate(-50px, -50%); width: calc(100% + 100px); height: 133px; background: transparent; cursor: pointer;}

#sh135-temp .screen-answer.screen-answer-intro {position: static; width: 100%;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 48px;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content {display: flex; flex-direction: column; gap: 48px; padding-top: 125px;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content .intro-text {color: #0D0D0D; line-height: 1.5;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content .intro-actions {display: flex; align-items: center; gap: 16px;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content .intro-actions .intro-btn-back {display: flex; align-items: center; justify-content: center; gap: 10px; width: 142px; height: 56px; background: #FFF; color: #0D0D0D; font-size: 1.8rem; font-weight: 600; font-family: 'Inter', sans-serif !important; text-decoration: none; white-space: nowrap; border: 1px solid #BDBEBF; border-radius: 250px; transition: background-color .3s, border-color .2s;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content .intro-actions .intro-btn-back:hover {border-color: #0D0D0D;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content .intro-actions .intro-btn-back:active {background-color: #E7E7E7; border-color: #0D0D0D;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content .intro-actions .intro-btn-start {width: 165px; height: 56px; font-size: 1.8rem; font-weight: 600; white-space: nowrap;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-img-col {position: fixed; top: 0; bottom: 0; right: 0; display: block; width: 53vw; height: 100vh;}
#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-img-col .intro-img {display: block; width: 53vw; height: 100vh; object-fit: cover; object-position: center;}

#sh135-temp .screen-answer.answers-result .screen-heading {margin-bottom: 24px;}
#sh135-temp .screen-answer.answers-result .screen-heading .color-magenta {color: #E2007A;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper {overflow: hidden; margin-bottom: 24px; padding-right: 32px; padding-left: 32px; opacity: 0; transition: opacity 1s;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider {padding-top: 24px; padding-bottom: 24px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide {overflow: visible; min-width: 318px; margin-right: -1px; padding: 0;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner {display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 20px; background: #FFF; border: 1px solid #BDBEBF; border-radius: 16px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide.answers-result-slide-recommended .answers-result-slide-inner {position: relative; box-shadow: 0 10px 20px 0 #E2007A1A; border-width: 2px; border-color: #E2007A;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-recommended-badge {position: absolute; top: 27px; right: 16px; display: flex; align-items: center; gap: 6px; max-width: max-content; padding: 4px 10px; background: #E2007A; border-radius: 250px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-recommended-badge .answers-result-slide-recommended-badge-text {color: #FFF; font-size: 1.2rem; font-weight: 500; font-family: 'Inter', sans-serif !important; line-height: 16px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-icon {display: block; margin-right: auto;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-icon .single-icon {display: block; width: auto; height: 35px; margin-bottom: 16px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-type {color: #505052; font-family: 'Inter', sans-serif !important; line-height: 24px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-name {margin-bottom: 10px; color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 50px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-section-label {margin-top: 8px; color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 20px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-list {display: flex; flex-direction: column; gap: 6px; padding-left: 18px; color: #0D0D0D;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-list li {font-family: 'Inter', sans-serif !important; line-height: 24px;}
#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-list li strong {font-family: 'Inter', sans-serif !important;}
#sh135-temp .screen-answer.answers-result .answers-result-qr-wrapper {display: flex; justify-content: center; padding-bottom: 48px;}
#sh135-temp .screen-answer.answers-result .answers-result-qr-wrapper .answers-result-qr-content {display: flex; align-items: center; gap: 16px; max-width: 432px; padding: 16px; background: #F5F5F5; border-radius: 12px;}
#sh135-temp .screen-answer.answers-result .answers-result-qr-wrapper .answers-result-qr-content .answers-result-qr-text-box {display: flex; flex-direction: column; gap: 4px;}
#sh135-temp .screen-answer.answers-result .answers-result-qr-wrapper .answers-result-qr-content .answers-result-qr-text-box .answers-result-qr-title {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 24px;}
#sh135-temp .screen-answer.answers-result .answers-result-qr-wrapper .answers-result-qr-content .answers-result-qr-text-box .answers-result-qr-desc {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 24px;}
#sh135-temp .screen-answer.answers-result .answers-result-qr-wrapper .answers-result-qr-content .answers-result-qr-code {display: block; flex-shrink: 0; width: 100px; height: auto;}

#sh135-temp .screen-splash .option-grid-wrapper.online-options-grid {max-width: 650px; margin: 0 auto; padding-bottom: 4px;}
#sh135-temp .online-process {position: relative;}
#sh135-temp .screen-online {display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 48px;}
#sh135-temp .screen-online .online-heading {display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 40px;}
#sh135-temp .screen-online .online-heading .online-heading-text {display: block; color: #000; line-height: 56px;}
#sh135-temp .screen-online .online-heading .online-heading-desc {display: block; color: #757575; font-size: 1.8rem; font-weight: 400; font-family: 'Inter', sans-serif !important; line-height: 28px;}
#sh135-temp .online-qr-main-box {overflow: hidden; display: flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 318px; margin: 0 auto; background: #FFF; border: 1px solid #BDBEBF; border-radius: 20px;}
#sh135-temp .online-qr-main-box .online-qr-img-wrapper {display: flex; align-items: center; justify-content: center; padding: 20px; background: #FFF;}
#sh135-temp .online-qr-main-box .online-qr-img-wrapper img {display: block; width: 278px; height: auto;}
#sh135-temp .online-qr-main-box .online-qr-info {display: flex; align-items: center; gap: 16px; margin: 0 20px 20px 20px; padding: 16px; background: #EEF3FB; border-radius: 12px;}
#sh135-temp .online-qr-main-box .online-qr-info .info-icon {flex-shrink: 0; width: 24px; height: auto;}
#sh135-temp .online-qr-main-box .online-qr-info .text-box {display: flex; flex-direction: column; gap: 4px;}
#sh135-temp .online-qr-main-box .online-qr-info .text-box .online-qr-info-title {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 24px;}
#sh135-temp .online-qr-main-box .online-qr-info .text-box .online-qr-info-desc {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 24px;}
#sh135-temp .online-qr-hints {display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: 340px; padding: 20px 20px 4px 20px;}
#sh135-temp .online-qr-hints .online-qr-hints-label {color: #2F2F30; font-weight: 700; font-family: 'Inter', sans-serif !important; line-height: 20px; letter-spacing: 0.03em;}
#sh135-temp .online-qr-hints .online-qr-hints-list {display: flex; flex-direction: column; gap: 6px; padding-left: 20px; list-style: square;}
#sh135-temp .online-qr-hints .online-qr-hints-list li {color: #0D0D0D; font-family: 'Inter', sans-serif !important; line-height: 24px;}

@media all and (max-width: 1800px) {
		#sh135-temp .screen-heading {margin-bottom: 32px;}
		#sh135-temp .screen-answer.answers-result .screen-heading {margin-bottom: 0;}

		#sh135-temp .screen-splash .grid-box .single-box.box-img {padding: 32px;}
		#sh135-temp .screen-splash .grid-box .single-box.box-img .img-decoration {max-width: 500px;}

		#sh135-temp .option-grid-wrapper {gap: 16px;}
		#sh135-temp .option-grid-wrapper .single-option {gap: 8px;}
		#sh135-temp .option-grid-wrapper .single-option .option-text-wrapper {gap: 0;}

		#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-content {gap: 32px;}
		#sh135-temp .screen-answer.screen-answer-intro .intro-layout .intro-img-col {width: 45vw;}

		#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper {margin-bottom: 0;}
		#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner {gap: 4px; padding: 15px;}
		#sh135-temp .screen-answer.answers-result .answers-result-slider-wrapper .answers-result-slider .answers-result-slide .answers-result-slide-inner .answers-result-slide-list {gap: 2px;}
		#sh135-temp .screen-answer.answers-result .answers-result-qr-wrapper {padding-bottom: 8px;}

		#sh135-temp .screen-online {padding-bottom: 8px;}
}