
.agro-categories-section,
.agro-categories-section *{box-sizing:border-box}
.agro-categories-section{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:var(--agro-padding) 20px;
    background:
      radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--agro-accent) 16%,transparent),transparent 34%),
      linear-gradient(180deg,color-mix(in srgb,var(--agro-bg) 98%,white),var(--agro-bg));
    font-family:inherit;
    isolation:isolate
}
.agro-categories-section:before{
    content:"";position:absolute;top:-250px;right:-220px;width:520px;height:520px;
    border:1px solid color-mix(in srgb,var(--agro-dark) 10%,transparent);
    border-radius:50%;
    box-shadow:0 0 0 70px color-mix(in srgb,var(--agro-dark) 3%,transparent),0 0 0 140px color-mix(in srgb,var(--agro-dark) 2%,transparent);
    pointer-events:none;z-index:-1
}
.agro-categories-container{width:min(1280px,100%);margin:0 auto}
.agro-categories-heading{max-width:800px;margin:0 auto 48px;text-align:center}
.agro-categories-label{
    display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;
    color:var(--agro-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.agro-categories-label span{width:28px;height:2px;border-radius:99px;background:var(--agro-accent)}
.agro-categories-heading h2{
    margin:0;color:var(--agro-dark);font-size:clamp(34px,4vw,58px);
    line-height:1.05;letter-spacing:-.045em;font-weight:800
}
.agro-categories-heading p{max-width:680px;margin:18px auto 0;color:color-mix(in srgb,var(--agro-dark) 62%,white);font-size:17px;line-height:1.7}
.agro-categories-grid{display:grid;grid-template-columns:repeat(var(--agro-columns),minmax(0,1fr));gap:var(--agro-gap)}
.agro-category-card{min-width:0}
.agro-has-animation .agro-category-card{opacity:0;transform:translateY(28px);animation:agroCategoryReveal .7s ease forwards;animation-delay:var(--agro-delay)}
.agro-category-link{display:block;height:100%;text-decoration:none;color:inherit}
.agro-category-media{
    position:relative;height:var(--agro-card-height);overflow:hidden;border-radius:var(--agro-radius);
    background:var(--agro-dark);box-shadow:0 16px 45px rgba(16,45,33,.12),0 3px 8px rgba(16,45,33,.06);
    isolation:isolate;transition:transform .35s ease,box-shadow .35s ease
}
.agro-category-link:hover .agro-category-media{
    transform:translateY(-9px);
    box-shadow:0 30px 65px rgba(16,45,33,.22),0 4px 12px rgba(16,45,33,.09)
}
.agro-category-media img,.agro-category-fallback{
    position:absolute;inset:0;z-index:-3;width:100%;height:100%
}
.agro-category-media img{
    display:block;object-fit:cover;transform:scale(1.02);
    transition:transform .8s cubic-bezier(.2,.75,.3,1),filter .5s ease
}
.agro-category-link:hover .agro-category-media img{transform:scale(var(--agro-hover-zoom));filter:saturate(1.08)}
.agro-category-fallback{
    display:grid;place-items:center;
    background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--agro-card-accent) 30%,transparent),transparent 35%),linear-gradient(145deg,color-mix(in srgb,var(--agro-dark) 80%,#1f6b45),var(--agro-dark))
}
.agro-category-fallback span{font-size:150px;font-weight:900;line-height:1;color:rgba(255,255,255,.1)}
.agro-category-overlay{
    position:absolute;inset:0;z-index:-2;
    background:linear-gradient(to bottom,rgba(6,25,17,.08) 0%,rgba(6,25,17,var(--agro-overlay-mid)) 38%,rgba(6,25,17,var(--agro-overlay)) 100%);
    transition:background .4s ease
}
.agro-category-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.agro-category-count{
    display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.18);
    border-radius:999px;background:rgba(14,42,30,.58);color:rgba(255,255,255,.92);font-size:11px;font-weight:700;
    letter-spacing:.04em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.agro-category-arrow{
    margin-left:auto;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);
    border-radius:50%;background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    transition:color .3s ease,background .3s ease,transform .3s ease
}
.agro-category-arrow svg,.agro-category-action svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.agro-category-arrow svg{width:19px}
.agro-category-link:hover .agro-category-arrow{background:var(--agro-card-accent);color:var(--agro-dark);transform:rotate(-8deg)}
.agro-category-content{position:absolute;left:25px;right:25px;bottom:25px;color:var(--agro-text)}
.agro-category-eyebrow{
    display:block;margin-bottom:9px;color:var(--agro-card-accent);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.agro-category-content h3{
    margin:0;color:var(--agro-text);font-size:clamp(25px,2vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.035em
}
.agro-category-content p{margin:13px 0 0;color:var(--agro-muted);font-size:14px;line-height:1.55}
.agro-category-action{
    display:flex;align-items:center;gap:9px;max-height:0;margin-top:0;overflow:hidden;color:var(--agro-text);
    font-size:12px;font-weight:700;opacity:0;transform:translateY(8px);
    transition:max-height .35s ease,margin-top .35s ease,opacity .35s ease,transform .35s ease
}
.agro-category-action svg{width:16px;color:var(--agro-card-accent)}
.agro-category-link:hover .agro-category-action{max-height:40px;margin-top:18px;opacity:1;transform:translateY(0)}
@keyframes agroCategoryReveal{to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.agro-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
    .agro-categories-section{padding:calc(var(--agro-padding) * .72) 15px}
    .agro-categories-heading{text-align:left;margin-bottom:34px}
    .agro-categories-heading h2{font-size:38px}
    .agro-categories-heading p{margin-left:0;font-size:15px}
    .agro-categories-grid{grid-template-columns:1fr;gap:17px}
    .agro-category-media{height:max(360px,calc(var(--agro-card-height) * .9));border-radius:min(var(--agro-radius),24px)}
    .agro-category-content{left:21px;right:21px;bottom:21px}
    .agro-category-action{max-height:40px;margin-top:15px;opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
    .agro-has-animation .agro-category-card{opacity:1;transform:none;animation:none}
    .agro-category-media,.agro-category-media img,.agro-category-arrow,.agro-category-action{transition:none}
}
