:root{--ccc-header-height: 110px;--ccc-modal-padding: 24px;--ccc-column-gap: 32px;--ccc-card-aspect: 1.43}.ccc[hidden]{display:none}.ccc{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;perspective:1000px;pointer-events:auto}.ccc__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6!important;cursor:pointer;opacity:1!important;z-index:1;pointer-events:auto;display:block!important;visibility:visible!important}.ccc__dialog{position:relative;z-index:2;width:92%;max-width:1040px;max-height:92vh;background-color:var(--brutal-white);color:var(--brutal-black)!important;border:var(--brutal-border);border-radius:var(--brutal-radius);box-shadow:var(--brutal-shadow-xl);overflow-y:auto;overscroll-behavior:contain;overflow-x:hidden;animation:dialogEnter .18s ease forwards;transform-origin:center center;transition:width .35s var(--ease-out-expo),max-width .35s var(--ease-out-expo),height .35s var(--ease-out-expo),opacity .2s ease}.ccc__dialog--personalise{width:min(96vw,1280px);max-width:1280px;transition:width .35s var(--ease-out-expo),max-width .35s var(--ease-out-expo),height .35s var(--ease-out-expo)}@media (max-width: 1024px){.ccc__dialog--personalise{width:96vw;max-width:96vw}}.ccc__dialog--morphing{transition:width .35s var(--ease-out-expo),max-width .35s var(--ease-out-expo),height .35s var(--ease-out-expo)}.ccc__dialog--morphing .ccc__body{opacity:0;transition:opacity .15s ease-out}.ccc__dialog--personalise .ccc__body{opacity:1;transition:opacity .2s ease-out}@keyframes dialogEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ccc__dialog::-webkit-scrollbar{width:8px}.ccc__dialog::-webkit-scrollbar-track{background:#1a1a1a0d;border-radius:var(--brutal-radius)}.ccc__dialog::-webkit-scrollbar-thumb{background:#1a1a1a33;border-radius:var(--brutal-radius);transition:background .3s ease}.ccc__dialog::-webkit-scrollbar-thumb:hover{background:#1a1a1a4d}.ccc__loading{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem}.ccc__spinner{width:60px;height:60px;position:relative}.ccc__spinner-svg{width:100%;height:100%;animation:spinnerRotate 1.4s linear infinite}.ccc__spinner-circle{stroke:#1a1a1a33;stroke-linecap:round;animation:spinnerDash 1.4s ease-in-out infinite}.ccc__close{position:absolute;top:2rem;right:2rem;width:4.4rem;height:4.4rem;padding:0;border:var(--brutal-border-thin);background:var(--brutal-yellow);color:var(--brutal-black);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--brutal-radius);transition:all var(--brutal-transition-base);box-shadow:var(--brutal-shadow-sm);opacity:0;animation:closeButtonFadeIn .3s .15s ease-out forwards}.ccc__close:hover{background:var(--brutal-pink);transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-md)}.ccc__close:active{transform:translate(0);box-shadow:var(--brutal-shadow-sm)}.ccc__close:focus-visible{outline:var(--brutal-border-thin) solid var(--brutal-black);outline-offset:2px}.ccc__close svg{width:2rem;height:2rem;transition:transform var(--brutal-transition-base)}.ccc__body{padding:1.5rem;min-height:400px}.ccc__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:650px;color:#1a1a1ab3;gap:1.5rem}.spinner{animation:spinnerRotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner__path{stroke:var(--brutal-black);stroke-linecap:round;animation:spinnerDash 1.8s ease-in-out infinite}.ccc__choice{display:grid;grid-template-columns:42fr 58fr;gap:2rem;align-items:start;opacity:0;animation:contentFadeIn .5s .2s var(--ease-out-quart) forwards}.ccc__product-preview{display:contents}.ccc__product-image{grid-column:1;grid-row:1}.ccc__product-title{grid-column:2;grid-row:1;margin-bottom:1rem}.ccc__options{grid-column:2;grid-row:1;margin-top:3.5rem}.ccc__product-preview{position:sticky;top:0;opacity:0;animation:productPreviewFadeIn .6s .3s var(--ease-out-expo) forwards}.ccc__product-image{width:100%;aspect-ratio:1;object-fit:cover;border:var(--brutal-border);border-radius:var(--brutal-radius);margin-bottom:2rem;box-shadow:var(--brutal-shadow-lg)}.ccc__product-title{font-family:var(--brutal-font-display);font-size:var(--brutal-heading-1);font-weight:700;line-height:1.1;margin-bottom:var(--space-2);color:var(--brutal-black);letter-spacing:-.02em;text-transform:none}.ccc__product-price{display:none}.ccc__progress-strip{display:flex;align-items:center;gap:1rem;padding:0 0 2rem;margin-bottom:1.5rem;border-bottom:2px solid rgba(26,26,26,.1);font-family:var(--brutal-font-body);font-size:1.3rem;font-weight:500;opacity:0;animation:progressStripFadeIn .5s .3s var(--ease-out-quart) forwards}@keyframes progressStripFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ccc__progress-step{display:flex;align-items:center;gap:.6rem;color:#1a1a1a66;transition:color .3s ease}.ccc__progress-step--active{color:var(--brutal-black);font-weight:600}.ccc__progress-dot{width:.8rem;height:.8rem;border-radius:50%;background:#1a1a1a33;transition:all .3s ease}.ccc__progress-step--active .ccc__progress-dot{background:var(--brutal-black);transform:scale(1.25)}.ccc__progress-separator{color:#1a1a1a4d;font-weight:400}.ccc__options{opacity:0;animation:optionsFadeIn .6s .4s var(--ease-out-quart) forwards}.ccc__sizes-heading{font-family:var(--brutal-font-display);font-size:var(--brutal-heading-2);font-weight:700;margin-bottom:1rem;color:var(--brutal-black);letter-spacing:.05em;text-transform:uppercase}.ccc__sizes{border:none;padding:0;margin:0 0 2rem}.ccc__trust-badges{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.ccc__trust-badge{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;background:#ffdf0026;border:2px solid var(--brutal-black);border-radius:4px;box-shadow:2px 2px 0 var(--brutal-black);cursor:pointer;transition:all .2s ease}.ccc__trust-badge:hover{transform:scale(1.02)}.ccc__trust-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--brutal-yellow);border:2px solid var(--brutal-black);border-radius:4px;font-size:1.6rem;line-height:1}.ccc__trust-text-wrapper{display:flex;flex-direction:column;gap:.2rem}.ccc__trust-text{font-family:var(--brutal-font-body);font-size:1.2rem;color:var(--brutal-black);font-weight:600;line-height:1.3}.ccc__trust-subtext{font-family:var(--brutal-font-body);font-size:1.1rem;color:#1a1a1aa6;font-weight:500;line-height:1.3}.ccc__delivery-pricing{display:flex;align-items:center;justify-content:center;gap:.8rem;font-family:var(--brutal-font-body);font-size:1.25rem;color:var(--brutal-black);text-align:center;margin-top:1.2rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--brutal-white);border:2px solid var(--brutal-black);border-radius:4px;box-shadow:3px 3px 0 var(--brutal-black);font-weight:500}.ccc__delivery-pricing svg{flex-shrink:0;color:var(--brutal-black)}.ccc__delivery-pricing strong{font-weight:700;color:var(--brutal-black)}.ccc__size-option{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1.2rem;padding:1rem 1.2rem;border:var(--brutal-border);border-radius:var(--brutal-radius);margin-bottom:.8rem;cursor:pointer;transition:all var(--brutal-transition-base);background:var(--brutal-white);position:relative;box-shadow:2px 2px 0 var(--brutal-black)}.ccc__size-option:before{display:none}.ccc__size-option:hover{border-color:var(--brutal-black);background:#ffdf0014;transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-md)}.ccc__size-option:has(input:checked){border-color:var(--brutal-black);background:var(--brutal-yellow);font-weight:600;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-black)}.ccc__size-option:has(input:checked):hover{transform:translate(-4px,-4px) rotate(var(--brutal-rotate-md)) scale(1.02);box-shadow:10px 10px 0 var(--brutal-black)}.ccc__size-option:has(input:disabled){opacity:.4;cursor:not-allowed;transform:none;box-shadow:var(--brutal-shadow-sm)}.ccc__size-option:has(input:disabled):hover{border-color:var(--brutal-black);transform:none}.ccc__size-option input[type=radio]{width:2.2rem;height:2.2rem;margin:0;cursor:pointer;accent-color:var(--brutal-black);transition:transform var(--brutal-transition-base);outline:none!important;box-shadow:none!important}.ccc__size-option input[type=radio]:checked{transform:scale(1.15);outline:none!important;box-shadow:none!important}.ccc__size-option input[type=radio]:focus{outline:none!important;box-shadow:none!important}.ccc__size-option input[type=radio]:focus-visible{outline:none!important;box-shadow:none!important}.ccc__size-option input[type=radio]:disabled{cursor:not-allowed}.ccc__size-content{display:flex;flex-direction:column;gap:.4rem;flex:1}.ccc__size-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ccc__size-name-wrapper{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.ccc__size-label{font-size:1.6rem;line-height:1.4;letter-spacing:-.01em;font-weight:600}.ccc__size-badge{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .8rem;border-radius:var(--brutal-radius);background:var(--brutal-pink);color:var(--brutal-white);line-height:1;animation:badgePulse 2s var(--ease-out-quart) infinite}.ccc__size-dimensions{font-size:1.3rem;color:#1a1a1aa6;font-weight:500;font-variant-numeric:tabular-nums}.ccc__size-personality{font-size:1.25rem;color:#1a1a1ad9;line-height:1.4;font-weight:600;margin:0}.ccc__size-price{font-size:1.6rem;font-weight:700;color:var(--brutal-black);font-variant-numeric:tabular-nums;transition:color .3s ease;flex-shrink:0}.ccc__size-option:has(input:checked) .ccc__size-price{color:var(--brutal-pink)}.ccc__size-unavailable{grid-column:1 / -1;font-size:1.3rem;color:var(--brutal-pink);font-weight:600;text-align:center;padding-top:.8rem;border-top:1px solid rgba(255,0,110,.2);margin-top:.4rem}.ccc__size-showcase{background:var(--brutal-cream, #FFFBF0);border:3px solid var(--brutal-black);box-shadow:6px 6px 0 var(--brutal-black);padding:1.5rem 2rem;margin-bottom:2rem;border-radius:var(--brutal-radius);animation:showcaseFadeIn .5s .3s var(--ease-out-quart) forwards;opacity:0}@keyframes showcaseFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ccc__size-showcase__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.ccc__size-showcase__name{font-family:var(--brutal-font-display);font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:var(--brutal-black)}.ccc__size-showcase__price{font-size:1.8rem;font-weight:900;background:var(--brutal-yellow);padding:.4rem .8rem;border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);color:var(--brutal-black);box-shadow:2px 2px 0 var(--brutal-black)}.ccc__size-showcase__dimensions{font-family:var(--brutal-font-body);font-size:1.3rem;color:#1a1a1ab3;font-weight:600;letter-spacing:.01em}.ccc__size-showcase__tagline{font-family:var(--brutal-font-body);font-size:1.2rem;font-style:italic;margin:.5rem 0 0;color:#1a1a1ad9;line-height:1.4}.ccc__actions{display:flex;flex-direction:column;gap:.8rem;opacity:0;animation:actionsFadeIn .5s .5s var(--ease-out-quart) forwards}.ccc__actions .button{width:100%;justify-content:center;padding:1.6rem 2.4rem;font-family:var(--brutal-font-display);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:var(--brutal-border);border-radius:4px;transition:all var(--brutal-transition-base);position:relative;box-shadow:var(--brutal-shadow-md)}.ccc__actions .button:before{display:none}.ccc__actions .button:hover{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-lg)}.ccc__actions .button:active{transform:translate(0);box-shadow:var(--brutal-shadow-sm)}.ccc__actions .button--primary{background:var(--brutal-black);color:var(--brutal-white);border-color:var(--brutal-black)}.ccc__actions .button--primary:hover{background:#000;transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--brutal-black);background:linear-gradient(135deg,#1a1a1a,#000)}.ccc__actions .button--secondary{background:var(--brutal-white);border:var(--brutal-border);color:var(--brutal-black)}.ccc__actions .button--secondary:hover{background:#f5f5f5;border-color:var(--brutal-black)}.ccc__actions-caption{font-family:var(--brutal-font-body);font-size:1.3rem;color:#1a1a1aa6;text-align:center;margin:-.8rem 0 .4rem;line-height:1.4;font-style:italic}#cc-recs-container{margin-top:0}#cc-recs-container:empty{display:none}.ccc__footer-mobile{display:none}.ccc__personaliser{max-width:100%;margin:0 auto;opacity:0;animation:personaliserFadeIn .5s var(--ease-out-expo) forwards;display:flex;flex-direction:column;min-height:100%}@keyframes personaliserFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ccc__top-bar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0;margin-bottom:1.5rem;border-bottom:2px solid rgba(26,26,26,.1)}.ccc__back{font-size:1.3rem;font-weight:600;color:#1a1a1ab3;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.ccc__back:hover{color:var(--brutal-black)}@media (min-width: 1024px){.ccc__personaliser-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}}.ccc__card-column{display:flex;flex-direction:column;gap:2.4rem}.ccc__card-section{display:flex;flex-direction:column;gap:1.2rem}.ccc__card-heading{font-size:2.4rem;font-weight:700;font-family:var(--brutal-font);text-transform:uppercase;letter-spacing:-.02em;margin:0;color:var(--brutal-black)}.ccc__card-description{font-size:1.4rem;color:#1a1a1a99;margin:0 0 .8rem;line-height:1.5}.ccc__message-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem}.ccc__message-helper{font-size:1.2rem;color:#1a1a1a80;margin:0;line-height:1.4}.ccc__card-interior{width:100%;max-width:700px;aspect-ratio:var(--card-aspect, 1.4);background:#fafafa;border:none;border-radius:var(--brutal-radius);box-shadow:0 4px 12px #00000014;display:grid;grid-template-columns:1fr 2px 1fr;overflow:hidden;position:relative;margin:0 auto;transform-origin:top center}.ccc__card-page{position:relative;min-width:0;overflow:hidden}.ccc__card-page--left{background:linear-gradient(135deg,#fafafa,#f0f0f0)}.ccc__card-page--right{background:#fff;cursor:text}.ccc__card-fold{width:2px;background:linear-gradient(to bottom,#1a1a1a14,#1a1a1a26 50%,#1a1a1a14);box-shadow:-1px 0 2px #0000000d}.ccc__message-field-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;cursor:text;overflow:hidden}.ccc__message-field{position:absolute;background:transparent;border:none;outline:none;overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;cursor:text;box-sizing:border-box;-webkit-user-select:text;user-select:text;font-family:Playfair Display,Georgia,serif;font-size:14px;color:#1a1a1a;text-align:center;letter-spacing:.01em;line-height:1.5;padding:0}.ccc__message-field[data-empty=true]:before{content:attr(data-placeholder);color:#1a1a1a59;font-style:italic;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center}.ccc__message-field:focus{outline:none;border:none}.ccc__message-field br:only-child{display:none}.ccc__message-field[contenteditable=false]{opacity:.3;pointer-events:none}.ccc__message-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem}.ccc__message-helper{font-size:1.2rem;color:#1a1a1aa6;line-height:1.4;margin:0;flex:1}.ccc__message-counter{display:none;font-size:1.2rem;color:#1a1a1a80;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.ccc__counter-current{color:var(--brutal-black)}.ccc__helper-section{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.ccc__helper-buttons{display:flex;flex-direction:column;gap:.8rem}@media (min-width: 768px){.ccc__helper-buttons{flex-direction:row;gap:12px}.ccc__helper-buttons>*{flex:1}}.ccc__send-without-bar{width:100%;background:var(--brutal-white);border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);box-shadow:none;cursor:pointer;transition:all .2s ease}.ccc__send-without-bar:hover{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-md)}.ccc__leave-blank-checkbox{position:absolute;opacity:0;pointer-events:none}.ccc__send-without-label{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;cursor:pointer;width:100%}.ccc__send-without-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffdf0033;border:2px solid var(--brutal-black);border-radius:4px}.ccc__send-without-text{flex:1;display:flex;flex-direction:column;gap:.2rem}.ccc__send-without-title{font-size:1.1rem;font-weight:600;color:var(--brutal-black);line-height:1.3}.ccc__send-without-subtitle{font-size:1rem;color:#1a1a1aa6;line-height:1.3}.ccc__send-without-check{width:20px;height:20px;border:2px solid var(--brutal-black);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brutal-white);transition:all .2s ease}.ccc__leave-blank-checkbox:checked~.ccc__send-without-label{background:var(--brutal-yellow)}.ccc__leave-blank-checkbox:checked~.ccc__send-without-label .ccc__send-without-check{background:var(--brutal-black)}.ccc__leave-blank-checkbox:checked~.ccc__send-without-label .ccc__send-without-check:after{content:"\2713";color:var(--brutal-white);font-size:14px;font-weight:700}.ccc__ai-toggle{width:100%;background:var(--brutal-white);border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);box-shadow:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;text-align:left}.ccc__ai-toggle:hover{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-md)}.ccc__ai-toggle[aria-expanded=true]{background:#ffdf001a;border-color:var(--brutal-yellow)}.ccc__ai-toggle-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffdf0033;border:2px solid var(--brutal-black);border-radius:4px}.ccc__ai-toggle-text{flex:1;display:flex;flex-direction:column;gap:.2rem}.ccc__ai-toggle-title{font-size:1.1rem;font-weight:600;color:var(--brutal-black);line-height:1.3}.ccc__ai-toggle-subtitle{font-size:1rem;color:#1a1a1aa6;line-height:1.3}.ccc__ai-panel{width:100%;background:#ffdf000d;border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);box-shadow:none;animation:aiPanelSlideIn .3s var(--ease-out-expo)}@keyframes aiPanelSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ccc__ai-content{padding:0 1.2rem 1.2rem}.ccc__ai-form{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0}.ccc__ai-input{width:100%;padding:.8rem 1rem;border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);font-size:1.3rem;background:var(--brutal-white)}.ccc__ai-input:focus{outline:none;box-shadow:0 0 0 3px #ffdf004d}.ccc__ai-textarea-wrapper{display:flex;flex-direction:column;gap:.6rem}.ccc__ai-textarea-label{font-size:1.3rem;font-weight:600;color:var(--brutal-black)}.ccc__ai-textarea{resize:vertical;min-height:120px;line-height:1.5}.ccc__ai-textarea-footer{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;margin-top:-.4rem}.ccc__ai-textarea-helper{color:#666;font-style:italic}.ccc__ai-textarea-counter{color:#999;font-size:1rem;font-variant-numeric:tabular-nums}.ccc__ai-generate-btn{padding:1rem 1.6rem;background:var(--brutal-white);color:var(--brutal-black);border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:2px 2px 0 var(--brutal-black);transition:all .15s ease}.ccc__ai-generate-btn:hover{background:#ff006e1a;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--brutal-black)}.ccc__ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ccc__ai-results{margin-top:1.2rem}.ccc__ai-suggestion-card{background:#fff9e6;border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);padding:1.4rem;margin-bottom:1rem}.ccc__ai-suggestion-card:last-child{margin-bottom:0}.ccc__ai-suggestion-text{font-size:1.4rem;line-height:1.5;color:var(--brutal-black);margin:0 0 1rem}.ccc__ai-suggestion-actions{display:flex;gap:.8rem;align-items:center}.ccc__ai-use-btn{padding:.8rem 1.4rem;background:var(--brutal-black);color:var(--brutal-white);border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);font-size:1.3rem;font-weight:600;cursor:pointer;box-shadow:2px 2px 0 var(--brutal-black);transition:all .15s ease}.ccc__ai-use-btn:hover{background:#00ff9f;color:var(--brutal-black);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--brutal-black)}.ccc__ai-copy-btn{padding:.8rem 1.4rem;background:var(--brutal-white);color:var(--brutal-black);border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);font-size:1.3rem;font-weight:600;cursor:pointer;box-shadow:none;transition:all .15s ease}.ccc__ai-copy-btn:hover{background:#ff006e1a;border-color:#ff006e}.ccc__style-column{display:flex;flex-direction:column;gap:1.2rem}.ccc__card-summary{padding:1rem 0}.ccc__summary-title{font-family:var(--brutal-font-display);font-size:var(--brutal-heading-1);font-weight:700;line-height:1.1;margin:0 0 .4rem;color:var(--brutal-black);letter-spacing:-.02em}.ccc__summary-subtitle{font-size:1.4rem;color:#1a1a1aa6;font-weight:500;margin:0}.ccc__style-panel{background:var(--brutal-white);border:var(--brutal-border);border-radius:var(--brutal-radius);padding:1.5rem;box-shadow:2px 2px 0 var(--brutal-black)}.ccc__style-heading{font-family:var(--brutal-font-display);font-size:var(--brutal-heading-2);font-weight:700;margin:0 0 1.2rem;color:var(--brutal-black);letter-spacing:.05em;text-transform:uppercase}.ccc__form{display:flex;flex-direction:column;gap:1.2rem}.ccc__control-section{display:flex;flex-direction:column;gap:.6rem}.ccc__control-label{font-size:1.2rem;font-weight:600;color:var(--brutal-black);text-transform:uppercase;letter-spacing:.05em}.ccc__custom-dropdown{position:relative}.ccc__dropdown-trigger{width:100%;padding:1rem 1.2rem;background:var(--brutal-white);border:2px solid var(--brutal-black);border-radius:4px;box-shadow:2px 2px 0 var(--brutal-black);font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left}.ccc__dropdown-trigger:hover{background:#ff006e1a;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--brutal-black)}.ccc__dropdown-trigger:active{transform:translate(0);box-shadow:1px 1px 0 var(--brutal-black)}.ccc__dropdown-selected{flex:1;font-size:16px}.ccc__dropdown-arrow{flex-shrink:0;transition:transform .2s ease}.ccc__custom-dropdown[data-open=true] .ccc__dropdown-arrow{transform:rotate(180deg)}.ccc__dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--brutal-white);border:2px solid var(--brutal-black);border-radius:4px;box-shadow:4px 4px 0 var(--brutal-black);z-index:100;max-height:400px;overflow-y:auto}.ccc__dropdown-option{width:100%;padding:1rem 1.2rem;background:var(--brutal-white);border:none;border-bottom:1px solid rgba(26,26,26,.1);font-size:20px;text-align:left;cursor:pointer;transition:all .15s ease;min-height:52px;display:flex;align-items:center}.ccc__dropdown-option:last-child{border-bottom:none}.ccc__dropdown-option:hover{background:#ff006e26}.ccc__dropdown-option--active{background:#ffdf0033;font-weight:600}.ccc__dropdown-option--active:before{content:"\2713";margin-right:8px;font-weight:700}.ccc__size-buttons{display:flex;gap:.6rem}.ccc__size-btn{flex:1;padding:1rem;border:2px solid var(--brutal-black);border-radius:4px;background:var(--brutal-white);box-shadow:2px 2px 0 var(--brutal-black);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:52px}.ccc__size-btn:hover{background:#ff006e26;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--brutal-black)}.ccc__size-btn--active{background:#00ff9f;font-weight:700;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-black)}.ccc__size-btn--active:hover{background:#00ff9f;transform:translate(-2px,-2px)}.ccc__color-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ccc__color-swatch{width:100%;aspect-ratio:1;border:2px solid var(--brutal-black);border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:2px 2px 0 var(--brutal-black)}.ccc__color-swatch:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--brutal-black)}.ccc__color-swatch--active{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-black);border-width:3px}.ccc__color-swatch--active:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--brutal-white);font-size:16px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.5)}.ccc__recipient-panel{background:var(--brutal-white);border:var(--brutal-border);border-radius:var(--brutal-radius);padding:1.5rem;box-shadow:2px 2px 0 var(--brutal-black);animation:recipientPanelFadeIn .3s var(--ease-out-expo)}@keyframes recipientPanelFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ccc__recipient-heading{font-family:var(--brutal-font-display);font-size:var(--brutal-heading-2);font-weight:700;margin:0 0 1rem;color:var(--brutal-black);letter-spacing:.05em;text-transform:uppercase}.ccc__recipient-fields{display:flex;flex-direction:column;gap:1rem}.cc-field{display:flex;flex-direction:column;gap:.4rem}.cc-label{font-size:1.2rem;font-weight:600;color:var(--brutal-black)}.cc-input{padding:1rem 1.2rem;border:2px solid var(--brutal-black);border-radius:4px;font-size:1.4rem;line-height:1.4;min-height:48px;background:var(--brutal-white)}select.cc-input{line-height:1.4;padding-right:2.4rem}.cc-input:focus{outline:none;box-shadow:0 0 0 3px #ffdf004d}.ccc__field-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ccc__sticky-footer{position:sticky;bottom:0;left:0;right:0;background:var(--brutal-white);border-top:2px solid var(--brutal-black);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;z-index:20;margin-top:auto}.ccc__footer-delivery{flex:1;display:flex;flex-direction:column;gap:.6rem}.ccc__footer-delivery-toggle{display:flex;gap:.6rem}.ccc__delivery-toggle-btn{padding:.8rem 1.4rem;border:2px solid var(--brutal-black);border-radius:var(--brutal-radius);background:var(--brutal-white);color:var(--brutal-black);font-size:1.3rem;font-weight:600;text-transform:none;cursor:pointer;transition:all .15s ease;box-shadow:none}.ccc__delivery-toggle-btn:hover{background:#ff006e1a;border-color:var(--brutal-black)}.ccc__delivery-toggle-btn--active{background:var(--brutal-black);color:var(--brutal-white);box-shadow:2px 2px 0 var(--brutal-black);transform:translate(-1px,-1px)}.ccc__delivery-toggle-btn--active:hover{background:var(--brutal-black)}.ccc__footer-delivery-summary{font-size:1.2rem;color:#1a1a1aa6;font-weight:500}.ccc__footer-cta{padding:1.4rem 2.4rem;background:var(--brutal-yellow);border:2px solid var(--brutal-black);border-radius:4px;font-family:var(--brutal-font-display);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--brutal-black);white-space:nowrap}.ccc__footer-cta:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-black)}.ccc__footer-cta:active{transform:translate(0);box-shadow:2px 2px 0 var(--brutal-black)}.ccc__restore-prompt{background:#ffdf0026;border:2px solid var(--brutal-yellow);border-radius:var(--brutal-radius);padding:1.2rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:var(--brutal-shadow-sm)}.ccc__restore-content{display:flex;align-items:center;gap:1rem;flex:1}.ccc__restore-icon{width:20px;height:20px;color:var(--brutal-black);flex-shrink:0}.ccc__restore-text{flex:1}.ccc__restore-text strong{display:block;font-size:1.3rem;font-weight:700;margin-bottom:.2rem}.ccc__restore-text p{font-size:1.2rem;color:#1a1a1ab3;margin:0}.ccc__restore-actions{display:flex;gap:.6rem}@keyframes restorePromptFadeOut{to{opacity:0;transform:translateY(-8px)}}.ccc__style-panel--disabled{opacity:.4;pointer-events:none}@media screen and (max-width: 749px){.ccc{padding:2vh 0}.ccc__dialog{box-sizing:border-box;width:100vw;max-width:100vw;height:96vh;max-height:96vh;margin:0;padding:16px;border-radius:var(--brutal-radius);animation:dialogEnterMobile .4s var(--ease-out-expo) forwards;overflow:hidden;display:flex;flex-direction:column}@keyframes dialogEnterMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.ccc__body{padding:0!important;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.ccc__choice{grid-template-columns:1fr;gap:0}.ccc__product-preview{display:block}.ccc__product-image{grid-column:auto;grid-row:auto;margin-bottom:1rem}.ccc__product-title{grid-column:auto;grid-row:auto;font-size:2rem;margin-bottom:.5rem}.ccc__options{grid-column:auto;grid-row:auto;margin-top:0}.ccc__actions .button--primary{display:none}.ccc__actions{margin-top:1rem}.ccc__actions .button--secondary{margin-bottom:1rem}.ccc__form .button--primary[type=submit]{display:none}.ccc__footer-mobile{display:block;position:sticky;bottom:0;left:0;right:0;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));background:var(--brutal-white);border-top:1px solid rgba(26,26,26,.2);z-index:10;flex-shrink:0}.ccc__footer-mobile .button{width:100%;margin:0;border-radius:var(--brutal-radius)}.ccc__product-preview{position:static}.ccc__product-image{border-radius:var(--brutal-radius);max-height:45vh;aspect-ratio:auto;object-fit:contain;width:100%}.ccc__sizes-heading{font-size:1.6rem;margin-bottom:1rem}.ccc__sizes{margin-bottom:1rem}.ccc__size-option{padding:1.6rem 1.8rem;margin-bottom:1rem;min-height:44px}.ccc__size-option:last-child{margin-bottom:0}.ccc__size-label{font-size:1.5rem}.ccc__size-price{font-size:1.7rem}.ccc__size-dimensions{font-size:1.2rem}.ccc__size-badge{font-size:1.1rem;padding:.3rem .7rem}.ccc__actions .button{font-size:1.6rem;padding:1.6rem 2rem;min-height:56px}.ccc__close{position:fixed;top:calc(2vh + 1.5rem);right:1.5rem;width:48px;height:48px;min-width:44px;min-height:44px}.ccc__delivery-promise{font-size:1.3rem;padding:.8rem 1.2rem;margin-bottom:1rem}#cc-recs-container{margin-bottom:1rem;margin-top:1rem}.ccc__message-ideas-toggle{font-size:1.2rem;padding:.5rem 1rem}.ccc__message-idea{font-size:1.2rem;padding:.9rem 1rem}.ccc__personaliser-header{grid-template-columns:60px 1fr;gap:.75rem;margin-bottom:1rem}.ccc__personaliser-image{width:60px;height:60px}.ccc__personaliser-info{padding-top:0}.ccc__summary-title{font-size:1.4rem;margin-bottom:.3rem}.ccc__summary-subtitle{font-size:1.2rem}.ccc__personaliser{padding:12px;margin:0}.ccc__personaliser-body{display:flex!important;flex-direction:column;gap:1rem;padding:0!important}.ccc__card-column,.ccc__style-column{display:contents}.ccc__card-summary{order:1}.ccc__card-interior{order:2}.ccc__message-section{order:3}.ccc__helper-section{order:4}.ccc__style-panel{order:5}.ccc__recipient-panel{order:6}.ccc__card-column{gap:1rem}.ccc__card-section{gap:.6rem;padding:0}.ccc__style-column{gap:.8rem}.ccc__summary-title{font-size:1.8rem!important}.ccc__summary-subtitle{font-size:1.3rem!important}.ccc__style-heading,.ccc__recipient-heading{font-size:1.6rem!important}.ccc__sticky-footer{flex-direction:column;align-items:stretch;gap:1rem}.ccc__footer-delivery-toggle,.ccc__footer-cta{width:100%}.ccc__step-label{font-size:1.1rem}.ccc__message-heading{font-size:2rem;margin-bottom:12px}.ccc__message-footer{flex-direction:column;align-items:flex-start;gap:8px}.ccc__message-helper{font-size:1.1rem}.ccc__message-counter{align-self:flex-end;font-size:1.1rem}.ccc__leave-blank{padding:12px 14px;font-size:1.2rem}.ccc__leave-blank input[type=checkbox]{width:20px;height:20px}.ccc__style-heading{font-size:2rem;margin:24px 0 12px}.ccc__style-card{padding:16px}.ccc__ai-helper{margin-top:0}.ccc__ai-toggle{padding:12px 14px;font-size:1.2rem}.ccc__helper-section{margin-top:1rem;gap:.8rem}.ccc__helper-buttons{flex-direction:column;gap:.6rem}.ccc__send-without-bar{padding:0}.ccc__send-without-label{padding:.6rem .8rem;gap:.6rem}.ccc__send-without-icon{width:28px;height:28px}.ccc__send-without-title{font-size:1rem}.ccc__send-without-subtitle{font-size:.85rem}.ccc__ai-toggle{padding:.6rem .8rem;gap:.6rem}.ccc__ai-toggle-icon{width:28px;height:28px}.ccc__ai-toggle-title{font-size:1rem}.ccc__ai-toggle-subtitle{font-size:.85rem}.ccc__ai-panel{padding:0}.ccc__ai-content{padding:.8rem}.ccc__ai-input{padding:.6rem .8rem;font-size:1rem}.ccc__ai-textarea{min-height:80px}.ccc__ai-generate-btn{padding:.8rem 1rem;font-size:1rem}.ccc__ai-description{font-size:1.1rem}.ccc__dropdown-trigger{min-height:36px;padding:.5rem .75rem;font-size:.9rem}.ccc__dropdown-option{font-size:13px!important;padding:.5rem .75rem;min-height:36px}.ccc__dropdown-option span{font-size:13px!important}.ccc__dropdown-selected{font-size:.9rem!important}.ccc__size-buttons{display:flex!important;gap:.5rem}.ccc__size-btn{min-height:36px;padding:.6rem;flex:1}.ccc__size-btn[data-size=small] .ccc__size-icon{font-size:14px!important}.ccc__size-btn[data-size=medium] .ccc__size-icon{font-size:18px!important}.ccc__size-btn[data-size=large] .ccc__size-icon{font-size:22px!important}.ccc__color-swatches{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:6px;flex-wrap:nowrap}.ccc__color-swatch{width:32px;height:32px;min-width:32px;min-height:32px;flex-shrink:0}.ccc__style-card,.ccc__style-panel{padding:.8rem}.ccc__style-heading{font-size:1.1rem;margin-bottom:.6rem}.ccc__control-section{margin-bottom:.6rem;gap:.3rem}.ccc__control-label{font-size:.85rem;margin-bottom:.3rem}.ccc__form{gap:.8rem}.ccc__card-section{overflow-x:hidden;padding:0}.ccc__message-section .ccc__card-heading,.ccc__message-section .ccc__card-description{display:none}.ccc__card-heading{font-size:1.4rem;margin-bottom:.3rem}.ccc__card-description{font-size:.95rem;margin-bottom:.4rem}.ccc__message-footer{margin-top:.4rem}.ccc__footer-delivery-toggle{gap:.5rem}.ccc__delivery-toggle-btn{padding:.6rem 1rem;font-size:.85rem;min-height:38px}.ccc__footer-delivery-summary{font-size:.85rem}.ccc__sticky-footer{padding:1rem;gap:.75rem}.ccc__footer-cta{min-height:52px;font-size:.95rem}}@media print{.ccc{display:none!important}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogEnterMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes spinnerRotate{to{transform:rotate(360deg)}}@keyframes spinnerDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes closeButtonFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes buttonSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes actionsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes optionsFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes productPreviewFadeIn{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes priceChange{0%,to{transform:scale(1)}50%{transform:scale(1.08);color:var(--brutal-pink)}}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes confirmDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmPanelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes personaliserFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes restorePromptFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes restorePromptFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes textBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(1px)}}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes successSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes counterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes recipientFieldsFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.ccc__size-option{border-width:3px}.ccc__size-option:has(input:checked){border-width:4px}.ccc__backdrop{background:#000000d9!important;-webkit-backdrop-filter:none;backdrop-filter:none}}.ccc-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.ccc-lightbox--active{opacity:1}.ccc-lightbox--closing{opacity:0}.ccc-lightbox__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer}.ccc-lightbox__close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;background:var(--brutal-yellow);border:2px solid var(--brutal-black);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;box-shadow:3px 3px 0 var(--brutal-black)}.ccc-lightbox__close:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-black)}.ccc-lightbox__close:active{transform:translate(0);box-shadow:2px 2px 0 var(--brutal-black)}.ccc-lightbox__close svg{color:var(--brutal-black)}.ccc-lightbox__content{position:relative;z-index:5;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.ccc-lightbox__image{max-width:100%;max-height:90vh;width:auto;height:auto;border:var(--brutal-border);border-radius:var(--brutal-radius);box-shadow:10px 10px 0 var(--brutal-black)}.ccc__message-field--near-limit{border:2px solid rgba(255,165,0,.6)!important;border-radius:4px;animation:warningPulse 2s ease-in-out infinite}.ccc__card-interior--near-limit{border-color:#ffa50066;box-shadow:0 0 0 2px #ffa50033,var(--brutal-shadow-lg)}.ccc__message-field--at-limit{border:2px solid rgba(220,38,38,.7)!important;border-radius:4px;animation:atLimitPulse 1.5s ease-in-out infinite}.ccc__card-interior--at-limit{border-color:#dc262680;box-shadow:0 0 0 3px #dc262633,var(--brutal-shadow-lg)}.ccc__message-field--overflow-rejected{animation:textOverflowShake .4s ease-in-out}.ccc__card-interior--overflow-rejected{animation:cardShake .4s ease-in-out}.ccc__text-limit-warning{display:none;padding:.8rem 1.2rem;margin-top:.8rem;border-radius:var(--brutal-radius);font-size:1.3rem;font-weight:600;text-align:center;animation:warningSlideIn .3s ease-out}.ccc__text-limit-warning--near-limit{display:block;background:#fff4e5;color:var(--brutal-black);border:2px solid var(--brutal-black);box-shadow:2px 2px 0 var(--brutal-black)}.ccc__text-limit-warning--at-limit{display:block;background:#ffe5e5;color:var(--brutal-black);border:2px solid var(--brutal-black);box-shadow:2px 2px 0 var(--brutal-black)}@keyframes warningPulse{0%,to{border-color:#ffa50099}50%{border-color:#ffa500e6}}@keyframes atLimitPulse{0%,to{border-color:#dc2626b3}50%{border-color:#dc2626}}@keyframes textOverflowShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes cardShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ccc__backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cc-choice.css.map */