.cod-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e23408c;z-index:1100;opacity:0;pointer-events:none;transition:opacity .2s ease}.cod-form-overlay:empty{display:block}.cod-form[open] .cod-form-overlay{opacity:1;pointer-events:auto}.cod-form-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1101;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:8px;visibility:hidden;pointer-events:none}.cod-form[open] .cod-form-dialog{visibility:visible;pointer-events:auto}.cod-form-panel{width:100%;max-width:560px;flex-shrink:0;margin-top:auto;background:var(--color-surface-raised);border-radius:var(--radius-card);padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(calc(100% + 8px));transition:transform .25s ease}.cod-form[open] .cod-form-panel{transform:translateY(0)}@media(min-width:700px){.cod-form-panel{margin-block:auto;padding:22px;transform:translateY(12px) scale(.98)}.cod-form[open] .cod-form-panel{transform:translateY(0) scale(1)}}.cod-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cod-form-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-heading, 700);font-size:var(--font-size-h3);letter-spacing:-.02em;color:var(--color-text-strong);margin:0}.cod-form-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-strong);cursor:pointer;flex-shrink:0}.cod-form-close svg{width:16px;height:16px}.cod-form-summary{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-teal-surface);border:1px solid var(--color-teal-line-strong);border-radius:var(--radius-field);box-shadow:var(--shadow-step-marker);margin-bottom:12px}.cod-form-summary img{width:52px;height:52px;border-radius:var(--radius-tile);object-fit:cover;flex-shrink:0}.cod-form-summary-info{min-width:0}.cod-form-summary-title{font-size:var(--fs-sm);font-weight:var(--font-weight-bold);color:var(--color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cod-form-summary-variant{font-size:var(--fs-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cod-form-summary-variant:empty{display:none}.cod-form-summary-price{font-size:var(--fs-sm);font-weight:var(--font-weight-bold);color:var(--color-navy)}.cod-form-field{margin-bottom:9px}.cod-form-label{display:block;font-size:var(--fs-xs);font-weight:var(--font-weight-bold);color:var(--color-text-strong);margin-bottom:4px}.cod-form-required{color:var(--color-sale)}.cod-form-row{display:grid;grid-template-columns:1fr;gap:9px}@media(min-width:480px){.cod-form-row{grid-template-columns:1fr 1fr}.cod-form-row .cod-form-field{margin-bottom:0}}.cod-form-input,.cod-form-select,.cod-form-textarea{width:100%;min-height:44px;padding:8px 13px;border:1.5px solid var(--color-border-input);border-radius:var(--radius-field);font-family:var(--font-family-body);font-size:var(--fs-body);line-height:1.3;color:var(--color-text-strong);background:var(--color-surface-raised);appearance:none;-webkit-appearance:none;-moz-appearance:none}.cod-form-input::placeholder,.cod-form-textarea::placeholder{color:var(--color-text-muted)}.cod-form-textarea{min-height:56px;resize:vertical}.cod-form-select-wrapper{position:relative}.cod-form-select{padding-right:38px}.cod-form-select-wrapper:after{content:"";position:absolute;top:50%;right:16px;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);pointer-events:none}.cod-form-select:disabled{background:var(--color-surface-field);color:var(--color-text-muted);cursor:not-allowed}.cod-form-input:focus,.cod-form-select:focus,.cod-form-textarea:focus{outline:none;border-color:var(--color-button-primary);box-shadow:0 0 0 3px var(--color-teal-outline)}.cod-form-input[aria-invalid=true],.cod-form-select[aria-invalid=true]{border-color:var(--color-sale)}.cod-form-help{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:4px}.cod-form-error{font-size:var(--fs-xs);color:var(--color-sale);margin-top:4px;display:none}.cod-form-field[data-invalid] .cod-form-error{display:block}.cod-form-checkbox-field{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:10px}.cod-form-checkbox-field .cod-form-error{flex-basis:100%;margin-left:30px}.cod-form-checkbox{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--color-button-primary)}.cod-form-checkbox-label{font-size:var(--fs-sm);color:var(--color-text-strong);line-height:1.4}.cod-form-submit{width:100%;min-height:48px;margin-top:4px}.cod-form-server-error{background:var(--color-sale-bg);border:1px solid var(--color-sale);color:var(--color-sale);border-radius:var(--radius-field);padding:10px 13px;font-size:var(--fs-sm);margin-bottom:14px;display:none}.cod-form[data-server-error] .cod-form-server-error{display:block}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-cod-order-form.css.map */