.cp-overlay{position:fixed;inset:0;background:#272a30a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.cp-overlay.cp-open{opacity:1;pointer-events:auto}.cp-container{position:fixed;inset:0;z-index:999;display:flex;align-items:stretch;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.cp-container.cp-open{opacity:1;pointer-events:auto}.cp-panel{width:100%;height:100%;background:var(--color-codinflo-bg, #F8FAFC);overflow-y:auto;display:flex;flex-direction:column;transform:translateY(15px);transition:transform .35s cubic-bezier(.4,0,.2,1)}.cp-container.cp-open .cp-panel{transform:translateY(0)}@media(min-width:768px){.cp-container{align-items:center;padding:1.5rem}.cp-panel{max-width:600px;max-height:94vh;border-radius:12px;border:3px solid var(--color-codinflo-dark, #272A30);box-shadow:8px 8px 0 var(--color-codinflo-dark, #272A30)}}.cp-header{padding:1.25rem 1.5rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:30}.cp-close-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-codinflo-dark, #272A30);border-radius:6px;background:#f3f4f6;cursor:pointer;transition:all .2s ease;flex-shrink:0}.cp-close-btn:hover{background:#ef4444;color:#fff}.cp-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.cp-input{border-radius:4px;border:2px solid var(--color-codinflo-dark, #272A30);background:#fff;transition:all .2s ease;width:100%;padding:.75rem;font-size:.875rem;font-family:inherit;color:var(--color-codinflo-dark, #272A30)}.cp-input:focus{outline:none;box-shadow:4px 4px 0 var(--color-codinflo-green, #8BC34A);transform:translate(-2px,-2px)}.cp-input::placeholder{color:#9ca3af}textarea.cp-input{resize:none}.cp-submit-btn{width:100%;padding:1rem 1.5rem;background:var(--color-codinflo-dark, #272A30);color:#fff;font-weight:700;font-size:1.125rem;font-family:inherit;border:2px solid var(--color-codinflo-dark, #272A30);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:6px 6px 0 var(--color-codinflo-green, #8BC34A);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .2s ease}.cp-submit-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-codinflo-green, #8BC34A)}.cp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cp-mode-toggle{background:#e5e7eb;padding:4px;border-radius:8px;display:flex;gap:4px}.cp-mode-toggle label{flex:1;cursor:pointer}.cp-mode-toggle input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cp-mode-toggle .cp-mode-label{text-align:center;padding:.5rem;font-size:.875rem;font-weight:700;color:#6b7280;border-radius:6px;transition:all .2s ease;display:block}.cp-mode-toggle input:checked+.cp-mode-label{background:#fff;color:var(--color-codinflo-dark, #272A30);box-shadow:0 1px 3px #0000001a}.cp-radio-card{cursor:pointer;display:block}.cp-radio-card input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cp-radio-option{padding:1rem;border:2px solid #d1d5db;border-radius:4px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;background:#fff}.cp-radio-card input:checked+.cp-radio-option{background-color:#f0fdf4;border-color:var(--color-codinflo-green, #8BC34A);box-shadow:2px 2px 0 var(--color-codinflo-green, #8BC34A)}.cp-checkbox-card{cursor:pointer;display:flex;align-items:center;padding:.5rem;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb;transition:all .2s ease}.cp-checkbox-card:hover{border-color:var(--color-codinflo-green, #8BC34A)}.cp-checkbox-card input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cp-check-box{width:1rem;height:1rem;border:2px solid #d1d5db;border-radius:4px;margin-right:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff;flex-shrink:0}.cp-check-box svg{opacity:0;transition:opacity .15s ease}.cp-checkbox-card input:checked+.cp-check-box{background-color:var(--color-codinflo-green, #8BC34A);border-color:var(--color-codinflo-dark, #272A30)}.cp-checkbox-card input:checked+.cp-check-box svg{opacity:1}.cp-option-card{cursor:pointer;display:flex;align-items:center;padding:.5rem;background:#fff;border-radius:4px;border:1px solid #e5e7eb;transition:all .2s ease}.cp-option-card:hover{border-color:var(--color-codinflo-green, #8BC34A)}.cp-option-card input:checked+.cp-check-box{background-color:var(--color-codinflo-green, #8BC34A);border-color:var(--color-codinflo-dark, #272A30)}.cp-option-card input:checked+.cp-check-box svg{opacity:1}.cp-qty-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:4px;transition:background .2s ease}.cp-qty-row:hover{background:#f9fafb}.cp-qty-controls{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 1px 2px #0000000d}.cp-qty-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;color:#4b5563;font-weight:700;cursor:pointer;background:transparent;border:none;font-size:.875rem;transition:background .15s ease}.cp-qty-btn:hover{background:#f3f4f6}.cp-qty-input{width:2rem;height:1.75rem;text-align:center;font-size:.75rem;font-weight:700;color:var(--color-codinflo-dark, #272A30);background:transparent;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;border-top:none;border-bottom:none;pointer-events:none;-moz-appearance:textfield;appearance:textfield}.cp-qty-input::-webkit-inner-spin-button,.cp-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.cp-price-bar{background:var(--color-codinflo-dark, #272A30);color:#fff;padding:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border-top:4px solid var(--color-codinflo-green, #8BC34A);box-shadow:0 -10px 20px #0000001a;position:sticky;bottom:0;z-index:20;margin-top:2rem}.cp-badge{font-size:10px;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.cp-notice{background:#fef2f2;border-left:4px solid #ef4444;padding:1rem;border-radius:4px;font-size:.875rem;color:#991b1b}.cp-section-card{background:#fff;padding:1rem;border:2px dashed #e5e7eb;border-radius:4px}.cp-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border-radius:4px;border:2px solid var(--color-codinflo-dark, #272A30);background:#fff;font-size:.875rem;font-weight:700;font-family:inherit;color:#374151;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBzdHJva2U9IiM2NDc0OGIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE5IDlsLTcgNy03LTciPjwvcGF0aD48L3N2Zz4=);background-repeat:no-repeat;background-position:calc(100% - 15px) center;background-size:15px;transition:all .2s ease}.cp-select:focus{outline:none;box-shadow:4px 4px 0 var(--color-codinflo-green, #8BC34A);transform:translate(-2px,-2px)}.cp-consent-label{display:flex;align-items:flex-start;cursor:pointer;background:#f9fafb;padding:.75rem;border-radius:4px;border:1px solid #e5e7eb;margin-top:.5rem}.cp-consent-checkbox{margin-top:2px;width:1rem;height:1rem;accent-color:var(--color-codinflo-green, #8BC34A);flex-shrink:0}.cp-success{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;flex:1}.cp-success.cp-visible{display:flex}.cp-success-icon{width:6rem;height:6rem;background:#f0fdf4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:1.5rem;border:4px solid var(--color-codinflo-green, #8BC34A);box-shadow:6px 6px 0 var(--color-codinflo-dark, #272A30);transform:rotate(3deg)}.cp-success-title{font-family:var(--font-serif, "Playfair Display", serif);font-size:1.875rem;font-weight:700;color:var(--color-codinflo-dark, #272A30);margin-bottom:.5rem}.cp-success-message{color:#6b7280;margin-bottom:2rem;font-size:.875rem;max-width:250px}.cp-success-btn{padding:.75rem 1.5rem;background:var(--color-codinflo-dark, #272A30);color:#fff;font-weight:700;font-size:.875rem;font-family:inherit;border:2px solid var(--color-codinflo-dark, #272A30);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:4px 4px 0 var(--color-codinflo-green, #8BC34A);cursor:pointer;transition:all .2s ease}.cp-success-btn:hover{transform:translateY(2px);box-shadow:2px 2px 0 var(--color-codinflo-green, #8BC34A)}.cp-rgpd-modal{display:none;position:fixed;inset:0;z-index:1050;background:#272a30cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.cp-rgpd-modal.cp-visible{display:flex}.cp-rgpd-modal-inner{background:#fff;border-radius:12px;padding:1.5rem;max-width:24rem;width:100%;box-shadow:8px 8px 0 var(--color-codinflo-dark, #272A30);border:4px solid var(--color-codinflo-dark, #272A30)}.cp-rgpd-icon{width:3rem;height:3rem;background:#eff6ff;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;border:2px solid #bfdbfe}.cp-rgpd-title{font-family:var(--font-serif, "Playfair Display", serif);font-weight:700;font-size:1.25rem;color:var(--color-codinflo-dark, #272A30);margin-bottom:.5rem}.cp-rgpd-text{font-size:.875rem;color:#4b5563;margin-bottom:1.5rem;line-height:1.5}.cp-rgpd-actions{display:flex;gap:.75rem}.cp-rgpd-actions button{flex:1;padding:.5rem .75rem;font-weight:700;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit}.cp-rgpd-confirm-btn{border:2px solid #d1d5db;color:#6b7280;background:#fff}.cp-rgpd-confirm-btn:hover{background:#f9fafb}.cp-rgpd-cancel-btn{background:var(--color-codinflo-green, #8BC34A);color:var(--color-codinflo-dark, #272A30);border:2px solid transparent;box-shadow:2px 2px 0 var(--color-codinflo-dark, #272A30)}.cp-rgpd-cancel-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-codinflo-dark, #272A30)}@keyframes cp-pop{0%{transform:scale(1)}50%{transform:scale(1.15);color:#fff}to{transform:scale(1)}}.cp-animate-pop{animation:cp-pop .3s ease-out}.cp-hidden{display:none!important}.cp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cp-grid-2-sm{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.cp-push-toggle{padding:6px 14px;border:2px solid #d1d5db;border-radius:20px;background:#f3f4f6;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;color:#9ca3af;white-space:nowrap;flex-shrink:0}.cp-push-toggle:hover{border-color:#9ca3af}.cp-push-toggle.cp-active{background:var(--color-codinflo-green, #8BC34A);border-color:var(--color-codinflo-dark, #272A30);box-shadow:2px 2px 0 var(--color-codinflo-dark, #272A30);color:var(--color-codinflo-dark, #272A30)}.cp-push-toggle.cp-active:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-codinflo-dark, #272A30)}.cp-seo-section{padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;transition:all .2s ease}.cp-seo-section:hover{border-color:var(--color-codinflo-green, #8BC34A)}.cp-seo-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cp-seo-detail{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #e5e7eb}.cp-rgpd-price-wrapper{display:flex;align-items:center;gap:6px;flex-shrink:0}.cp-price-strikethrough{text-decoration:line-through;color:#d1d5db;font-size:10px;font-weight:700}.cp-price-free{font-size:10px;font-weight:700;color:var(--color-codinflo-green, #8BC34A);background:#f0fdf4;padding:2px 8px;border-radius:4px;border:1px solid var(--color-codinflo-green, #8BC34A)}@media(max-width:480px){.cp-body,.cp-header{padding:1rem}.cp-grid-2,.cp-grid-2-sm{grid-template-columns:1fr}.cp-price-bar{flex-direction:column;gap:.5rem;text-align:center}.cp-price-bar>div:last-child{text-align:center}.cp-price-bar>div:last-child>div:first-child{justify-content:center}.cp-submit-btn{font-size:1rem;padding:.875rem 1rem}.cp-seo-detail{flex-wrap:wrap}.cp-section-card{padding:.75rem}}