.bbx-modal-cookie-wrapper{--bobex-blue:#175da6;--bobex-orange:#f2643b;&.active{.bbx-modal-cookie{transform:translateY(0)}}.bbx-cookie-btn{padding:12px
24px;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:transfom 0.2s ease, background 0.2s ease;border:none;white-space:nowrap;background:var(--bobex-orange);color:white;width:100%;text-align:center;&:hover{transform:translateY(-1px);background:color-mix(in srgb, var(--bobex-orange) 90%, black 10%);&:not(.grey):not(.ghost){box-shadow:0 4px 12px rgba(255, 107, 53, 0.3)}}&:focus-visible{outline:0}&.grey{--background-color:#f3f4f6;background:var(--background-color);color:#4a4a4a;border:1px
solid #d1d5db;&:hover{background:color-mix(in srgb, var(--background-color) 90%, black 10%)}}&.ghost{background:transparent;color:var(--bobex-blue);padding:12px
16px;text-decoration:underline;&:hover{background:#f0f9ff}}}.bbx-modal-cookie{position:fixed;bottom:0;inset-block-end:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px rgba(0, 0, 0, 0.15);padding-top:20px;padding-bottom:20px;z-index:9999;transform:translateY(100%);transition:transform 0.3s ease-in-out;font-family:"Poppins","Roboto",sans-serif;width:100%;@media screen and (min-width: 768px){padding-top:24px;padding-bottom:24px}.bbx-cookie-tab{display:flex;flex-wrap:wrap;gap:24px;align-items:center;@media screen and (max-width: 767px){flex-direction:column;gap:14px}.bbx-cookie-content{flex:1;@media screen and (min-width: 768px){min-width:500px}.bbx-cookie-title{display:inline-block;font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0
0 8px 0}.bbx-cookie-text{display:inline-block;font-size:0.875rem;color:#4a4a4a;line-height:1.5;margin:0;a{color:var(--bobex-blue);text-decoration:underline;&:hover{text-decoration:none}}}}.bbx-cookie-actions{display:flex;gap:12px;@media screen and (max-width: 767px){flex-direction:column;width:100%}}}}.bbx-modal-cookie-manage{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;align-items:center;justify-content:center;padding:20px;&.active{display:flex}.bbx-inner-modal{background:white;border-radius:12px;max-width:600px;width:100%;max-height:90%;overflow-y:auto;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,0.3);.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:8px;.settings-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0}.settings-close{background:none;border:none;font-size:1.75rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}}.cookie-category{border-bottom:1px solid #e5e7eb;padding:20px
0;.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;.category-name{font-size:1rem;font-weight:600;color:#1a1a1a}.badge-wrapper{display:flex;gap:8px;flex-wrap:wrap;.required-badge{display:inline-block;background:#e5e7eb;color:#6b7280;font-size:0.75rem;padding:2px
8px;border-radius:4px;max-width:fit-content;font-weight:500}}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0;input{opacity:0;width:0;height:0;&:checked+.toggle-slider{background:var(--bobex-orange);&::before{transform:translateX(24px)}}&:disabled+.toggle-slider{cursor:not-allowed;opacity:0.5}}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:0.3s;border-radius:24px;&:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%}}}}.category-description{font-size:0.875rem;color:#6b7280;line-height:1.5;margin:0}}}.settings-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end;flex-direction:column;@media screen and (min-width: 576px){flex-direction:row}}}}