:root{--primary-color:#007cba;--primary-hover-color:#005f8b;--secondary-color:#f1f1f1;--text-color:#333;--border-color:#ddd;--bg-color:#f9f9f9;--radio-selected-color:#007cba;--radio-hover-color:#cce4f6}.product-addons{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;font-family:Arial,sans-serif;margin:20px 0;padding:20px}.product-addons .addon-level{margin-left:20px}.product-addons .addon-parent{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;padding:10px}.product-addons .addon-toggle{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;text-align:left;transition:background .2s ease;width:100%}.product-addons .addon-toggle:hover{background:var(--primary-hover-color)}.product-addons .addon-children{border-left:2px dashed var(--border-color);margin-left:20px;padding-left:15px}.product-addons .addon-subitems{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.product-addons .hidden{display:none}.product-addons .color-options{display:flex;flex-wrap:wrap;gap:12px}.product-addons .color-option{align-items:center;cursor:pointer;display:flex;gap:8px}.product-addons .color-preview{border:2px solid var(--border-color);border-radius:50%;display:inline-block;height:24px;transition:border .2s ease,transform .2s ease;width:24px}.product-addons .color-preview:hover{border:2px solid var(--primary-hover-color);transform:scale(1.1)}.product-addons .color-label{color:var(--text-color);font-size:14px}.product-addons .subitem-image{background-position:50%;background-size:cover;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;height:100px;object-fit:cover;transition:box-shadow .2s ease,transform .2s ease;width:100px}.product-addons .subitem-image:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:scale(1.05)}.product-addons input[type=radio]{display:none}.product-addons label{align-items:center;background:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:5px 10px;position:relative;transition:background .2s ease,box-shadow .2s ease}.product-addons .subitem-button{background:var(--secondary-color);border:none;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#000;cursor:pointer;padding:10px 15px}.product-addons .subitem-button:hover{color:#000}.product-addons #save-addons-button{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;text-align:left;transition:background .2s ease;width:100%}.product-addons .subitem-button:hover{background:var(--radio-hover-color)}.product-addons .selected:not(.color-option){background:var(--primary-hover-color);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;outline:2px solid var(--primary-color);transition:all .2s ease}.product-addons .color-option.selected .color-preview{border-color:var(--primary-color);transform:scale(1.2)}.product-addons .subitem-image.selected{border-color:var(--primary-color);box-shadow:0 4px 8px rgba(0,0,0,.2);transform:scale(1.1)}.product-addons .tooltip{display:inline-block;position:relative}.product-addons .tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.product-addons .tooltip .tooltiptext:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.product-addons .tooltip:hover .tooltiptext{opacity:1;visibility:visible}
/*# sourceMappingURL=frontend-styles.min.css.map*/