:root{--gutter-width: 12px}.homepage-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter-width);height:100vh;width:100%}.homepage-left,.homepage-right{display:flex;justify-content:center;align-items:center;text-align:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}.card-modal-trigger{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#f2f4f766;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;border:none;cursor:pointer;transition:transform .3s ease,background-color .3s ease}.card-modal-trigger:hover{background-color:#f2f4f799;transform:scale(1.1)}.card-cta-modal-button-icon svg{width:30px;height:30px;fill:#000}.button-container{position:absolute;bottom:10%;top:16%;left:50%;transform:translate(-50%)}.button-container .btn{display:inline-block;padding:0 24px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;border:2px solid #000000;background:transparent;color:#000;border-radius:12px;transition:all .3s ease}.button-container .btn:hover{color:#fff;background-color:#000c;transform:scale(1.05)}@media screen and (max-width:768px){.homepage-container{grid-template-columns:repeat(2,minmax(150px,1fr));overflow-x:auto}.homepage-left,.homepage-right{flex:0 0 50%;height:100vh}.card-modal-trigger{bottom:15px;right:15px;width:50px;height:50px}.card-cta-modal-button-icon svg{width:24px;height:24px}.button-container{bottom:5%}}.modal{display:none;position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;background:#f2f4f7e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:20px;text-align:center;box-shadow:0 10px 30px #0000004d}.modal .close{position:absolute;top:10px;right:20px;font-size:24px;cursor:pointer}.modal.show{display:block}.modal-content h2{margin-bottom:10px;font-size:22px}.modal-content p{font-size:16px}@media screen and (max-width:768px){.modal{width:90%;max-width:400px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/HomepageV2css.css.map */