.lifestyle-preferences-floating-button{position:fixed;bottom:50px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#4caf50;box-shadow:0 4px 10px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;transition:transform .3s ease;opacity:1!important;visibility:visible!important;flex-direction:column;text-align:center}.lifestyle-preferences-floating-button:hover{transform:scale(1.05)}.lifestyle-preferences-icon{color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lifestyle-preferences-modal{display:none;position:fixed;bottom:0;left:0;right:0;height:70vh;z-index:1000;transition:all .3s ease}.lifestyle-preferences-modal.active{display:block}.lifestyle-preferences-modal-content{background-color:#fff;border-radius:20px 20px 0 0;height:100%;display:flex;flex-direction:column;box-shadow:0 -4px 10px #0000001a}.lifestyle-preferences-modal-header{padding:10px 20px;display:flex;flex-direction:column;align-items:center;position:relative}.lifestyle-preferences-handle{width:20%;height:8px;background-color:#e9e9e9;border-radius:10px;margin:10px 0}.lifestyle-preferences-close{position:absolute;right:20px;top:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#333}.lifestyle-preferences-modal-body{flex:1;overflow-y:auto;padding:0 20px}.lifestyle-preferences-title{font-size:18px;text-align:center;margin-bottom:10px}.lifestyle-preferences-subtitle{font-size:14px;text-align:center;color:#666;margin-bottom:20px}.lifestyle-preferences-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px;max-height:60vh;overflow-y:auto;padding:0 10px}.lifestyle-preferences-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0}.lifestyle-preferences-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-accent);animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.lifestyle-preferences-item{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border-radius:12px;border:2px solid transparent;background-color:#fff;box-shadow:0 2px 5px #0000000d;transition:all .2s ease;text-align:center;position:relative;height:100%}.lifestyle-preferences-item.selected{border-color:var(--color-accent)}.lifestyle-preferences-item-image{width:80px;height:80px;border-radius:8px;object-fit:contain;margin-bottom:10px}.lifestyle-preferences-item-title{font-weight:700;font-size:14px;color:#333;margin-bottom:5px}.lifestyle-preferences-item-check{display:none;width:24px;height:24px;border-radius:50%;background-color:var(--color-accent);color:#fff;align-items:center;justify-content:center;font-size:14px;position:absolute;top:10px;right:10px}.lifestyle-preferences-item.selected .lifestyle-preferences-item-check{display:flex}.lifestyle-preferences-modal-footer{padding:15px 20px;border-top:1px solid #f0f0f0}.lifestyle-preferences-modal-footer button{width:100%;padding:12px;border-radius:15px}.lifestyle-preferences-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.lifestyle-preferences-overlay.active{display:block;opacity:1;pointer-events:auto}.lifestyle-preferences-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--color-accent);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:1001;opacity:0;transition:opacity .3s ease;text-align:center}.lifestyle-preferences-toast.active{opacity:1}@media screen and (max-width: 768px){.lifestyle-preferences-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;bottom:-100%;top:auto;transform:none;height:80vh}.lifestyle-preferences-modal.active{bottom:0;transform:none}.lifestyle-preferences-list{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (min-width: 769px) and (max-width: 1024px){.lifestyle-preferences-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1025px){.lifestyle-preferences-list{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-lifestyle-preferences.css.map */