.arome-filter-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .5);z-index:99998;opacity:0;visibility:hidden;transition:all 0.3s ease}.arome-filter-overlay.is-active{opacity:1;visibility:visible}.arome-filter-panel{position:fixed;top:0;bottom:0;right:-100%;width:320px;max-width:90vw;background:#fff;z-index:99999;box-shadow:-4px 0 15px rgb(0 0 0 / .1);transition:right 0.3s ease;display:flex;flex-direction:column}.arome-filter-panel.is-active{right:0}.arome-filter-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.arome-filter-header h3{margin:0;font-size:18px;color:#333}.arome-filter-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.arome-filter-content{flex:1;overflow-y:auto;padding:20px}.arome-filter-group{margin-bottom:25px}.arome-filter-group h4{margin:0 0 10px 0;font-size:15px;color:#444}.arome-filter-toggle{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.arome-filter-toggle input[type="checkbox"],.arome-filter-toggle input[type="radio"]{margin-right:10px;width:18px;height:18px;accent-color:#C8D8BE}.arome-filter-search{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.arome-filter-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;gap:10px}.arome-filter-btn{flex:1;padding:12px;border:none;border-radius:4px;cursor:pointer;font-weight:700;text-align:center}.arome-filter-apply{background:#C8D8BE;color:#2b3a20}.arome-filter-reset{background:#f0f0f0;color:#666}.arome-filter-trigger{position:fixed;bottom:20px;right:20px;background:#fceee8;color:#333;border:none;border-radius:30px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;z-index:9990;box-shadow:0 4px 10px rgb(0 0 0 / .2);display:flex;align-items:center;gap:8px}.arome-filter-trigger:hover{background:#f5dcd2;color:#111}.arome-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / .7);z-index:50;display:flex;justify-content:center;align-items:center}.arome-spinner{border:4px solid #f3f3f3;border-top:4px solid #C8D8BE;border-radius:50%;width:40px;height:40px;animation:arome-spin 1s linear infinite}@keyframes arome-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#arome-infinite-scroll-trigger{height:1px;width:100%;margin-top:20px}.arome-infinite-loading{text-align:center;padding:20px;display:none}.arome-infinite-loading .arome-spinner{margin:0 auto;width:30px;height:30px;border-width:3px}.arome-badge-container{position:absolute;top:10px;left:10px;right:auto;z-index:10;display:flex;flex-direction:column;gap:5px;pointer-events:none;align-items:flex-start}.single-product .arome-badge-container{top:20px;left:20px;gap:12px}.single-product .arome-badge{padding:8px 12px;font-size:.95em}.arome-badge{padding:4px 8px;border-radius:4px;font-size:.85em;font-weight:700;display:inline-flex;align-items:center;box-shadow:0 2px 4px rgb(0 0 0 / .1);white-space:nowrap;overflow:hidden;pointer-events:auto}.arome-badge span.dashicons{margin-right:4px}.arome-badge-new{background-color:#ff9800;color:#fff}.arome-badge-veg{background-color:#4CAF50;color:#fff}@media (max-width:768px){.arome-badge{padding:6px;border-radius:50%;width:32px;height:32px;justify-content:center;transition:all 0.3s ease}.arome-badge span.dashicons{margin-right:0}.arome-badge .arome-badge-text{display:none}.arome-badge:hover,.arome-badge:active{width:auto;border-radius:4px;padding:4px 8px}.arome-badge:hover .arome-badge-text,.arome-badge:active .arome-badge-text{display:inline-block;margin-left:4px}}