.cof-section{padding:6rem 0}.cof-header{text-align:center;margin-bottom:4rem}.cof-title{font-size:2.8rem;font-weight:700;margin:0 0 1rem}.cof-subtitle{font-size:1.5rem;opacity:.75;max-width:60ch;margin:0 auto}.cof-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:2.4rem}@media(min-width:990px){.cof-layout{grid-template-columns:1fr 28rem;grid-template-rows:auto 1fr;align-items:start}.cof-progress{grid-column:1 / -1}.cof-body{grid-column:1}.cof-summary{grid-column:2;grid-row:2}}.cof-progress{display:flex;gap:0;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none}.cof-progress::-webkit-scrollbar{display:none}.cof-progress__step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:6rem;position:relative;opacity:.4;transition:opacity .2s}.cof-progress__step:before{content:"";position:absolute;top:1.4rem;left:calc(50% + 1.4rem);right:calc(-50% + 1.4rem);height:.2rem;background:rgba(var(--color-foreground),.2)}.cof-progress__step:last-child:before{display:none}.cof-progress__step.is-active,.cof-progress__step.is-done{opacity:1}.cof-progress__dot{width:2.8rem;height:2.8rem;border-radius:50%;border:.2rem solid rgba(var(--color-foreground),.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;background:rgb(var(--color-background));position:relative;z-index:1;transition:background .2s,border-color .2s}.cof-progress__step.is-active .cof-progress__dot{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.cof-progress__step.is-done .cof-progress__dot{background:rgba(var(--color-foreground),.15);border-color:rgba(var(--color-foreground),.4)}.cof-progress__step.is-done .cof-progress__dot span:before{content:"\2713"}.cof-progress__step.is-done .cof-progress__dot span{font-size:0}.cof-progress__step.is-done .cof-progress__dot span:before{font-size:1.2rem}.cof-progress__label{font-size:1.1rem;margin-top:.6rem;text-align:center;line-height:1.3}.cof-step{display:none}.cof-step.is-active{display:block}.cof-step__title{font-size:2rem;font-weight:700;margin:0 0 .6rem}.cof-step__desc{font-size:1.4rem;opacity:.7;margin:0 0 2rem}.cof-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:1.6rem}@media(min-width:750px){.cof-card-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:990px){.cof-card-grid{grid-template-columns:repeat(4,1fr)}}.cof-card-grid--2col{grid-template-columns:1fr}@media(min-width:750px){.cof-card-grid--2col{grid-template-columns:repeat(2,1fr)}}.cof-card{display:block;cursor:pointer;border:.15rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .4rem);overflow:hidden;transition:border-color .15s,box-shadow .15s}.cof-card:hover{border-color:rgba(var(--color-foreground),.5)}.cof-card__input{position:absolute;opacity:0;width:0;height:0}.cof-card__input:checked+.cof-card__body{background:rgba(var(--color-foreground),.06)}.cof-card:has(.cof-card__input:checked){border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .15rem rgb(var(--color-foreground))}.cof-card__body{padding:1.2rem;display:flex;flex-direction:column;gap:.4rem;height:100%}.cof-card__name{font-size:1.3rem;font-weight:600;line-height:1.3}.cof-card--wide .cof-card__name{font-size:1.5rem}.cof-card__desc{font-size:1.2rem;opacity:.7;line-height:1.5}.cof-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.2rem}@media(min-width:750px){.cof-checkbox-grid{grid-template-columns:repeat(3,1fr)}}.cof-checkbox-card{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border:.15rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .4rem);cursor:pointer;font-size:1.3rem;transition:border-color .15s}.cof-checkbox-card:hover{border-color:rgba(var(--color-foreground),.5)}.cof-checkbox-card input[type=checkbox]{accent-color:rgb(var(--color-foreground));width:1.6rem;height:1.6rem;flex-shrink:0}.cof-checkbox-card:has(input:checked){border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.cof-checkbox-card input:disabled+.cof-checkbox-card__label{opacity:.4}.cof-checkbox-card:has(input:disabled){opacity:.5;cursor:not-allowed}.cof-second-logo-fee{font-size:1.3rem;font-weight:500;padding:.8rem 1rem;background:rgba(var(--color-foreground),.06);border-radius:var(--buttons-radius, .4rem);margin-bottom:0}.cof-field-grid{display:grid;grid-template-columns:1fr;gap:1.4rem}@media(min-width:750px){.cof-field-grid{grid-template-columns:repeat(2,1fr)}}.cof-field{display:flex;flex-direction:column;gap:.5rem}.cof-field--full{grid-column:1 / -1}.cof-label{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cof-required{color:inherit}.cof-optional{font-weight:400;opacity:.6;text-transform:none;font-size:1.1rem}.cof-hint{font-size:1.2rem;opacity:.65;margin:0}.cof-input,.cof-select,.cof-textarea{width:100%;padding:.9rem 1.2rem;font-size:1.4rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--buttons-radius, .4rem);color:rgb(var(--color-foreground));background:rgb(var(--color-background));transition:border-color .15s;font-family:inherit}.cof-input:focus,.cof-select:focus,.cof-textarea:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.15)}.cof-textarea{resize:vertical}.cof-colour-picker{position:relative}.cof-colour-picker__btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;font-size:1.4rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--buttons-radius, .4rem);color:rgb(var(--color-foreground));background:rgb(var(--color-background));cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s}.cof-colour-picker__btn:not(:disabled):hover,.cof-colour-picker__btn:not(:disabled):focus{border-color:rgb(var(--color-foreground));outline:none}.cof-colour-picker__btn:disabled{opacity:.4;cursor:not-allowed}.cof-colour-picker__arrow{font-size:1rem;opacity:.5}.cof-colour-picker__panel{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .4rem);box-shadow:0 .4rem 1.6rem rgba(var(--color-foreground),.12);z-index:100;max-height:28rem;overflow-y:auto}.cof-colour-picker__options{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:1rem}@media(min-width:600px){.cof-colour-picker__options{grid-template-columns:repeat(3,1fr)}}.cof-matrix{overflow-x:auto;margin-top:.8rem}.cof-matrix-table{width:100%;border-collapse:collapse;font-size:1.3rem;min-width:26rem}.cof-matrix-th{padding:.8rem 1rem;text-align:center;font-weight:600;font-size:1.2rem;background:rgba(var(--color-foreground),.04);border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.cof-matrix-th--colour{text-align:left;min-width:10rem}.cof-matrix-colour{padding:.7rem 1rem;font-weight:500;border-right:.1rem solid rgba(var(--color-foreground),.08);white-space:nowrap}.cof-matrix-cell{padding:.4rem .6rem;text-align:center}.cof-matrix-cell .cof-size-input{width:7rem}.cof-matrix-row-total,.cof-matrix-col-total,.cof-matrix-grand-total,.cof-matrix-foot-label{padding:.7rem 1rem;text-align:center;font-weight:600}.cof-matrix-foot-label{text-align:left}.cof-matrix-row-total{color:rgba(var(--color-foreground),.45);font-size:1.2rem}.cof-matrix-table tfoot td{border-top:.15rem solid rgba(var(--color-foreground),.15)}.cof-matrix-grand-total{background:rgba(var(--color-foreground),.05);font-size:1.4rem}.cof-size-grid{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem}.cof-size-row{display:flex;align-items:center;gap:1.2rem}.cof-size-label{width:9rem;font-size:1.3rem;font-weight:500;display:flex;flex-direction:column;gap:.1rem}.cof-size-name{display:block}.cof-size-range{display:block;font-size:1.1rem;font-weight:400;opacity:.55}.cof-size-input{width:8rem;padding:.6rem .8rem;font-size:1.4rem;text-align:center;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--buttons-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));-moz-appearance:textfield}.cof-size-input::-webkit-outer-spin-button,.cof-size-input::-webkit-inner-spin-button{-webkit-appearance:none}.cof-qty-total-row{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:rgba(var(--color-foreground),.05);border-radius:var(--buttons-radius, .4rem);font-size:1.4rem}.cof-qty-total-value{font-size:1.8rem;font-weight:700}.cof-moq{font-size:1.3rem}.cof-moq--warn{color:#c0392b}.cof-moq--ok,.cof-moq--bulk{color:#27ae60}.cof-upload-area{border:.2rem dashed rgba(var(--color-foreground),.3);border-radius:var(--buttons-radius, .4rem);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:1.2rem}.cof-upload-area:hover,.cof-upload-area.is-dragging{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.cof-upload-icon{opacity:.5;margin-bottom:1rem}.cof-upload-text{font-size:1.5rem;margin:0 0 .4rem}.cof-upload-browse{text-decoration:underline;cursor:pointer;font-weight:600}.cof-upload-hint{font-size:1.2rem;opacity:.6;margin:0}.cof-file-input{position:absolute;opacity:0;width:0;height:0}.cof-upload-preview{display:flex;align-items:center;gap:1rem;padding:1rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .4rem);margin-bottom:1.2rem;font-size:1.3rem}.cof-upload-filename{flex:1;font-weight:500}.cof-upload-remove{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;text-decoration:underline}.cof-notice{padding:1.2rem 1.4rem;border-radius:var(--buttons-radius, .4rem);font-size:1.3rem;margin-bottom:1rem;line-height:1.6}.cof-notice p{margin:0}.cof-notice--info{background:rgba(var(--color-foreground),.06)}.cof-notice--time{background:rgba(var(--color-foreground),.04)}.cof-error{color:#c0392b;font-size:1.3rem;margin:.8rem 0 0;font-weight:500}.cof-summary{padding:2rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--buttons-radius, .4rem);position:sticky;top:2rem}.cof-summary__title{font-size:1.5rem;font-weight:700;margin:0 0 1.4rem;padding-bottom:1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.15)}.cof-summary__list{margin:0;padding:0}.cof-summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.6rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.06);font-size:1.3rem}.cof-summary__row dt{opacity:.65}.cof-summary__row dd{font-weight:600;text-align:right;margin:0;max-width:16rem}.cof-summary__row--fee dd{color:#c0392b}.cof-summary__row--discount dd{color:#27ae60}.cof-summary__note{margin:1.2rem 0 .8rem;font-size:1.2rem;opacity:.6;line-height:1.5}.cof-summary__reset{width:100%;padding:.8rem;font-size:1.2rem;margin-top:.4rem}.cof-summary__divider{height:.1rem;background:rgba(var(--color-foreground),.15);margin:.8rem 0}.cof-summary__row--total{border-bottom:none;padding-top:.8rem}.cof-summary__row--total dt{font-weight:700;opacity:1}.cof-summary__row--total dd{font-size:1.8rem;font-weight:700}.cof-summary__row--saving dd{color:#27ae60}.cof-nav{display:flex;align-items:center;justify-content:space-between;margin-top:2.4rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.cof-nav-counter{font-size:1.3rem;opacity:.6}.cof-btn{padding:1rem 2.4rem;font-size:1.4rem;font-weight:600;border-radius:var(--buttons-radius, .4rem);border:.2rem solid rgb(var(--color-foreground));cursor:pointer;transition:background .15s,color .15s,opacity .15s;font-family:inherit;letter-spacing:.02em}.cof-btn:disabled{opacity:.35;cursor:not-allowed}.cof-btn--primary{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.cof-btn--primary:hover:not(:disabled){opacity:.85}.cof-btn--secondary{background:transparent;color:rgb(var(--color-foreground))}.cof-btn--secondary:hover:not(:disabled){background:rgba(var(--color-foreground),.06)}.cof-success{text-align:center;padding:5rem 2rem}.cof-success__inner{max-width:52rem;margin:0 auto}.cof-success__icon{width:6rem;height:6rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:2.8rem;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.cof-success h3{font-size:2.4rem;margin:0 0 1.2rem}.cof-success p{font-size:1.5rem;opacity:.8;line-height:1.7;margin:0 0 1rem}.cof-submit-error{padding:1.4rem;background:#c0392b14;border:.1rem solid rgba(192,57,43,.3);border-radius:var(--buttons-radius, .4rem);color:#c0392b;font-size:1.3rem;margin-top:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/14/assets/custom-order-form.css.map */