.guide-card *{font-family:Replica}.guide-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:12px;overflow:hidden}.guide-card-image{width:100%;height:100%;position:relative}.guide-card-image>img{width:100%;height:100%;object-fit:cover;position:absolute;transition:all .3s ease}.guide-card:hover>img{transform:scale(1.1)}.guide-card-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;position:absolute;top:0;left:0;padding:24px;color:#fff;z-index:1}.guide-card-content-title{font-size:18px;line-height:150%;letter-spacing:0}.guide-card-link{display:block;width:fit-content;color:#fff;font-size:14px;line-height:150%;letter-spacing:0;transition:all .3s ease;border-bottom:1px solid #fff}.guide-card-link:hover{color:#c7c7c7;border-bottom:1px solid #c7c7c7}.guide-card-content-image{width:46.66px;height:46.66px;position:relative}.guide-card-content-image>img{width:100%;height:100%;position:absolute;object-fit:cover;top:0;left:0}.guide-card-content-text{display:flex;flex-direction:column;gap:12px}.guide-card-link{font-size:14px;text-decoration:none}@media (min-width: 769px){.guide-card-content{width:100%;height:100%}.guide-card-content-image{width:72px;height:72px}.guide-card-content-title{font-size:22px}}.collapsable-guide-card{width:100%;max-height:0;overflow:hidden;transition:max-height .5s,opacity .3s ease-in-out}.collapsable-guide-card.active{max-height:2000px}.guide-card-collapsable-content-container{background:#f8f8f8;position:relative;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;margin:16px}.guide-card-collapsable-content-left{width:100%;height:400px;overflow:hidden}.guide-card-collapsable-content-left-container{width:100%;height:100%;position:relative;border-radius:12px;overflow:hidden;background:#f5f4ed}.guide-card-collapsable-content-left-container .close-section-btn,.guide-card-collapsable-content-right-container .close-section-btn{width:26px;height:26px;border-radius:50%;overflow:hidden;background:#352b27;color:#fff;border:none;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:12px;right:12px;z-index:10;transition:all .3s ease}.guide-card-collapsable-content-right-container .close-section-btn{display:none}.guide-card-collapsable-content-left-container .guide-card-collapsable-image{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:all .3s ease;object-position:center}.guide-card-collapsable-content-right-container{width:100%;display:flex;flex-direction:column;gap:24px;padding:32px;position:relative}.guide-card-collapsable-content-right-container-inner{width:100%;height:100%;display:flex;flex-direction:column;gap:24px}.guide-card-collapsable-content-header{width:100%;display:flex;flex-direction:column;gap:12px}.guide-card-collapsable-content-header .guide-card-title{font-size:28px!important}.guide-card-collapsable-content-header .guide-card-subtitle{font-size:18px!important}.cap-buttons-container{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;width:202px}.guide-card-collapsable-content-cap-selection-container .cap-button{width:102px;height:28px;font-size:14px!important;border-radius:24px;border:1px solid #352B27;color:#352b27;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.guide-card-collapsable-content-cap-selection-container .cap-button.active{background-color:#352b27;color:#fff}.step-container{width:100%;display:flex;flex-direction:column;gap:8px}.step-container .step-title{font-family:Replica-Bold!important;font-size:18px!important}.guide-card-collapsable-navigation-container{display:flex;align-items:center;justify-content:end;gap:16px}.guide-card-collapsable-navigation-container .nav-arrow{width:26px;height:26px;opacity:1;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:#f3f2f2}.guide-card-collapsable-navigation-container .nav-arrow:hover{background:#d4d4d4;color:#d7d6d0}.guide-card-collapsable-navigation-container .nav-arrow[disabled]{background:#efefec}.guide-card-collapsable-navigation-container .nav-arrow svg path{stroke:#352b27}.guide-card-collapsable-navigation-container .nav-arrow[disabled] svg path{stroke:#d7d6d0}.instructions-container{width:100%;position:relative;overflow:hidden}.instruction{width:100%;height:auto;position:absolute;top:0;display:flex;gap:16px;flex-direction:column}.instruction hr{border:1px solid #D7D6D0}@media (min-width: 768px){.guide-card-collapsable-content-container{flex-direction:row;height:720px;overflow:hidden;margin:16px 0}.guide-card-collapsable-content-left{height:100%;padding:24px;overflow:hidden}.guide-card-collapsable-content-left-container{width:100%;height:672px;overflow:hidden}.guide-card-collapsable-content-left-container .close-section-btn{display:none}.guide-card-collapsable-content-right-container .close-section-btn{display:flex}.guide-card-collapsable-content-right-container{padding:40px}.cap-buttons-container{display:flex;width:328px}.step-container .step-title,.step-instructions{font-size:18px!important}}
/*# sourceMappingURL=/cdn/shop/t/1563/assets/guide-card.css.map */