test
/* TerraCottem calculator CSS
Standalone CSS for Drupal/backend embed. No external dependencies. */
.tc-calculator {
--tc-blue: #00a9d6;
--tc-green: #74b72e;
--tc-dark: #1f1f24;
--tc-grey: #f5f7f8;
--tc-border: #d9e2e6;
--tc-red: #ef3e42;
max-width: 1180px;
margin: 0 auto;
padding: 32px;
border-radius: 28px;
background: linear-gradient(135deg, #ffffff 0%, #f7fbfc 100%);
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08);
font-family: Arial, Helvetica, sans-serif;
color: var(--tc-dark);
}
.tc-calculator * { box-sizing: border-box; }
.tc-kicker {
color: var(--tc-blue);
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 14px;
}
.tc-calculator h2 {
margin: 0 0 10px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.05;
}
.tc-intro {
margin: 0 0 28px;
max-width: 900px;
font-size: 17px;
line-height: 1.55;
}
.tc-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
gap: 22px;
align-items: start;
}
.tc-panel {
background: #ffffff;
border: 1px solid var(--tc-border);
border-radius: 22px;
padding: 22px;
min-width: 0;
}
.tc-panel h3 {
margin: 0 0 18px;
font-size: 20px;
}
.tc-fields {
display: flex;
flex-direction: column;
gap: 18px;
}
.tc-field { display: block; width: 100%; }
.tc-field label {
display: block;
margin-bottom: 7px;
font-weight: 700;
}
.tc-field input,
.tc-field select {
display: block;
width: 100%;
max-width: 100%;
border: 1px solid var(--tc-border);
border-radius: 14px;
padding: 14px 15px;
font-size: 16px;
line-height: 1.2;
background: #ffffff;
color: var(--tc-dark);
appearance: auto;
}
.tc-field input:focus,
.tc-field select:focus,
.tc-qty-input:focus {
outline: 3px solid rgba(0, 169, 214, 0.2);
border-color: var(--tc-blue);
}
.tc-project-table-wrap {
overflow-x: auto;
border: 1px solid var(--tc-border);
border-radius: 18px;
background: #ffffff;
margin-bottom: 22px;
}
.tc-project-table {
width: 100%;
border-collapse: collapse;
min-width: 520px;
font-size: 14px;
}
.tc-project-table th,
.tc-project-table td {
padding: 12px 14px;
border-bottom: 1px solid var(--tc-border);
text-align: left;
vertical-align: middle;
}
.tc-project-table th {
background: var(--tc-green);
color: #ffffff;
font-weight: 800;
white-space: nowrap;
}
.tc-project-table tr:last-child td { border-bottom: 0; }
.tc-qty-input {
width: 120px;
border: 1px solid var(--tc-border);
border-radius: 12px;
padding: 11px 12px;
font-size: 15px;
background: #ffffff;
color: var(--tc-dark);
}
.tc-global-inputs {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
}
.tc-result-card {
display: grid;
gap: 14px;
}
.tc-result {
padding: 18px;
border-radius: 18px;
background: var(--tc-grey);
border-left: 7px solid var(--tc-green);
min-width: 0;
}
.tc-result.blue { border-left-color: var(--tc-blue); }
.tc-result.red { border-left-color: var(--tc-red); }
.tc-result.dark { border-left-color: var(--tc-dark); }
.tc-label {
display: block;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #5d6970;
margin-bottom: 6px;
}
.tc-value {
display: block;
font-size: clamp(24px, 3.5vw, 38px);
line-height: 1.05;
font-weight: 900;
overflow-wrap: anywhere;
}
.tc-subvalue {
display: block;
margin-top: 7px;
font-size: 14px;
color: #5d6970;
line-height: 1.4;
}
.tc-summary {
margin-top: 22px;
padding: 18px;
border-radius: 18px;
background: linear-gradient(135deg, rgba(0, 169, 214, 0.12), rgba(116, 183, 46, 0.14));
line-height: 1.5;
}
.tc-note {
margin: 18px 0 0;
font-size: 12px;
color: #66737a;
line-height: 1.45;
}
@media (max-width: 900px) {
.tc-calculator {
padding: 22px;
border-radius: 22px;
}
.tc-grid { grid-template-columns: 1fr; }
}
Project cost and replacement savings calculator
Estimate your full project planting risk, TerraCottem needs and possible savings
Enter the quantity of each plant size in your project, then add your expected failure rate and replacement costs. This calculator estimates your total TerraCottem requirement, TerraCottem product cost, replacement exposure and potential net savings.
Project planting schedule
Quantity Plant size TerraCottem rate Tubestock 0 kg 100mm 0 kg 140-150mm 0 kg 200mm 0 kg 300mm 0 kg 25 LT 0 kg 45-50 LT 0 kg 75 LT 0 kg 100 LT 0 kgReplacement cost assumptions
Failure rate without TerraCottem (%) Average tree replacement cost Maintenance and watering cost per replacementYour estimated project result
Total plants in project 0 Based on all quantities entered Estimated trees at risk without TerraCottem 0 20% of 0 plants Estimated cost of replacing those trees $0 Based on $400 per failed tree Total TerraCottem required 0 kg Calculated from plant sizes and quantities Estimated TerraCottem product cost $0 Calculated from total kg order volume Potential cost of losses with TerraCottem $0 Based on TerraCottem survival performance Potential net savings after TerraCottem cost $0 Replacement exposure avoided, minus TerraCottem product cost Based on 0 total plants, a 20% expected failure rate and $400 per failed tree, the estimated replacement exposure without TerraCottem is $0. The project would require 0 kg of TerraCottem at $0/kg, for an estimated product cost of $0. Using TerraCottem, the potential replacement loss is $0 and the potential net saving after product cost is $0.Assumptions: TerraCottem product cost is calculated using volume-based kg pricing. The TerraCottem scenario uses a background survival rate of 90%. Product cost excludes freight, labour, GST and other project costs unless added separately. Estimated costs are indicative only and should be adjusted to match local council, contractor, watering and maintenance rates.
test
test