diff --git a/assets/js/app.js b/assets/js/app.js
index 8bb8bf8..9acc2b4 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -284,6 +284,7 @@ export function UTCIForecast() {
   useEffect(() => {
     if (activeProfile === 'vehicle') setSimpleTemp('vehicleT');
     else if (activeProfile === 'home') setSimpleTemp('indoorT');
+    else if (activeProfile === 'pets') setSimpleTemp('furSurfaceT');
     else setSimpleTemp('utciAdj');
     if (['alltemps', 'showall', 'custom', 'farming', 'construction', 'market', 'windowcleaning', 'office'].includes(activeProfile)) {
       setForecastView('table');
@@ -923,15 +924,38 @@ export function UTCIForecast() {
                   ${[1, 2, 3, 4].map(n => html`<button key=${n} type="button" class=${'hour-interval-btn' + (tableInterval === n ? ' on' : '')} title=${n === 1 ? 'Every hour' : `Every ${n} hours`} onClick=${() => setTableInterval(n)}>${n}h</button>`)}
                 </span>
                 ${forecastView === 'simple' && (() => {
+                  const showFur    = visibleCols.furSurfaceT;
                   const showSolar   = visibleCols.utciP;
                   const showVehicle = visibleCols.vehicleT;
                   const showIndoor  = visibleCols.indoorT || visibleCols.managedT;
-                  if (!showSolar && !showVehicle && !showIndoor) return null;
+                  if (!showFur && !showSolar && !showVehicle && !showIndoor) return null;
+                  const furOn     = simpleTemp === 'furSurfaceT';
                   const solarOn   = simpleTemp === 'utciAdj';
                   const vehicleOn = simpleTemp === 'vehicleT';
                   const indoorOn  = simpleTemp === 'indoorT' || simpleTemp === 'managedT';
                   return html`
                     <span class="fvt-model-sep"></span>
+                    ${showFur && html`
+                      <span class=${'col-toggle-group' + (furOn ? ' col-toggle-group--expanded' : '')}>
+                        <${CustomSelect}
+                          value=${furColor}
+                          isOn=${furOn}
+                          grpClass="grp-surface"
+                          hideLabel="Fur Colour"
+                          hidingLabel="Hide Fur Colour"
+                          groupedLeft=${true}
+                          isLastChild=${true}
+                          options=${Object.entries(FUR_COLORS).map(([k, v]) => ({ value: k, label: v.name }))}
+                          onChange=${(v) => {
+                            if (v === 'off') {
+                              setSimpleTemp(showVehicle ? 'vehicleT' : showSolar ? 'utciAdj' : showIndoor ? 'indoorT' : 'furSurfaceT');
+                            } else {
+                              setFurColor(v);
+                              setSimpleTemp('furSurfaceT');
+                            }
+                          }}
+                        />
+                      </span>`}
                     ${showSolar && html`
                       <span class=${'col-toggle-group' + (solarOn ? ' col-toggle-group--expanded' : '')}>
                         <${CustomSelect}
@@ -940,7 +964,7 @@ export function UTCIForecast() {
                           groupedLeft=${true} isLastChild=${true}
                           options=${Object.entries(UTCI_ENVIRONMENTS).map(([k, v]) => ({ value: k, label: v.label }))}
                           onChange=${v => {
-                            if (v === 'off') setSimpleTemp(showVehicle ? 'vehicleT' : showIndoor ? 'indoorT' : 'utciAdj');
+                            if (v === 'off') setSimpleTemp(showFur ? 'furSurfaceT' : showVehicle ? 'vehicleT' : showIndoor ? 'indoorT' : 'utciAdj');
                             else { setUtciEnv(v); setSimpleTemp('utciAdj'); }
                           }}
                         />
@@ -953,7 +977,7 @@ export function UTCIForecast() {
                           groupedLeft=${true} isLastChild=${!vehicleOn}
                           options=${Object.entries(VEHICLE_TYPES).map(([k, v]) => ({ value: k, label: v.name }))}
                           onChange=${v => {
-                            if (v === 'off') setSimpleTemp(showSolar ? 'utciAdj' : showIndoor ? 'indoorT' : 'vehicleT');
+                            if (v === 'off') setSimpleTemp(showFur ? 'furSurfaceT' : showSolar ? 'utciAdj' : showIndoor ? 'indoorT' : 'vehicleT');
                             else { setVehicleType(v); setSimpleTemp('vehicleT'); }
                           }}
                         />
@@ -977,7 +1001,7 @@ export function UTCIForecast() {
                           groupedLeft=${true} isLastChild=${!indoorOn}
                           options=${Object.entries(BUILDING_TYPES).map(([k, v]) => ({ value: k, label: v.name }))}
                           onChange=${v => {
-                            if (v === 'off') setSimpleTemp(showSolar ? 'utciAdj' : showVehicle ? 'vehicleT' : 'indoorT');
+                            if (v === 'off') setSimpleTemp(showFur ? 'furSurfaceT' : showSolar ? 'utciAdj' : showVehicle ? 'vehicleT' : 'indoorT');
                             else { setBuildingType(v); setIndoorMode('on'); setSimpleTemp(indoorManaged ? 'managedT' : 'indoorT'); }
                           }}
                         />