.ofc-wrap{margin:0;padding:2.5rem 1rem;background:#0c6a3d}.ofc-card{max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem 2rem;border-radius:16px;background:#fffffff7;box-shadow:0 12px 30px #00000029}.ofc-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:flex-start;margin-bottom:.75rem}.ofc-logo{max-width:220px;height:auto}.ofc-h2{font-size:1.7rem;margin:0}.ofc-h3{margin:1.5rem 0 .75rem;font-size:1.2rem}.ofc-hint{margin:0 0 1rem;font-size:.86rem;color:#4b5563}.ofc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem 1.4rem;margin-bottom:1.25rem}.ofc-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.ofc-field label{font-weight:600}.ofc-field legend{font-weight:600;font-size:.9rem;margin-bottom:.35rem}.ofc-field--inline{grid-column:1 / -1}.ofc-input-with-unit{display:flex;gap:.5rem}.ofc-input-with-unit input,.ofc-input-with-unit select,.ofc-field input,.ofc-field select{border-radius:999px;border:1px solid #d4d4d4;padding:.55rem .85rem;font-size:.9rem;width:100%;box-sizing:border-box;background:#fff}.ofc-input-with-unit select{flex:0 0 5rem}.ofc-label-block{font-weight:600;font-size:.9rem}.ofc-radio-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.ofc-radio{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.ofc-radio input{margin:0}.ofc-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.ofc-btn{border-radius:999px;border:1px solid #d4d4d4;padding:.55rem 1.2rem;font-size:.9rem;cursor:pointer;background:#fff}.ofc-btn-primary{background:var(--ofc-brand, #0c6a3d);color:var(--ofc-brand-ink, #ffffff);border-color:transparent}.ofc-btn[disabled]{opacity:.55;cursor:not-allowed}.ofc-results{margin-top:1.25rem}.ofc-table-wrap{overflow-x:auto}.ofc-table{width:100%;border-collapse:collapse;font-size:.9rem}.ofc-table th,.ofc-table td{padding:.55rem .45rem;border-bottom:1px solid #e5e7eb;text-align:left}.ofc-table th{font-weight:600;background:#f9fafb}.ofc-row-total td{font-weight:700;border-top:2px solid #e5e7eb}.ofc-note{margin-top:.6rem;font-size:.8rem;color:#6b7280}.ofc-toast{position:fixed;inset-inline:0;bottom:1.5rem;margin-inline:auto;max-width:340px;padding:.7rem 1.05rem;border-radius:999px;background:#10b981;color:#fff;font-size:.85rem;text-align:center;z-index:40}.ofc-toast--error{background:#b91c1c}@media (max-width: 768px){.ofc-card{padding-inline:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fence-calculator.css.map */