.how-it-works-page{width:100%}.how-it-works-container{display:grid;grid-template-columns:1fr 462px;gap:32px;margin-top:30px;margin-bottom:50px}.how-it-works-sidebar-sticky{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow:hidden;display:flex;flex-direction:column}.how-it-works-sidebar-sticky .pass-cards:not(.pass-cards--grid){flex:1;min-height:0;grid-template-rows:auto 1fr}.how-it-works-sidebar-sticky .pass-cards__panel{display:flex;flex-direction:column;min-height:0}.how-it-works-sidebar-sticky .pass-variant{min-height:0}.how-it-works-sidebar-sticky .pass-variant--active{display:flex;flex-direction:column;flex:1}.how-it-works-sidebar-sticky .pass-card-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.how-it-works-sidebar-sticky .acc-card{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}.how-it-works-sidebar-sticky .acc-header{flex-shrink:0}.how-it-works-sidebar-sticky .acc-sections{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.how-it-works-sidebar-sticky .acc-sections::-webkit-scrollbar{width:4px}.how-it-works-sidebar-sticky .acc-sections::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.how-it-works-sidebar-sticky .acc-sticky-bar{position:static;flex-shrink:0}.how-it-works-sidebar-sticky .pass-savings-bar{flex-shrink:0}.how-it-works-mobile-passes{display:none}@media(max-width:1024px){.how-it-works-mobile-passes{display:block;max-width:520px;margin:0 auto}}.how-it-works-left{min-width:0}.steps-detailed-section h3.title-content{font-size:24px;font-weight:600;color:var(--black);margin:0 0 30px}.steps-detailed-section .item{display:flex;gap:15px;margin-top:30px;margin-bottom:15px}.steps-detailed-section .step-number{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;height:60px;background:var(--blue);border-radius:5px;color:var(--white);font-size:12px;font-weight:600;margin-top:30px}.steps-detailed-section .step-number span{font-size:28px;font-weight:700;line-height:1}.steps-detailed-section .right-content{display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.steps-detailed-section .right-content span{font-size:18px;font-weight:600;color:var(--blue)}.steps-detailed-section p{font-size:14px;line-height:1.7;color:var(--text-gray);margin:0 0 12px}.steps-detailed-section p b{color:var(--black)}.steps-detailed-section .info-box-p{background:#3eb0de0d;border:1px solid var(--blue);padding:15px;border-radius:5px;font-size:14px;margin:15px 0}.steps-detailed-section .how-it-works-content-list ul{list-style:none;padding:0;margin:0}.steps-detailed-section .how-it-works-content-list ul li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;color:var(--text-gray)}.steps-detailed-section .how-it-works-content-list ul li img{width:16px;height:16px;margin-top:4px}.steps-detailed-section .app-buttons{display:flex;gap:10px;margin-top:20px;margin-bottom:20px}.steps-detailed-section .app-buttons img{height:40px}.show-and-go-section{padding:80px 0}.show-and-go-section .help-save-planet{display:flex;gap:40px;align-items:center}.show-and-go-section .big-image{width:200px;height:auto}.show-and-go-section .right-content{flex:1}.show-and-go-section .title{font-size:16px;font-weight:400;color:var(--text-gray);display:block;margin-bottom:8px}.show-and-go-section .big-title{font-size:32px;font-weight:600;color:var(--black);margin:0 0 16px}.show-and-go-section .description{font-size:16px;line-height:1.6;color:var(--text-gray);margin:0 0 20px}.show-and-go-section .right-content-flex{display:flex;align-items:center;gap:10px;color:var(--green);font-size:14px}.show-and-go-section .right-content-flex img{width:40px;height:40px}@media(max-width:1024px){.how-it-works-container{grid-template-columns:1fr}.how-it-works-right{display:none}.steps-overview-section .itp-flex{grid-template-columns:1fr}}.how-it-works-page .wc-section{padding-top:80px}@media(max-width:768px){.show-and-go-section{padding:48px 0}.how-it-works-page .wc-section{padding-top:48px}.show-and-go-section .help-save-planet{flex-direction:column;text-align:center}.show-and-go-section .big-title{font-size:24px}.steps-detailed-section h3.title-content{font-size:20px}}@media(max-width:480px){.show-and-go-section{padding:36px 0}.how-it-works-page .wc-section{padding-top:36px}}