* {box-sizing: border-box; font-family: 'Titillium Web', Arial, sans-serif; outline: none; -webkit-tap-highlight-color: transparent;} html {font-size: 10px;} html.zoom2 {font-size: 12px;} html.zoom4 {font-size: 13px;} body {margin: 0;} #sh135-temp h1, #sh135-temp h2, #sh135-temp h3, #sh135-temp h4, #sh135-temp h5, #sh135-temp h6, #sh135-temp li, #sh135-temp p, #sh135-temp ul, #sh135-temp ol {margin: 0; padding: 0; font-weight: normal; line-height: 1.25;} #sh135-temp a {text-decoration: none;} #sh135-temp button {cursor: pointer;} #sh135-temp ul, #sh135-temp ol {list-style: none;} #sh135-temp img {width: auto; max-width: 100%; height: auto; border: none;} #sh135-temp sup {line-height: 0;} #sh135-temp textarea {resize: none;} #sh135-temp *::-webkit-scrollbar {width: 8px;} #sh135-temp *::-webkit-scrollbar-track {background-color: transparent;} #sh135-temp *::-webkit-scrollbar-thumb {background-color: #C1C1C1; border-radius: 25px;} #sh135-temp *::-webkit-scrollbar-thumb:hover {background-color: #E2007A;} #sh135-temp .f-12 {font-size: 1.2rem;} #sh135-temp .f-14 {font-size: 1.4rem;} #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-28 {font-size: 2.8rem;} #sh135-temp .f-30 {font-size: 3.0rem;} #sh135-temp .f-32 {font-size: 3.2rem;} #sh135-temp .f-36 {font-size: 3.6rem;} #sh135-temp .f-40 {font-size: 4.0rem;} #sh135-temp .center {text-align: center;} #sh135-temp .uppercase {text-transform: uppercase;} #sh135-temp .thin {font-weight: 300;} #sh135-temp .semibold {font-weight: 600;} #sh135-temp .bold {font-weight: 700;} #sh135-temp .magenta {color: #E2007A;} #sh135-temp {overflow: hidden; position: relative; 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 .title-box {display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px;} #sh135-temp .title-box .title-text {line-height: 1.2;} .contrast #sh135-temp .title-box .title-text {color: #FFE800 !important;} #sh135-temp .tauron-btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 250px; height: auto; padding: 12px 16px; background-color: transparent; color: #000; text-align: center; text-decoration: none !important; border-radius: 250px; transition: background .3s, color .3s, border .3s;} .zoom-x2 #sh135-temp .tauron-btn {max-width: 275px;} .zoom-x4 #sh135-temp .tauron-btn {max-width: 300px;} #sh135-temp .tauron-btn.bg-magenta {background-color: #E2007A; box-shadow: 0 4px 16px 0 #E2007A59; color: #FFF; border: 1px solid #E2007A;} #sh135-temp .tauron-btn.bg-magenta:hover {background-color: #AA036C; border-color: #AA036C;} #sh135-temp .tauron-btn .btn-text {position: relative; z-index: 2; line-height: 1.2;} #sh135-temp .tauron-btn .btn-icon {position: relative; z-index: 2; display: block; flex-shrink: 0; width: 14px; height: auto; transition: transform .3s; background-color: transparent !important;} #sh135-temp .tauron-btn:hover .btn-icon {transform: translateX(3px);} .contrast #sh135-temp .tauron-btn {background: #000 !important; box-shadow: none !important; color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast #sh135-temp .tauron-btn:hover {background: #FFE800 !important; color: #000 !important;} .contrast #sh135-temp .tauron-btn .btn-icon path {stroke: #FFE800 !important;} .contrast #sh135-temp .tauron-btn:hover .btn-icon path {stroke: #000 !important;} .contrast #sh135-temp .tauron-btn .btn-text {background: transparent !important; color: #FFE800 !important; transition: none;} .contrast #sh135-temp .tauron-btn:hover .btn-text {color: #000 !important;} .contrast #sh135-temp .tauron-btn .ripple {display: none !important;} /* BANNER */ #sh135-temp .section-banner-top {overflow: hidden; position: relative; background: linear-gradient(180deg, #F3F5F5 0%, #E9EEEE 100%);} .contrast #sh135-temp .section-banner-top {background: #000 !important;} #sh135-temp .section-banner-top .banner-box {display: flex; min-height: 378px;} #sh135-temp .section-banner-top .banner-box .banner-img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} .contrast #sh135-temp .section-banner-top .banner-box .banner-img {display: none !important;} #sh135-temp .section-banner-top .banner-box .banner-content {position: relative; z-index: 2; display: flex; flex-direction: column; width: 100%; max-width: 680px; padding-top: 16px; padding-bottom: 40px;} #sh135-temp .section-banner-top .banner-box .banner-content .breadcrumbs-box {display: flex; align-items: center; gap: 4px;} #sh135-temp .section-banner-top .banner-box .banner-content .breadcrumbs-box .single-path {color: #000; text-decoration: none; transition: color .3s;} #sh135-temp .section-banner-top .banner-box .banner-content .breadcrumbs-box a.single-path:hover {color: #E2007A !important;} #sh135-temp .section-banner-top .banner-box .banner-content .breadcrumbs-box .icon {background: transparent !important;} .contrast #sh135-temp .section-banner-top .banner-box .banner-content .breadcrumbs-box .single-path {color: #FFE800 !important;} .contrast #sh135-temp .section-banner-top .banner-box .banner-content .breadcrumbs-box .icon path {fill: #FFE800 !important;} #sh135-temp .section-banner-top .banner-box .banner-content .content-text {display: flex; flex: 1; flex-direction: column; justify-content: center; gap: 24px; padding-top: 24px;} #sh135-temp .section-banner-top .banner-box .banner-content .content-text .text-heading {color: #E2007A; line-height: 1.2;} .contrast #sh135-temp .section-banner-top .banner-box .banner-content .content-text .text-heading {color: #FFE800 !important;} #sh135-temp .section-banner-top .banner-box .banner-content .content-text .text-desc {line-height: 1.45;} .contrast #sh135-temp .section-banner-top .banner-box .banner-content .content-text .text-desc .semibold {color: #FFE800 !important;} /* JEŹDZIK */ #sh135-temp .section-register-bar {position: relative; z-index: 3; padding-top: 24px; padding-bottom: 24px; background-color: #FFF; box-shadow: 0 4px 16px 0 #0000000A; border-bottom: 1px solid #E6E9E9;} .contrast #sh135-temp .section-register-bar {background: #000 !important; border-color: #FFF !important;} #sh135-temp .section-register-bar .bar-content {display: flex; align-items: center; justify-content: space-between; gap: 24px;} #sh135-temp .section-register-bar .bar-content .bar-text {display: flex; align-items: center; gap: 16px;} #sh135-temp .section-register-bar .bar-content .bar-text .bar-icon {display: block; flex-shrink: 0; width: 32px; height: auto; background-color: transparent !important;} .contrast #sh135-temp .section-register-bar .bar-content .bar-text .bar-icon path {fill: #FFE800 !important;} #sh135-temp .section-register-bar .bar-content .bar-text .text-content {line-height: 1.2;} .contrast #sh135-temp .section-register-bar .bar-content .bar-text .text-content, .contrast #sh135-temp .section-register-bar .bar-content .bar-text .text-content .magenta {background: transparent !important; color: #FFE800 !important;} #sh135-temp .section-register-bar .bar-content .tauron-btn {flex-shrink: 0; max-width: 216px;} #sh135-temp .section-register-bar.is-sticky {position: fixed; right: 0; bottom: 0; left: 0; z-index: 9999; transform: translateY(calc(100% + 24px)); padding-top: 16px; padding-bottom: 16px; box-shadow: 0 -4px 24px 0 #0000001F; border-top: 1px solid #E6E9E9; border-bottom: none; visibility: hidden; transition: transform .35s ease, visibility 0s .35s;} .contrast #sh135-temp .section-register-bar.is-sticky {box-shadow: none !important; border-top: 2px solid #FFE800 !important;} #sh135-temp .section-register-bar.is-sticky.is-visible {transform: translateY(0); visibility: visible; transition: transform .35s ease, visibility 0s 0s;} /* JAK OTRZYMAĆ BONUS */ #sh135-temp .section-steps {position: relative; padding-top: 64px; padding-bottom: 32px;} #sh135-temp .section-steps .steps-wrapper {display: grid; grid-template-columns: 1fr 1.55fr; align-items: center; gap: 0; padding: 40px 48px; background-color: #FFF; box-shadow: 0 4px 24px 0 #0000001A; border: 1px solid #F0F0F0; border-radius: 16px;} .contrast #sh135-temp .section-steps .steps-wrapper {background: #000 !important; border: 2px solid #FFF !important;} #sh135-temp .section-steps .steps-wrapper .steps-img {display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto;} #sh135-temp .section-steps .steps-wrapper .steps-list {display: flex; flex-direction: column; gap: 24px; padding-left: 56px; border-left: 1px solid #D9DDDE;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step {display: grid; grid-template-columns: 64px 1fr; align-items: flex-start; gap: 16px;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-number {color: #EDEDED; line-height: 1;} .contrast #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-number {color: #FFF !important;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-content {display: flex; flex-direction: column; gap: 4px;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-title {line-height: 1.3;} .contrast #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-title {color: #FFE800 !important;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-link {display: block; color: #E2007A; transition: color .3s;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-link:hover {color: #AA036C;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-link .link-icon {display: inline-block; width: 16px; height: auto; margin-left: 6px; vertical-align: middle; transition: transform .3s; background-color: transparent !important;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-link:hover .link-icon {transform: translateX(3px);} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-desc {color: #4A4A4A; line-height: 1.4;} .contrast #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-desc {color: #FFF !important;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-desc .link-inline {display: inline-flex; align-items: center; gap: 4px; color: #E2007A; font-weight: 600; transition: color .3s;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-desc .link-inline:hover {color: #AA036C;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-desc .link-inline .link-icon {display: block; width: 14px; height: auto; background-color: transparent !important;} .contrast #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-link, .contrast #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .step-desc .link-inline {color: #FFE800 !important; text-decoration: underline !important;} .contrast #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .link-icon path {stroke: #FFE800 !important;} .contrast #sh135-temp .section-steps .steps-wrapper .steps-list .single-step .link-text {background: transparent !important; color: #FFE800 !important;} /* WAŻNE INFORMACJE */ #sh135-temp .section-important-info {position: relative; padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-important-info .info-list {display: flex; flex-direction: column; gap: 24px; padding: 32px 40px; background-color: #FFF; box-shadow: 0 4px 24px 0 #0000001A; border: 1px solid #F0F0F0; border-radius: 16px;} .contrast #sh135-temp .section-important-info .info-list {background: #000 !important; border: 2px solid #FFF !important;} #sh135-temp .section-important-info .info-list .list-item {display: grid; grid-template-columns: 24px 1fr; align-items: flex-start; gap: 16px;} #sh135-temp .section-important-info .info-list .list-item .item-icon {display: block; width: 24px; height: auto; background-color: transparent !important;} .contrast #sh135-temp .section-important-info .info-list .list-item .item-icon path[fill="#E2007A"] {fill: #FFE800 !important;} .contrast #sh135-temp .section-important-info .info-list .list-item .item-icon path[stroke="#E2007A"] {stroke: #FFE800 !important;} #sh135-temp .section-important-info .info-list .list-item .item-text {line-height: 1.4;} .contrast #sh135-temp .section-important-info .info-list .list-item .item-text .semibold {color: #FFE800 !important;} #sh135-temp .section-important-info .info-list .list-item .item-text .text-list {display: flex; flex-direction: column; gap: 2px; margin-top: 4px; padding-left: 20px; list-style: disc;} #sh135-temp .section-important-info .info-list .list-item .item-text .text-list .text-list-item {line-height: 1.4;} /* OFERTY */ #sh135-temp .section-offers {position: relative; padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-offers .filter-tabs {display: flex; flex-wrap: wrap; gap: 8px; margin-top: -8px; margin-bottom: 16px;} #sh135-temp .section-offers .filter-tabs .single-tab {display: block; padding: 4px 20px; background-color: #F2F3F3; color: #565656; line-height: 1.4; border: 1px solid transparent; border-radius: 250px; transition: background-color .3s, color .3s;} #sh135-temp .section-offers .filter-tabs .single-tab:hover {color: #E2007A;} #sh135-temp .section-offers .filter-tabs .single-tab.active {background-color: #F2F3F3; color: #E2007A; font-weight: 600;} .contrast #sh135-temp .section-offers .filter-tabs .single-tab {background: #000 !important; color: #FFF !important; border-color: #FFF !important;} .contrast #sh135-temp .section-offers .filter-tabs .single-tab.active {color: #FFE800 !important; border-color: #FFE800 !important;} #sh135-temp .section-offers .slider-wrapper {position: relative;} #sh135-temp .section-offers .slider-wrapper .slider-box {overflow: visible; -webkit-clip-path: inset(-24px -16px -32px -16px); clip-path: inset(-24px -16px -32px -16px);} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide {overflow: hidden; display: flex; flex-direction: column; background-color: #FAFAFA; box-shadow: 0 4px 16px 0 #00000014; border: 2px solid #FFF; border-radius: 16px; transition: border-color .3s;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide:hover {border-color: #E2007A;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide {background: #000 !important; border-color: #FFF !important;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-top {overflow: hidden; position: relative; background-color: #F2F3F3; aspect-ratio: 326 / 170;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-top {border-bottom: 2px solid #FFF;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-top .box-img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; transition: transform .3s;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide:hover .box-top .box-img {transform: scale(1.05);} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content {display: flex; flex-direction: column; padding: 20px 16px 32px 16px;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-title {display: flex; align-items: center; min-height: 3.9em; line-height: 1.3;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-title {color: #FFE800 !important;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-price {margin-top: 20px; color: #E2007A; line-height: 1.2;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-price {color: #FFE800 !important;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-desc {margin-top: 4px; line-height: 1.2;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-desc {color: #FFF !important;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-note {margin-top: 24px; color: #4A4A4A; line-height: 1.4;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .box-content .box-note {color: #FFF !important;} #sh135-temp .section-offers .slider-wrapper .slider-box .single-slide .tauron-btn {width: auto; max-width: none; margin: auto 16px 16px 16px;} #sh135-temp .section-offers .slider-wrapper .slider-arrow {position: absolute; top: calc(50% - 26px); z-index: 5; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #000; border-radius: 4px; transition: background-color .3s, opacity .3s, visibility .3s;} #sh135-temp .section-offers .slider-wrapper .slider-arrow:hover {background-color: #E2007A;} #sh135-temp .section-offers .slider-wrapper .slider-arrow.arrow-prev {left: -20px;} #sh135-temp .section-offers .slider-wrapper .slider-arrow.arrow-next {right: -20px;} #sh135-temp .section-offers .slider-wrapper .slider-arrow .arrow-icon {display: block; width: 16px; height: auto; background-color: transparent !important;} #sh135-temp .section-offers .slider-wrapper.is-start .slider-arrow.arrow-prev, #sh135-temp .section-offers .slider-wrapper.is-end .slider-arrow.arrow-next {opacity: 0; visibility: hidden;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-arrow {background: #000 !important; border: 1px solid #FFE800;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-arrow .arrow-icon path {stroke: #FFE800 !important;} #sh135-temp .section-offers .slider-wrapper .slider-progress {position: relative; width: 100%; height: 5px; margin-top: 32px; background-color: #D9DDDE; border-radius: 5px; cursor: pointer; touch-action: none; -webkit-user-select: none; user-select: none;} #sh135-temp .section-offers .slider-wrapper .slider-progress::before {content: ''; position: absolute; top: -10px; bottom: -10px; left: 0; right: 0;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-progress {background-color: #FFF !important;} #sh135-temp .section-offers .slider-wrapper .slider-progress .progress-bar {position: absolute; top: 0; left: 0; display: block; width: 50%; height: 100%; background-color: #6B6F70; border-radius: 5px; cursor: grab; transition: background-color .3s;} #sh135-temp .section-offers .slider-wrapper .slider-progress:hover .progress-bar {background-color: #4A4E4F;} #sh135-temp .section-offers .slider-wrapper.is-dragging .slider-progress {cursor: grabbing;} #sh135-temp .section-offers .slider-wrapper.is-dragging .slider-progress .progress-bar {background-color: #4A4E4F; cursor: grabbing;} .contrast #sh135-temp .section-offers .slider-wrapper .slider-progress .progress-bar {background-color: #FFE800 !important;} #sh135-temp .section-offers .slider-wrapper.is-static .slider-progress {display: none;} #sh135-temp .section-offers .slider-wrapper.is-static .slider-arrow {display: none;} #sh135-temp .section-offers .footnote-text {margin-top: 40px; color: #6B6F70; line-height: 1.4;} .contrast #sh135-temp .section-offers .footnote-text {color: #FFF !important;} #sh135-temp .section-offers-devices {padding-bottom: 64px;} @media all and (max-width: 1600px) { html.zoom-x2 {font-size: 11px !important;} html.zoom-x4 {font-size: 12px !important;} #sh135-temp .f-12 {font-size: 1.0rem;} #sh135-temp .f-14 {font-size: 1.2rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 2.0rem;} #sh135-temp .f-24 {font-size: 2.2rem;} #sh135-temp .f-26 {font-size: 2.4rem;} #sh135-temp .f-28 {font-size: 2.6rem;} #sh135-temp .f-30 {font-size: 2.8rem;} #sh135-temp .f-32 {font-size: 3.0rem;} #sh135-temp .f-36 {font-size: 3.2rem;} #sh135-temp .f-40 {font-size: 3.6rem;} #sh135-temp .section-banner-top .banner-box {min-height: 340px;} #sh135-temp .section-banner-top .banner-box .banner-content {max-width: 600px;} #sh135-temp .section-steps {padding-top: 56px;} #sh135-temp .section-steps .steps-wrapper {padding: 32px 40px;} #sh135-temp .section-steps .steps-wrapper .steps-list {padding-left: 48px;} #sh135-temp .section-important-info .info-list {padding: 28px 32px;} } @media all and (max-width: 1200px) { #sh135-temp .f-16 {font-size: 1.4rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 1.8rem;} #sh135-temp .f-24 {font-size: 2.0rem;} #sh135-temp .f-26 {font-size: 2.2rem;} #sh135-temp .f-28 {font-size: 2.4rem;} #sh135-temp .f-30 {font-size: 2.6rem;} #sh135-temp .f-32 {font-size: 2.8rem;} #sh135-temp .f-36 {font-size: 3.0rem;} #sh135-temp .f-40 {font-size: 3.4rem;} #sh135-temp .section-banner-top .banner-box {min-height: 300px;} #sh135-temp .section-banner-top .banner-box .banner-content {max-width: 480px; padding-bottom: 32px;} #sh135-temp .section-banner-top .banner-box .banner-content .content-text {gap: 16px;} #sh135-temp .section-banner-top .banner-box .banner-content .content-text .br-hide-mobile {display: none;} #sh135-temp .section-steps {padding-top: 48px; padding-bottom: 24px;} #sh135-temp .section-steps .steps-wrapper {grid-template-columns: 1fr 1.8fr; padding: 32px;} #sh135-temp .section-steps .steps-wrapper .steps-list {gap: 20px; padding-left: 32px;} #sh135-temp .section-important-info {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-offers {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-offers-devices {padding-bottom: 48px;} #sh135-temp .section-offers .footnote-text {margin-top: 32px;} } @media all and (max-width: 992px) { #sh135-temp .section-banner-top .banner-box {flex-direction: column-reverse; gap: 8px; min-height: 0;} #sh135-temp .section-banner-top .banner-box .banner-img {position: static; width: 100%; max-width: 475px; height: auto; margin: 0 auto;} #sh135-temp .section-banner-top .banner-box .banner-content {max-width: 100%; padding-top: 0; padding-bottom: 24px; text-align: center;} #sh135-temp .section-banner-top .banner-box .banner-content .breadcrumbs-box {display: none;} #sh135-temp .section-banner-top .banner-box .banner-content .content-text {gap: 8px; padding-top: 16px;} #sh135-temp .section-register-bar {padding-top: 16px; padding-bottom: 16px;} #sh135-temp .section-register-bar .bar-content .tauron-btn {max-width: 180px;} #sh135-temp .section-steps .steps-wrapper {grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px;} #sh135-temp .section-steps .steps-wrapper .steps-img {max-width: 220px;} #sh135-temp .section-steps .steps-wrapper .steps-list {padding-top: 24px; padding-left: 0; border-top: 1px solid #D9DDDE; border-left: none;} #sh135-temp .section-important-info .info-list {gap: 16px; padding: 24px;} #sh135-temp .section-offers .slider-wrapper .slider-arrow {display: none;} #sh135-temp .section-offers .slider-wrapper .slider-progress {margin-top: 24px;} } @media all and (max-width: 768px) { #sh135-temp .f-24 {font-size: 1.8rem;} #sh135-temp .f-26 {font-size: 2.0rem;} #sh135-temp .f-28 {font-size: 2.2rem;} #sh135-temp .f-30 {font-size: 2.4rem;} #sh135-temp .f-32 {font-size: 2.6rem;} #sh135-temp .f-36 {font-size: 2.6rem;} #sh135-temp .f-40 {font-size: 2.8rem;} #sh135-temp .title-box {margin-bottom: 20px;} #sh135-temp .section-register-bar .bar-content .bar-text {gap: 12px;} #sh135-temp .section-register-bar .bar-content .bar-text .bar-icon {width: 28px;} #sh135-temp .section-steps {padding-top: 40px;} #sh135-temp .section-steps .steps-wrapper .steps-list .single-step {grid-template-columns: 48px 1fr; gap: 12px;} #sh135-temp .section-important-info .info-list .list-item {gap: 12px;} #sh135-temp .section-offers-devices {padding-bottom: 40px;} #sh135-temp .section-offers .footnote-text {margin-top: 24px;} } @media all and (max-width: 576px) { #sh135-temp .section-register-bar .bar-content {flex-direction: column; align-items: stretch; gap: 12px;} #sh135-temp .section-register-bar .bar-content .tauron-btn {max-width: none;} #sh135-temp .section-register-bar.is-sticky {padding-top: 12px; padding-bottom: 12px;} #sh135-temp .section-register-bar.is-sticky .bar-content {gap: 8px;} #sh135-temp .section-register-bar.is-sticky .bar-content .bar-text {justify-content: center;} #sh135-temp .section-register-bar.is-sticky .bar-content .bar-text .bar-icon {display: none;} #sh135-temp .section-register-bar.is-sticky .bar-content .tauron-btn {padding-top: 8px; padding-bottom: 8px;} #sh135-temp .section-steps .steps-wrapper {padding: 20px 16px;} #sh135-temp .section-important-info .info-list {padding: 20px 16px;} #sh135-temp .section-offers .slider-wrapper .slider-box {-webkit-clip-path: inset(-24px -10px -32px -10px); clip-path: inset(-24px -10px -32px -10px);} } #sh135-temp .reveal-section { transform: translateY(30px); opacity: 0; transition: opacity 1.5s, transform 1.5s; } #sh135-temp .reveal-section.is-visible { transform: translateY(0); opacity: 1; } @media all and (max-width: 992px) { #sh135-temp .reveal-section { transform: none !important; opacity: 1 !important; transition: none !important; } } #sh135-temp .tauron-btn { overflow: hidden; position: relative; } #sh135-temp .tauron-btn .ripple { position: absolute; transform: scale(0); pointer-events: none; background-color: rgba(255, 255, 255, 0.35); border-radius: 50%; animation: tauron-ripple 1.25s linear; } @keyframes tauron-ripple { to { transform: scale(6); opacity: 0; } }