.gssf-slider-container {
border: 1px solid #ddd;
padding: 15px;
border-radius: 8px;
background: #f9f9f9;
max-width: 400px;
overflow: hidden;
position: relative;
height: 100px; }
.gssf-slide {
animation: rotateForecast 24s infinite; position: absolute;
width: 100%;
}
.gssf-dot {
height: 12px;
width: 12px;
display: inline-block;
border-radius: 50%;
margin-right: 8px;
}
.gssf-advice {
font-size: 0.9em;
color: #555;
margin: 5px 0;
}
@keyframes rotateForecast {
0%, 12.5% { opacity: 1; top: 15px; }
15%, 100% { opacity: 0; top: -100px; }
} .gssf-tractor-box { 
height: 70px; 
width: 100%; 
overflow: hidden; 
position: relative; 
margin-top: 15px;
background: rgba(0,0,0,0.03); 
border-radius: 8px;
border-bottom: 2px solid #eee;
}
.gssf-tractor-graphic {
font-size: 50px;
height: 60px;
display: block;
width: 100%;
position: relative;
} .gssf-tractor-graphic::after {
content: "\1F69C"; 
position: absolute;
left: -15%; 
transform: scaleX(-1); 
display: inline-block;
transition: filter 0.3s ease; } .gssf-tractor-green .gssf-tractor-graphic::after {
filter: sepia(1) saturate(10) hue-rotate(70deg); animation: tractor-drive 3s infinite linear;
} .gssf-tractor-amber .gssf-tractor-graphic::after {
filter: sepia(1) saturate(5) hue-rotate(10deg); animation: tractor-drive 8s infinite linear, tractor-vibrate 0.5s infinite alternate;
} .gssf-tractor-red .gssf-tractor-graphic::after {
left: 10%; 
filter: sepia(1) saturate(10) hue-rotate(320deg); animation: none; 
}  @keyframes tractor-drive {
0% { 
left: -15%; 
transform: scaleX(-1); 
opacity: 0; 
}
10% { opacity: 1; }
90% { opacity: 1; }
100% { 
left: 115%; 
transform: scaleX(-1); 
opacity: 0; 
}
} @keyframes tractor-vibrate {
from { transform: translateY(0) scaleX(-1); }
to { transform: translateY(-2px) scaleX(-1); }
} .gssf-status-red { background: #f8d7da; border-color: #dc3545; color: #721c24; }
.gssf-status-amber { background: #fff3cd; border-color: #ffc107; color: #856404; }
.gssf-status-green { background: #d4edda; border-color: #28a745; color: #155724; }  @media (max-width: 400px) {
.gssf-wrapper div[style*="display:flex"] {
flex-direction: column !important;
align-items: flex-start !important;
text-align: left;
}
.gssf-wrapper div[style*="width:150px"] {
margin-bottom: 15px;
margin-right: 0 !important;
}
}
.ux-key {
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
box-shadow: 1px 1px 0px #000;
background: radial-gradient(circle at 50% 35%, #e0e0e0, #c0c0c0 70%);
cursor: pointer;
transition: all 0.1s ease-in-out;
position: relative;
text-align: center;
}
.ux-key:active {
border-top: 2px solid #808080;
border-left: 2px solid #808080;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
box-shadow: inset 1px 1px 2px #000;
background: radial-gradient(circle at 50% 35%, #c0c0c0, #a0a0a0 70%);
}
.ux-key p {
font-family: 'Courier New', Courier, monospace;
font-size: 0.6em;
font-weight: bold;
color: #000;
text-transform: uppercase;
line-height: 1.1;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
} .region-container {
position: relative;
min-height: 400px; } .hide-me {
position: absolute; top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.4s ease-in-out;
z-index: 1;
} .hide-me.show-now {
position: relative; opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 2;
} .column.weather-display-area {
display: flex !important;
flex-direction: column !important;
align-items: center !important; 
text-align: center !important;
margin: 0 auto !important;
float: none !important; } .weather-display-area > .hide-me {
width: 100% !important;
display: block !important;
}  .column.weather-display-area:empty,
.region-row-shell:not(.show-now) {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: none !important;
} .region-row-shell.show-now {
display: block !important;
height: auto !important;
margin-bottom: 30px !important; } .sowing-faq-row {
padding-top: 0 !important;
margin-top: -30px !important; position: relative;
z-index: 10;
clear: both;
} .weather-display-area:empty + .sowing-faq-row,
.region-row-shell:empty + .sowing-faq-row {
margin-top: -120px !important; } .weather-display-area .show-now + .sowing-faq-row {
margin-top: 20px !important; 
transition: margin-top 0.4s ease;
} .sowing-faq-row .gssf-ai-faq-wrapper {
border-top: 1px solid rgba(0,0,0,0.05);
padding-top: 20px;
}  .region-row-shell {
display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; line-height: 0 !important; } .region-row-shell.show-now {
display: block !important;
visibility: visible !important;
height: auto !important;
max-height: none !important;
margin-top: 20px !important; margin-bottom: 40px !important; line-height: normal !important;
}  .sowing-faq-row {
margin-top: -80px !important; padding-top: 0 !important;
position: relative;
z-index: 10;
} .region-row-shell .row, 
.region-row-shell .col {
margin: 0 !important;
padding: 0 !important;
}  .gssf-seasonal-placement .gssf-spp-h2 {
margin: 0.2em auto 0.5em !important;
padding-top: 0.2em;
line-height: 1.42 !important;
max-width: 35em;
text-align: center !important;
}
.gssf-seasonal-placement .gssf-spp-h3 {
margin: 0 auto 1.65rem !important;
line-height: 1.5 !important;
max-width: 28rem;
text-align: center !important;
}
.gssf-seasonal-placement > .gssf-spp-h3:first-child {
padding-top: 0.35em;
} .gssf-master-ai-panel:has(.gssf-seasonal-placement) {
overflow: visible !important;
}
#gssf-ajax-faq-content .gssf-seasonal-placement,
#gssf-ajax-faq-content .gssf-spp-rows-fe,
#gssf-ajax-faq-content .gssf-spp-product-row {
overflow: visible !important;
max-height: none !important;
}
#gssf-ajax-faq-content .gssf-spp-product-row {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} @media (max-width: 768px) {
.gssf-master-ai-panel {
overflow: visible !important;
}
#gssf-ajax-faq-content.gssf-panel-content > .gssf-seasonal-placement {
box-sizing: border-box !important;
margin-left: -10px !important;
margin-right: -10px !important;
max-width: none !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
#gssf-ajax-faq-content.gssf-panel-content > .gssf-seasonal-placement .gssf-spp-fe-summary {
padding-left: 14px !important;
padding-right: 14px !important;
gap: 10px !important;
}
#gssf-ajax-faq-content.gssf-panel-content > .gssf-seasonal-placement .gssf-spp-fe-body {
padding-left: 14px !important;
padding-right: 14px !important;
}
}