.cc{--cc-bg:#f6f1e8;--cc-wine:#773344;--cc-line:#d9c9bd;color:#29211f;font:400 14px/1.5 'DM Sans',Arial,sans-serif}.cc *{box-sizing:border-box}.cc [hidden]{display:none!important}.cc button,.cc select{font:inherit}.cc button{cursor:pointer}.cc :focus-visible{outline:2px solid var(--cc-wine);outline-offset:4px}
.cc-trigger{position:fixed;z-index:70;left:max(16px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid var(--cc-line);border-radius:24px;background:var(--cc-bg);color:var(--cc-wine);box-shadow:0 3px 14px #29211f15}.cc-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.cc-panel{position:fixed;inset:auto auto calc(76px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--cc-line);border-radius:12px;background:var(--cc-bg);color:#29211f;box-shadow:0 12px 45px #29211f24}.cc-panel::backdrop{background:#29211f25}.cc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc h2{font:400 29px/1.2 Georgia,serif;margin:0}.cc-close{min-width:44px;min-height:44px;padding:0;background:none;border:0;color:var(--cc-wine);font-size:26px!important;margin:-8px -12px -8px 0}.cc-panel p{font-size:13px;color:#75635c;margin:16px 0 22px}.cc label{display:block;font-size:12px;margin-bottom:8px}.cc select{display:block;width:100%;height:48px;padding:0 12px;border:1px solid var(--cc-line);border-radius:3px;background:#fffcf7;color:#29211f;font-size:16px;line-height:normal}.cc .cc-status{margin:12px 0;color:var(--cc-wine);min-height:20px}.cc-save{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 16px;background:var(--cc-wine);color:#fffaf4;border:1px solid var(--cc-wine);border-radius:3px}.cc button:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.cc-trigger{left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));font-size:12px;padding:9px 12px}.cc-panel{inset:auto 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:24px 22px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}}
