* {box-sizing: border-box; font-family: 'Titillium Web', Arial, sans-serif; outline: none; -webkit-tap-highlight-color: transparent;}
html {font-size: 10px;}
html.zoom-x4 {font-size: 13px !important;}
body {margin: 0;}

#sh135-temp h1, #sh135-temp h2, #sh135-temp h3, #sh135-temp h4, #sh135-temp li, #sh135-temp p, #sh135-temp ul {margin: 0; padding: 0; font-weight: normal; line-height: 1.25;}
#sh135-temp a {text-decoration: none;}
#sh135-temp ul {list-style: none;}
#sh135-temp img {width: auto; max-width: 100%; height: auto; border: none;}
#sh135-temp svg {display: block; flex-shrink: 0; background-color: transparent !important;}

#sh135-temp .f-13 {font-size: 1.3rem;}
#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-22 {font-size: 2.2rem;}
#sh135-temp .f-24 {font-size: 2.4rem;}
#sh135-temp .f-26 {font-size: 2.6rem;}
#sh135-temp .f-30 {font-size: 3.0rem;}
#sh135-temp .semibold {font-weight: 600;}
#sh135-temp .bold {font-weight: 700;}
#sh135-temp .magenta {color: #E2007A;}
.contrast #sh135-temp .magenta {color: #FFE800 !important;}

#sh135-temp {overflow: hidden; position: relative; color: #000; background-color: #FFF;}
.contrast #sh135-temp {background: #000 !important;}
#sh135-temp .container-box {width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;}
#sh135-temp .picture {display: block;}

#sh135-temp .tauron-btn {display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex-shrink: 0; line-height: 1; text-align: center; white-space: nowrap; transition: background-color .3s, color .3s, border-color .3s;}
#sh135-temp .tauron-btn .btn-arrow {transition: transform .3s;}
#sh135-temp .tauron-btn:hover .btn-arrow {transform: translateX(4px);}
#sh135-temp .tauron-btn.btn-magenta {color: #FFF; background-color: #E2007A; border: 1px solid #E2007A;}
#sh135-temp .tauron-btn.btn-magenta:hover {background-color: #AA036C; border-color: #AA036C;}
#sh135-temp .tauron-btn.btn-outline {color: #E2007A; background-color: #FFF; border: 1px solid #E2007A;}
#sh135-temp .tauron-btn.btn-outline:hover {color: #FFF; background-color: #E2007A;}
.contrast #sh135-temp .tauron-btn {color: #FFE800 !important; background-color: #000 !important; border: 2px solid #FFE800 !important;}
.contrast #sh135-temp .tauron-btn:hover {background-color: #FFE800 !important; color: #000 !important;}
.contrast #sh135-temp .tauron-btn:hover .btn-arrow path {stroke: #000 !important;}
.contrast #sh135-temp .tauron-btn .btn-arrow path {stroke: #FFE800 !important;}

#sh135-temp .section-hero {overflow: hidden; position: relative; padding: 28px 0; background: radial-gradient(circle 541.5px at -66.5px -73.4px, rgba(26, 40, 71, .6), rgba(26, 40, 71, 0)), radial-gradient(circle 603px at 257px 250.1px, rgba(110, 28, 101, .3), rgba(110, 28, 101, 0)), linear-gradient(130deg, #6C1C65 -18.4%, #A80E71 12.3%, #C80777 31.5%, #DD1D82 50.3%, #E4007D 76.9%);}
#sh135-temp .section-hero::before {content: ''; position: absolute; top: -544px; left: 0; width: 2697px; height: 1798px; background: url('/-/media/Additional/smart/img/sh135-template-persona-template/texture-bg.jpg') center / 100% 100% no-repeat; background-image: image-set(url('/-/media/Additional/smart/img/sh135-template-persona-template/texture-bg.webp') type('image/webp'), url('/-/media/Additional/smart/img/sh135-template-persona-template/texture-bg.jpg') type('image/jpeg')); opacity: .1; pointer-events: none;}
.contrast #sh135-temp .section-hero {background: #000 !important; border-bottom: 2px solid #FFF;}
.contrast #sh135-temp .section-hero::before {display: none;}
#sh135-temp .section-hero .hero-content {position: relative; z-index: 1; display: flex; align-items: stretch; gap: 34px; min-height: 574px;}

#sh135-temp .household-card {position: relative; display: flex; flex-direction: column; flex: 0 0 433px; margin-left: -3px; padding: 12px; background-color: #FFF; border-radius: 50px; box-shadow: 0 10px 22px 0 rgba(0, 0, 0, .1);}
.contrast #sh135-temp .household-card {border: 2px solid #FFF;}
#sh135-temp .household-photo {overflow: hidden; position: relative; border-radius: 40px;}
#sh135-temp .household-photo .household-img {display: block; width: 100%; height: auto; aspect-ratio: 409 / 344; object-fit: cover;}
#sh135-temp .household-badge {position: absolute; top: 16px; right: 21px; display: flex; white-space: nowrap; align-items: center; gap: 9px; height: 41px; padding: 0 16px 0 15px; line-height: 1.39; color: #757575; background-color: rgba(255, 255, 255, .72); border-radius: 20.5px;}
.contrast #sh135-temp .household-badge {border: 1px solid #FFF;}
#sh135-temp .household-badge .semibold {color: #000;}
.contrast #sh135-temp .household-badge .semibold {color: #FFF !important;}
.contrast #sh135-temp .household-badge .badge-icon path {stroke: #FFF !important;}
#sh135-temp .household-info {padding: 23.5px 10px 0;}
#sh135-temp .household-info .household-name {line-height: 1.2;}
.contrast #sh135-temp .household-info .household-name {color: #FFE800 !important;}
#sh135-temp .household-info .usage-icon {margin-top: 24.5px;}
.contrast #sh135-temp .household-info .usage-icon path, .contrast #sh135-temp .household-info .usage-info path {fill: #FFF !important;}
#sh135-temp .household-info .usage-label {margin-top: 8.8px; line-height: 1.23; color: #E2007A; text-transform: uppercase;}
.contrast #sh135-temp .household-info .usage-label {color: #FFE800 !important;}
#sh135-temp .household-info .usage-value {display: flex; align-items: center; gap: 8.6px; margin-top: 3.7px; line-height: 1.2;}
#sh135-temp .household-card .map-picture {position: absolute; right: 32px; bottom: 47px; width: 117px;}
#sh135-temp .household-card .map-img {display: block; width: 100%;}
.contrast #sh135-temp .household-card .map-img {background: transparent !important; filter: invert(1) hue-rotate(180deg);}
#sh135-temp .usage-tooltip-box {position: relative; display: inline-flex;}
#sh135-temp .usage-info-btn {display: flex; margin: -4px; padding: 4px; color: inherit; background: none; border: 0; cursor: help;}
#sh135-temp .usage-tooltip {position: absolute; bottom: calc(100% + 12px); left: 50%; z-index: 5; display: block; width: 300px; padding: 16px 18px; font-weight: 400; line-height: 1.39; color: #000; text-align: left; background-color: #FFF; border-radius: 16px; box-shadow: 0 10px 22px 0 rgba(0, 0, 0, .18); opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .2s, transform .2s, visibility .2s; pointer-events: none;}
#sh135-temp .usage-tooltip::after {content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top-color: #FFF;}
#sh135-temp .usage-tooltip-box:hover .usage-tooltip, #sh135-temp .usage-info-btn:focus + .usage-tooltip {opacity: 1; visibility: visible; transform: translate(-50%, 0);}
#sh135-temp .usage-tooltip .tooltip-title {display: block; margin-bottom: 6px;}
#sh135-temp .usage-tooltip .tooltip-item {position: relative; display: block; padding-left: 12px;}
#sh135-temp .usage-tooltip .tooltip-item::before {content: '-'; position: absolute; left: 0;}
.contrast #sh135-temp .usage-tooltip {color: #FFF !important; background: #000 !important; border: 2px solid #FFF;}
.contrast #sh135-temp .usage-tooltip::after {border-top-color: #FFF !important;}

#sh135-temp .persons-panel {position: relative; flex: 0 0 758px; padding: 0 24px 24px 38px; background-color: #F9E8F1; border-radius: 50px; box-shadow: 0 10px 22px 0 rgba(0, 0, 0, .1);}
.contrast #sh135-temp .persons-panel {border: 2px solid #FFF;}
.contrast #sh135-temp .persons-list, .contrast #sh135-temp .single-person {background: transparent !important;}
#sh135-temp .persons-list {display: grid; grid-template-columns: repeat(4, 116px); column-gap: 26px;}
#sh135-temp .single-person {display: flex; flex-direction: column; min-width: 0;}
#sh135-temp .single-person .person-photo {overflow: hidden; width: 116px; height: 220px; margin-top: 22.8px; border-radius: 58px;}
#sh135-temp .single-person.is-lower .person-photo {margin-top: 52px;}
#sh135-temp .single-person .person-img {display: block; width: 100%; height: 100%; object-fit: cover;}
#sh135-temp .single-person .person-name {margin-top: 47.9px; line-height: 1.39; white-space: nowrap;}
#sh135-temp .single-person.is-lower .person-name {margin-top: 18.7px;}
#sh135-temp .single-person .person-age {color: #757575;}
.contrast #sh135-temp .single-person .person-age {color: #FFF !important;}
#sh135-temp .person-details {display: flex; flex-direction: column; gap: 20.6px; margin-top: 22.3px;}
#sh135-temp .person-details .single-detail {width: 120px; line-height: 1.23;}
#sh135-temp .person-details .detail-text {display: block; margin-top: 2px;}
.contrast #sh135-temp .person-details .detail-icon path {fill: #FFF !important;}

#sh135-temp .persons-panel.is-duo .persons-list {grid-template-columns: 236px 221px; column-gap: 64px;}
#sh135-temp .persons-panel.is-duo .single-person .person-photo {width: 100%; max-width: none; height: 220px; margin-top: 50px; border-radius: 40px;}
#sh135-temp .persons-panel.is-duo .single-person .person-name {margin-top: 20.7px;}
#sh135-temp .persons-panel.is-duo .person-details .single-detail {width: 180px; max-width: 100%;}

#sh135-temp .recommended-box {position: absolute; right: -181px; bottom: 47px; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; width: 319px; min-height: 144px; padding: 27.3px 30px 24px 32px; color: #FFF; background: linear-gradient(186.8deg, #26D0D4 -11.7%, #008285 89.5%); border: 2px solid #FFF; border-radius: 40px; box-shadow: 0 10px 22px 0 rgba(0, 0, 0, .1);}
.contrast #sh135-temp .recommended-box {background: #000 !important;}
#sh135-temp .recommended-box .recommended-label {line-height: 1.23;}
#sh135-temp .recommended-box .recommended-stars {display: flex; align-items: center; justify-content: center; width: 64px; height: 24px; margin-top: 12.7px; background-color: rgba(255, 255, 255, .8); border-radius: 12px;}
.contrast #sh135-temp .recommended-box .recommended-stars {background-color: transparent !important; border: 1px solid #FFF;}
.contrast #sh135-temp .recommended-box .stars-icon path {fill: #FFE800 !important; fill-opacity: 1;}
#sh135-temp .recommended-box .recommended-name {margin-top: 2px; line-height: 1.2;}
.contrast #sh135-temp .recommended-box .recommended-name {color: #FFE800 !important;}

#sh135-temp .ring-box {position: absolute; top: 24px; right: 28.8px; z-index: 2; max-width: max-content; height: max-content; transition: filter .1s ease-out; will-change: filter;}
.contrast #sh135-temp .ring-box {filter: unset !important;}
#sh135-temp .ring-box .img-ring {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); display: block; flex-shrink: 0; min-width: calc(100% + 40px); aspect-ratio: 1/1;}
.contrast #sh135-temp .ring-box .img-ring {display: none;}
#sh135-temp .ring-box .ring-content-box {position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; min-width: 120px; max-width: max-content; height: auto; padding: 14px; background-color: #FFF; border-radius: 50%; aspect-ratio: 1/1;}
.contrast #sh135-temp .ring-box .ring-content-box {background: #FFE800 !important;}
#sh135-temp .ring-box .ring-content-box .content-text {text-align: center; line-height: 1.1;}
.contrast #sh135-temp .ring-box .ring-content-box .content-text {background-color: transparent !important; color: #000 !important;}

#sh135-temp .section-bar {position: relative; z-index: 2; background-color: #FFF; box-shadow: 0 8px 24px 0 rgba(124, 0, 67, .5);}
.contrast #sh135-temp .section-bar {border-bottom: 2px solid #FFF;}
#sh135-temp .section-bar .bar-content {display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 100px; padding-top: 19px; padding-bottom: 19px;}
#sh135-temp .section-bar .bar-text {line-height: 1.385;}
#sh135-temp .section-bar .tauron-btn {justify-content: center; gap: 16px; min-width: 370px; height: 61px; margin-right: -3px; padding: 0 31.5px 0 41px; border-radius: 30.5px;}
#sh135-temp .section-bar.is-sticky {position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; padding-bottom: env(safe-area-inset-bottom); visibility: hidden; transform: translateY(110%); box-shadow: 0 -4px 16px 0 rgba(0, 0, 0, .12); transition: transform .35s ease, visibility 0s .35s;}
#sh135-temp .section-bar.is-sticky.visible {visibility: visible; transform: translateY(0); transition: transform .35s ease;}
#sh135-temp .section-bar.is-sticky .bar-content {min-height: 72px; padding-top: 10px; padding-bottom: 10px;}
#sh135-temp .section-bar.is-sticky .bar-text {font-size: 2.0rem;}
#sh135-temp .section-bar.is-sticky .tauron-btn {height: 52px;}
.contrast #sh135-temp .section-bar.is-sticky {border-top: 2px solid #FFF;}

#sh135-temp .page-body {overflow: hidden; position: relative; padding: 54.2px 0 30.5px; background: radial-gradient(circle 1476px at calc(50% + 449.5px) 586px, rgba(226, 0, 122, .16), rgba(226, 0, 122, 0));}
#sh135-temp .page-body > * {position: relative; z-index: 1;}
.contrast #sh135-temp .page-body {background: #000 !important;}

#sh135-temp .section-lifestyle {display: grid; grid-template-columns: 910px 433px; gap: 32px; padding-right: 25px;}
#sh135-temp .lifestyle-card {min-height: 438px; padding: 30.1px 10px 40px 24px; background-color: #FFF; border-radius: 50px;}
#sh135-temp .quote-card {position: relative; display: flex; flex-direction: column; min-height: 438px; padding: 67.7px 20px 0 28px; background-color: #FFF; border-radius: 50px;}
.contrast #sh135-temp .lifestyle-card, .contrast #sh135-temp .quote-card {border: 2px solid #FFF;}
#sh135-temp .lifestyle-title {line-height: 1.417;}
.contrast #sh135-temp .lifestyle-title {color: #FFE800 !important;}
#sh135-temp .day-list {position: relative; display: grid; grid-template-columns: 279px 331px minmax(0, 1fr); margin-top: 40.9px; margin-left: 6px;}
#sh135-temp .day-list.is-last-wide {grid-template-columns: minmax(0, 30%) minmax(0, 30%) minmax(0, 40%);}
#sh135-temp .single-day {position: relative; padding-right: 24px;}
#sh135-temp .single-day:last-child {padding-right: 0;}
#sh135-temp .day-list:not(.is-quad) .single-day:nth-child(2) {padding-right: 35px;}
#sh135-temp .single-day:not(:last-child)::after {content: ''; position: absolute; top: 13px; left: 37px; right: -9px; height: 2px; background-color: #E2007A; border-radius: 1px; opacity: .2; box-shadow: 0 0 12px 0 rgba(226, 0, 122, .7);}
.contrast #sh135-temp .single-day:not(:last-child)::after {background-color: #FFF !important; opacity: 1; box-shadow: none;}
#sh135-temp .single-day .day-dot {position: relative; z-index: 2; display: block; width: 28px; height: 28px; background-color: #FFF; border: 8px solid #E2007A; border-radius: 50%; box-shadow: 0 0 12px 0 rgba(226, 0, 122, .7);}
.contrast #sh135-temp .single-day .day-dot {border-color: #FFE800 !important; box-shadow: none;}
#sh135-temp .single-day .day-label {display: flex; align-items: flex-start; gap: 8px; margin-top: 25.6px; line-height: 1.39;}
#sh135-temp .single-day .day-icon {margin-top: 1px;}
.contrast #sh135-temp .single-day .day-icon path {fill: #FFF !important;}
#sh135-temp .single-day .day-hours {margin-left: 4.6px; color: #757575; white-space: nowrap;}
.contrast #sh135-temp .single-day .day-hours {color: #FFF !important;}
#sh135-temp .single-day .day-text {margin-top: 24px; line-height: 1.39;}
#sh135-temp .lifestyle-note {margin-top: 28px; margin-left: 6px; line-height: 1.4;}
.contrast #sh135-temp .lifestyle-note {color: #FFE800 !important;}

#sh135-temp .day-list.is-quad {grid-template-columns: 222px 222px 223px minmax(0, 1fr);}
#sh135-temp .day-list.is-quad .single-day {padding-right: 30px;}
#sh135-temp .day-list.is-quad .single-day:last-child {padding-right: 8px;}
#sh135-temp .day-list.is-quad .day-hours {display: block; margin-left: 0;}

#sh135-temp .quote-card .quote-mark {position: absolute; top: -26px; left: 296px;}
.contrast #sh135-temp .quote-card .quote-mark {display: none;}
#sh135-temp .quote-card .quote-text {position: relative; z-index: 2; font-style: italic; font-weight: 300; line-height: 1.39;}
#sh135-temp .quote-card .advisor-picture {align-self: flex-end; width: 281px; margin-top: auto; margin-right: -44.5px; margin-bottom: 30.7px; padding-top: 16px;}
#sh135-temp .quote-card .advisor-img {display: block; width: 100%;}

#sh135-temp .section-recommended {padding-top: 31.8px;}
#sh135-temp .recommended-wrapper {overflow: hidden; position: relative; display: flex; gap: 40.5px; padding: 32px 24px 24px 40px; color: #FFF; background: linear-gradient(129.9deg, #6C1C65 -13.6%, #A80E71 17%, #C80777 36.3%, #DD1D82 55.1%, #E4007D 81.6%); border-radius: 50px; box-shadow: 0 10px 22px 0 rgba(0, 0, 0, .1);}
#sh135-temp .recommended-wrapper::after {content: ''; position: absolute; top: -439px; z-index: 2; left: -626.5px; width: 2697px; height: 1798px; background: url('/-/media/Additional/smart/img/sh135-template-persona-template/texture-bg.jpg') center / 100% 100% no-repeat; background-image: image-set(url('/-/media/Additional/smart/img/sh135-template-persona-template/texture-bg.webp') type('image/webp'), url('/-/media/Additional/smart/img/sh135-template-persona-template/texture-bg.jpg') type('image/jpeg')); opacity: .1; pointer-events: none;}
#sh135-temp .recommended-wrapper > * {position: relative; z-index: 1;}
.contrast #sh135-temp .recommended-wrapper {background: #000 !important; border: 2px solid #FFF;}
.contrast #sh135-temp .recommended-wrapper::after {display: none;}
#sh135-temp .recommended-wrapper .recommended-picture {overflow: hidden; flex-shrink: 0; width: 204px; height: 204px; border: 4px solid #FFF; border-radius: 50%; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1), 0 22px 22px 0 rgba(0, 0, 0, .09), 0 51px 30px 0 rgba(0, 0, 0, .05), 0 90px 36px 0 rgba(0, 0, 0, .01);}
#sh135-temp .recommended-wrapper .recommended-img {display: block; width: 100%; height: 100%; object-fit: cover;}
#sh135-temp .recommended-wrapper .recommended-picture-mobile {display: none;}
#sh135-temp .recommended-content {flex: 1 1 0; min-width: 0;}
#sh135-temp .recommended-content .recommended-title {display: inline-block; padding: 4.5px 23px 5.5px; line-height: 1.4; color: #000; background-color: #FFF; border-radius: 26px;}
.contrast #sh135-temp .recommended-content .recommended-title {color: #FFF !important; border: 1px solid #FFF;}
#sh135-temp .reasons-list {display: flex; flex-direction: column; gap: 16px; margin-top: 23.7px;}
#sh135-temp .single-reason {position: relative; padding-left: 23.5px;}
#sh135-temp .single-reason .reason-arrow {position: absolute; top: 8.3px; left: -1.9px;}
.contrast #sh135-temp .single-reason .reason-arrow path {stroke: #FFE800 !important;}
#sh135-temp .single-reason .reason-title {line-height: 1.39;}
#sh135-temp .single-reason .reason-text {margin-top: 4px; line-height: 1.39;}
#sh135-temp .recommended-content .recommended-bold {margin-top: 16px; padding-left: 23.5px; line-height: 1.39;}
#sh135-temp .recommended-content .savings-bar {display: flex; align-items: center; gap: 15px; min-height: 64px; margin-top: 24.3px; padding: 10px 24px; line-height: 1.417; color: #000; background-color: #FFF; border-radius: 32px;}
.contrast #sh135-temp .recommended-content .savings-bar {color: #FFF !important; border: 1px solid #FFF;}
.contrast #sh135-temp .recommended-content .savings-icon path {fill: #FFE800 !important;}
#sh135-temp .recommended-note {margin-top: 31.8px; line-height: 1.375;}

#sh135-temp .section-tips {padding-top: 53.7px;}
#sh135-temp .tips-title {line-height: 1.4;}
.contrast #sh135-temp .tips-title {color: #FFE800 !important;}
#sh135-temp .tips-title .tips-subtitle {display: block; font-weight: 400; line-height: 1.277;}
.contrast #sh135-temp .tips-title .tips-subtitle {color: #FFF !important;}
#sh135-temp .tips-list {display: flex; flex-direction: column; gap: 16px; margin-top: 18px;}
#sh135-temp .single-tip {position: relative; padding-left: 30px; line-height: 1.39;}
#sh135-temp .single-tip .tip-arrow {position: absolute; top: 7.1px; left: 1px;}
#sh135-temp .tips-list.is-short {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, auto); grid-auto-flow: column; column-gap: 32px; row-gap: 8px;}
#sh135-temp .tips-summary {margin-top: 16px; line-height: 1.39;}
.contrast #sh135-temp .single-tip .tip-arrow path {stroke: #FFF !important;}

#sh135-temp .alternative-box {display: flex; align-items: flex-start; gap: 40px; margin-top: 30.3px; margin-right: -1px; padding: 31px 37.5px 31.5px 39px; background-color: #FFF; border: 1px solid #E2007A; border-radius: 50px; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .1), 0 4px 10px 0 rgba(0, 0, 0, .16);}
.contrast #sh135-temp .alternative-box {border: 2px solid #FFE800;}
#sh135-temp .alternative-box .alternative-icon {filter: drop-shadow(0 0 16px rgba(226, 0, 122, .24)) drop-shadow(0 0 8px rgba(226, 0, 122, .24)) drop-shadow(0 0 4px rgba(255, 255, 255, .8));}
.contrast #sh135-temp .alternative-box .alternative-icon {display: none;}
#sh135-temp .alternative-box .alternative-content {flex: 1 1 0; min-width: 0; max-width: 960px;}
#sh135-temp .alternative-box .alternative-title {line-height: 1.4; color: #E2007A;}
.contrast #sh135-temp .alternative-box .alternative-title {color: #FFE800 !important;}
#sh135-temp .alternative-box .alternative-text {margin-top: 8.1px; line-height: 1.417;}
#sh135-temp .text-link {display: inline-flex; align-items: center; gap: 12px; align-self: flex-end; flex-shrink: 0; margin-left: auto; padding-bottom: 5.3px; line-height: 1; color: #E2007A;}
#sh135-temp .text-link .link-arrow {transition: transform .3s;}
#sh135-temp .text-link:hover .link-arrow {transform: translateX(4px);}
.contrast #sh135-temp .text-link {color: #FFE800 !important;}
.contrast #sh135-temp .text-link .link-arrow path {stroke: #FFE800 !important;}

#sh135-temp .section-disclaimer {padding-top: 29.8px;}
#sh135-temp .disclaimer-text {line-height: 1.375;}
#sh135-temp .disclaimer-cta {display: flex; align-items: center; gap: 29.2px; margin-top: 24px;}
#sh135-temp .disclaimer-cta .cta-text {line-height: 1.375;}
#sh135-temp .disclaimer-cta .tauron-btn {justify-content: space-between; gap: 16px; min-width: 214px; height: 60px; padding: 0 29.5px 0 38.9px; border-radius: 30px;}

#sh135-temp br.br-desktop {display: inline;}

#sh135-temp .visually-hidden {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; border: 0; clip: rect(0, 0, 0, 0);}

#sh135-temp .info-float {position: fixed; top: clamp(320px, 64vh, 680px); right: 0; z-index: 9998; display: flex; justify-content: flex-end; pointer-events: none; cursor: pointer;}
#sh135-temp .info-float .info-toggle, #sh135-temp .info-float .info-panel {pointer-events: auto;}
#sh135-temp .info-float .info-toggle {display: flex; align-items: center; width: 84px; height: 70px; cursor: pointer; padding: 0 0 0 15px; background-color: #FFF; border: none; border-radius: 35px 0 0 35px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.15); transition: width .3s, box-shadow .3s;}
#sh135-temp .info-float .info-toggle:hover {width: 88px; box-shadow: 0 8px 24px 0 rgba(226, 0, 122, 0.3);}
#sh135-temp .info-float .info-toggle:focus-visible, #sh135-temp .info-float .info-close:focus-visible {outline: 2px solid #E2007A; outline-offset: 2px;}
#sh135-temp .info-float .info-icon {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; background-color: #E2007A; color: #FFF; font-size: 2.6rem; font-weight: 700; line-height: 1; border-radius: 50%;}
#sh135-temp .info-float .info-panel {position: relative; display: none; align-items: center; gap: 16px; width: 1690px; max-width: calc(100vw - 32px); max-height: 60vh; padding: 16px 40px 16px 24px; background-color: #FFF; border-radius: 35px 0 0 35px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.15);}
#sh135-temp .info-float.is-open .info-toggle {display: none;}
#sh135-temp .info-float.is-open .info-panel {display: flex; animation: sh135-info-in .35s ease;}
#sh135-temp .info-float .info-text {overflow-y: auto; max-height: calc(60vh - 32px); color: #000; font-size: 1.4rem; line-height: 1.45;}
#sh135-temp .info-float .info-close {position: absolute; top: -8px; left: -6px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; background-color: #575757; color: #FFF; border: 2px solid #FFF; border-radius: 50%; transition: background-color .3s;}
#sh135-temp .info-float .info-close:hover {background-color: #E2007A;}
#sh135-temp .info-float .info-close svg {display: block; width: 10px; height: auto;}
.contrast #sh135-temp .info-float .info-toggle, .contrast #sh135-temp .info-float .info-panel {background: #000 !important; border: 2px solid #FFE800; border-right: none;}
.contrast #sh135-temp .info-float .info-icon {background: #FFE800 !important; color: #000 !important;}
.contrast #sh135-temp .info-float .info-text, .contrast #sh135-temp .info-float .info-text span {color: #FFF !important;}
.contrast #sh135-temp .info-float .info-close {background: #000 !important; color: #FFE800 !important; border-color: #FFE800 !important;}

@keyframes sh135-info-in {
	from {opacity: 0; transform: translateX(40px);}
	to {opacity: 1; transform: translateX(0);}
}

@media all and (min-width: 1441px) {
	#sh135-temp .persons-panel.is-duo .recommended-box {right: -197px;}
}

@media all and (max-width: 1440px) {
	#sh135-temp .info-float .info-toggle {width: 74px; padding-left: 12px;}
	#sh135-temp .info-float .info-toggle:hover {width: 78px;}
	#sh135-temp .section-hero .hero-content {gap: 24px;}
	#sh135-temp .household-card {flex-basis: 400px; margin-left: 0;}
	#sh135-temp .persons-panel {flex: 1 1 auto; min-width: 0; padding-right: 216px;}
	#sh135-temp .persons-list {grid-template-columns: repeat(4, minmax(0, 116px)); column-gap: 20px;}
	#sh135-temp .single-person .person-photo {width: 100%; max-width: 116px;}
	#sh135-temp .person-details .single-detail {width: auto;}
	#sh135-temp .recommended-box {right: 24px; bottom: 24px; width: 176px; min-height: 0; padding: 20px 18px 18px 20px; border-radius: 30px;}
	#sh135-temp .ring-box {right: 44px;}
	#sh135-temp .persons-panel.is-duo .persons-list {grid-template-columns: repeat(2, minmax(0, 236px)); column-gap: 40px;}
	#sh135-temp .quote-card .advisor-picture {margin-right: 0;}
	#sh135-temp .section-bar .tauron-btn {margin-right: 0;}
	#sh135-temp .section-lifestyle {grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); padding-right: 25px;}
	#sh135-temp .day-list {grid-template-columns: repeat(3, minmax(0, 1fr));}
	#sh135-temp .day-list.is-quad {grid-template-columns: repeat(4, minmax(0, 1fr));}
	#sh135-temp .day-list.is-quad .single-day {padding-right: 20px;}
	#sh135-temp .lifestyle-card {padding-right: 24px;}
	#sh135-temp .day-list:not(.is-quad) .single-day:nth-child(2) {padding-right: 24px;}
	#sh135-temp .alternative-box {margin-right: 0;}
	#sh135-temp br.br-desktop {display: none;}
}

@media all and (min-width: 1201px) {
	.zoom-x2 #sh135-temp .household-card .map-picture, .zoom-x4 #sh135-temp .household-card .map-picture {right: 24px; bottom: 24px; width: 90px;}
	.zoom-x2 #sh135-temp .persons-panel, .zoom-x4 #sh135-temp .persons-panel {padding-left: 24px;}
	.zoom-x2 #sh135-temp .persons-panel:not(.is-duo) .persons-list, .zoom-x4 #sh135-temp .persons-panel:not(.is-duo) .persons-list {grid-template-columns: repeat(4, minmax(0, 137px)); column-gap: 12px;}
	.zoom-x2 #sh135-temp .person-details .single-detail, .zoom-x4 #sh135-temp .person-details .single-detail {width: auto;}
	.zoom-x4 #sh135-temp .single-person .person-name {font-size: 1.6rem;}
	.zoom-x4 #sh135-temp .person-details .single-detail {font-size: 1.2rem;}
}

@media all and (min-width: 1201px) and (max-width: 1440px) {
	.zoom-x2 #sh135-temp .household-card, .zoom-x4 #sh135-temp .household-card {flex-basis: 360px;}
	.zoom-x2 #sh135-temp .single-person .person-name {font-size: 1.7rem;}
	#sh135-temp .recommended-box .recommended-name {font-size: 2rem;}
	.zoom-x2 #sh135-temp .recommended-box .recommended-name, .zoom-x4 #sh135-temp .recommended-box .recommended-name {font-size: 2rem;}
}

@media all and (max-width: 1200px) {
	#sh135-temp .f-24 {font-size: 2.2rem;}
	#sh135-temp .f-26 {font-size: 2.4rem;}
	#sh135-temp .f-30 {font-size: 2.6rem;}

	#sh135-temp .section-hero .hero-content {flex-direction: column; min-height: 0;}
	#sh135-temp .household-card {display: grid; grid-template-columns: 360px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 24px; max-height: max-content;}
	#sh135-temp .household-photo {grid-row: 1 / span 2; align-self: start;}
	#sh135-temp .household-info {display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; align-content: start; column-gap: 8px; padding-bottom: 8px;}
	#sh135-temp .household-info .household-name, #sh135-temp .household-info .usage-value {grid-column: 1 / -1;}
	#sh135-temp .household-info .usage-icon, #sh135-temp .household-info .usage-label {margin-top: 20px;}
	#sh135-temp .household-card .map-picture {position: static; grid-column: 2; align-self: start; justify-self: start; margin: 16px 0 0 10px;}
	#sh135-temp .persons-panel {padding: 0 24px 24px;}
	#sh135-temp .persons-list {grid-template-columns: repeat(4, minmax(0, 1fr));}
	#sh135-temp .single-person .person-photo {width: 100%; max-width: 140px;}
	#sh135-temp .person-details .single-detail {width: auto;}
	#sh135-temp .recommended-box {position: relative; right: auto; bottom: auto; width: 319px; min-height: 144px; margin: 24px 0 0 auto; padding: 27.3px 30px 24px 32px; border-radius: 40px;}
	#sh135-temp .ring-box {top: 36px; right: 36px;}
	#sh135-temp .ring-box .img-ring {min-width: calc(100% + 34px);}
	#sh135-temp .ring-box .ring-content-box {min-width: 110px; padding: 12px;}
	#sh135-temp .section-lifestyle {grid-template-columns: minmax(0, 1fr); padding-right: 15px;}
	#sh135-temp .lifestyle-card {min-height: 0;}
	#sh135-temp .quote-card {flex-direction: row; align-items: flex-end; gap: 24px; min-height: 0; padding: 56px 30px 0;}
	#sh135-temp .quote-card .quote-mark {left: auto; right: 61px;}
	#sh135-temp .quote-card .quote-text {align-self: center; padding-bottom: 40px;}
	#sh135-temp .quote-card .advisor-picture {flex-shrink: 0; margin-right: 0; margin-bottom: 30px;}
}

@media all and (max-width: 992px) {
	#sh135-temp .f-18 {font-size: 1.7rem;}
	#sh135-temp .f-20 {font-size: 1.8rem;}
	#sh135-temp .f-22 {font-size: 2.0rem;}
	#sh135-temp .f-24 {font-size: 2.0rem;}
	#sh135-temp .f-26 {font-size: 2.2rem;}
	#sh135-temp .f-30 {font-size: 2.4rem;}

	#sh135-temp .household-card {grid-template-columns: 300px minmax(0, 1fr);}
	#sh135-temp .section-bar .bar-content {flex-direction: column; align-items: flex-start; gap: 16px;}
 #sh135-temp .section-bar.is-sticky .bar-content {justify-content: center; align-items: center; gap: 16px; text-align: center;}
	#sh135-temp .day-list, #sh135-temp .day-list.is-quad, #sh135-temp .day-list.is-last-wide {grid-template-columns: 1fr; row-gap: 24px; margin-left: 0;}
	#sh135-temp .single-day, #sh135-temp .day-list.is-quad .single-day, #sh135-temp .day-list:not(.is-quad) .single-day:nth-child(2) {padding-right: 0; padding-left: 46px;}
	#sh135-temp .single-day:not(:last-child)::after {top: 37px; bottom: -15px; left: 13px; right: auto; width: 2px; height: auto;}
	#sh135-temp .single-day .day-dot {position: absolute; top: 0; left: 0;}
	#sh135-temp .single-day .day-label {margin-top: 1px;}
	#sh135-temp .single-day .day-text {margin-top: 8px;}
	#sh135-temp .lifestyle-note {margin-top: 20px; margin-left: 0;}
	#sh135-temp .recommended-wrapper {flex-direction: column; gap: 24px; padding: 32px 24px;}
	#sh135-temp .recommended-wrapper .recommended-picture {display: none;}
	#sh135-temp .recommended-wrapper .recommended-picture-mobile {display: block; width: 100%; max-width: 543px; border-radius: 20px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1), 0 22px 22px 0 rgba(0, 0, 0, .09);}
	#sh135-temp .recommended-wrapper .recommended-picture-mobile .recommended-mobile-img {display: block; width: 100%; height: auto;}
	#sh135-temp .recommended-content .savings-bar {height: auto; min-height: 64px; padding-top: 12px; padding-bottom: 12px;}
	#sh135-temp .alternative-box {flex-direction: column; gap: 16px; padding: 28px 24px;}
	#sh135-temp .text-link {align-self: flex-start; margin-left: 0; padding-bottom: 0;}
	#sh135-temp .disclaimer-cta {flex-direction: column; align-items: flex-start; gap: 12px;}
}

@media all and (min-width: 769px) and (max-width: 1200px) {
	#sh135-temp .recommended-box {flex-direction: row; align-items: center; width: 100%; min-height: 71px; margin: 24px 0 0; padding: 12px 28px; border-radius: 24px;}
	#sh135-temp .recommended-box .recommended-label {font-size: 2rem; font-weight: 400;}
	#sh135-temp .recommended-box .recommended-stars {width: 127px; margin: 0 22px 0 32px;}
	#sh135-temp .recommended-box .recommended-name {margin-top: 0; font-size: 2.4rem;}
}

@media all and (max-width: 768px) {
	#sh135-temp .household-card {display: flex; flex-direction: column; gap: 0;}
	#sh135-temp .household-card .map-picture {position: absolute; right: 24px; bottom: 24px; margin: 0;}
	#sh135-temp .ring-box {position: relative; top: auto; right: auto; order: -1; margin: 0 auto 8px;}
	#sh135-temp .tips-list.is-short {grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-flow: row;}
	#sh135-temp .household-info {padding-bottom: 12px;}
	#sh135-temp .persons-list {grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px;}
	#sh135-temp .single-person .person-photo, #sh135-temp .single-person.is-lower .person-photo {margin-top: 24px;}
	#sh135-temp .single-person .person-name, #sh135-temp .single-person.is-lower .person-name {margin-top: 16px;}
	#sh135-temp .persons-list .single-person:nth-child(n + 3) .person-photo {margin-top: 0;}
	#sh135-temp .recommended-box {width: 100%; max-width: none; min-height: 0; margin: 24px 0 0; padding: 16px 24px;}
	#sh135-temp .recommended-box .recommended-label {font-size: 1.6rem;}
	#sh135-temp .recommended-box .recommended-stars {margin-top: 8px;}
	#sh135-temp .section-bar.is-sticky .bar-content {gap: 8px; min-height: 0;}
	#sh135-temp .section-bar.is-sticky .bar-text {font-size: 1.6rem;}
	#sh135-temp .persons-panel.is-duo .persons-list {grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px;}
	#sh135-temp .persons-panel.is-duo .single-person .person-photo {height: auto; margin-top: 24px; aspect-ratio: 236 / 220; border-radius: 24px;}
	#sh135-temp .persons-panel.is-duo .single-person .person-name {margin-top: 16px;}
	#sh135-temp .persons-panel.is-duo .person-details .single-detail {width: auto;}
	#sh135-temp .quote-card {flex-direction: column; align-items: stretch;}
	#sh135-temp .quote-card .quote-mark {right: 24px; width: 80px; height: auto;}
	#sh135-temp .quote-card .quote-text {padding-bottom: 0;}
	#sh135-temp .quote-card .advisor-picture {width: 240px; margin-top: 16px; margin-bottom: 24px; padding-top: 0;}
	#sh135-temp .info-float {top: auto; bottom: 135px;}
	#sh135-temp .info-float .info-toggle {width: 72px; height: 56px; padding-left: 10px; border-radius: 28px 0 0 28px;}
	#sh135-temp .info-float .info-toggle:hover {width: 76px;}
	#sh135-temp .info-float .info-icon {width: 36px; height: 36px; font-size: 2.2rem;}
	#sh135-temp .info-float .info-panel {padding: 16px 20px 16px 16px; border-radius: 24px 0 0 24px;}
	#sh135-temp .info-float .info-panel .info-icon {display: none;}
	#sh135-temp .info-float .info-text {font-size: 1.3rem;}
}

@media all and (max-width: 576px) {
	#sh135-temp .f-16 {font-size: 1.4rem;}
	#sh135-temp .f-18 {font-size: 1.6rem;}
	#sh135-temp .f-20 {font-size: 1.6rem;}
	#sh135-temp .f-22 {font-size: 1.8rem;}
	#sh135-temp .f-24 {font-size: 1.8rem;}
	#sh135-temp .f-26 {font-size: 1.9rem;}
	#sh135-temp .f-30 {font-size: 2.2rem;}

	#sh135-temp .section-hero {padding: 16px 0;}
	#sh135-temp .household-card, #sh135-temp .persons-panel, #sh135-temp .lifestyle-card, #sh135-temp .quote-card, #sh135-temp .recommended-wrapper, #sh135-temp .alternative-box {border-radius: 24px;}
	#sh135-temp .household-photo {border-radius: 16px;}
	#sh135-temp .household-badge {top: 10px; right: 10px; height: 34px; padding: 0 12px;}
	#sh135-temp .household-info {padding: 16px 4px 12px;}
	#sh135-temp .household-card .map-picture {right: 16px; bottom: 16px; width: 90px;}
	#sh135-temp .persons-panel {padding: 0 16px 16px;}
	#sh135-temp .persons-list {column-gap: 12px; row-gap: 20px;}
	#sh135-temp .single-person .person-photo, #sh135-temp .single-person.is-lower .person-photo {margin-top: 16px;}
	#sh135-temp .single-person .person-name, #sh135-temp .single-person.is-lower .person-name, #sh135-temp .persons-panel.is-duo .single-person .person-name {margin-top: 10px;}
	#sh135-temp .person-details {gap: 10px; margin-top: 8px;}
	#sh135-temp .usage-tooltip {width: 260px;}
	#sh135-temp .section-bar .tauron-btn {justify-content: center; gap: 12px; width: 100%; min-width: 0; height: 52px; padding: 0 20px;}
	#sh135-temp .page-body {padding: 32px 0 48px;}
	#sh135-temp .lifestyle-card {padding: 24px 16px 28px;}
	#sh135-temp .quote-card {padding: 48px 16px 0;}
	#sh135-temp .recommended-content .recommended-title {padding: 4px 16px; border-radius: 18px;}
	#sh135-temp .single-reason, #sh135-temp .recommended-content .recommended-bold {padding-left: 20px;}
	#sh135-temp .recommended-content .savings-bar {padding: 10px 16px; border-radius: 20px;}
	#sh135-temp .section-tips {padding-top: 40px;}
	#sh135-temp .alternative-box {gap: 16px; padding: 24px 16px;}
	#sh135-temp .alternative-box .alternative-icon {width: 52px; height: 52px;}
	#sh135-temp .disclaimer-cta .tauron-btn {height: 52px;}
		#sh135-temp .section-bar.is-sticky .bar-content {text-align: center;}
}

@media all and (min-width: 1201px) {
	#sh135-temp .info-float {top: clamp(200px, 30vh, 300px);}
}

#sh135-temp .persons-panel.is-five .persons-list {grid-template-columns: repeat(5, 130px); column-gap: 0;}
#sh135-temp .persons-panel.is-five .single-person .person-photo {width: 100%; max-width: 87px; height: 198px; margin-top: 45px; border-radius: 44px;}
#sh135-temp .persons-panel.is-five .single-person:nth-child(3) .person-photo {max-width: 85px;}
#sh135-temp .persons-panel.is-five .single-person:nth-child(4) .person-photo {max-width: 84px;}
#sh135-temp .persons-panel.is-five .single-person.is-lower .person-photo {margin-top: 74px;}
#sh135-temp .persons-panel.is-five .person-details .single-detail:nth-child(2) {min-height: 50px;}

@media all and (min-width: 1441px) {
	#sh135-temp .persons-panel.is-five {padding-left: 28px;}
	#sh135-temp .persons-panel.is-five .recommended-box {right: -187px; bottom: 41px; width: 267px;}
}

@media all and (max-width: 1440px) {
	#sh135-temp .persons-panel.is-five .persons-list {grid-template-columns: repeat(5, minmax(0, 130px));}
}

@media all and (min-width: 1201px) {
	.zoom-x2 #sh135-temp .persons-panel.is-five .persons-list, .zoom-x4 #sh135-temp .persons-panel.is-five .persons-list {grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 8px;}
}

@media all and (max-width: 1200px) {
	#sh135-temp .persons-panel.is-five .persons-list {grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 20px;}
	#sh135-temp .persons-panel.is-five .single-person:nth-child(3) .person-photo, #sh135-temp .persons-panel.is-five .single-person:nth-child(4) .person-photo {max-width: 87px;}
	#sh135-temp .persons-panel.is-five .person-details .single-detail:nth-child(2) {min-height: 0;}
}

@media all and (max-width: 768px) {
	#sh135-temp .persons-panel.is-five .persons-list {grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; row-gap: 32px;}
	#sh135-temp .persons-panel.is-five .single-person .person-photo, #sh135-temp .persons-panel.is-five .single-person.is-lower .person-photo {margin-top: 24px;}
	#sh135-temp .persons-panel.is-five .persons-list .single-person:nth-child(n + 4) .person-photo {margin-top: 0;}
	#sh135-temp .persons-panel.is-five .single-person .person-name, #sh135-temp .persons-panel.is-five .single-person.is-lower .person-name {margin-top: 16px;}
}

@media all and (max-width: 576px) {
	#sh135-temp .persons-panel.is-five .persons-list {column-gap: 12px; row-gap: 20px;}
	#sh135-temp .persons-panel.is-five .single-person .person-photo, #sh135-temp .persons-panel.is-five .single-person.is-lower .person-photo {margin-top: 16px;}
	#sh135-temp .persons-panel.is-five .persons-list .single-person:nth-child(n + 4) .person-photo {margin-top: 0;}
	#sh135-temp .persons-panel.is-five .single-person .person-name, #sh135-temp .persons-panel.is-five .single-person.is-lower .person-name {margin-top: 10px;}
}

#sh135-temp .persons-panel.is-trio {padding-left: 57px;}
#sh135-temp .persons-panel.is-trio .persons-list {grid-template-columns: repeat(3, 150px); column-gap: 42px;}
#sh135-temp .persons-panel.is-trio .person-details .single-detail {width: 150px;}

@media all and (max-width: 1440px) {
	#sh135-temp .persons-panel.is-trio {padding-left: 38px;}
	#sh135-temp .persons-panel.is-trio .persons-list {grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 20px;}
	#sh135-temp .persons-panel.is-trio .person-details .single-detail {width: auto;}
}

@media all and (min-width: 1201px) {
	.zoom-x2 #sh135-temp .persons-panel.is-trio, .zoom-x4 #sh135-temp .persons-panel.is-trio {padding-left: 24px;}
	.zoom-x2 #sh135-temp .persons-panel.is-trio .persons-list, .zoom-x4 #sh135-temp .persons-panel.is-trio .persons-list {grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 12px;}
}

@media all and (max-width: 1200px) {
	#sh135-temp .persons-panel.is-trio {padding-left: 24px;}
	#sh135-temp .persons-panel.is-trio .persons-list {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media all and (max-width: 768px) {
	#sh135-temp .persons-panel.is-trio .persons-list {grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px;}
	#sh135-temp .persons-panel.is-trio .single-person .person-photo {max-width: 87px; height: 198px;}
}

@media all and (max-width: 576px) {
	#sh135-temp .persons-panel.is-trio {padding-left: 16px;}
}