.hasta-open-variant-modal{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#d7cbba;font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.hasta-open-variant-modal:hover{background:#beb2a7}.hasta-variant-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:2147483647;isolation:isolate;display:none}body:has(.hasta-variant-modal.active){overflow:hidden}.hasta-variant-modal.active{display:block}.hasta-variant-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000024;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hasta-variant-modal-content{position:absolute;top:140px;left:50%;width:min(1280px,92vw);height:calc(100vh - 150px);transform:translate(-50%);background:#fff;padding:40px 12px 40px 40px;overflow:hidden;box-sizing:border-box}.hasta-variant-modal-content h2{line-height:1.1;margin:0 0 28px}.hasta-variant-modal-close{position:absolute;top:28px;right:28px;width:42px;height:42px;border-radius:999px;border:none;background:#f3f3f3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:background .2s ease,transform .2s ease}.hasta-variant-modal-close:hover{background:#e9e9e9;transform:scale(1.05)}.hasta-variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;overflow-y:auto;max-height:calc(100vh - 260px);padding-right:4px}.hasta-variant-card{border-radius:0;overflow:hidden;background:#fff;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-align:left}.hasta-variant-card:hover{transform:translateY(-3px);background:#f2f1ef}.hasta-variant-card img{width:100%;height:240px;object-fit:cover;display:block}.hasta-variant-card-info{padding:16px}.hasta-variant-card-info h3{font-size:15px;line-height:1.4;margin:0;font-weight:600}@media screen and (min-width:1600px){.hasta-variant-modal-content{width:min(1500px,90vw)}}@media screen and (max-width:1200px){.hasta-variant-modal-content{width:94vw;padding:32px;top:100px;height:calc(100vh - 120px)}.hasta-variant-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;padding-bottom:100px}.hasta-variant-card img{height:210px}}@media screen and (max-width:900px){.hasta-variant-modal-content{top:90px;width:94vw;height:calc(100vh - 110px);padding:24px;border-radius:22px}.hasta-variant-modal-content h2{font-size:32px;margin-bottom:22px}.hasta-variant-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-height:calc(100vh - 220px)}.hasta-variant-card img{height:170px}.hasta-variant-modal-close{top:22px;right:22px}}@media screen and (max-width:640px){.hasta-variant-modal-content{top:0;left:0;width:100vw;height:100vh;transform:none;border-radius:0;padding:72px 16px 24px;overflow:hidden}.hasta-variant-modal-content h2{font-size:28px;margin-bottom:20px}.hasta-variant-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-height:calc(100vh - 140px)}.hasta-variant-card img{height:150px}.hasta-variant-card-info{padding:12px}.hasta-variant-card-info h3{font-size:14px}.hasta-variant-modal-close{top:16px;right:16px}}@media screen and (max-width:420px){.hasta-variant-grid{gap:10px}.hasta-variant-card img{height:130px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hasta-variant-modal.css.map */