.cof-wrapper{max-width:960px;margin:0 auto;padding-block:var(--spacing-8) var(--spacing-12)}.shopify-section--custom-order-form:first-child .cof-wrapper{padding-block-start:var(--spacing-4)}.cof-header{margin-block-end:var(--spacing-8)}.cof-header:before{content:"";display:block;width:40px;height:2px;background:rgb(var(--text-color) / .15);margin:0 auto var(--spacing-6)}.cof-header .h2{font-size:clamp(1.5rem,3.5vw,2.25rem);margin-block-end:var(--spacing-3)}.cof-subheading{opacity:.5;max-width:520px;margin:0 auto;font-size:var(--text-sm);line-height:1.65}.cof-form{display:grid;gap:0}.cof-section{border:0;margin:0;padding:var(--spacing-8) 0;border-bottom:1px solid rgb(var(--text-color) / .08)}.cof-section:first-of-type{padding-block-start:0}.cof-section:last-of-type{border-bottom:none}.cof-section__title{margin-block-end:var(--spacing-6);letter-spacing:.02em}.cof-grid{display:grid;gap:var(--spacing-4)}.cof-grid+.cof-grid{margin-block-start:var(--spacing-4)}@media screen and (min-width:700px){.cof-grid--2{grid-template-columns:repeat(2,1fr)}.cof-grid--3{grid-template-columns:repeat(3,1fr)}}.cof-block-label{display:block;font-size:var(--text-sm);font-weight:700;margin-block-end:var(--spacing-2)}.cof-field-hint{display:block;font-size:var(--text-xs);opacity:.5;margin-block-start:var(--spacing-1);padding-inline-start:var(--spacing-4)}.cof-moq-msg{margin-block-start:var(--spacing-3);font-size:var(--text-sm);font-weight:700;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--rounded-input);background:rgb(var(--text-color) / .06)}.cof-colours-layout{display:grid;gap:var(--spacing-6)}@media screen and (min-width:700px){.cof-colours-layout{grid-template-columns:1fr 240px;align-items:start}}@media screen and (min-width:1000px){.cof-colours-layout{grid-template-columns:1fr 300px}}.cof-hat-colours{animation:cofSlideDown .3s ease-out}@keyframes cofSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.cof-pattern-upload{margin-block-start:var(--spacing-4);animation:cofFadeIn .3s ease-out}.cof-upload--compact .cof-upload__area{min-height:64px}.cof-upload--compact .cof-upload__content{flex-direction:row;gap:var(--spacing-3);padding:var(--spacing-3)}.cof-reference-image{position:sticky;top:calc(var(--sticky-area-height, 0px) + 20px)}.cof-ref-img{animation:cofFadeIn .3s ease-out}.cof-ref-img img{width:100%;height:auto;border-radius:var(--rounded-input);border:1px solid rgb(var(--text-color) / .08)}.cof-ref-placeholder{aspect-ratio:4 / 3;border:2px dashed rgb(var(--text-color) / .12);border-radius:var(--rounded-input);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-6)}.cof-ref-placeholder span{font-size:var(--text-sm);opacity:.4}@keyframes cofFadeIn{0%{opacity:0}to{opacity:1}}.cof-upload-card{display:flex;flex-direction:column;gap:var(--spacing-3)}.cof-upload__label{font-size:var(--text-sm);font-weight:700}.cof-upload__area{position:relative;border:2px dashed rgb(var(--text-color) / .15);border-radius:var(--rounded-input);transition:border-color .2s ease,background-color .2s ease;cursor:pointer;min-height:120px;display:flex;align-items:center;justify-content:center}.cof-upload__area:hover,.cof-upload__area.is-dragover{border-color:rgb(var(--text-color) / .35);background:rgb(var(--text-color) / .04)}.cof-upload__area.has-file{border-style:solid;border-color:rgb(var(--text-color) / .2)}.cof-upload__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.cof-upload__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);text-align:center;pointer-events:none}.cof-upload__content svg{opacity:.4}.cof-upload__text{font-size:var(--text-sm);font-weight:700}.cof-upload__hint{font-size:var(--text-xs);opacity:.4}.cof-upload__preview{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);width:100%}.cof-upload__filename{font-size:var(--text-sm);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cof-upload__remove{position:relative;z-index:3;width:28px;height:28px;border-radius:var(--rounded-full);background:rgb(var(--text-color) / .1);color:inherit;font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s ease}.cof-upload__remove:hover{background:rgb(var(--text-color) / .2)}.cof-upload__area.has-error{border-color:var(--error-text, #f83a3a)}.cof-size-row{margin-block-end:var(--spacing-3)}.cof-size-row__fields{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-3);align-items:start}.cof-size-row__size,.cof-size-row__qty{min-width:0}.cof-size-row__remove{align-self:center;width:36px;height:36px;border-radius:var(--rounded-full);background:rgb(var(--text-color) / .08);color:inherit;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;flex-shrink:0;margin-top:var(--spacing-2)}.cof-size-row__remove:hover{background:rgb(var(--text-color) / .18)}.cof-size-row__spacer{width:36px;flex-shrink:0}@media screen and (max-width:699px){.cof-size-row__fields{grid-template-columns:1fr 1fr}.cof-size-row__remove{grid-column:span 2;justify-self:end;margin-top:0}}#cof-add-size-wrap{margin-block-start:var(--spacing-2)}.cof-qty-tracker{margin-block-start:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--rounded-input);background:rgb(var(--text-color) / .06);font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;gap:var(--spacing-2)}.cof-qty-tracker.is-met{color:var(--success-text, #00a341)}.cof-qty-tracker.is-under{color:var(--error-text, #f83a3a)}.cof-qty-check:before{content:"\2713";margin-inline-end:var(--spacing-1)}.cof-qty-warn:before{content:"\26a0";margin-inline-end:var(--spacing-1)}.cof-submit-wrap{padding-block-start:var(--spacing-8);text-align:center}.cof-submit-loader{display:inline-flex;gap:var(--spacing-1-5);align-items:center;justify-content:center}.cof-dot{width:6px;height:6px;border-radius:var(--rounded-full);background:currentColor;animation:cofDotPulse 1.2s ease-in-out infinite}.cof-dot:nth-child(2){animation-delay:.15s}.cof-dot:nth-child(3){animation-delay:.3s}@keyframes cofDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.cof-success{text-align:center;padding:var(--spacing-12) var(--spacing-6);animation:cofSuccessIn .5s ease-out}.cof-success__inner{max-width:460px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.cof-success__icon-ring{width:56px;height:56px;border-radius:var(--rounded-full);border:2px solid var(--success-text, #00a341);display:flex;align-items:center;justify-content:center;margin-block-end:var(--spacing-2);animation:cofCheckPop .4s ease-out .2s both}.cof-success__icon{color:var(--success-text, #00a341)}.cof-success__heading{font-size:var(--text-base, 1rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase;opacity:.85}.cof-success__body{font-size:var(--text-sm);line-height:1.65;opacity:.6;max-width:400px}@keyframes cofSuccessIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cofCheckPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.cof-error{padding:var(--spacing-4);margin-block-end:var(--spacing-4);border-radius:var(--rounded-input);background:#f83a3a1a;color:var(--error-text, #f83a3a);font-weight:700;font-size:var(--text-sm);animation:cofFadeIn .3s ease-out}.cof-invalid{border-color:var(--error-text, #f83a3a)!important}.cof-invalid:focus{box-shadow:inset 0 0 0 1px var(--error-text, #f83a3a)!important}.cof-field-error{display:block;font-size:var(--text-xs);color:var(--error-text, #f83a3a);margin-block-start:var(--spacing-1);padding-inline-start:var(--spacing-4)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5;cursor:pointer}input[type=date]{color-scheme:dark}@media screen and (max-width:699px){.cof-wrapper{padding-block:var(--spacing-8)}.cof-section{padding:var(--spacing-6) 0}.cof-grid--3,.cof-colours-layout{grid-template-columns:1fr}.cof-reference-image{position:static;order:-1}.cof-upload__area{min-height:100px}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/custom-order-form.css.map */